[포토샵 강좌] 손으로 그린듯한 스케치 느낌의 아웃라인 텍스트 효과 만들기

 

 

 

 

 

 

 

 

 

스케치 느낌의 포토샵 아웃라인 텍스트 효과 만들기

 

 

보통 디자인 제작전에 간단한 스케치를 통해 윤곽을 잡는 작업을 하는데요. 완성된 디자인은 아니지만 그 나름대로 특색있는 모습이 만들어집니다. 오늘 소개해드릴 포토샵 강좌는 레이어스타일, 브러쉬, 블러 필터를 이용하여 아웃라인 스케치 텍스트 효과를 만드는 방법을 소개해 드리겠습니다. 손으로 스케치한 느낌의 텍스트를 임의로 만들어 볼수 있는 방법입니다. 생각보다 많이 사용되는 기법이니 지루하더라도 꼭 한번 따라해보세요.~

 

포토샵 CS6으로 강좌를 만들었지만 CS3까지는 무리없이 제작이 가능합니다.

아래 폰트를 이용하여 강좌를 진행하겠습니다. 미리 다운받아서 설치해주세요.

 

 

 

 

 

 

 

 

 

 

Step 1

 

1000 X 500 픽셀의 새 캔버스를 만들어 준후 #d7c7a8로 채워주세요.

 

 

 

 

 

 


다운받은 "Fetica" 폰트로 350픽셀의 블랙색상의 텍스트를 만들어 줍니다.

 

 

 

 

레이어창에서 작성한 텍스트의 Fill 값을 0으로 만들어 줍니다.

 

 

 

 

 

 

Step 2

 

텍스트 레이어를 더블클릭하면 레이어 스타일창이 열립니다. Bevel and Emboss를 선택하고 Depth:103, Global Lights box 채크 해제, Angle:170, Altitude:32, Highlight Mode Opacity:0, Shadow Mode Opacity:74로 설정합니다.  잘 모르실 경우엔 하단 이미지를 참조해서 설정을 합니다.

 

 

 

 

 아래 이미지 처럼 효과가 나왔으면 정상적으로 적용되신 거에요.~

 

 

 

 

 

 

 

Step 3

 

텍스트 레이어를 복사합니다.

(쉬원 복사 방법은 텍스트 레이어를 마우스로 드래그하여 "새레이어 만들기" 아이콘에 가져가면 복사가 됩니다.)

 

 

 

 

 

 

복사한 레이어를 대각선으로 5픽셀 정도로 이동시키겠습니다. 키보드 방향키 위쪽키를 5회 누르고 왼쪽 화살표키를 5회 누르면 정확히 대각선 5 픽셀 지점으로 이동됩니다.

 

 

 

 

 

 

 

 

Step 4

 

복사된 레이어를 더블 클릭하여 레이어 스타일창을 열고  Bevel and Emboss의 수치를 아래와 같이 넣어줍니다.

 

 

 

 

아래 이미지처럼 만드셨다면 잘 되신거에요.~

 

 

 

 

 

 

 

 

Step 5

 

레이어 최상단에 새로운 레이어(레이어명 : 수직)를 만든후 브러쉬 도구 선택하여 1픽셀, 전경색 블랙으로 설정합니다.

 

 

 

 

마우스 버턴을 누르고 Shift키를 누른 상태에서 브러쉬를 드래그하면 직선을 그릴수 있습니다. 수직레이어에서 텍스트 위로 향하는 수직라인과 동일하게 수직으로 선을 그려줍니다.

 

 

 

 

 

수직레이어를 선택후 Filter -> Blur -> Motion Blur / Angle:90 / Distance:29 수치로 모션블러 효과를 줍니다.


 

 

 

 

 

 

 

Step 6

 

같은 방식으로 수평 블러 효과를 만들어 보겠습니다. "수평" 이라는 새 레이어를 만들어주세요.

 

 

 

 

수평 방향으로 가는 라인을 1픽셀의 브러쉬로 그려줍니다. (아래 이미지 참조)

 

 

 

 

수평 레이어를 선택후 Filter -> Blur -> Motion Blur / Angle:90 / Distance:29 수치로 모션블러 효과를 줍니다.

 

 

 

 

 

 

 

 

