Illustrator에서 양식화 된 그래픽 만들기

01/19

Illustrator의 사진을 사용하여 양식화 된 그래픽 만들기

텍스트 및 이미지 © Sandra Trainor

이 자습서에서는 Illustrator를 사용하여 단색 색상 체계로 양식화 된 그래픽을 만들 것입니다. 이는 단순히 한 가지 색상을 다양한 색조로 사용한다는 것을 의미합니다. 작업이 끝나면 둘 이상의 색상을 사용하여 그래픽의 두 번째 버전을 만듭니다. 사진을 훑어보고 펜 도구를 사용하여 다양한 색조의 윤곽을 그리는 도형을 만든 다음 내 도형을 색으로 채우고 레이어를 다시 배열 합니다 . 끝나면 같은 그래픽의 두 가지 버전과 훨씬 더 많은 노하우를 갖게됩니다.

Illustrator CS6을 사용하고 있지만 상당히 최신 버전을 따라 할 수 있어야합니다. 연습 파일을 컴퓨터에 저장하려면 아래 링크를 마우스 오른쪽 버튼으로 클릭 한 다음 Illustrator에서 파일을 엽니 다. 파일을 새 이름으로 저장하려면 [파일]> [다른 이름으로 저장]을 선택하고 파일 이름을 "ice_skates"로 변경하고 Adobe Illustrator 파일 형식으로 설정 한 다음 [저장]을 클릭합니다.

연습 파일 다운로드 : st_ai-stylized_practice_file.png

02 중 19

아트 보드 크기

텍스트 및 이미지 © Sandra Trainor

사진 속의 한 쌍의 아이스 스케이트를 양식화 된 그래픽으로 바꾸고 싶습니다. 이 사진은 좋은 음색 범위를 가지고 있기 때문에이 사진을 선택했습니다. 이는 내가 만들 그래픽의 종류에 중요합니다.

도구 패널에서 대지 도구를 선택한 다음 모서리 Arboard 핸들 중 하나를 클릭하고 사진 가장자리 안쪽으로 끕니다. 반대쪽 핸들에서 같은 작업을 수행 한 다음 Esc 키를 눌러 대지 편집 모드를 종료하십시오.

03/19

그레이 스케일로 변환

텍스트 및 이미지 © Sandra Trainor

사진을 선택하려면 도구 패널에서 선택 도구를 선택하고 사진의 아무 곳이나 클릭하십시오. 그런 다음 편집> 색상 편집> 그레이 스케일로 변환을 선택합니다. 이렇게하면 사진이 흑백으로 바뀌어 서로 다른 색조를 쉽게 구별 할 수 있습니다.

04 / 19

사진 희미 해

텍스트 및 이미지 © Sandra Trainor

레이어 패널에서 레이어를 두 번 클릭합니다. 레이어 옵션 대화 상자가 열립니다. Template과 Dim Images를 클릭하고 50 %를 입력 한 다음 OK를 클릭합니다. 사진이 희미 해져 곧 사진을 찍을 줄을 더 잘 볼 수있게 될 것입니다.

05/19

레이어 이름 바꾸기

텍스트 및 이미지 © Sandra Trainor

레이어 패널에서 레이어 1을 클릭하면 텍스트 필드에 새로운 이름을 입력 할 수 있습니다. 이름에 "템플릿"을 입력하겠습니다. 다음으로 Create a New Layer 버튼을 클릭하겠습니다. 기본적으로 새 레이어의 이름은 "레이어 2"입니다. 이름을 클릭 한 다음 텍스트 필드 "Dark Tones"를 입력합니다.

06/19

채우기 및 획 색상 제거

텍스트 및 이미지 © Sandra Trainor

다크 톤 레이어를 선택한 상태에서 도구 패널에있는 펜 도구를 클릭합니다. Tools 패널에는 Fill 및 Stroke 상자가 있습니다. 채우기 상자를 클릭하고 그 아래의 없음 버튼을 클릭 한 다음 획 상자와 없음 버튼을 클릭합니다.

07 중 19

다크 톤 주변의 흔적

텍스트 및 이미지 © Sandra Trainor

더 가까이서 보면 더 정확하게 추적 할 수 있습니다. 확대하려면보기> 확대 / 축소를 선택하거나 주 창의 왼쪽 하단에있는 작은 화살표를 클릭하여 확대 / 축소 수준을 선택하거나 확대 / 축소 도구를 사용할 수 있습니다.

