Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Packaging Design
Design

어도비 일러스트레이터에서 벡터 테마 시리얼 박스 디자인하기

by
Difficulty:IntermediateLength:LongLanguages:

Korean (한국어) translation by h1ghqlty. (you can also view the original English article)

Final product image
What You'll Be Creating

오늘의 가장 중요한 식사는 어도비 일러스트레이터입니다. 나는 아침식사가 두번째 라고 꽤 확신합니다. 이와 같이 우리는 이 2가지를 결합하여 어린 시절의 시리얼 박스에 경의를 표합니다.

1. 스케치로 시작하기

1 단계

스케치에서 중심 문자와 레이아웃을 파악하는 것이 중요합니다. 나는 어도비 일러스트레이터 CC 자체 내에서 스케치하는것을 좋아하지만 스케치를 가져올 수도 있습니다. Paintbrush Tool Options 패널에서 FidelitySmooth로 설정된 Paintbrush Tool (B)과 선택한 칼리그래픽 브러시를 사용하여 나는 흥분한 만화 캐릭터를 꺼내어 그 위에있는 곡물 이름으로 막습니다.

손을 그리는 방법에 대한 자세한 안내는 의 만화 기본 : 만화 손 그리는 법에 나오는 방법을 참조하십시오.

2 단계

이것이 시리얼 박스이기 때문에 시리얼 그릇을 선보이는 것을 잊지 마십시오. 이 경우, 우리는 (대부분) O 형 모양의 곡물 비트를 그 캐릭터가 그릇에서 튀어 나오게 할 것입니다. 스케치 선을 함께 그룹화 (Control-G)하고 레이어 패널에서 그룹을 잠급니다. 그러면 최종 디자인을 만들때 이를 추적할 수 있습니다.

2. 머리를 형성하십시오.

1 단계

해부학의 모든 비트를 구축하는 것은 이 설계에서 필요하지 않습니다.

  1. 펜 도구 (P)로 스케치를 따라 얼굴을 시작하십시오.
  2. 얼굴은 머리의 절반과 귀로 구성되어 있습니다. 그것의 부분 (머리, 턱, 귀)을 별도로 그리고 패스파인더 패널에서 결합할 수 있습니다.
  3. 획을 그리려면 윤곽선을 짙은 갈색으로 설정하고 면 모양을 복사 (Control-C)붙여 넣기 (Control-V)하고 채우기 및 획 색상을 진한 갈색으로 설정하고 획 두께2pt로 설정하거나 원본 얼굴 뒤에서 정렬하십시오.
  4. 더 어두운 살색 톤(당신이 선택한 어떤 육체적 톤과도 관련이 있음)에서 다른 쪽 귀를 위한 작은 D 형 모양을 그리고 다른 머리 모양 뒤에 배치하십시오. 다양한 피부 색조에 대한 자세한 내용은 이 간단한 팁을 참조하십시오.

2 단계

  1. 스케치 단계에서 머리카락을 알아 냈으므로 이제 펜 도구로 추적할 수 있습니다. 머리카락을 섹션에 있는것으로 생각하십시오 : 앞머리 (앞머리), 옆면 및 뒤. 머리 디자인이 좀 더 유동적이길 원한다면 연필 도구 (N)를 사용하여 신속하게 그릴 수 있으며 라이브 코너를 조작하여 모서리를 둥글게 만듭니다.
  2. 귀에 사용된 것과 같은 어두운 피부색을 사용하여 머리카락 모서리를 모방 한 모양을 그리십시오. 이것은 얼굴에서 머리카락으로 그림자를 드리 우는 역할을합니다. 레이어 패널에서 머리카락 아래에 모양을 배치합니다.
  3. 왼쪽 귀 안쪽에 C 자 모양을 잊지 마십시오.

3 단계

