일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이미지 제공: Mascha Tace / 그레인 효과 적용

플랫 스타일 디자인은 모든 크리에이티브 업계에서 여전히 인기가 있으며 미니멀 로고, 단순화된 아이콘, 사용자 경험 레이아웃에 사용됩니다. 간단한 도형과 친숙한 곡선으로 사용자에게 명확하고 실용적인 메시지를 전달하는 데 도움을 줍니다. 그러나 플랫 디자인에는 깊이감과 입체감이 부족할 수도 있습니다.

6가지 편리한 일러스트레이터 기법으로 섬세한 텍스쳐를 통합하거나, 치수를 추가하거나, 플랫 디자인에 손그림 ​​느낌을 더하는 방법을 배워보세요.

1. 브러쉬

첫 번째 필수 기법은 브러쉬 도구를 사용합니다. 브러쉬 도구로 손그림 ​​요소를 간편하게 통합하고 브러쉬 스트로크를 디지털 벡터 디자인에 넣을 수 있습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

패턴 제공: Inna Moreva / Tropic Popsicles 색상 팔레트 적용

아웃라인이 있는 벡터 패턴이나 일러스트레이션으로 시작합니다. 개별 벡터 모양을 선택하고 브러쉬 패널을 가져옵니다(윈도우(Window) > 브러시(Brush)). 제한된 브러시 라이브러리가 나올 것입니다.

브러쉬 패널에서 햄버거 드롭다운을 선택하고 브러시 라이브러리 열기(Open Brush Library) > Artistic(예술) > 분필목탄연필(Artistic_ChalkCharcoalPencil)로 이동해 더 많은 미술 브러쉬를 가져옵니다. 이 라이브러리에는 자연스럽고 회화적인 브러쉬가 많이 있습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

패턴 제공: Inna Moreva

스크롤하며 디자인에 적합한 브러시 스타일을 살펴봅니다. 저는 끝 부분이 살짝 가늘어지는 목탄 연필 브러시의 미묘한 질감을 좋아합니다. 선택 도구(V)로 벡터 모양을 클릭하고 원하는 브러쉬를 선택합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

패턴 제공: Inna Moreva

브러시는 보통 획 채우기에서 강도가 다릅니다. 필요할 경우 [획] 패널에서 브러시 모양을 늘리거나 줄일 수 있습니다. 브러시 스타일 프로필을 변경하려면 프로필 섹션으로 가서 다른 브러시 프로필을 사용해보세요. 프로파일의 방향을 반전해서 브러시 모양을 변경할 수도 있습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

패턴 제공: Inna Moreva

손그림 느낌이 날 때까지 더 많은 벡터 모양에 위의 단계를 복제합니다.

2. 그라디언트

그라디언트는 단색 벡터 모양에 입체감을 더하는 간단하고 확실한 방법입니다. 플랫 스타일은 여전히 ​​많이 사용되지만 일러스트레이션을 더 역동적으로 만드는 어느 정도 깊이감을 더하는 것이 좋습니다. 그라디언트는 디자인에서 가장 널리 사용되고 활용도가 좋은 도구 중 하나입니다. 셔터스톡 그라디언트 가이드에서 그라디언트에 대한 모든 것을 알아보세요.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이미지 제공: vectorplus

벡터 파일을 열고 그라디언트 패널(Window(창) > Gradient(그라디언트))을 실행합니다. 여기서는 이 산악 지형을 사용하고 명암을 더해 줄 그라디언트를 추가할 것입니다.

저는 벡터 모양에 깊이감과 변화를 줄 때 일반적으로 그라디언트 도구를 주로 사용하지만 일러스트레이터의 메쉬 도구를 사용하면 더 복잡한 그라디언트를 가져올 수 있습니다. 성공적인 그라디언트의 핵심은 섬세함입니다. 그라디언트 슬라이더에 2개나 3개의 색조만 사용해 색 전환을 부드럽게 하세요.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

선택 도구(V)로 벡터 모양을 선택하고 채우기 색상을 그라디언트 슬라이더로 드래그하십시오. 성공적으로 전송되었다는 걸 의미하는 녹색 더하기 기호 팝업이 나올 것입니다. 색조를 편집하려면 그라디언트 정지를 클릭합니다. 색상 슬라이더에는 작업 중인 색상 프로파일이 반영됩니다. 온라인 디자인에는 RGB 프로파일을, 인쇄 설계에는 CMYK를 사용하세요.

