깔끔하게 아이콘 과 이미지 색상 변경하기 [포토샵 Layer Color Overlay]

2013.04.27 08:00




안녕하세요 Azdesign™ 입니다. 


오늘은 아이콘 이미지 색상 쉽게 수정하기 강좌를 진행할께요. 

보통 테마 작업하시는 분들 이미지 색상을 어떻게 수정하는지 자세히는 모르겠지만.

이미지 퀄리티를 살리면서 색상 및 효과적용까지 손쉽게 할 수 있는 방법에 대해 설명해 드리겠습니다.


보통 포토샵에서 이미지 수정을 하게 될경우 많이 하시는 방법은 아래 방법으로 많이 진행하겠지만

1) 영역을 선택해서 색상 Fill명령어를 통해 색상을 올리는 방법

2) Image==> Adjustments 에서 색상/밝기 등을 수정


오늘은 이미지 원본을 그대로 유지하면서 Layer에 Color Overlay이미를 덮어서 

수정하는 방법에 대해 설명해 드리겠습니다.





아래  페이지 링크를 통해 맘에 드시는 아이콘을 구하시면 됩니다.


아이콘 자료가 많은 리체님 블로그

http://estiloleche.tistory.com





왠만한 아이콘 자료는 다모아놓은  Deviantart

http://android-users.deviantart.com/gallery/25819872






 

 포토샵 Layer Color Overlay의 장점 ☆


 1) 아이콘 및 이미지 원본을 그대로 유지하면서 진행할 수 있습니다..
 2) 이미지 색상 변경시 원본 속성를 유지하면서 변경할 수 있습니다. [아래 스샷 참조해주세요]
 3) 작업하시다가 손쉽게 2차적인 효과를 바로 줄 수 있습니다.








포토샵으로 이미지 및 아이콘 깔끔하게 색상 수정하기


우선 노트에 있는 퀵패널 아이콘을 하나 열어봤습니다. 기본적으로 약간 저체도의 아이콘 이미지가 보이네요.

이 색상을 변경해 보겠습니다.





1) Layer창에 해당 레이어를 더블클릭 해주세요




2) Layer Style창에서 Color OverLay 클릭 하시면 우측에 색상 변경 창이 나옵니다.

(우선 Blend Mode를 Normal로 선택할께요.)


3) 색상 선택창이 나오게 되면 원하시는 색상을 선택해 주세요.





4) 색상 선택을 다하신후에 OK==>OK 를 눌러주시면 원하는 색상으로 아이콘이 변경됩니다.




5) 아래처럼 이미지 색상이 변경된걸 확인 하실 수 있습니다.





원본과 수정본 비교해보기


좌측이 원본이고 우측이 아이콘 색상 변경파일입니다.


      



엥?? 이게 끝??

제가 알려드리고 싶은 건...
이렇게 색상만 변형시키는 게 아니고 
기본적인 속성을 그대로 유지하면서 
변경하는 방법입니다.

   
이 아이콘을 보면 이미지 외각에 살짝 스토록이 있습니다.
약간의 음각느낌이 있죠??

이분을 살리면서 색상을 변경해볼께요.






원본속성을 유지하면서 이미지 수정하기


2)번과정에서 처음에는 그냥 Normal로 설정했는데 아래와 같이 Multiply로 적용해주세요.


그리고 저장해서 이미지를 비교해 볼까요?



Original          Normal                Multiply   





이미지 색상은 조금 보정이 필요하지만 

Multiply이를 통해서 기존에 갖고 있던 느낌을 살리면서 이미지를 수정하실 수 있습니다.^^



<작업하 실때에는 원본을 화이트로 수정하신 후 색상입히시는게 쉬워요^^>






원본의 톤차이를 그대로 살리면서

간단하게 이미지 수정하는 방법 이였습니다.

다른방법도 많지만 아이콘 수정하실때는

위와같은 방법이 가장 편한거 같습니다.











이상으로   이미지 깔끔하게 색상 변경하기 포스팅을 마치도록하겠습니다.


조금이나마 테마작업하는데 도움이 되어드리고자 포스팅 하고 있는 

Azdesign™ 입니다.^^






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


azdesign™ 포토샵 / 강좌 및 자료/이미지 편집/자료 , , , , ,



  1. Blog Icon
    CUBE

    와ㅜㅜ 이런방법 찾고있었는데 정말 감사합니다!ㅎㅎ

티스토리 툴바