일러스트 레이터에서 제품 아이콘 세트 만들기

Sep 14, 2025
어떻게

그림 아이콘은 당신에게 슈퍼 첨가일 수 있습니다 디자인 포트폴리오 , 잠재적 인 클라이언트의 새로운 그룹에 도달하거나 그림 된 장면에 더 많은 요소를 추가하도록 포함하는지 여부를 포함하십시오. 이걸로 Adobe Illustrator 자습서 간단하고 쉽게 아이콘을 만드는 방법을 보여줄 수 있으므로 모든 시간에 큰 볼륨을 만들 수 있습니다.

나는 두 개의 아이콘 세트를 디자인 할 것입니다 : 디지털 전화 / 태블릿 세트와 커피 메이킹 항목 세트.

01. 당신이 대표하는 것을 알아라

[삼]

pictures of phones, tablets and coffee machines

실제 제품은 좋은 수준의 연구가 필요합니다.

귀하의 제품 세트가 무엇이든, 귀하의 연구를 수행하십시오! 클라이언트는 모든 제품이 올바른 것을 원할 것입니다. 개인 프로젝트 인 경우에도 실수로 카메라 버튼을 원래 Nokia 3310에 추가하거나 두 핀 플러그를 영국 주전자에 넣을 수는 없습니다. 클라이언트를위한 제품을 설명하는 경우 모든 방식으로 어떻게 보이는지 알 수 있으므로 실제 객체로 이해합니다.

02. 연필로 그립니다

[삼]

Coffee makers drawn in simple lines below a row of phones

개체를 간단한 선으로 나눕니다

당신은 당신이 원하는 당신을 시작할 수 있습니다 - 나는 항상 연필로 모든 것을 그릴 수 있지만, 사진을 추적 할 수있는 많은 제품의 경우. 그리는 까다로운 모양이 있고 그것이 대칭이 될 때 - 예를 들어 전구 - 당신의 절반을 그릴 수 있습니다 (나중에 올 것입니다!).

03. 꼬임을 없애십시오

[삼]

A line drawing of a coffee pot

직선, 완벽한 각도 및 부드러운 곡선을 붙이십시오.

라인 워크를 만들 때 항상 선과 각도를 똑바로 유지하고 청소하십시오. 그림 제품 아이콘은 페이지 또는 화면에서 매우 작고 불필요한 꼬임이나 곡선이 눈을 혼란스럽게하고 불분명하게 만들 수 있습니다.

이것에 대한 두 가지 주요 팁이 있습니다. 첫째, 모양 도구를 사용하여 시프트 똑바로 앉아있는 완벽한 원과 사각형이나 다각형을 얻는 열쇠. 그리고 펜 도구가 시프트 키를 45도 또는 90 도의 축을 축에만 그립니다.

04. 대칭을 이용하십시오

[삼]

Phone with box around screen to highlight symmetry

대칭은 워크 플로를보다 효율적으로 만들 수 있습니다

많은 제품은 완벽하게 대칭이며, 이는 일을 멋지고 간단하게 만듭니다. 일단 Linework가 있으면 선택 도구로 모두 선택하십시오 ( CMD + V. ) 그리고 맨 위 바에있는 정렬 버튼의 범위가 표시됩니다. 필요한 항목에 따라 가로 또는 수직 정렬 센터 버튼을 클릭하면 모든 것이 대칭으로 스냅됩니다. 객체를 그룹화 한 다음 다른 객체 또는 그룹과 정렬 할 수도 있습니다.

05. 더 복잡한 개체를 반영합니다

[삼]

An image of a jug reflected

간단한 복사본과 붙여 넣기는 당신의 물건을 멋지고 깔끔하게 유지합니다.

더 매끈한 객체에 대한 대칭을 위해, 완벽하게 절반을 보여주고, 이들을 선택하고 복사하여 복사하여 하나씩 아래로 붙여 넣으십시오. Shift + Alt. 그리고 오른쪽 화살표 키를 치면이 라인 레벨을 원래의 수준을 유지합니다.

선택한 복사 된 객체가있는 객체 & gt를 클릭합니다. 변형 & gt; 메인 메뉴에서 수직 옵션을 선택하고 확인을 클릭하십시오. 객체 의이면을 배치하여 너비를 올바르게 만드십시오 (왼쪽 및 오른쪽 화살표 키 만 사용하여 다른 절반과 정렬시킵니다).

직접 선택 도구 사용 ( CMD + A. ) 두 줄의 끝을 선택하고 클릭하여 각 라인의 양면을 가입하십시오. CMD + J. ...에

06. 일관성을 유지합니다

[삼]

Picture of phones with consistency between them highlighted

모든 제품은 진화하는 것으로 간주됩니다. 그 사람이 다음과 관련된 방법을 보여줍니다

제품 모음에서 작업하는 경우 컬렉션의 다른 항목을 항상 고려하고 있는지 확인하십시오. 버튼이 제품간에 동일한 경우 곡선 모서리가 항상 동일한 크기 인 경우 복사하여 붙여 넣으십시오. 그런 다음 같은 구석을 사용하고 있는지 확인하십시오.

자주 (특히 기술 제품을 사용하여) 하나의 장치를 만들거나 그것을 복사 / 붙여 넣을 수 있고, 단순히 워크 플로우 속도를 높일 수있는 다음 아이콘을 만드는 비율을 조정할 수 있습니다.

