포토샵으로 위와 같은 아이콘을 만드는 법을 해볼까 합니다.


방법은 어렵지 않아요~



먼저 마스크 쉐이프로 원을 그려줍니다.




다음 레이어를 더블 클릭해서 나오는 레이어 스타일 중에 그라디언트 오버레이와 베벨 엠보스를 체크해 줍니다.

칼라는 원하는 칼라로 해주시면 됩니다.



다음 작업한 레이어를 복사한 다음 ctrl+t를 눌러 원본 사이즈보다 작게 해줍니다.



다음 모든 스타일을 꺼주시고 외곽선을 해주는데 중요한 것은 fill type이 그라디언트에 투명도로 나가야 한다는 겁니다.

위에서 빛이 내려오고 있는 느낌을 위해서 말이죠.



다음 옵션만을 남기기 위에 advanced blending 의 fill opacity 부분을 0으로 바꿔주시면

효과는 남고 원본은 사라집니다.



다음 글씨를 써주시고 레이어 스타일로 들어갑니다.



다음 글씨를 화이트 칼라로 바꿔주시고


이너 쉐도우를 줌으로 입체감을 살려줍니다.

글씨가 너무 얇은거 같으 두껍게 바꿔봤어요.


이제 별모양으로 만드는 방법을 알아 보겟어요



마스크 쉐이프의 다각형을 클릭한다음 사이드 수는 원하는 수만큼 하시고 아래 화살표를 눌러 옵션을 바꿔줍니다.

star에 체크 들어오는 값을 10으로 정해 줍니다.




이렇게 같은 방법으로 작업을 하면 웹용 아이콘 디자인이 끝났습니다.



이런 아이콘들은 일러에서도 작업을 하고 다양하게 하는데


포토샵에서도 간단히 작업하는것을 보여드렸습니다.


모두들 자신들의 아이콘을 디자인해 가면서 바꾸어 보아요~



web_icon.rar


제가 만든 파일을 올려 봅니다.


근데 받기만 하고 그냥 가는건 아니죠~?

저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

블로그 이미지

노리섬

카테고리

분류 전체보기 (602)
프리미어 강좌 (15)
에프터 이팩트 튜토 (46)
포토샵 튜토 (83)
일러스트레이터 튜토 (1)
자료실 (137)
3d (22)
Tips (35)
모션그래픽 섬 (242)
etc (20)