일러스트 그라데이션 한번에 - illeoseuteu geuladeisyeon hanbeon-e

점층법이라고 불리우는 그라데이션은 한 색상에서 다른 색상으로 점진적이고 부드럽게 변화를 주는 방법이죠. 일러스트레이터에서는 그라데이션을 쉽게 만들 수 있는 도구를 제공하고 있는데요. 직선형, 방사형 두가지 방식을 사용하여 글자나 모양에 색상을 만들어 낼 수 있습니다.

하지만 두가지 이상의 색상을 조합하는건 생각보다 어렵습니다. 색채학을 모르는 상태에선 대충 감으로 색을 정할 수밖에 없기 때문에 만족할만한 결과물이 잘 나오질 않죠. 그렇다고 기본으로 제공하는 일러스트 그라데이션 샘플은 몇가지 되지도 않고 실무에 사용하기엔 부족한점이 많습니다.

오늘은 디자인 실무에 활용도 높은 무료 일러스트 그라데이션 세트를 소개해 드리겠습니다. 자주 사용되는 색감으로 제작된 기본형 그라데이션 부터 구리, 청동, 은, 크롬, 철, 알루미늄 등 금속 질감을 표현할 수 있는 그라데이션까지 다양한 색상을 표현할 수 있는 자료로 구성되어 있습니다.

일러스트 그라데이션 세트로 멋진 디자인을 완성해 보세요.~

그라데이션 파일 사용방법

Opengraphicdesign

다채로운 색상으로 구성된 그라데이션 스타일로 로고, 버턴, 배경 등 다양한 분야에 활용이 가능합니다.

Metallic gradients

140가지의 다양한 금속 색감을 표현한 그라데이션 세트입니다.

Gradients one to seven

총 7가지의 특색있는 그라데이션 세트를 한번에 받을 수 있습니다.

VectorPortal gradients 

꽤 많은 색상을 얻을 수 있는 사이트입니다. 필요한 자료는 미리 소장해 두세요.

Web and button style gradients 

웹 및 버턴 스타일의 그라데이션 세트입니다. 아마 저처럼 다운 버턴을 못찾는 분들이 많으실것 같은데요. 다운버턴은 텍스트 맨 하단에 "Download the file Gradient for Adobe Illustrator CS5"를 클릭하면 되세요.

★ Illustrator 강의

일러스트레이터강좌 / 글씨에 그라데이션 적용하는 방법

툴박스에서 Type Tool을 선택하여 글을 써줍니다.
저는 Secret를 썼습니다.

그 다음, 글을 선택한 상태에서
상단메뉴 Type - Create Outlines를 선택합니다.(단축키 : Shift + Ctrl + O)

이 효과는 텍스트를 오브젝트로 만들어주는 효과인데요

이 효과를 쓰는 이유는

포토샵에서는 텍스트 형태에서도 layer style을 통하여 그라데이션을 효과를 줄 수 있지만,

일러스트에서는 텍스트 형태에서 그라데이션 효과를 준다는건 제가 알기론 불가능입니다.

그래서 Create Outlines 효과를 사용하여 오브젝트로 만드는 것입니다.

그럼, 아래그림과 같이 그림형태로 바뀐 것을 볼 수 있습니다.

그리고 글자하나하나 떨어져 있는것이 아니라

그룹으로 묶여 있습니다.
참고하세요^^

그다음 툴박스에 보면 아래그림과 같은 것이있는데요

제가 표시한 부분을 클릭 하셔서 그라데이션 효과를 줍니다.

그라데이션 효과를 설정하는 방법의 자세한 내용은 아래 링크를 클릭하여 봐주세요.

윗 아이콘을 클릭했더니 아래그림과 같이 글자 하나하나 그라데이션 효과가 설정되어있는 것을 볼 수 있는데요

걱정하지 마세요^^

글자 하나하나 독립된 오브젝트라서 그렇습니다.

그라데이션 방향을 수정해 볼까요?

툴박스에서 제가 표시해놓은 그라데이션 툴을 선택해주세요.

그 다음.....방향과 상관없이....

끌어당겨 주시면 됩니다.

그럼...완성입니다.

만약에 글자 하나만...

예로들어서 Secret 중에

철자 S에만 그라데이션을 따로 주고 싶다면...

아까 제가 설명할 말처럼

텍스트를 오브젝트 형태로 바뀌면서 그룹으로 묶여 있기 때문에

그룹을 해제( 단축키 : Ctrl + Shift + G )하고

S를 선택하여 그라데이션 효과를 주시면 됩니다.

예) ↓

아트웍 색상 변경(Recolor Artwork)

• Tagged :
• 일러스트레이터

소개

여러분은 오랜만에 공들인 백터 이미지를 만들었습니다. 그런데 음 뭔가 2%로 부족한 느낌이 드네요? 모양을 더 바꾸자니 구조를 다시 짜야할 것 같고 다른 개체를 넣어보자니 뭘 넣을지 모르겠고… 그래서 색갈을 건들여 봅니다. 아 근데 이것도 일입니다. 개체 하나하나 선택해서 색을 바꾸자니 한두개면 몰라도 선택할께 너무 많네요. 포토샵처럼 Ctrl + U를 눌러 볼 수도 없고…하는 순간?

내용

아트웍 색상 변경(Recolor Artwork). 일단 개꿀입니다. 선, 패턴, 그라데이션에 설정 되어있는 색갈까지도 한번에 조정 할 수 있습니다. 그리고 사용법도 되게 간단합니다. 더 좋은건 포토샵에 있는 Ctrl + U랑 비슷한 액션을 보여주고 변화를 단번에 확인 할 수 있습니다.

이렇게 색상 조정 할 개체를 선택하고 작업을 해주면 됩니다. 근데 약간 까다로운게 있습니다. 색을 사용하다보면 눈에는 똑같이 보이는데 미세한 값이 차이가 나는데요. 저 툴은 선택한 개체의 모든 색을 인식하기 때문에 툴을 사용하기전에 색을 잘 관리 해줘야합니다. 안그럼 서로 비슷한 검정색이 5개나 뜨는 경우도 있습니다. 저는 색 관리를 한다고 했을 때 색상 견본(Swatches) 을 사용하는데요. 이 방법이 좀 귀찮기는 하지만 후에 규모가 커질 작업이라면 미리 색상 견본 창에 색을 설정해두고 사용하는게 좋습니다.

추후에 색상 견본(Swatches)을 따로 적어보겠습니다.

마치며

이것도 되게 간단합니다. 모르면 손해인 툴이죠. 이 툴은 많은 시안이 필요하거나 클라이언트가 ‘다른 색도 볼 수 있을까요??’라고 했을 때, 빠르게 보여 줄 수 있는 고마운 기능입니다. 하지만 색 관리를 처음부터 잘 해놔야한다는 것을 잊지마세요!