본문 바로가기

포토샵 튜토/포토샵 튜토

[포토샵 강좌] 포토샵으로 내컴퓨터 아이콘을 디자인해 보자

오래간만에 해보는 포토샵 포스팅입니다.


이번에 만들어볼건 저번의 폴더에 이은 컴퓨터 아이콘 만들기 입니다.


위와 같은 깔끔한 아이콘 만들기 어렵지 않아요~


쉐이프 툴을 이용하여 사각형을 만들어 주어 전체적인 모니터의 백디자인을 하였습니다.

이제 안쪽에 모니터를 채워보는거죠


윈도우의 대표적인 칼라는 블루이니 블루로 채워줬습니다.



다음 이렇게 버튼을 만들어 주었습니다.



이제 모니터가 정면이 아닌 측면을 위해서 ctrl+t를 눌러서 모양을 변형시켜줍니다.


각도는 본인의 눈에 맞춰서 해주시는것이 좋은거 같습니다.


구도를 생각하면서 해주세요



다음 뒤쪽에 모니터 본체를 만든 박스를 복사해서 칼라를 채워주신다음 모양을 잘 비틀어 주세요



그런다음 아웃라인을 스트로크로 만들어주면 입체감이 좀더 삽니다만


후에 통으로 주는것을 권장합니다.


저도 처음에 주었다가 나중에 주었습니다.




이제두께 부분에 그라데이션툴로 빛나는 부분을 만들어 줍니다.



버튼을 아웃라인 을 만들어서 경계를 살려줍니다.



다음 모니터 내부를 꾸며주었씁니다.


보면 알겠지만 그라데이션을 넣어서 빛의 방향을 넣어주었고


윈도우 시작줄을 나타내는 라인을 만들어 주엇씁니다.


내부는 취향에 맞게 넣어주시되 입체감을 살짝씩 살려주심이 좋습니다.



입체감을 더욱 살려주기 위해 안쪽에 그림자를 넣어줍니다.


쉐이프 툴을 이용해서 이렇게 손쉽게 만들어 주실수 있습니다.




나머지 버튼을 만들어 주신다음



하이라이트 부분을 만들어 줍니다.



좀 더 모니터 스럽게 만들어 줍니다.



다음 전체적인 빛나는 부분을 이렇게~ 해주시고



마스크를 씌운후 쉐이프툴을 이용해 모니터 부분만 해 주시면 됩니다.


다음 투명도 10프로의 값을 주시면 위와 같이 바뀝니다.



내부의 디자인을 위해 저는 원툴을 이용해 원을 만들어 준후 스트로크를 이용해 라인을 살려주었씁니다.



모니터 디자인 얼추 완성~


나쁘지 않네요~



이제 받침을 만들어 줍니다.


위와 같이 쉐이프툴을 이용해 만들어 줍니다.




받침이 너무 밋밋하니 조금만 디테일하게 해 줍니다.


그림자와 반사광을 살짝쿵~




이렇게 완성이 되었습니다.


워낙 크게 작업한지라 최종적으로 스트로크를 주어서 아웃라인을 만들어 준후 사이즈를 줄여 주었습니다.



이렇게 해서 내컴퓨터의 아이콘이 완성되었습니다.




png로 올려 봅니다.