카테고리

ADOBE TUTORIAL (140)
프로그램 매뉴얼 (9)
다운로드 (17)
Tips (39)
공모전 정보 (14)
QnA (7)
Tutorial (38)
Photoshop (37)
Illustrator (1)
기타 프로그램 (5)
Total
Today
Yesterday


포토샵으로 2D label을 만들어 봅니다.
지금 튜토리얼을 써내려가는 곳이 자택이 아니라서 원래 사용하던 버전인 CS3을 사용하지 않고 7.0을 사용했습니다..
단축키가 달라 좀 헷갈리네요.

운영정책 알림 단순히 공부 목적으로 사용 하시기를 권고드리며 해당 게시글은 퍼가기가 허용되지 않습니다.
출처를 남긴다고 해도 퍼갈 수 없으며 동의 요청 또한 받지 않습니다. 또한 그 일부를 스크랩하는 행위도 안됩니다.


1. 600x120(px)의 신규 도큐먼트를 생성합니다. Resolution은 72 Color mode는 RGB입니다.


2. 


gradient Tool을 선택하여 이와 같이 색상을 셋팅해 준 뒤 좌측상단에서 우측 하단으로 드래그해 줍니다.


3. 


전경색을 #ffffff로 설정하고 rectangle Tool(Shape Layer)을 이용하여 가로가 긴 직사각형을 만들어 줍니다.


4.


위와 같은 모양으로 Free Transform합니다.



5.


Layer Style을 적용합니다. 3px Stroke, 위와 같은 색상의 Color Overlay를 적용하세요.



6.


이와 같이 Drop Shadow도 주어 그림자 효과를 냅니다.



7.


신규 레이어를 추가하고 Marquee Tool로 직사각형을 그린 뒤 #000000으로 채웁니다. 그 다음 위와 같이 Motion Blur 필터를 줍니다.



8.


레이어를 복제합니다.



9.


이와 같이 Free Transform으로 위치시키고 Opacity를 조정합니다. 그리고 복제된 다른 Shadow도 반대방향에 적절히 위치시킨 후 완성합니다.

Posted by aearts
, |

네이버에 있는 메일쓰기 버튼을 만들어 봅니다. (위 내게쓰기 버튼은 제외하고 메일쓰기 단일의 버튼으로 만듭니다.)
이러한 버튼 제작 방법은 네이버에서 사용되는 대부분의 버튼에 일괄적으로 적용됩니다.

운영정책 알림 단순히 공부 목적으로 사용 하시기를 권고드리며 해당 게시글은 퍼가기가 허용되지 않습니다.
출처를 남긴다고 해도 퍼갈 수 없으며 동의 요청 또한 받지 않습니다. 또한 그 일부를 스크랩하는 행위도 안됩니다.



1.
임의의 도큐먼트를 생성합니다.

2.
Round Rectangle Tool로 1px의 Radius로 검정색의 임의의 사각형을 생성한 다음 Free Transform 으로 가로 90px 세로 30px로 리사이즈 합니다.

3.
레이어 스타일을 적용합니다.
Color Overlay #ffffff

4.
완성된 버튼 안에 글씨를 넣고 완성합니다.

 

Posted by aearts
, |
네이버에 해피빈에 있는버튼을 만들어 봅니다.
펜툴 사용만 유의하시면 됩니다.
간단한 튜토리얼 같아서 이미지는 따로 첨부하지 않았습니다.

운영정책 알림 단순히 공부 목적으로 사용 하시기를 권고드리며 해당 게시글은 퍼가기가 허용되지 않습니다.
출처를 남긴다고 해도 퍼갈 수 없으며 동의 요청 또한 받지 않습니다. 또한 그 일부를 스크랩하는 행위도 안됩니다.



1.
임의의 도큐먼트를 생성합니다.

2.
Ellipse Tool로 Shape layers모드로 원하는 원을 그려줍니다.

3.
이와 같은 스타일을 적용합니다.
· Inner Shadow (40px size , 20% Opacity, 0px distance, 0% chock)
· Color Overlay (전체적인 분위기에 맞는 색상 선택)
· Stroke (3px size, Outside, more bright color)

4.
원이 접히는 모양을 만들기 위해 새로운 레이어를 추가하고 펜툴(Shape layers)을 이용하여 접히는 모양을 그려줍니다.

5.
이와 같은 스타일을 적용합니다.
· Gradient Overlay (set the options properly)
· Drop Shadow (set the options properly)

6.
완성되었습니다.

 