얼굴은 대부분 단순한 모양으로 결합되어 정말 재미있는 얼굴을 만듭니다.

  1. 타원 도구 (L)를 사용하여 두 개의 겹치는 원을 그립니다. 채우기 색상을 null로 설정하고 외곽선에 사용되는 동일한 진한 갈색으로 획을 지정한 경우 너비 도구 (Shift-W)를 사용하여 바깥 쪽 가장자리에 있는 원의 너비를 변경할 수 있습니다. 펜 도구로 그려진 입은 옆으로 누운 젤리처럼 생겼습니다.
  2. 코는 거꾸로 된 물음표이거나, 작은 다리가 있는 반원형과 같습니다.
  3. 혀는 밝은 분홍색을 선택하고 입의 아래쪽 절반을 차지하는 모양을 그렸습니다.
  4. 치아는 구강의 윤곽을 따르는 구부러진 모양입니다.
  5. 눈을 위해 만들어진 원을 복사하여 붙여넣고 연한 파란색으로 채웁니다. 왼쪽 눈이 오른쪽으로 겹쳐져 있는지 확인하십시오.

4 단계

눈을 계속 만들겠습니다 :

  1. 이전 단계에서 연한 파란색으로 겹치는 흰색 원을 그립니다. 연한 파란색 원과 겹치는 흰색 원을 선택하면 모양 작성 도구 (Shift-M)를 사용하여 흰색 원의 비 교차 부분 (선택), 선택 취소삭제를 분리할 수 ​​있습니다.
  2. 너비 도구를 사용하여 눈의 스트로크 폭을 늘립니다. 이 경우 이전 단계에서 윤곽선을 붙여넣어 오른쪽 눈을 형성하는 흰색과 밝은 파란색 모양 위에 배치했습니다.
  3. 입에는 윤곽선이 필요합니다. 복사 및 기본 입 모양 (그 옆으로 젤리) 붙여넣기1pt 무게로 스트로크를 설정합니다.
  4. 코가 투명하게 나타나지 않도록 반원을 그어 코 선 아래에 배치하고 레이어 패널의 눈 위에 배치하십시오.
  5. 왼쪽 눈의 윤곽을 많이 세우고 눈동자를 위한 두 개의 작은 원을 그립니다.
  6. 페인트 브러시 도구를 사용하여 두 개의 작은 눈썹을 그렸고 객체 아래에 확장했습니다.

5 단계

만화가의 머리에 만족하면 모든 것을 그룹화하십시오. 이전에 그려진 것을 유지하면서 헤드가 끝나고 오른쪽에 귀가 거의 보이지 않는 것을 정의하는데 도움이되는 전체 윤곽선을 더 두껍게 추가하려면 복사한 헤드를 패스파인더복사, 붙여 넣기결합합니다. 채우기 및 획 색상을 진한 갈색으로 설정하고 획 두께를 원하는 값에 따라 2-3pts로 설정하십시오. 머리와 실루엣을 정렬하고 함께 그룹화합니다.

3. 몸을 추가합시다.

1 단계

다시 한번, 스케치 단계에서 몸체의 모양을 알아 냈습니다.

  1. 신체의 부분은 두 손, 두 팔, 목, 셔츠 및 셔츠 내부입니다. 나는 나를 위해, 복사, 붙여 넣기, 그리고 왼쪽 팔을(수직축 위에) 반사 시켜서 오른팔을 얻는 것이 가장 쉽다는 것을 알았습니다. 스케치에 맞추기 위해 크기를 조정하고 회전 시켰습니다.
  2. 이전 섹션의 기술을 사용하여 목과 팔에 2 피트 무게 윤곽을 지정하십시오.
  3. 얼굴의 그림자에 사용된 것과 같은 어두운 피부색을 사용하여 손바닥, 목 및 상갑 (소매에서 그림자를 드리 우는) 그림자 모양을 그립니다.

2 단계

펜 도구를 사용하여 소매 커프, 스티치 및 칼라를 나타내는 셔츠에 선을 그립니다. 모든 것을 함께 그룹화하고 패스파인더 패널에 복사, 붙여 넣기, 결합, 모양에 두꺼운 획 두께 적용, 주인공 뒤에 정렬. 이 모든 것을 하나로 묶어서 나머지 상자 디자인을 만들어 보겠습니다.