그라디언트 유형을 Linear로 수직 전환은 그라디언트의 각도를 -90 또는 90도로, 수평 전환은 180도로 유지합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

밝은 부분과 어두운 부분을 벡터 모양에 통합할 때 그림자나 밝은 부분이 어떻게 표시될시 생각해보세요. 하늘과 태양에는 노란색 색조로 태양 광선처럼 보이게 만들고 그림자를 통합하기 위해 태양에 더 어두운 분홍색을 넣었습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

3. 그레인 효과

그레인 스티일은 많은 디자인에서 사용되고 있습니다. 이 효과는 고전적인 아트 데코 포스터를 연상케하는 노이즈 텍스처를 성공적으로 만들어냅니다. 작은 얼룩은 원래 유명한 판화 기법인 애쿼틴트(aquatint)로 만들어졌습니다.

이제 어도비 일러스트 레이터에서 간단한 효과로 그레인 스타일과 느낌을 낼 수 있습니다. 그라디언트와 함께 또는 단독으로 적용하면 그레인 텍스처가 디자인의 전체 분위기를 바꿀 수 있습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이미지 제공: Mascha Tace

선택 도구(V)로 벡터 모양을 선택하고 그라디언트 패널(윈도우(Window) > 그라디언트(Gradient))을 먼저 실행합니다. 옵션(Option) 키를 사용해 모양을 복사한 다음 드래그하여 원본 벡터 위에 다시 가져다 놓습니다.

모양의 채우기 색상을 그라디언트 슬라이더로 드래그해 흰색에서 녹색으로 전환을 확인합니다. 그라디언트 Linear을 유지하고 -90 또는 90도 각도로 고정합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

그레인이 있는 그라디언트를 사용하지 않을 때는 옵션 키를 누른 채 드래그한 다음, 원래 모양 위에 배치해 벡터를 복제하면 됩니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

효과(Effect) > 텍스처(Texture) > 그레인(Grain)으로 이동해서 그레인 대화 상자를 엽니다. 그레인 강도를 약 25로 설정하고 대비(Contrast)를 약 45로 설정합니다. 그레인 유형보통으로 지정하고 확인을 선택합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

투명도 패널(윈도우(Window) > 투명도(Transparency))를 가져 와서 모양의 블렌드 모드를 Multiply로 변경합니다. 그레인과 그라데이션의 흰색 부분이 원래 벡터 모양으로 혼합된 걸 알 수 있습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

나머지 벡터 모양에 위 단계를 반복해 디자인 안에 밝고 어두운 부분이 어떻게 나타나는지 확인합니다.

4. 하프톤

하프톤 효과의 작은 점은 텍스쳐 요소로 미묘한 팝 아트 느낌을 더해 평평한 기하학적 디자인을 꾸며줍니다.

하프톤 스와치

하프톤 스와치는 스와치(Swatches) 패널에서 찾을 수 있습니다. 스와치 팔레트(윈도우(Window) > 스와치(Swatches))에서 햄버거 드롭다운을 선택하고 명령과 메뉴를 불러오면 이 파일을 빠르게 불러올 수 있습니다. 스와치 라이브러리 열기로 가서 패턴(Patterns) > 기본 그래픽(Basic Graphic) > 기본 그래픽 점(Basic Graphics_Dots)을 선택합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이미지: Radoman Durkovic

DPI퍼센트로 표시된 스와치 라이브러리가 나올 것입니다. DPI는 주어진 영역에서 ‘인치당 점의 수’를 나타내고 백분율은 점의 크기를 나타냅니다. 점의 크기는 10%에서는 작고 90%에서는 상당히 큽니다. 저는 디자인에 섬세한 패턴을 넣기 위해 그래픽 스와치를 가져올 때 더 작은 비율로 고정하는 편입니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

벡터 파일을 열어서 시작해 보겠습니다. 이 재미있는 기하학적 패턴을 사용해볼 텐데요. 패턴을 다시 만들기 위해 Shift + Command + G를 누른 상태로 모든 요소를 ​​그룹 해제합니다. 그럼 선택 도구(V)로 각 벡터 모양을 개별적으로 선택할 수 있습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

