Home   |   Login
 
[텍스트] 입체적인 텍스트 디자인2
고유주소 : http://webagit.com/bbs/tb.php/photoshop1/1683
관련링크 : http://webagit.com/bbs/board.php?bo_table=photoshop1&sca=%C5%D8%BD%BA%C6%AE&sfl=wr_subject…


ph487_29.jpg








적당한 크기로 신규 캔바스를 생성(Ctrl+N)해준 다음~ ①타입 툴 선택하세요.
②폰트나 크기,타입등을 설정해주고 ③원하는 문구를 입력해줍니다.


ph487_1.jpg









①팔레트에 생성된 타입 레이어에 대고 마우스 우 클릭 > ②Rasterize Type 선택해줍니다.

 
ph487_2.jpg









①번 보기와 같이 일반 레이어로 전환되었죠~ ②레이어를 카피(Ctrl+T)해주고
③아래 위치한 레이어의 눈을 클릭하여 감겨주도록 합니다.

 
ph487_3.jpg









자유변형(Ctrl+T) 적용하여~ 아래 보기와 각도를 변형해주고 엔터!

 
ph487_4.jpg
 
ph487_5.jpg









자유변형을 다시 적용해주고~ Alt키 누른채로 양쪽 하단의 모서리 부분을 화살표 방향처럼 변형 해주고 엔터!

 
ph487_6.jpg









①번 보기와 같이 원금감을 표현해주면 된답니다.
이동 툴로 글자를 작업창 중앙 부분에 위치시켜준 다음~ ③레이어의 여백을 더블 클릭하여~ 레이어 스타일 오픈해주세요.

 
ph487_7.jpg









그라디언트 오버레이탭 선택하여 ②원하는 컬러톤으로 설정해주고
각도는 결과물 봐가면서 수치를 조절해주세요. ④스케일은 50% 정도로 설정해주고 OK

 
ph487_8.jpg
 
ph487_9.jpg









①레이어를 카피(Ctrl+J)해주고 ②카피한 레이어의 눈을 감겨준 다음 ③중간에 위치한 레이어를 선택해주세요.

 
ph487_10.jpg









Alt키를 누른채로 ↑위로 1번 / →우로 2번~ 10번 정도 적용해주면 ①번 보기와 같이 두께가 형성됩니다.
②팔레트에 레이어가 많이 추가되었죠~ 추가된 레이어들을 모두 다중 선택하여~ 병합(Ctrl+E)해주세요.

 
ph487_11.jpg









①번 보기와 같이~ 1개의 레이어로 병합되었습니다. ②맨 위에 위치한 레이어를 선택하고 눈을 클릭하여 켜주세요.

 
ph487_12.jpg



아래 보기와 같은 결과물이 나옵니다~ 

ph487_13.jpg









①이번에는 맨 아래 위치한 레이어 선택하고 ②눈을 클릭하여 켜주세요.

 
ph487_14.jpg









그림자 효과를 만들어줄거랍니다.
자유변형(Ctrl+T) 적용해주고~ 글자와 수평을 이루도록 회전시켜준 다음~

 
ph487_15.jpg









Alt키 누른채로 꼭지점들을~ 아래 예제와 같이 바깥 방향으로 당겨주고 엔터!

 
ph487_16.jpg









레이어 스타일 오픈하여~ 검정/회색의 컬러로 그라디언트를 적용해주고 OK

 
ph487_17.jpg









아래 보기와 같이 그라데이션이 적용되면 됩니다.

 
ph487_18.jpg









Filter > Gaussian Blur
가우시안 블러 효과를 3~4픽셀 정도 적용해주고 OK

 
ph487_19.jpg









그림자 효과 효과가 완성되었습니다.

 
ph487_20.jpg









글자 뒷 부분에 명암을 주어 입체적인 시각 효과를 극대화하여 마무리해볼게요~
중간에 위치한 레이어를 선택해주세요.

 
ph487_21.jpg









곡선 설정창을 실행하고(Ctrl+M)
결과물을 봐가면서~ 하단 부분의 꼭지점을 우측으로 적당히 옮겨주고 OK

 
ph487_22.jpg









글자 뒷 부분이 어둡게 처리되어 입체감이 살아납니다.

 
ph487_23.jpg









다각형 라소 툴을 선택하고 ②글자의 각진 부분을 선택해주고
밝기/대비 설정창 오픈하여~ 대비 부분의 슬라이더를 왼쪽으로 적당히 이동시켜주고 OK
Image > Adjustments > brightness/contrast

 
ph487_24.jpg









대비 효과를 적용해주니 각이 살아납니다~

 
ph487_27.jpg









다른 글자의 각진 부분들도 위와 같은 방법으로~ 대비 효과를 적용해주세요.


ph487_25.jpg









이번에는~ 매끄러운 글자 뒷 영역의 처리방법입니다.
라소 툴 선택하고 ②페더 부분의 수치를 5픽셀 정도 적용해주고
③번 보기와 같이 선택해준 다음 ④대비 부분을 위와 동일한 수치로 낮춰주면 됩니다.

 
ph487_26.jpg









선명하게 보정해 주려면~ 언샤프 마스크 효과를 적절히 적용해주면 되고요~
Filter > Sharpen > Unsharp Mask

 
 
ph487_28.jpg









최종 결과물입니다.

 
ph487_29.jpg




Tag : 포토샵강좌,텍스트디자인,글자디자인,3D,쓰리디글자,입체글자
 
 

휘77 (10.06)
수고 많으셨구요...늘 감사히 잘 배우고 있습니다...^^
000