4. 3 차원 시리얼 그리기

1 단계

타원 도구를 사용하여 큰 원 안에 원을 그립니다. 두 항목 모두 선택하면 패스파인더 패널에서 마이너스 프론트를 누르십시오. 평면 도넛 모양을 선택하고 효과 > 3D > 밀어내기 및 경사...로 이동합니다. 회전과 함께 재생하거나 아래의 동일한 3D 모양을 얻으려면 다음 세부 정보를 입력합니다.

  • X Axis: 
  • Y axis: 
  • Z axis: -2°
  • Extrude Depth: 34 pt
  • Surface: Plastic Shading

2 단계

3D 도넛 모양을 선택한 상태에서 오브젝트 > 모양 확장으로 이동합니다. 직접 선택 도구 (A)를 사용하여 시리얼 모양의 면을 선택하고 채우기 색을 연황색으로 설정하십시오. 물체의 얼굴을 제외한 모든 것을 선택하고 채우기 색을 어두운 황갈색으로 설정하십시오. 시리얼 모양에 두꺼운 외곽선을 제공하려면 섹션 3, 2 단계의 단계를 따르십시오. 이러한 모양을 함께 그룹화하십시오. 평평한 이미지를 그려 내고, 밀어 내고, 채우기 색상을 변경하고,이 자습서의 뒷부분에 있는 다른 시리얼 조각에 대한 개요를 제공하는 이 프로세스를 사용하게됩니다.

3 단계

"Vector O"중 일부를 복사하여 붙여 넣기하십시오. 자신이 적합하다고 생각되는 방향으로 회전 시키거나 각 곡물의 관점에서 추가로 다양한 3D 버전을 만들수도 있습니다. 그룹을 선택하고 패턴 옵션 패널에서 새 패턴을 만듭니다. Hex by Column을 선택하십시오. 패턴을 저장하고 다음 단계로 넘어갑니다.

4 단계

  1. 그릇의 꼭대기 역할을 하는 커다란 타원을 그립니다. 채우기 색상을 가벼운 크림으로 설정하십시오 (이것은 우리의 우유로 작용할 것입니다).
  2. 해당 타원을 복사하여 붙여넣고 새 패턴을 적용하십시오. 마시멜로우 모양이 부족하다는 것을 무시하십시오. 곧 출시 될 예정입니다.
  3. 모든 패턴 모서리를 덮고 시리얼 보울을 맛좋은 "Vector O 's"로 가득 채우는 것처럼 보울 주위에 시리얼 모양을 붙여 넣으십시오. 펜 도구를 사용하여 얕은 그릇을 그립니다. 측면과 상단 가장자리만 최종 디자인에 표시되므로 볼의 관점에서 얼마나 정밀한지는 당신의 선택입니다.

5. 마시맬로우 모양!

1 단계

이전 섹션에서는 일러스트레이터 테마의 마시멜로우 모양 중 일부를 시리얼 그릇에 추가했습니다. 그들에 대해 연구합시다. 펜 도구에서 영감을 얻은 마시맬로우 부터 시작해 보겠습니다. 펜 도구 자체로 디자인의 절반을 아래 그림과 같이 그립니다. 복사붙여 넣기 개체를 세로 축을 통해 반사합니다 섹션 4, 1 단계의 단계를 사용하여 펜 도구의 3D 버전을 만들고 어두운 색으로 그림자 색을 변경하십시오. 모양의 중앙에 원을 그려 그룹화하십시오. 시리얼 O처럼 두껍게 윤곽을 그려주세요.

2 단계

다음 마시맬로우 모양을 위해, 우리는 노란색 연필을 만들 것입니다. 사각형 도구 (M)를 사용하여 좁은 사각형을 그립니다. 직접 선택 도구로 선택하고 라이브 코너를 안쪽으로 당겨 모서리를 둥글게 만듭니다. 직사각형을 그려 패스파인더 패널에서 마이너스 프론트를 치면 모양이 반 이상 (또는 그 이상) 절단됩니다.

