[ 포토샵 텍스트효과 ] 깨진유리 느낌 3D텍스트 포토샵 효과

 

 

 

 

 

 

 

깨진유리 3D 텍스트 효과

 

3D효과를 이용한 깨진 유리 텍스트효과를 만드는 과정을 강좌하겠습니다. 일러스트레이터를
이용하여 3D텍스트를 만들고 포토샵으로 불러와 유리느낌이 나도록 효과를 주는 과정을
자세하게 설명하겠습니다.

소프트웨어 : 어도비 일러스트 레이터, 어도비 포토샵

 

 

Step 1

우선 일러스트를 실행시킨후  new document 을 size 2 x 2in 로 설정하여 만들어주세요.
그리고 text툴을 사용하여 아래와 같은 설정으로 "GLASS"라고 써주세요~

Step 2

텍스트를 벡터속성으로 변환해주겠습니다. Type>Create Outlines 을 이용해서 변환시켜주고 색상을 #BFBFBF 넣어주세요.

Step 3

유리깨진 모양을 만들기 위해 팬도구를 사용하여 임의의 모양을 만들어주세요.

 

Step 4

STEP 3에서 만든 모양대로 텍스트를 잘라 보겠습니다. Pathfinder에서 Divide을 선택하여 텍스트를 나눠주세요.

Step 5

Ctrl + Y는 아웃라인선을 보여주는 단축키입니다. Ctrl + Y를 눌러 외각선을 보여주게 하고 텍스트 안쪽에 선들을 지워주세요. 완료된후 다시 Ctrl + Y를 눌러 preview mode로 돌아옵니다. 

조각난 유리파편들을 무작위로 이동시켜서 좀더 사실적인 깨진유리 모양을 표현합니다.

 

파편 몇개를 복사해서 주변에 깨진유리파편 처럼 보이도록 위치시킵니다..

Step 6

이제 이강좌의 가장 중요한 부분인 3D효과를 주도록 하겠습니다.  Effect> 3D> Extrude & Bevel 로 이동하여 아래와 같이 값을 입력해주세요. 입력후 More Options를 클릭하세요.

 

More Options를 클릭하면 조명설정에 관련된 창이 아래로 내려옵니다. Ambient light 의 값을 0으로 입력하고 좌측의 구형태에서 포인트 하나를 구형태 아랫쪽으로 이동합니다. (아래그림 참조)

 

이펙트를 준 객체를 완전하게 현재보이는 모습으로 만들어주는  Object> Expand Appearance 을 적용시켜주세요.(효과와 객체가 따로 놀지 않도록 해주는 명령어입니다.)

Step 7

모든 객체를 선택후 Pathfinder 에서 Trim 을 줍니다.

 

 

다시 모든 객체를 선택후 그룹을 해제(Ungroup) 해줍니다. extruded된 면 부분을 제외한 맨위쪽에 면들을 선택후 그룹을 만들어 줍니다.

 

 

위쪽면을 제외한 남아있는 모든 객체를 다시 그룹을 만들어줍니다.

 

 

파일을 포토샵 파일로 저장하도록 하겠습니다. File < Export를 선택후 save as type을 Photoshop으로 선택후 파일이름을 적어주신후 Save 버턴을 누룹니다. 이제 일러스트레이션에서의 작업은 모두 끝났습니다. 포토샵으로 넘어 가겠습니다.

 

 

Step 8

포토샵을 열고 크기 800x800px의 새 문서를 만듭니다. 배경색은 # 021919으로 색상을 설정합니다. soft brush 을 사용하여 하단그림과 같이 부드러운 그라데이션 배경을 그려주세요. 귀찬으신분들은 그라데이션 툴로 만들어도 됩니다.

 

 

Step 9

일러스트로 제작한 3D파일을 불러옵니다. 그리고 TEXT폴더를 만들어 그쪽으로 드래그해주세요. 윗면으로 그룹을 잡았던 레이어의 이름을 TOP으로 extruded된 부분은 BOTTOM으로 이름을 변경합니다.

 

 

 

Step 10

BOTTOM 레이어를 복사하고 안보이게 눈버턴을 눌러주세요.

 

 

Step 11

텍스트에 유리질감을 만들어 보겠습니다. TOP 레이어를 선택하고 Fill 값을 0으로 설정합니다. 레이어를 더블클릭하여 아래와 같이 스타일을 추가합니다.

 

 

 

 

 

 

 

 

Step 12

BOTTOM 레이어에 스타일을 적용해 보겠습니다. BOTTOM 선택하고 Fill 값을 0으로 설정합니다. 레이어를 더블클릭하여 아래와 같이 스타일을 추가합니다.

 

 

 

 

 

 

 

Step 13

최종단계입니다. ^^ BOTTOM 사본 레이어를 선택하고 블렌딩 모드를 컬러닷지와 불투명도 25%로 설정하면 BOTTOM 레이어에 3D의 깊이가 더욱 리얼하게 보여지실꺼에요.

 

 

 

최종이미지

 

 

튜토리얼을 끝까지 봐주셔서 감사합니다. ^^  실제로 만들어보시면 그렇게 어렵지 않으며 3D 관련 프로그램 없이도 포토샵과 일러스트 만으로도 이렇게 훌륭한 효과를 낼수 있다는거에 놀라실꺼에요. 막히는 부분이 있으시면 댓글 남겨주세요. 상세하게 알려드리겠습니다.