옵션 키를 누른 상태로 드래그하거나 Command + D를 누르고 원하는 모양을 선택해 복제합니다. 새로 복제한 모양을 클릭하고 그래픽 점 라이브러리에서 선택합니다. 저는 일반적으로 섬세한 하프톤 패턴에는 10dpi, 30%를 선택합니다. 모양이 선택되어 있는지 확인한 다음 오브젝트(Object) > 확장(Expand)으로 가서 대화 상자를 불러 옵니다. 채우기 확장을 확인하고 확인을 누릅니다. 이 명령은 여러 검은색 점 대신 개별 점의 색상을 조정할 수 있게 해줍니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

직접 선택 도구(A)로 개별 점을 클릭합니다. 점이 선택되면 툴바로 가서 선택(Select) > 동일(Same) > 채우기 색(Fill Color)으로 이동해 모든 모양을 활성화합니다. 이제 모양의 색상을 빠르게 변경할 수 있습니다. 저는 스포이드 도구(I)로 디자인의에서 색상을 샘플링해 모든 요소를 ​​하나로 묶는 것을 선호합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

여러 벡터 모양에 위 단계를 반복합니다. 하프톤 점을 모든 벡터 모양에 적용하는 것은 권장하지 않고, 오히려 디자인에 개성을 더하고 강조하고자 할 때 일부 백터 모양에 사용하는 것을 권합니다.

컬러 하프톤 효과

어도비 일러스트레이터의 컬러 하프톤 효과는 조금 더 복잡한 하프톤 패턴 작업 방법입니다. 이 효과를 사용하면 단색 벡터 모양의 고유한 패턴에 자체 그라디언트된 하프톤 텍스처를 만들 수 있습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이미지: Viktoria Kurpas

어도비 일러스트레이터에 디자인을 불러 와서 선택 도구(V)로 개별 모양을 선택합니다. 옵션 키를 누른 채로 아트보드로 끌면 벡터 모양이 복제됩니다. 저는 위 톱니바퀴 같이 더 복잡한 벡터에 전체 모양을 활용하고 싶습니다. 더 단순한 도형을 사용할 때는 위 나뭇잎처럼 하프톤을 그림자 또는 강조 요소로 처리하는 것을 선호합니다.

하프톤을 모양의 일부에만 적용하려면 가위 도구(C)를 선택한 다음 두 개의 앵커 포인트를 잘라서 벡터 모양을 나눕니다. 펜 도구(P)를 선택하고 앵커 포인트를 합친 후 벡터 모양을 닫습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

그라디언트 패널 (윈도우(Window) > 그라디언트(Gradient))을 불러 와서 흰색에서 회색으로 그라디언트를 만듭니다. 저는 0도 또는 90도의 그라디언트 각도를 사용합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

효과(Effect) > 픽셀화(Pixelate) > 컬러 하프톤(Color Halftone)으로 이동합니다. 최대 반경(Max Radius)5로 설정하고 채널(Channels)10으로 설정합니다. 최대 반경을 증가시켜 점을 더 크게 만들 수도 있습니다.

오브젝트(Object) > 모양 확장(Expand Appearance)을 선택해 컬러 하프톤의 모양을 확장합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이제 실제 추적 작업을 할 준비가 완료되었습니다. 윈도우(Window) > 이미지 추적(Image Trace)으로 이동해 이미지 추적 패널을 실행합니다. 꽤 복잡해 보이는 패널이 열릴텐데요. 겁먹지 마세요. 슬라이더와 일부 모드만 약간을 조정할 것이니까요. 모드흑백으로 설정되어 있는지 확인하고 경로를 약 75%로 늘립니다. 코너(Corners)15%로 줄이고 노이즈(Noise)1픽셀로 설정합니다. 옵션 섹션에서 흰색 무시(Ignore White)를 선택합니다. 미리 보기를 활성화하면 이미지 추적이 어떻게 보이는지 알 수 있습니다.

결과가 만족스러우면 미리 보기 선택을 취소하고 추적을 클릭합니다. 오브젝트(Object) > 확장(Expand)을 눌러서 벡터를 확장합니다. 이제 각 하프톤은 편집 가능한 벡터 모양으로 색상 변환을 할 준비가 되었습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이미지: Viktoria Kurpas

스포이드 도구(I)로 디자인의 색조를 샘플링하는 것을 권장합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