3 단계

  1. 다각형 도구를 사용하여 간단한 삼각형을 그립니다.
  2. 연필 모양의 나머지 부분과 같은 너비가 되도록 정렬하고 크기를 조절하십시오.
  3. 패스파인더 패널을 다시 사용하여 삼각형의 끝을 자릅니다.
  4. 여기에서 연필에 좁은 줄무늬를 그릴 수 있으며 다른 시리얼 모양과 마찬가지로 3D 개체를 만들 수 있습니다.

4 단계

다른 마시맬로우 모양은 빠르게 만들 수 있습니다

  1. 다른 축으로 회전할 때 값이 서로 다른 점은 마시맬로우에 대해 서로 다른 시각을 제공한다는 점에 유의하십시오.
  2. 세 번째 모양은 페인트 브러시입니다. 연필 도구를 사용하여 페인트 브러시 도구 아이콘을 기반으로 그립니다.
  3. 최종 마시맬로는 녹색으로 렌더링 된 선택 도구입니다. 그것은 직사각형과 커다란 들여 쓰기 삼각형으로 만들어졌습니다.

5 단계

마시맬로와 "Vector O 's"를 디자인 주위에 뿌리고 캐릭터의 손에 가깝게 얹어 놓은 것처럼 그릇에서 튀어 나와서 던지 듯이 넣으십시오. 이 모든 것을 하나로 그룹화 하십시오. 파란 마시맬로에 사용된 펜 아이콘도 셔츠에 추가되었습니다. 분명히 이 사람은 벡터 아트를 좋아합니다.

6. 스티커와 배경

1 단계

콤포지션의 오른쪽 하단에 있는 귀여운 스티커를 그려 봅시다.

  • 타원 도구로 원을 그리고 어두운 황색으로 채웁니다. 효과 > 왜곡 & 변형> ZigZag ...로 이동합니다. 원하는대로 효과를 조정합니다. 크기가 클수록 점의 깊이가 원의 중심으로 떨어집니다. 세그먼트 당 산등성이가 높을수록 서클에서 더 많은 포인트를 얻을 수 있습니다.
  • 스티커 모양의 윤곽을 만들고 라이브 코너를 조작하거나 스트로크(획) 패널에서 둥근 대문자 및 모서리를 선택하여 모서리를 반올림 합니다.
  • 윤곽선을 밝게하려면 100%에서 0%불투명도에서 밝은 노란색에서 선형 그래디언트로 원을 그립니다. 왼쪽 상단에서 각을 잡습니다. 쉐이프 빌더 도구를 사용하여 스티커 모양에서 원의 비교차 부분을 삭제합니다.
  • 마지막으로 Arch Lival이나 Toontime과 같은 만화 스타일의 글꼴을 사용하여 텍스트 레이어를 만듭니다.

2 단계

배경은 매우 간단합니다. 직사각형 도구를 사용하여 아트지 위에 "청록색"으로 큰 사각형을 그립니다. 펜 도구를 사용하여 디자인의 중심에서 바깥쪽으로 방사되는 긴 모양을 그립니다. 패스파인더 패널에서 그들을 결합시키고 중앙의 하늘색에서 가장자리에 청록색으로가는 컴파운드 모양방사형 그라디언트를 적용하십시오. 대부분의 디자인은 가운데에 있는 모양의 더 불투명한 부분을 포함합니다.

7. 로고

1 단계

만화 같은 글꼴을 사용하여 시리얼 이름을 썼습니다. 이 글꼴을 헬싱키라고합니다. 나는 어린애 같거나 둥근것 또는 손으로 그린 ​​것을 사용하는 것이 좋습니다. 압출 & 베벨, 마치 마시멜로 모양이 이전처럼.

2 단계

