본문 바로가기
그래픽 강좌/포토샵 CS5 강좌

포토샵 강좌/ 포토샵 CS5 3D 텍스트 만들기 - 글자효과

by 쿨펀치 2012. 2. 21.
반응형
포토샵 강좌/ 포토샵 CS5 3D 텍스트 만들기 - 글자효과


포토샵 강좌/ 포토샵 CS5 3D 텍스트 만들기 - 글자효과

안녕하세요. 쿨펀치의 세상리뷰쿨펀치입니다.
우선 죄송합니다는 인사부터 해야겠네요. ^^;

바쁘다는 핑계로 좀 더 쉬운 포스팅만 주로 하다가. 포토샵 강좌를 너무 내 팽겨 친 듯싶어서 오늘은
포스팅 하실 때 사용 하실 수 있는 포토샵으로 3D 글을 만들 수 있는 방법을 알려 드리기로 했습니다.

위 이미지 보면 3D 글씨이면서 깔끔하게 만들어 사용 할 수 있도록 좀 더 자세하게 포스팅을 해보겠습니다.

포토샵 강좌를 너무 늦게 올려 드려서 죄송합니다.

3D 텍스트 만들기 사용프로그램
포토샵 CS5
일러스트 CS5


 


 

 3D 텍스트 만들기 - 글자효과

3D 텍스트 만들기 위해서는 여러 가지 방법이 있습니다.
강좌를 보시는 분들은 자신에게 맞는 방법을 찾아 사용하시면 됩니다.

포토샵은 개인마다 사용 하는 방법이 다르기 때문에 꼭 정답이라는 것은 없습니다.
최대한 클릭을 적게 최대 효과를 만들어 내는 방법은 자신이 공부를 많이 하셔야 됩니다.

자 그럼 시작 하겠습니다.
이 강좌는 어느 정도 포토샵을 다루실 수 있는 분들 상대로 제작되었습니다. 
최대한 쉽게는 설명 드리겠지만. 완전 초보자 분들은 어려우실 수 있습니다. 이점 참고 해주세요.


 

포토샵 CS5 에서 새파일 만들기를 해주세요. (Ctrl + N 키 로 새 파일 만들기)
이미지 사이즈 가로 740px 세로 300px 해상도 Resolution 72 pixels/inch 선택.


레이어에 사용자가 원하는 글을 입력 " CoolPunch "
위 이미지를 보시면 입력 텍스트의 정보가 보입니다.  따라 하실 분들은 그대로 하시면 됩니다.



입력된 텍스트를 벡터화 시켜야 합니다.

1. Coolpunch 텍스트 레이어를 선택.
2. 마우스 우클릭 Create Work Path 클릭.


PATHS 탭 선택
Tools 패널에서 path selection tool (A) 선택후
PATHS 에서 Work Path 레이어 글씨를 드래그 전체 선택.
선택된 PATHS 를 Ctrl + C 복사



여기서 부터는 일러스트 이용입니다. 
일러스트 실행해 주세요.
 


일러스트 Ctrl + N 키 입력 새 레이어 만들기 해주세요.
일러스트 레이어 설정 값은 중요치 않습니다. 위 이미지처럼 하셔도 됩니다.




만들어진 레이어에 Ctrl + V 입력


Compounf Shape (fully editable) 복합 도형 클릭.


일러스트 레이어에 포토샵에서 복사한 path가 붙여 넣기 되었습니다.





복사된 path 선택.


일러스트의 전경색을  
1. 전경색 E5E5E5 입력
2. OK 클릭.


 

 
전경색이 E5E5E5 변경된 PATH 선택.


일러스트 상단 메뉴의 Effect 클릭.

Effect / 3D / Extrude & Bevel 선택.





3D Extrude & Bevel 실행.


옵션을 위 이미지처럼 설정 해주세요.

이미지의 Surface 하위 옵션이 안보이실 경우 우측 상단의 Fewer Options 를 클릭 하시면 하위 옵션이 보이게 됩니다.

위 이미지의 옵션을 설정시 글씨의 두께가 두꺼워 지는 것을 확인 할 수 있습니다.