07. 일부 색상을 추가하십시오

[삼]

Two coffee pots, one grey, one green

금속을 위해 회색을 사용하면 지루해 할 수 있으므로 블루스를 실험하십시오.

Linework가 완료되면 컬러로 이동하십시오. 일반적으로 톤을 가능한 한 현실에 가깝게 얻으려고하지만 몇 가지 예외가 있습니다. 예를 들어, 대부분의 금속은 중간 회색이며, 모두에게 지루한 것입니다! 대신, 나는 다양한 파란색 회색 톤 (가볍거나 어두운)을 사용하고 일반적으로 청록색으로 길을 잃습니다.

흰색이 춥고 느낄 수 있듯이 유리에 투명한 파란색을 사용해보십시오. 나는 또한 나무 표면을위한 오렌지와 노랑을 추천하여 정말로 약간의 따뜻함을 가져옵니다.

08. 그라디언트 탐색

[삼]

A phone with a green screen gradient

미묘한 색상 그라디언트조차도 아이콘에 실질적인 차이를 만들 수 있습니다.

우리가 설명 된 아이콘을 만드는 것처럼, 당신은 사소한 세부 사항과 질감으로 너무 멀리 가고 싶지 않습니다. 그러나 제품의 표면을 그라디언트로 정말로 판매 할 수 있습니다. Adobe Illustrator에서 최선을 다하기 위해 한 색상에서 다음 색상으로 그라디언트를 만들지 마십시오 (종종 인쇄 할 때 밴딩이 발생합니다).

대신 오브젝트 / 모양의 평평한 색상을 선택하고 모양을 선택하고 (레이어 패널에서) 복제 한 다음 불투명도에서 0 %까지의 불투명도에서 0 %로 이동하는이 상단 개체에 그라데이션을 추가합니다.

09. 그림자와 하이라이트를 포함합니다

[삼]

A green cafetiere with shadows

자신만의 하이라이트와 그림자를 만들고, 자신의 그래픽 스타일을 개발하십시오.

내가 그라디언트를 사용하지 않을 때는 종종 객체를 복제 한 다음 모서리에서 잘라냅니다. 나는 펜 도구를 사용하여 45도 각도로 자른 모양을 만들기 위해 펜 도구를 사용하여 가볍거나 효과적인 그림자 또는 하이라이트를 추가하기 위해 가볍거나 어두운 그늘에서 색상을 만듭니다.

10. 추가 정보를 추가하십시오

[삼]

Two rows of green products, phones and coffee pots

추가 정보를 추가하여 제품을 생활에 가져 오십시오

마지막으로, 아이콘을 사용하는 크기가 허용하면 실제로 삶을 가져올 수 있습니다. 기술 기기는 화면상의 아무 것도 없어도 uninspiring을 보이지 않으므로이 공간을 사용하여 기능을 보여 주거나 앱을 판매하십시오. 그래픽 제품 일러스트레이션은 더 큰 일러스트에서 사용됩니다 (예 :이 커피 시설이 더 넓은 장면의 일부인 경우)은 뷰어를 그릴 것입니다.

관련 게시물:

  • Illustrator에서 반복 패턴을 만드는 방법
  • 최고의 프리미엄과 무료 일러스트 레이터 브러쉬
  • 스케치에서 일관된 아이콘 세트를 만듭니다

어떻게 - 가장 인기있는 기사

Maya 용 Renderman으로 장면 만들기

어떻게 Sep 14, 2025

(이미지 크레디트 : 제레미 heintz) Maya Tutorial 용이 RenderMan에서는 생산 품질 이미지를 음영..


Illustrator에서 자신의 붓글씨 브러시를 만듭니다

어떻게 Sep 14, 2025

Illustrator에 대한 최선의 사항 중 하나는 자신의 브러시를 만들 수있는 능력입니다. 온라인으로 놀..


앱을 서비스 근로자로 오프라인으로 작업하십시오

어떻게 Sep 14, 2025

페이지 1 / 2 : 페이지 1 : 더 빠른로드 페이지 1 : 더 빠른..


3DS Max 용 FumeFX로 구름 만들기

어떻게 Sep 14, 2025

이 단계별 가이드는 현실적인 구름 생성을 어떻게 진행하는지 밝히기 위해 설정됩니다. 이 자습�..


CSS 변수로 사이트 테마를 설정하는 방법

어떻게 Sep 14, 2025

CSS 변수로 일반적으로 일반적으로 알려진 CSS 사용자 정의 속성은 현재 모든 주요 현대 브라우저�..


연필로 맛있는 텍스처를 만드는 방법

어떻게 Sep 14, 2025

학습 할 때 그리는 방법 아직도 생활 작품 인이자를 만드는 것이 중요하고 다양한 맛�..


수채화 물질의 마스터 네거티브 페인팅

어떻게 Sep 14, 2025

부정적인 그림은 그 그림을 그리는 것을 말합니다 [삼] 부정적인 공간 긍정적 인 모양을 정의합니다. 이것은 특히 전통적인 수채화 물�..


그림 표현 손 그림을위한 최고 팁

어떻게 Sep 14, 2025

손은 아마도 아마도 가장 어려운 해부학 요소가 아닐 것입니다. 페인트하는 방법 , 심�..


카테고리