텍스트가 살아있는 글자에 그라데이션을 주는 방법을 알아보겠습니다.

글자를 그림화(메뉴 / Type / Create Outlines) 시키면 간단하게 그라데이션을 줄 수 있지만, 글자를 수정할 수 없다는 게 불편하죠. 아래에 소개되는 방법은 글자가 아닌 원이나 사각형 등의 객체에도 사용 가능하니 응용해 보세요.




글자가 살아있는 상태입니다.



글자에 적용할 그라데이션 3가지입니다. 오른쪽은 그라데이션 값이 있는 ‘Swatches 패널’입니다.



① 글자를 선택하고 ‘Appearance 패널’ 팝업 메뉴에서 ‘Add New Fill’을 선택합니다. 

② ‘Fill’이라는 요소가 하나 만들어졌습니다. 이곳에 그라데이션 적용할 것입니다.



① ‘Appearance 패널’의 ‘Fill’을 선택하고, 

② 오른쪽 그라데이션을 선택해 글자에 그라데이션 색상을 적용시킵니다.



글자에 그라데이션을 적용했는데, 글자 주변이 좀 지저분합니다.

① ‘Appearance 패널’에서 ‘Characters’ 목록을 더블클릭 합니다. 그러면 ‘Fill’ 목록이 나타납니다.

② ‘Fill’이란 목록이 나타나면 휴지통 아이콘을 선택해 삭제합니다.

③ 글자의 지저분한 주변이 없어졌습니다.



‘Gradient 패널에서’ 그라데이션 각도를 ‘90°’로 수정합니다.



① 글자의 면을 하나 더 만들기 위해 ‘Appearance 패널’ 팝업 메뉴에서 ‘Add New Fill’을 선택합니다. 

② ‘Fill’이라는 목록이 하나 더 만들어졌습니다.



① ‘Appearance 패널’에서 새로 만들어진 ‘Fill’을 선택하고, 

② 가운데 그라데이션을 선택해 그라데이션 색상을 적용합니다.



① 세 번째 글자 면을 만들기 위해 ‘Appearance 패널’ 팝업 메뉴에서 ‘Add New Fill’을 선택합니다. 

② ‘Fill’이라는 요소가 하나 더 만들어졌습니다.



① ‘Appearance 패널’에서 새로 만들어진 ‘Fill’을 선택하고, 

② 오른쪽 그라데이션을 선택해 그라데이션 색상을 적용합니다.



글자에 적용된 그라데이션들이 밝은 색상이어서 가독성이 떨어집니다. 가독성을 높이기 위해 바탕에 검은색을 깔아봤습니다. 한결 괜찮아졌죠? 오른쪽 사각형과 원에 같은 그라데이션을 적용시켜 봤습니다.


Posted by 시선과느낌

댓글을 달아 주세요

  1. 김지훈

    appearnce목록에 character를 더블클릭 하라고 쓰셨는데....그런 메뉴가 없습니다 ㅠㅠ
    역시 글로 설명된 강의는 보기 좀 어렵네요 ㅠㅠ

    2015.03.19 15:26 신고 [ ADDR : EDIT/ DEL : REPLY ]
  2. 박정희

    포토샵만 사용하다가
    로고제작 때문에 오랜만에 일러스트레이터를 사용하니깐
    그라데이션 때문에 하루종일 고생했습니다.
    레이어 하나하나 마다 그라데이션이 들어가버려서 난감했는데
    이 글 보고 해결이 되었습니다~ 정말 고맙습니다~

    2017.12.20 09:41 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 혜원

    매우 유용하게 사용했습니다.
    정말 감사합니다.

    2018.07.19 13:25 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 11111

    원하던 것 찾았네요 감솨~~~~

    2018.10.23 16:43 신고 [ ADDR : EDIT/ DEL : REPLY ]