포토샵 강좌/ 포토샵 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 클릭 구독 클릭이 큰힘이되어.
더 좋은 블로그를 만들 수 있게 하는 원동력이 됩니다.  

저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by 쿨펀치 쿨펀치

댓글을 달아 주세요

  1. Favicon of http://rfv1479.tistory.com BlogIcon Wise사툰 2012/03/03 02:40  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사해요 ^^

  2. Favicon of http://rta6409.tistory.com BlogIcon 미so 2012/03/29 23:06  댓글주소  수정/삭제  댓글쓰기

    강의 잘 보았습니다 수고하셨습니다

  3. Favicon of http://neonskill.com BlogIcon 밤비deje 2012/04/09 01:29  댓글주소  수정/삭제  댓글쓰기

    쿨펀치님, 궁금하던 내용이었는데 마침 잘 감상했습니다^^

    그리고 궁금한 것이 있어요,

    제 블로그는 그저 최근 날짜 포스팅이 맨 위에 올라가 있도록 되어 있어요.

    그런데 쿨펀치님 블로그 첫화면은, 여러 포스팅이 한 화면에

    마치 전시되어 있듯이 열거 되어 있군요?

    이거 어떻게 이렇게 할수 있을까요.

    제가 직접 스킨 제작하지 않고도 할 수 있을까요?

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012/04/09 15:50  댓글주소  수정/삭제

      밤비님 안녕하세요.

      우선 스킨 따로 만들지 않아도 되는 부분입니다.
      티스토리에서 제공해주는 티에디션 이용하시면 됩니다.

      티스토리로그인후 자신으 블로그 첫화면 타이틀 보시면 티에디션이라는 마크가 있습니다. 티에디션 누르셔서 원하는 스타일로 변경하시면 됩니다.

  4. woggad 2012/09/20 18:16  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다 :)
    근데 포토샵은 역시 어렵네요..ㅠㅠ
    CS5 한글판 쓰고 있는데 영문판 강좌라 엄청 힘들었어요ㅠㅠ
    하지만.. 잘 만들었습니다~ 한번 배워두면 유용하게 써먹을 듯 싶네요 :)

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2012/09/21 23:10  댓글주소  수정/삭제

      woggad님 안녕하세요.

      아 영문이라 힘드셨군요.

      전 오히려 한글이판이 더 어렵더라구요. ㅠㅠ

      고등학생때 부터 지금 까지 16년 이상 영문판만 사용하다보니 ^^;

      이제 다시 포토샵 강좌 다시 시작 하려 합니다.
      참고해 주세요. ^^

  5. 몰라염 2013/01/09 17:06  댓글주소  수정/삭제  댓글쓰기

    너무어렵네여ㅠㅠ
    한글판cs5이용하고잇어서...

    • Favicon of http://coolpunch.tistory.com BlogIcon 쿨펀치 쿨펀치 2013/01/10 22:40  댓글주소  수정/삭제

      포토샵을 심도있게 공부 하시려면 한글판 보다는 영문판을 선택 하시는 것을 추천 드려요.

      각정 플러그인과 특수 효과 등 설명 교제가 영문 버전 위주로 되어 있어서 한글판 설치 하시면 나중에 실력 향상에 도움이 되지 않습니다.

  6. 차태호 2013/01/20 19:23  댓글주소  수정/삭제  댓글쓰기

    저는 포토스케이프 이용하는데
    포토스케이프 이용 강좌는 없나요?ㅋ

  7. Favicon of http://eamal2o.co.kr BlogIcon 에말이오 2013/04/03 01:04  댓글주소  수정/삭제  댓글쓰기

    역시 멋지십니다~ ㅎ
    포토샵 이제 시작해보려고 하는데
    검색조차 쉽지 않군요^^*

    쿨펀치님 이 강좌해볼테야요~ ㅋㅋㅋ



티스토리 툴바