펜 도구를 사용하여 가장 어두운 톤을 그려 모양을 만듭니다. 나는 아이스 스케이트의 발바닥과 뒷꿈치를 정면으로 만드는 모양을 형성하는 어두운 색조로 시작할 것입니다. 지금은이 모양의 밝은 톤을 무시합니다. 나는 아이스 스케이트 뒤에있는 벽에도 관심을 기울이지 않을 것이다.

펜 도구를 처음 사용하는 경우 도구 패널에 있으며 펜을 클릭하여 점을 만듭니다. 두 개 이상의 점이 경로를 만듭니다. 곡선 경로가 필요하면을 클릭하고 드래그하십시오. 곡선 핸들을 편집하는 데 사용할 수있는 조절 핸들이 나타납니다. 핸들의 끝을 클릭하고 이동하여 조정하십시오. 첫 번째 점에 대한 마지막 점을 만들어 두 점을 연결하고 모양을 만듭니다. 펜 도구를 사용하면 약간 익숙해 지지만 실제로 연습하면 더 쉽게됩니다.

08 중 19

경로 선택

텍스트 및 이미지 © Sandra Trainor

나는 뒤에있는 스케이트의 부분적으로 드러난 발바닥과 많은 구멍들과 같은 모든 어두운 형태를 계속 추적 할 것입니다. 그런 다음 레이어 패널에서 어두운 톤 레이어의 대상 원을 클릭합니다. 이렇게하면이 레이어에 대해 그려진 모든 경로가 선택됩니다.

09/19

어두운 색 채우기 적용

텍스트 및 이미지 © Sandra Trainor

레이어 패널에서 다크 톤 레이어를 선택한 상태에서 도구 패널의 채우기 상자를 두 번 클릭하면 색상 피커가 열립니다. 파란색의 매우 어두운 톤을 나타내려면 RGB 값 필드 0, 0 및 51을 입력합니다. 확인을 클릭하면 모양이이 색으로 채워집니다.

레이어 패널에서 어두운 톤 레이어의 왼쪽에있는 눈 모양 아이콘을 클릭하여 보이지 않게합니다.

10/19

중간 톤 주변의 추적

텍스트 및 이미지 © Sandra Trainor

다른 레이어를 만들고 "중간 톤"이라고 이름을 짓습니다. 이 새 레이어는 레이어 패널의 나머지 레이어 위에 선택되어 있어야합니다. 그렇지 않은 경우 클릭하여 장소로 드래그해야합니다.

펜 도구를 선택하고 채우기 상자와 없음 버튼을 클릭합니다. 그런 다음 모든 중간 톤을 추적하여 모든 어두운 톤을 추적하는 것과 같은 방식으로 추적합니다. 이 사진에서 블레이드는 중간 톤으로 보이고 뒤꿈치 부분과 일부 그림자 부분으로 보입니다. 내 "예술적 라이센스"를 사용하여 갈고리 근처의 그림자를 작게 만듭니다. 그리고 저는 스티칭과 스커프 마크와 같은 작은 세부 사항을 무시할 것입니다.

중간 톤 주변을 추적하면 중간 톤 레이어의 대상 원을 클릭합니다.

11/19

중간 톤 색상 채우기 적용

텍스트 및 이미지 © Sandra Trainor

중간 톤 레이어를 선택하고 그려진 패스를 도구 패널의 채우기 상자를 두 번 클릭합니다. 색상 선택기에서 RGB 값 필드 인 102, 102 및 204를 입력합니다. 그러면 중간 톤의 파란색이 나타납니다. 그러면 확인을 클릭합니다.

중간 톤 레이어의 눈 모양 아이콘을 클릭하겠습니다. 이제 다크 톤 레이어와 중간 톤 레이어가 보이지 않아야합니다.

12/19

밝은 톤 주변의 흔적

텍스트 및 이미지 © Sandra Trainor

이 사진에는 밝은 색조와 매우 밝은 색조가 있습니다. 매우 밝은 톤을 하이라이트라고합니다. 지금은 강조 표시를 무시하고 밝은 색조에 초점을 맞 춥니 다.

레이어 패널에서 다른 레이어를 새로 만들고 이름을 "밝은 톤"으로 지정합니다. 그런 다음이 레이어를 클릭하고 드래그하여 어두운 색조 레이어와 템플릿 레이어 사이에 놓습니다.

펜 도구를 선택하고 채우기 상자와 없음 단추를 클릭합니다. 나는 어두운 톤과 중간 톤을 따라 가면서 같은 방법으로 가벼운 톤을 추적 할 것입니다. 밝은 톤은 부츠와 끈으로 보이며 하나의 큰 모양을 만드는 방식으로 그려 질 수 있습니다.

13/19

밝은 색상 채우기 적용

텍스트 및 이미지 © Sandra Trainor