Posted by aearts
, |

결과 미리보기


왼쪽 : 가장자리 잡티가 남아있음 | 오른쪽 : 제거됨



이미지에서 자신이 원하는 부분을 추출하는 방법은 다양합니다.
crop, marquee, channel, magic wand, lasso, extract...
제가 알려드릴 방법은 거의 대부분의 추출 결과로 발생되는 잡티 문제점을 해결하는 방법이긴 합니다만 magnetic lasso tool이나 magic wand tool 등으로 자동 추출하였을 때 생기는 잡티를 없애는데 최적화 되었습니다.

예제로 쓰일 이미지입니다.

출처 : 네이버블로그(http://blog.naver.com/ytseo?Redirect=Log&logNo=86491579)


제가 알려드릴 방법은 총 3가지입니다.
첫째부터 시작합니다.^^


1. Level과 Gaussian Blur를 이용한다.
포토샵 고급 사용자가 되서야 비로소 원리를 파악할 수 있는 방법이네요.
왜 이렇게 되는지에 대해선 설명하지 않겠습니다 ㅠ.ㅠ 초보자님들은 2, 3번 방법으로 하셔도 됩니다.

우선 이미지를 따야겠죠^^?
따는 방법은 생략합니다. 따는 방법을 아시는 분들이 오셨을 터이니..


위 이미지에서 꽃을 따고나면 대강 이런 모양이 될겁니다.
물론 펜툴이나 다른 방법을 이용하셨다면 이보단 더 깨끗한 결과가 나왔을 거에요^^



ctrl과 함께 땄던 꽃의 thumbnail을 클릭하면 꽃의 영역이 활성화 됩니다.
이 상태에서 마스크를 씌워주세요.



'마스크'를 선택하고 Gaussian Blur([Filter] - [Blur] - [Gaussian Blur])를 1.0px크기로 적용합니다.



'마스크'를 선택하고 Levels([Image] - [Adjustments] - [Levels])를 적용합니다.
Input Levels의 Shadow 부분 slider를 오른쪽으로 쭉 당겨줍니다.

 이미지의 특성에 따라 어느 slider를 조정해야 하는지 달라질 수 있습니다.



적용 결과입니다.


이제 방법 2로 넘어가죠.
이제부턴 쉬워집니다;


2. Expand 를 이용한다.
쉬워요 쉬워요.


ctrl과 함께 땄던 꽃의 thumbnail을 클릭하면 꽃의 영역이 활성화 됩니다.
이 상태에서 선택 영역 반전을 위해 Inverse([Select] - [Inverse])를 적용합니다.



선택 영역을 반전한 뒤 Expand([Select] - [Modify] - [Expand]) 를 1px의 값으로 적용합니다.



그 다음 Delete를 눌러 해당 부분을 지워주면 완성


3. Defringe 를 이용한다.
이건 정말 초간단 방법이네요..
그러나 부작용이 있습니다.
이거 원리가 이미지의 영역을 지정해준 만큼 밀어내는거라 값이 커지면 이미지가 망가집니다 ㅠ.ㅠ


이미지를 불러옵니다.



Defringe([Layer] - [Matting] - [Defringe]) 를 적용합니다.값으로 1px를 적용합니다.



완성 결과입니다.

Posted by aearts
, |

완성 미리보기


전체적인 특정 색상의 톤을 원래 이미지의 본연의 색으로 '아주' 간단한 방법을 통해 바꿔보겠습니다.



이미지를 불러온 뒤 레이어를 하나 더 복제합니다.



복제된 레이어에 Color Balance([Image] - [Adjustments] - [Color Balance])를 적용합니다.



색상 보정이 필요 없는 mp3까지도 color balance가 적용되었습니다.
여러가지 툴로 mp3부분을 마스크레이어로 검정색을 이용. 그려줍니다. (저는 브러쉬를 사용했네요)



완성





다시 비교


Posted by aearts
, |

완성 미리보기


포토샵을 이용하여 간단한 방법으로 인물이나 제품에 시선이 집중되도록 하는 효과를 넣어 보도록 합니다.

시작!


작업할 이미지를 엽니다. (저는 저번 강좌에서 완성했던 이미지를 사용할게요^^;)



레이어를 복제합니다. 
그 다음 복제된 레이어에 Radial Blur([Filter] - [Blur] - [Radial Blur])를 이와 같이 줍니다.
Blur Center에 있는 검은 점은 제가 임의로 찍은 것입니다. 포인트를 수정하셔서 적용하세요.



강조효과가 필요없는 mp3부분은 효과를 해제하기 위해 복제되었던 레이어에 마스크를 씌워주고 브러쉬로 마스크레이어에 mp3부분을 따라 그려줍니다.



완성^^


Posted by aearts
, |

간단한 방법을 통해 인물의 얼굴을 멋진 팝아트 스타일로 바꿔 보도록 합니다.
곧 이것보다 복잡한 방법으로 다른 팝아트 스타일을 제작해 보도록 할 것입니다.
(완성되었습니다. "포토샵으로 자신의 얼굴을 멋진 팝아트 스타일로 바꾸기 [일반편]")
예제 이미지로 사용된 것은 히틀러와 관련한 포스터입니다.


완성 미리보기




효과를 적용할 이미지와 사이즈가 동일한 신규 도큐먼트를 생성하시고 효과를 적용할 이미지를 불러옵니다.
(위 이미지는 실제 포스터에서 필요없는 부분을 최대한 crop 한것이고 옷에 겹쳐있던 포스터 슬로건은 포토샵 작업을 통해 지웠습니다.)



이미지에서 효과를 적용할 인물을 추출하도록 합니다.
위와 같이 인물을 선택하시어 선택 영역으로 불러옵니다.



선택 영역을 Inverse([단축키 ctrl + shift + i]) 명령을 통해 반전시킨 뒤 Delete를 눌러 지워줍니다.


이미지를 단순화 하기에 앞서, 머리카락을 burn Tool을 이용해 칠해주어 약간 어둡게 만들어 줍니다.
(머리카락이 밝기 때문에 단순화 효과를 주었을 때 적용이 쉽게 되지 않기 때문입니다.)



이미지를 단순화 하겠습니다.
위 이미지와 같이 Threshold([Image] - [Adjustments] - [Threshold]) 효과를 적용합니다,



효과를 적용한 뒤 이미지와 배경을 구분하기 위해 Background 레이어의 임의의 색상을 채워 넣습니다.
채워 넣은 후, 인물 레이어를 선택한 뒤 Magic Wand Tool로 흰색 영역을 선택하고 Delete를 눌러 지워줍니다.


Background 레이어를 선택해서 다시 흰색으로 채워줍니다.
그 다음엔 다시 Magic Wand Tool을 선택해 검정색 영역을 선택하고, 자신이 원하는 색상으로 채워주면 완성입니다.

Posted by aearts
, |

간단한 방법을 통해 인물의 얼굴을 멋진 팝아트 스타일로 바꿔 보도록 합니다.
곧 이것보다 복잡한 방법으로 다른 팝아트 스타일을 제작해 보도록 할 것입니다.
예제 이미지로 사용된 것은 히틀러와 관련한 포스터입니다.



완성 미리보기




효과를 적용할 이미지와 동일한 사이즈의 도큐먼트를 열고 이미지를 불러옵니다.
이 이미지는 과거 "포토샵으로 자신의 얼굴을 멋진 팝아트 스타일로 바꾸기 [간단편]" 포스트에서 예제 이미지로 사용했던 것과 같은 것입니다.



인물을 선택영역으로 추출하는 작업을 실행합니다.



인물이 선택되었다면 Inverse(단축키 ctrl + shift + i) 를 실행해 배경을 선택하고 delete 하여 지워줍니다.
그 다음엔 번툴을 이용하여 머리카락 부분을 골고루 '진하게' 효과를 주세요.



Threshold([Image] - [Adjustments] - [Threshold]) 효과를 줍니다. level값은 편한대로 하셔도 됩니다.



배경에 자신이 원하는 색상톤의 그라디언트를 삽입합니다.
그 다음, Threshold효과를 적용한 인물 레이어의 blend mode를 darken으로 변경합니다.



여러분의 손 테크닉과 색상 감각을 뽐낼 차례입니다;
인물 레이어와 background레이어 사이에 새로운 레이어를 추가하고 브러쉬 툴로 여러 색상을 선택하며 자신이 원하는 색상 톤을 그려줍니다.. 저는 강좌라 그런지 너무 대충했네요^^;



레이어를 복제한 뒤 Halftone Pattern 필터([Filter] - [Sketch] - [Halftone Pattern])를 적용합니다.
값은 윗부분은 2, 중간부분은 12정도. 맨 아래에는 Dot? 으로 두시는게 적당합니다.
필터를 적용하셨다면 해당 레이어의 blend mode를 overlay로 두세요.


그 다음 Layer 2 레이어에 Cutout 필터([Filter] - [Artistic] - [Cutout])를 적당히 적용합니다.
그 뒤, Layer 2레이어와 Layer 2 copy 레이어를 합치고 지우개툴로 튀어나온 부분 조금 보정해 주면 끝입니다.

완성^^



Posted by aearts
, |

간단한 방법을 통해 사진에 빈티지 효과를 주는 방법을 배워봅니다.


여러분들이 싸이월드 같은 개인적인 커뮤니티 공간에서 자주 접하게 되는 빈티지사진!
이러한 빈티지사진을 잘 보시면 색감이 전체적으로 푸른빛이 감돈다는걸 아실 수 있습니다.
사람의 눈은 은은한 푸른색을 내는 물체를 보면 빈티지한 느낌이 난다고 인식이 되게 되어 있거든요~
포토샵을 통해 보정할 때도 역시 파란색 계열의 값만 수정해 주시면 충분히 빈티지 효과를 내실 수 있습니다.


일단 이미지를 불러와야겠죠?





음.. 포스팅하고 있는 저는 싸이를 하지 않지만.. 여러분들이 이런 사진 흔히 사진첩에 많이 올리시길래 퍼왔습니다..;
이분 이름이 뭔지 알면 누구누구 사진이라고 알려라도 드렸을텐데



Levels([Image] - [Adjustments] - [Levels])를 적용한 뒤 Blue Channel에서 Output Levels를 위와 같이 설정합니다.
저는 이와 같이 설정해 주었네요^^ 만약 빈티지 효과를 극대화 하고 싶다면 저 두 슬라이더의 간격을 더욱 좁혀주시면 됩니다.


완성 사진입니다~


간단한 방법으로 빈티지한 사진이 만들어 졌네요~

참고로 제가 맨 위에서 말씀드렸듯 푸른 느낌의 색상톤을 이용하여 빈티지 효과를 주는 것이므로 이 외에 푸른색계열을 강조할 수 있는 다른 기능(Color Balance..)으로도 비슷한 효과를 구현하실 수 있습니다~

Posted by aearts
, |

간단한 방법을 통해 사진에 로모 효과를 주는 방법을 배워봅니다.


간단해 보이는 로모 효과를 주는 방법은 다양합니다~
Cloud Filter로 채워주고 blend mode 적용하는 방법도 있고 lens관련 Filter를 적용할 수도 있죠.
제가 요즘들어 나름 실용성있는걸 많이 포스팅하고 있으므로 제작 방법 역시 간단한 것으로 하겠습니다^.^




일단 효과를 주려면 이미지를 불러와야겠죠?
(아 이 사진 자주쓸까봐요ㅋㅋ 저번 포스팅할때도 썼는데 또쓰게되네..)



새로운 레이어를 추가하고 원형 Marquee Tool을 선택합니다.
그 다음엔 Feather를 30 px로 주세요~ 로모의 적용 범위를 늘리고 싶으시다면 Feather 값을 늘리면 됩니다.
Feather 값이 크면? ~ 로모의 적용 범위가 넓어짐. 전체적으로 부드러운 효과!
Feather 값이 작으면? ~ 로모의 적용 범위가 짧아짐. 전체적으로 날카로운 효과!



설정이 완료되었으면 이렇게 원을 그려주세요.
적당히 크게 그려주시고 키보드 화살표키로 1px씩 섬세히 조정 가능합니다.



Inverse(
단축키 ctrl + shift + i) 명령을 실행해서 선택 영역을 반전시키고 검정색을 전경색으로 선택한 뒤 Fill(단축키 alt + delete) 명령을 실행합니다. 만약 성공하였다면 위처럼 되었을 거에요.
전경색을 검정색으로 하는 법을 모르신다면 영문키 입력 모드 상태에서 x키를 눌러보세요. 포토샵에서 전경색은 검정, 배경색은 하얀색으로 변경하는 단축 커맨드키입니다.



로모가 너무 진하죠?^^ 그렇다면 로모 레이어의 Opacity를 적당히 낮춰주세요~
저는 40으로 설정했습니다.



완성된 결과입니다~
리터칭한 결과는 눈에 확 띄는 것보단 은은하게 적용되는것이 더 좋다는 것이 제 작업 신념이에요 ㅠㅠ;
고정관념이라 그래야되나..

어쨌든 강좌 완료되었습니다.
다음에 다른 강좌로 뵙겠습니다. ^.^

Posted by aearts
, |

최근에 달린 댓글

최근에 받은 트랙백

글 보관함