로고를 만드는 단계는 매우 간단합니다.

  1. 오브젝트 및 그룹 해제에서 3D 텍스트를 확장하여 각 문자를 위 또는 아래로 이동하거나 원하는대로 회전할 수 있습니다.
  2. 글자의 얼굴을 하늘색으로 변경하고 그림자 색상을 청록색으로 변경하십시오.
  3. CO와 같은 일부 문자와 E와 같은 일부 문자의 스케일을 조정합니다.
  4. 배치에 만족하면 텍스트를 그룹으로 묶고 패스파인더 패널에서 복사 된 그룹을 복사, 붙여 넣기결합하여 개요를 만듭니다. 획 두께를 3-5pts로 설정하고 첫 번째 로고 그룹 뒤에서 정렬하십시오. 텍스트가 약간 커브로 나타나 상자 디자인에 대한 준비가 되었는지 확인하십시오.

3 단계

모두 함께 넣어주세요!! 캐릭터가 로고와 약간 겹쳐져야 하고 "marshmallow tools"의 추가 텍스트가 Arch Rival에 다시 설정되어야 한다고 결정했습니다. 나는 또한 캐릭터, 그릇, 시리얼 비트에 두 가지 외곽선을 추가하여 배경과 멀리 떨어져 있도록 설정했습니다.

이 시점에서 주요 설계가 완료되면 이 프로젝트를 제대로 완료 할 수 있습니다. 또는 계속해서 디지털 시리얼 상자 모형을 만들 수 있습니다.

8. 사이드 패널

1 단계

디자인을 모형으로 만들기 전에 시리얼 박스의 사이드 패널을 만들어야합니다. 나는 완전한 영양 분석표를 창조하는 문제로 가기로 결정했습니다. 직사각형 도구를 사용하여 흰색으로 채워진 좁은 직사각형과 검정색으로 설정된 획 색상 및 2pt 무게로 그립니다. 라인의 경우, 라인 세그먼트 도구를 사용하여 각 라인을 그려서 라인의 너비가 초기 사각형의 너비와 일치하는지 확인했습니다. 영양표 분석에 대한 FDA의 가이드 라인을 맞추기 위해 실제 시리얼 박스 (또는 다른 식품)를 확인하십시오. 모든 것을 만드는 길을 가는 것이 아니라면 원하는 예술적 자유를 취하십시오.

2 단계

"Nutrition Facts"에 사용 된 글꼴은 Franklin Gothic입니다. 나머지 레이블의 경우, Arial 또는 Helvetica보다 선호하는 Liberation Sans를 사용했습니다. 비타민과 주요 영양 성분이 그 값과 백분율이 다른쪽에 줄 지어 있도록 텍스트를 정렬하고 있는지 확인하십시오.

3 단계

시리얼 박스의 전면과 마찬가지로 측면 패널도 청록색입니다 (그래도 방사형 그래디언트가 없어도). 로고를 복사하여 붙여넣고 직사각형 안에 맞도록 크기를 조정하십시오. 귀하의 영양 사실과 마시맬로 디자인의 다양한 인스턴스를 붙여 넣으십시오.

4 단계

이 자습서의 나머지 부분을 완료하려면 어도비 포토샵 CC 를 열어야합니다. Zeisla가 만든 그래픽 리버에서 위대한 시리얼 박스 모형이 필요합니다. 다운로드 파일이 있는 교육용 PDF 파일이 있습니다.

포토샵에서 3.PSD라는 파일을 엽니다. 상단 레이어의 제목이 "Box (Your Image Here)"입니다. 이 레이어를 마우스 오른쪽 버튼으로 클릭하고 내용 편집을 누르십시오. 프론트 박스 디자인을 붙여넣고 전체 문서를 채웁니다 저장을 누르고 3.PSD로 돌아갑니다. 이제 디자인은 이전의 빈 상자에 표시됩니다. 이전에 생성한 측면 패널의 "Box Side (Your Image Here)" 레이블이 붙은 두번째 레이어로 이 단계를 반복하십시오 (파일에 측면 패널 내용을 직접 어셈블할 수도 있음).

잘하셨습니다, 끝났습니다!

공기 중에 마시맬로를 던져라, 끝났습니다! 그럼 다시 데리러.. 당신이 개미를 원하지 않을까해서. 포장 디자인 및 만화와 함께 재미있는 내용을 보려면 다음 환상적인 자습서를 확인하십시오.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.