자료 출처 : dezineguide (한국어로 번역 및 이미지 수정함)

 

도움이 되셨다면 댓글 또는 다음뷰 버턴 눌러주세요.

 

 

 

이 글을 공유하기

댓글(28)

  • 2012.09.29 12:44

    아주 좋은 기사를 쓴, 아주 많이 감사합니다.

  • 낭만고양이
    2013.07.02 23:25

    포토샵 3d방법 찾다 들어왔는데 대단하네요

    • 2013.07.03 08:36 신고

      블로그내에서 검색해보시면 3d 텍스트 관련해서 좀더 자료가 있습니다. 도움되셨다니 다행이네요.~ 즐거운 하루되셔요

  • 초보자
    2013.10.01 14:11

    감사합니다. 정말 감탄이 나오네요^^

  • 촙촙
    2013.10.04 23:56

    드라이버로 해도 안나눠지는데 어떡게 해야하나요 ㅠ

    • 2013.10.07 08:21 신고

      혹시 Divide를 말씀하시는거면
      아마 전체선택을 하지않고 Divide를 사용하셔 그런것 같습니다.
      글자와 팬툴로 만든 선들을 모두 선택후 Divide를 누르시면 나눠지실꺼에요. ^^

  • 짱짱맨
    2013.11.18 17:03

    잘 보고 갑니다 ! 많은 도움이 되었어요^ ^ 감사합니다!!

  • 대박.
    2014.05.02 00:47

    정말 포토샵을 잘다루시네요...;; 이 블로그에서 많이 배우고갑니다.~

  • 휘빠꿍
    2014.06.02 00:20

    정말 좋은 정보 감사합니다!!
    그런데 따라하다가 어려운점이있는데
    스텝5에서 텍스트안쪽 선을 지우려면 어떻게해야하나요??

    • 2014.06.02 08:39 신고

      ^^안녕하세요. 우선 선을 나누셨다면 선택툴을 이용하여 선을 선택후 del 버턴을 누르면 지울수 있습니다. 만약 그룹화 되어 있다면 그룹을 더블클릭후 선을 선택하시면 되세요.~

  • 궁금한점
    2014.08.17 12:53

    항상 참고하고있습니다!!
    하나 어려운점이 잇어서그런대 스텝7 에서 위에면만 개체를 그룹시키려하는데 어떻게하나요? 하나씩 클릭되던대

    • 2014.08.18 11:51 신고

      안녕하세요.^^ 윗면만 따로 클릭하여 그룹을 만들어 줘야하는데요. 컨트롤를 누른상태에서 마우스키로 윗면을 하나하나 잡아주면 모두 선택이 가능합니다. 안되시면 다시 문의 부탁드려요.~

  • 2014.08.20 18:42

    안녕하세요 저기 궁금한게 있는데 스텝5에서 조각난 파편을 무작위로 이동시키려면 어떻게 해야하나요?

    • 2014.08.21 17:24 신고

      ^^ 말그대로 무작위로 조금씩 이동시키면되세요. 팁이 있다면 이동하려는 파편을 여러게 선택한후 키보드 방향키를 이용하여 이동시킨후 이동시킨 여러게의 파편을 다시 조금씩 이동해서 자연스럽게 흩어놓으면 되세요.

  • 노루
    2014.11.19 18:25

    정말 멋지네요 한번 응용해서 사용해봐야겠어요!

  • ㅇㅇ
    2015.03.18 08:07

    우와 정말어렵네요.따라하다가 포기ㅠ.ㅠ.
    영상은 없는건가요? 펜으로 선그리기에서 설정을 어떻게 해야하나요?
    하다가 보면 잘안되네요..

    • 2015.03.18 16:02 신고

      ^^ 생각보다 어려우셨다 보네요. 가장 중요한건 Pathfinder에서 Divide를 사용하여 글자를 분리시켜야 합니다. 막히는 부분을 정확히 말씀해주시면 상세하게 설명드릴게요.

  • 2015.06.08 18:27

    divide다음에 어떻게 지우라는 건가요ㅠㅠㅠ

    • 2015.06.09 16:47 신고

      ^^안녕하세요. 우선 선을 나누셨다면 전체 선택툴 말고 부분 선택툴로 안쪽선을 선택후 del 버턴을 누르면 지울수 있습니다. 만약 그룹화 되어 있다면 그룹을 더블클릭후 선을 선택하시면 되세요.~

  • 2015.06.11 12:10

    3D효과가 적용이 안되요ㅠ그리고 expand appearance 이게 선택이 안되는데 어떻하죠?

    • 2015.06.11 16:39 신고

      Effect> 3D> Extrude & Bevel 이 부분부터 적용이 안되시나요? 간혹 구형 그래픽 카드를 사용할경우 3d 효과가 안되는걸로 알고 있습니다. 한번 확인해 보셔야할것 같아요.~

  • HEE
    2015.07.17 16:11

    매일 들어와서 배워야겠다는 생각이 드네요... 감사합니다

Designed by JB FACTORY