[포토샵 기초 강좌] 매끈하고 윤기있는 캔디 텍스트 효과 만들기

 

달콤한 향기가 날것같은 포토샵 캔디 텍스트 효과 만들기

 

 

오늘은 포토샵을 이용하여 캔디 느낌이 나는 텍스트 효과를 만드는 방법에 대해 알아보겠습니다. 캔디 효과는 레이어 스타일을 주로 사용하여 만들수 있으며 비교적 간단한 수치 적용으로 표현할수 있습니다. 메탈효과와는 조금 틀리게 하이라이트 부분의 광택이 강하고 둥근 형태의 재질감을 사용합니다.

 

본 강좌는 해외사이트 강좌내용을 조금 수정하여 진행 단계를 조금 축소하거나 좀더 쉽게 이해할수록 내용을 추가하였습니다. 총 36단계로 초보자도 쉽게 따라할수 있으며 쉬운 내용에 비해 활용도 만큼은 무궁무진하여 앞으로의 디자인 제작에 많은 도움이 되실수 있습니다.

 

 

준비물(폰트)

 

 

 

 

 

 

 

 


 

 

 

 

 

STEP 1

 

포토샵을 열고 새문서를 만듭니다. 해상도 : 72dpi  크기 : 936px X 612px로 설정해 주세요.

 

 

 

 

 

 

STEP 2

 

배경이 되는 레이어를 선택한 다음 더블클릭하여 레이어스타일 창을 엽니다. 하단 4번째 기능중 그라데이션 오버레이에서 색상을 지정후 적용해주세요. 

 

 

 

 

 

 

 

 

STEP 3

 

준비물 폰트를 사용하여 크기는 220pt 색상은 #952480으로 설정하여 알파벳 "D"을 만들어 줍니다.

 

 

 

 

 

 

 

STEP 4

 

같은 방법으로 레이어를 추가하여 나머지 부분을 계속해서 만들어주세요. 모두 각각의 레이어에 알파벳을 만들어야 합니다.

 

 

 

 

 

 

STEP 5

 

새 레이어를 만들고 "S"자의 끝 부분에 펜도구를 이용하여 아래와 같이 끝부분을 길게 그려 주세요. 꼬리 부분 레이어와 "S"레이어를 모두 선택후 Ctrl+E를 눌러 레이어를 병합해 주세요.

 

 

 

 

 

 

 

 

STEP 6

 

이제 본격적으로 캔디 느낌의 질감을 표현해 보겠습니다. 알파벳 "D"레이어를 선택후 레이어 스타일에서 Bevel and Emboss의 수치를 아래와 같이 입력합니다.

 

 

 

 

 

 

 

STEP 7

 

Bevel and Emboss의 Contour의 수치도 입력해주세요.

 

 

 

 

 

 

 

STEP 8

 

Inner Shadow의 수치를 아래와 같이 입력해서 텍스트의 내부 그림자를 설정해보세요.

 

 

 

 

 

 

STEP 9

 

Inner Glow의 수치를 입력해주세요.

 

 

 

 

 

 

 

STEP 10

 

Satin의 수치를 입력해주세요.

 

 

 

 

 

 

STEP 11

 

Color Overlay 수치를 입력해주세요.

 

 

 

 

 

 

STEP 12

 

Gradient Overlay의 수치를 넣어주세요.

 

 

 

 

 

 

 

STEP 13

 

아래와 같이 효과가 적용되었다면 정확하게 입력하신거에요. 혹시 빠진게 있나 다시 확인해보시고 다음으로 넘어가 주세요.

 

 

 

 

 

 

STEP 14

 

"D"레이어에서 마우스 우클릭하며 "copy layer style"로 레이어스타일을 복사한후에 다른 알파벳 레이어에 적용시켜주세요.

 

 

 

 

 

 

 

 

STEP 15

 

지금부터는 조금 복잡할수 있는데요. 우선 "D" 레이어를 복사합니다.(우클릭해서 duplicate layer 선택)

복사한 레이어를 선택후 마우스 우클릭 smart object로 변환해줍니다.

 

다시 복사한 레이어를 선택후 Filter>Filter Gallery로 들어가서 아래와 같이 설정을 해주세요. 

 

 

 

 

 

 

STEP 16

 

복사한 레이어를 Normal에서 Luminosity로 변경하면 하단과 같이 좀더 광택이 풍부한 재질을 만들수 있습니다. 같은 방법으로 모든 알파벳에 적용해주세요.

 

 

 

 

 

 

 

 

STEP 17

 

다시 "D" 레이어 바로 위에 새 레이어를 만든후 둥글고 부드러운 브러쉬를 선택합니다.

 

 

 

 

 

 

 

STEP 18

 

#49043c 색상을 선택후 알파벳 "D"와 "e"사이에 그림자를 자연스럽게 그려주세요.

 

 

 

 

 

 

 

STEP 19

 

그림자 레이어를 Linear Burn로 변경하면 좀더 진하고 자연스러운 그림자를 만들수 있습니다.

 

 

 

 

 

 

STEP 20

 