두꺼워진 글씨를 선택된 상태로 상단메뉴의 Object 클릭.

Expand Appearance 클릭. 나중을 위해 글씨를 확장해주는 것입니다. 








CoolPunch 글씨를 일러스트 전체 선택으로 모두 선택해주세요.
선택이 되었다면. Ctrl + C  복사.



여기서 부터는 다시 포토샵 작업입니다.
포토샵으로 이동






포토샵으로 이동후 작업영역에서 Ctrl + V 붙여넣기 입력.

Paste As 선택 에서 smart Object 클릭.

OK 클릭.



포토샵 작업한 텍스트위에 방금 붙여 넣기한 텍스트가 보입니다.
크기를 변경하지 마시고 붙여넣기 한 그대로 엔터키 입력.







포토샵의 레이어창에서
1. Coolpunch 가장 처음 작업한 글 레이어 삭제. 이제 필요 없기에 작업 환경상 삭제를 하겠습니다.
굳이 삭제 안하셔도 됩니다.

방금 일러스트에서 복사해 넣은 레이어 네임을 3D TEXT 로 변경




여기서 부터는 다시 일러스트 작업입니다.
일러스트 작업 전환






일러스트에서 글씨를 선택 툴을 이용해 어두운 부분을 더블 클릭 2번 합니다.

3번째 클릭시 위 이미지처럼  위 커버들만 선택이 되어 집니다.

선택되어진 커버를 Ctrl + C 복사

지금 과정을 마지막으로 일러스트 작업은 끝이 났습니다.



여기서 부터 다시 포토샵 작업입니다.
포토샵에 접속 해주세요.




포토샵에서 Ctrl + V 붙여넣기 .

Paste As  선택 smart Object 클릭.
OK 클릭.

방금 일러스트에서 복사해 넣은 일러스트 이미지를 3D TOP 이름으로 변경.



총 2개의 일러스트에서  복사해온 이미지가 2개 입니다.






3D TOP 레이어 선택.
3D TOP 레이어 더블 클릭. 레이어 스타일 창에 접속.


Color Overlay 선택.
Blend Mode 색상을 #323232 로 입력.
색상 변경후 옵션 등을 위 이미지처럼 한 후 OK 클릭.







3D TOP 레이어 선택.
Ctrl + J 입력 레이어 복사.

복사된 레이어 네임을 3D TOP 2 변경







3D TOP 레이어 선택.
포토샵 툴 패널의 MOVE Tool 을 선택후 키보드의 방향키를 이용해 우 1칸 하 1칸 이동.




3D TOP 레이어 더블 클릭.
Color Overlay 선택. Blend Mode 색상을 # FFFFFF 입력.
색상 변경이 완료 되었다면 OK 클릭.


붉은 화살표 부분이 3D TOP 우 1 하 1칸 이동후 색상 변경으로 글의 하이라이트 부분을 표현 한 것입니다.
변경전과 변경후 차이점을 아시겠죠?





배경 레이어 제외한 모든 레이어 선택.

Ctrl + T 클릭. 전체 크기를 사용자가 원하는 크기로 변경






3D 글씨를 원하는 크기로 변경 완료 하였다면.
이제는 글씨에 그림자를 넣을 차례 입니다.

3D TEXT 레이어만 선택.


3D TEXT 레이어 더블 클릭.
Drop Shadow 클릭후 위 이미지처럼 설정 값을 설정

설정이 다되었다면 .ok 클릭
 


글씨에 그림자가 오나성 되었습니다.

어떤가요?  3D 프로그램에서 제작한 글씨처럼 예쁜 3D 글씨가 완성 되었습니다.

너무 오랜만에 포토샵 강좌를 하려니 또 시간이 많이 걸렸네요. 

역시 포토샵 강좌가 가장 시간이 많이 걸립니다. ㅎㅎ

포토샵 기초 과정을 마스터 하신 분들은 충분히 따라 하실 수 있습니다.

쿨펀치의 세상리뷰 는 여러분의 소중한 댓글과 VIEW ON 클릭 구독 클릭이 큰힘이되어.
더 좋은 블로그를 만들 수 있게 하는 원동력이 됩니다.  

반응형

댓글