[레이어] 패널에서 [밝은 톤] 레이어를 선택하고 그려진 패스도 선택합니다. 도구 패널의 채우기 상자를 두 번 클릭하고 색상 선택기에서 RGB 값 필드 인 204, 204 및 255를 입력합니다. 그러면 파란색 중간 톤이 생깁니다. 그러면 확인을 클릭합니다.

Light Tones 레이어의 눈 모양 아이콘을 클릭하여 보이지 않게합니다.

14/19

하이라이트 주변의 흔적

텍스트 및 이미지 © Sandra Trainor

밝은 부분은 피사체 나 피사체의 가장 밝은 흰색 부분으로 강하게 조명됩니다.

레이어 패널에서 다른 레이어를 새로 만들고 강조 표시합니다. 이 레이어는 나머지 레이어 위에 있어야합니다. 만약 내가 그것을 클릭하고 장소로 드래그하지 않습니다.

새로운 하이라이트 레이어를 선택한 상태에서 펜 도구를 클릭하고 채우기 상자를 다시 없음으로 설정합니다. 순수한 흰색 또는 강조 표시된 부분을 추적합니다.

15/19

흰색 채우기 적용

텍스트 및 이미지 © Sandra Trainor

그려진 경로를 선택하고 도구 패널의 채우기 상자를 두 번 클릭하면 색상 선택기가 열립니다. RGB 값 필드 인 255, 255 및 255를 입력합니다. 확인을 클릭하면 모양이 순수한 흰색으로 채워집니다.

16/19

결합 된 레이어보기

텍스트 및 이미지 © Sandra Trainor

재미있는 부분은 이제 모든 레이어를 표시하고 이미지를 형성하기 위해 함께 작동하는 그려진 모양을 보는 것입니다. 레이어 패널에서 눈 모양의 아이콘이있는 빈 상자를 클릭하여 아이콘을 표시하고 레이어를 표시합니다. 모든 레이어가 선택 해제되었는지 확인하려면 도구 패널의 선택 도구를 클릭 한 다음 캔버스를 클릭합니다.

17/19

정사각형 만들기

텍스트 및 이미지 © Sandra Trainor

추적을 마쳤으므로 템플릿을 삭제할 수 있습니다. 레이어 패널에서 템플릿 레이어를 클릭 한 다음 작은 휴지통처럼 보이는 작은 삭제 선택 버튼을 클릭합니다.

사각형을 만들려면 Tools 패널에서 Rectangle 도구를 선택하고 Fill 상자를 두 번 클릭 한 다음 Color Picker에서 RGB 값으로 51, 51 및 153을 입력 한 다음 OK를 클릭합니다. 그런 다음 클릭하여 드래그하여 Shift 키를 누른 상태에서 아이스 스케이트를 둘러싼 사각형을 만듭니다.

18/19

대지 크기 조정

텍스트 및 이미지 © Sandra Trainor
Artboard 도구를 클릭하고 사각형과 크기가 같아 지도록 핸들을 안쪽으로 움직여 Arboard의 크기를 조정합니다. 대지 모드를 종료하려면 Escape 키를 누르고 파일, 저장을 선택하면 끝났습니다! 이제 단색 색상 체계를 사용하여 양식화 된 그래픽을 갖게되었습니다. 더 많은 색상을 사용하여 버전을 만들려면 다음 단계로 진행하십시오.

19 중 19

다른 버전 만들기

텍스트 및 이미지 © Sandra Trainor

동일한 그래픽의 다른 버전을 만드는 것은 쉽습니다. 더 많은 색상을 사용하여 버전을 만들려면 파일> 다른 이름으로 저장을 선택하고 파일 이름을 바꿉니다. 이름을 "ice_skates_color"로 지정하고 저장을 클릭하십시오. 이렇게하면 원래 저장된 버전이 보존되어 새로 저장 한 버전을 변경할 수 있습니다.

하이라이트 레이어를 동일하게 유지하고 싶으므로 레이어 만 남겨두고 라이트 톤 레이어의 대상 원을 클릭하십시오. 채우기 상자를 두 번 클릭하고 색상 선택기에서 노란색 영역에 도달 할 때까지 색상 슬라이더를 색상 스펙트럼 막대 아래로 이동 한 다음 확인을 클릭합니다. 같은 방법으로 Middle Tones 레이어와 Dark Tones 레이어를 변경하겠습니다. 각기 다른 색을 선택하십시오. 완료되면 파일> 저장을 선택합니다. 이제 두 번째 버전이 생기고 위의 단계를 반복하여 세 번째, 네 번째 등을 만들 수 있습니다.