같은 방법으로 글자사이에 겹쳐지는 부분은 그림자를 추가해주세요.

 

 

 

 

 

 

 

 

STEP 21

 

Ctrl + Shift를 누른 상태에서 모든 알파벳을 클릭하면 하단과 같이 영역이 선택이 됩니다. "D"레이어 아래에 새로운 레이어를 추가한후 #49043c 색상을 채워줍니다. 내용입력

 

 

 

 

 

 

STEP 22

 

새로 만든 레이어를 살짝 왼쪽으로 이동시켜 주세요.

 

 

 

 

 

 

 

STEP 23

 

Bevel and Emboss 수치를 입력해주세요.

 

 

 

 

 

 

STEP 24

 

Contour 수치를 넣어주세요.

 

 

 

 

 

 

 

STEP 25

 

Inner Shadow를 입력해주세요.

 

 

 

 

 

 

STEP 26

 

Inner Glow의 수치를 넣어주세요.

 

 

 

 

 

 

 

STEP 27

 

Color Overlay를 넣어주세요.

 

 

 

 

 

 

STEP 28

 

Gradient Overlay를 넣어주세요.

 

 

 

 

 

 

 

STEP 29

 

Drop Shadow을 넣어주세요.

 

 

 

 

 

 

STEP 30

 

이제 레이어 최상단에 새로운 레이어를 생성후 타원형 도구로 아래와 같이 글자가 포함되도록 영역을 만듭니다.

 

 

 

 

 

 

 

STEP 31

 

그라데이션 도구를 선택한 상태에서 왼쪽은 흰색, 오른쪽은 투명으로 선택합니다.

 

 

 

 

 

 

STEP 32

 

아래에서 위로 그라데이션 도구로 색상을 채워주세요.

 

 

 

 

 

 

 

STEP 33

 

글자의 그림자를 포함하여 알파벳의 외각을 선택합니다.(Ctrl + Shift 사용)

 

 

 

 

 

 

STEP 34

 

Select>Inverse를 눌러 선택영역을 반전한 후에 DEL키로 나머지 부분을 지워주세요.

 

 

 

 

 

 

 

STEP 35

 

레이어를 Soft Ligh로 변경해주고 투명도를 45%로 낮춰주세요. 그런후 더블클릭하여 레이어 스타일에서 Inner Glow의 수치를 넣어줍니다.

 

 

 

 

 

 

STEP 36

 

Drop Shadow의 수치를 넣어주세요.

 

 

 

 

 

 

 

FINAL

 

휴.,,, 실제로 만들어 볼때보다 강좌 만드는시간은 두배는 더걸리네요. 이제 모든 과정이 끝이 났습니다. 오늘 내용중에 꼭 기억해야할 부분은 입체감있는 표현을 위해 글자간의 그림자를 넣는 방법과 필터 효과로 멋진 광택효과를 만드는 부분은 나중에 큰 도움이 되실것 같습니다. 지루하더라도 꼭 한번은 따라해보시길 권해드려요.~

 

 

 

 

 

 

 

 

<관련글>

2014/01/14 - [ 포토샵 강좌 ] 고급스러운 중세시대 메탈 텍스트 효과 만들기 강좌

2013/12/23 - [ 포토샵 기초 강좌 ] 이미지 손실없는 스마트 오브젝트 완벽하게 이해하기

2013/11/19 - [포토샵 기초강좌] 수정이 편리한 쉐이프 툴에 대해 알아보자

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

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

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

이 글을 공유하기

댓글(6)

  • 2014.04.18 03:06

    강좌보고 진짜 많이배워요 ㅠㅠ진짜 감사합니다 도움이 많이되네요 !!

    • 2014.04.18 08:26 신고

      ^^ 저도 감사드려요. 힘들게 작성했는데 처음으로 댓글 달아주셨네요. 앞으로도 좋은 강좌 많이 올리겠습니다. 종종 놀로와주세요.~

  • 2014.04.18 18:08

    네 진짜 감사합니다 ! 그러데 step21 에서 컨트롤시프트 했느데 전체선택의 저 점선이 안나오는데 왜일까요..? ㅠ

    • 알 수 없는 사용자
      2014.04.21 17:59

      안녕하세요. 답변이 늦여졌네요. ^^ 죄송합니다.
      컨트롤+쉬프트 누른 상태에서 글자 레이어를 더블클릭하면
      글자의 외각이 선택이 됩니다. 컨트롤+쉬프트를 계속 누르고 동일 과정으로 모든 글자를 선택하시면 되세요.~~

  • ogiiii
    2014.10.13 00:26

    열심히 따라해서 만들었습니다 앞으로도 쭈욱 여기있는 강좌들 다 연습해볼 생각입니다
    참 감사한 마음이 많이 듭니다 감사합니다

    • 2014.10.13 11:45 신고

      ^^ 도움 되셨다니 다행이네요. 최근 강좌 부분을 시간이 안되서 자주 올려드리진 못하고 있습니다. 좀더 분발해서 도움될만한 강좌 많이 올려보겠습니다.

Designed by JB FACTORY