나머지 모양을 위해 작업을 반복하세요. 하프톤 스와치와 마찬가지로, 이 텍스처를 모든 벡터 객체에 적용하는 것은 권장하지 않습니다.

5. 거칠기 효과

일러스트레이터의 거칠기 효과는 부드럽고 매끈한 벡터의 가장자리를 거칠게 만들 수 있는 간단한 방법입니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이미지: Mike McDonald

이 마법의 명령은 놀라운 효과(Effect) 드롭다운 메뉴에 있습니다. 효과(Effect) > 왜곡 및 변형(Distort & Transform) > 거칠기(Roughen)로 이동해 대화 상자를 엽니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

모양을 거칠게 하는 작업은 결과가 아주 엉망이거나 성공적일 수 있습니다. 이 효과의 핵심은 세심하게 사용하되 조금씩 쓰는 것입니다. 크기(Size)를 1% 또는 2%로 상대적(Relative)으로, 세부(Detail)은 40/in 미만으로 유지하세요. 저는 점(Points)을 각지게(Corner)로 자주 설정하는데, 보다 둥근 모양으로 만들고 싶으면 점을 매끄럽게(Smooth)로 설정하세요. 이 값보다 큰 값을 사용하면 모양이 흐트러지고 삐쭉빼쭉해 질 수 있습니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이전의 거칠기 효과 값을 적용하려면 효과(Effect) > 거칠기 적용(Apply Roughen)으로 이동하거나 Shift + Command + E를 누릅니다. 그런지한 느낌을 얻을 때까지 반복합니다. 이 효과를 무료 수작업으로 만든 텍스쳐와 함께 사용해 정말 빈티지한 느낌을 더해 디자인을 한 단계 더 끌어올려 보세요.

6. 텍스처

텍스처는 색이 바랜 셔츠에서 본 빈티지 그런지 느낌을 더하는 또 다른 방법이며 기하학적 벡터에 개성을 더하는 데 유용합니다. 50가지 무료 수작업으로 만든 빈티지 텍스처를 다운받아 작업을 시작해 보세요.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이미지: Paper Wings

개별 벡터 모양을 선택하고 투명도(Transparency) 패널을 엽니다. 마스크 만들기(Make Mask)를 클릭한 다음 검은색 사각형을 클릭해 불투명 마스크를 활성화합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

이미지: Paper Wings

Shift + Command + P를 누른 채로 빈티지 텍스처를 가져옵니다. 불투명도 마스크에 사용할 50개의 플랫(Flat) JPEG 중 하나를 선택합니다. 가져오기(Place)를 누르고 아트보드를 클릭하여 마스크된 텍스처를 표시합니다. 필요에 따라 선택 도구(V)로 크기를 조정하고 크기를 조정합니다.

일러스트 레이터 기법 - illeoseuteu leiteo gibeob

다양한 텍스처를 벡터 모양에서 실험해보며 빈지티지 느낌을 더해 보세요. 텍스처를 여러 벡터 모양에 적용하려면 Command + 8을 선택해 하나의 복합 모양을 만듭니다.

어도비 일러스트레이터와 포토샵에서 이런 빈티지 텍스처를 사용하는 방법을 자세히 다룬 단계별 비디오 튜토리얼을 보시려면 여기를 클릭하세요.

포토샵 관련 팁 & 튜토리얼을 셔터스톡 블로그에서 만나보세요!

  • 포토샵으로 네온사인 효과 만들기
  • 포토샵에서 인기 있는 듀오톤 효과를 만드는 방법
  • 포토샵으로 연예인 피부처럼 표현하는 방법
  • 포토샵 커브 조정레이어 다루는 방법
  • 포토샵 액션으로 JPEG 이미지 쉽게 리사이즈 하기
  • 포토샵 팁: 사진에서 간단하게 인물 지우는 방법
  • 포토샵에서 패턴 만드는 법
  • 시간을 절약해주는 포토샵 단축키 10개
  • 포토샵 튜토리얼: 하프톤 필터 적용하기
  • 포토샵 픽셀 효과 방법 | 포토샵을 사용하여 이미지에 픽셀 효과 주는 방법
  • 이미지에 만화 텍스트를 추가하는 포토샵 꿀팁
  • 포토샵 레이어를 잘 이용하는 방법
  • 움직이는 배너 광고 만드는 포토샵 꿀팁