Step 7

 

Shift키를 누른상태에서 모든 레이어를 선택합니다. 단축키 Ctrl+E를 눌러 모든 레이어를 병합합니다.

 

 

 

 

 

텍스트에 필터를 적용해보겠습니다. Filter -> (Filter Gallery) -> Brush Strokes -> Spatter로 이동하여 Spray Radius : 4 /  Smoothness: 15 수치를 입력하여 필터효과를 적용합니다.

 

 

 

 

아래와 같이 좀 지저분한 느낌의 텍스트가 만들어졌으면 올바르게 효과가 적용된거에요.

 

 

 

 

종이 질감을 만들어 보겠습니다. Filter -> (Filter Gallery) -> Texture -> Texturizer 선택후 Scaling : 67 / Relief : 3 / Light : Top Right 를 입력합니다.

 

 

 

 

아래와 같이 종이질감 효과가 적용되셨다면 다음 단계로 넘어가셔도 좋습니다.

 

 

 

 

마지막으로 자연스러운 텍스트를 만들기 위해 노이즈를 추가해 보겠습니다. Filter -> Noise -> Add Noise를 선택후 Amount : 3 / Gaussian button, Monochromatic box를 채크한후 적용합니다.

 

 

 

 

 

Final

 

모든 과정이 완료되었습니다. 생각보다 어렵지 않으셨을 꺼에요. 난이도도 30분정도면 완성할 만큼 쉬운편에 속합니다. 텍스트 효과를 만들면서 좀 아쉬웠던 점은 다른 액션이나 효과에 비해 재사용이 안되고 글자가 많을수록 노가다 작업이 될수 있는데요. 그래도 스케치 텍스트라는 특이한 효과를 디자인에 넣을수 있다는점은 유용할것 같습니다.

 

 

 

 

 

 

<관련글>

2013/02/05 - [ 포토샵 백그라운드 강좌 ] 디자인 소스는 이제 그만!! 배경이미지 직접 만들어 보자

2012/12/28 - [ 포토샵 캐리커쳐 강좌 ] 실사 인물사진을 이용한 재밋는 캐리커쳐 인물 보정 강좌

2012/11/08 - [ 포토샵 강좌 ] 창의적인 타이포그래피을 이용한 포스터 디자인 강좌 모음

2012/10/26 - [ 일러스레이터 강좌 ] 깜찍한 달걀 콜라주 만들기 일러스트 강좌

2012/08/24 - [ 포토샵 CS6 강좌 ] 쉽고 정교해진 아웃포커싱 블러효과(새로운기능)

이 글을 공유하기

댓글(16)

  • 선영
    2013.11.05 20:33

    와진짜 재밌는 기술이네요 왱=댓글이없지 ㅠㅠ??!! 완전배우고가요

    • 2013.11.06 08:18 신고

      ^^ 댓글 감사합니다. 올린지 한달이 넘었는데..댓글이 없어서 속상했어요. 다른 강좌도 많으니 종종 놀러와주세요.

  • Parfait
    2013.11.10 20:22

    잘보고 갑니다 ㅎ 한번 해봐야겠네요

  • 2013.11.14 10:53

    감사해요! 늘 눈팅만하다가 글 남겨요

    • 2013.11.14 15:11 신고

      ^^ 자주 방문해주신다니 저 또한 감사드려요.~
      매일 오실수 있도록 신선한 정보 ~ 열심히 올리겠습니다.

  • 와우
    2014.04.15 14:40

    좋네요~ +ㅁ+ 자주 방문할것 같아요 ㅎㅎ

  • 2014.07.16 13:53

    우와 감사합니다 너무 예뻐요 ㅠㅠㅠㅠ다른 강좌도 잘 따라하고 있어요~ 감사합니다!

  • 알렉스
    2014.08.06 15:15

    오오 좋은 사이트 자주 애용하고 자주 댓글 달아드릴께요

  • 2016.02.05 23:24

    신기하네요. 잘 배우겠습니다.(꾸벅)

  • ㅇㅇ
    2018.07.19 09:29

    포스터 디자인 구성하는데 이런 형식으로 하려고 했는데 딱 맞춰 나와있어 너무 잘사용했습니다. 감사합니다

Designed by JB FACTORY