본문 바로가기
디자인/무료 디자인 자습서

[일러스트] 컬러풀한 마을 포스터 만들기

by 코코리★ 2018. 5. 19.
728x90
Adobe Illustrator tutorial: Create a super bright and colourful vector poster in Illustrator


소개
이 자습서에서는 Ben이 Illustrator에서 자신이 좋아하는 도구 중 일부를 안내합니다. 여기에는 상대적으로 새롭고 매우 매끄러운 가변 스트로크 너비 (Variable Stroke-Width) 도구, 정돈 된 점선 기능, 개선 된 모양 작성 도구 및 가장 흥미로운 기능인 새로운 원근감 도구가 포함됩니다. 함께 사용하면 강력한 세트입니다 모든 종류의 프로젝트 및 그래픽 작업에서 편리하게 사용할 수있는 새로운 기능을 제공합니다 .4 시간 완료까지 소요되는 시간 소프트웨어 소프트웨어 Illustrator CS5 이상

Intro
In this tutorial, Ben guides you through some of his favourite tools in Illustrator. These include the relatively new – and very smooth – Variable Stroke-Width tool, the tidied-up dashed-line functions, the improved shape-building tools, and most excitingly of all, the new perspective tools.Taken together, it’s a powerful set of new features that will come in handy in all sorts of projects and graphics tasks.Time to complete4 hoursSoftwareAdobe Illustrator CS5 or later


1 단계
우리는 Illustrator 이미지에 대해 상당히 표준적인 방법으로 시작합니다 : 프리젠 테이션을 종이에 그려 스캔하고 Illustrator로 가져 왔습니다 (파일> 장소). 그런 다음 트레이싱을 시작합니다 : 여기서는 기본적인 풍경을 만들었습니다. 다른 레이어에 다양 한 비행기와 펜 도구를 사용 하여. 수평선에서 (가장 낮은 레이어에서) 이미지의 전경 (최상위 레이어)까지 작업했습니다.

Step 1
We’ll start off in a fairly standard way for an Illustrator image: draw your landscape picture on paper, scan it and took import it into Illustrator (File > Place).Then start tracing it: here, I’ve created the basic landscape using the Pen tool, with various planes on different layers. I’ve worked from the horizon (on the lowest layer) to the foreground (on the top layer) of the image.


2 단계
세부 사항으로 이동 : 펜 도구를 사용하여 모든 집을 그렸습니다. 주거지를 만드는 경우 4 개의 서로 다른 디자인으로 집을 개별적으로 설명 할 필요없이 자연스럽게 보이도록 다양한 장면을 제공합니다.

Step 2
Now move onto the detail: I drew all the houses using the Pen tool. If you’re creating a residential landscape then four different designs of house will usually give the scene enough variety to look natural without having to illustrate each one individually.


3 단계
복사 및 붙여 넣기가 많이 발생합니다. 선택 도구를 사용하여 요소를 빠르게 반복하는 경우 원본을 멀리 잡고 드래그하여 복제본을 만듭니다. 이러한 기본 요소가 만들어지면 계속 진행할 준비가되었습니다.

Step 3
You’ll notice a lot of copying and pasting; if you’re quickly repeating elements with the Selection tool, holdAltand drag a copy away from the original – this creates a duplicate. With these basic elements created, we’re ready to move on.


4 단계
Illustrator CS5에서 추가 된 가장 유용한 새 도구 중 하나는 가변 스트로크 너비입니다. 시작하려면 획 도구 가중치를 1pt로두고 펜 도구를 사용하여 간단한 곡선을 그립니다. 나중에 더 복잡한 펜 도구 선이나 스케치 펜슬 도구 선을 시험해 볼 수 있습니다.

Step 4
One of the most useful new tools that was added in Illustrator CS5 is Variable Stroke Width. To get started, draw some simple curved lines using the Pen tool, leaving the stroke weight at 1pt. You can experiment with more complex Pen tool lines or sketchy Pencil tool lines later.


5 단계
도구 모음에서 너비 도구를 선택하십시오. 일반적으로 베 지어 점이나 객체의 크기를 조정할 때 드래그하는 경우와 마찬가지로, 그려지는 선을 클릭하고 선에서 멀리 드래그합니다. 원하는만큼 줄을 좁히거나 넓힐 수 있습니다.

Step 5
Select the Width tool from the toolbar. In much the same as you would usually drag a Bézier point or an object to resize it, click at any point on a drawn line and drag away from the line. You can narrow or widen a line as much as you want.


6 단계
선의 한쪽 가장자리 만 넓히려면 클릭하고 드래그하십시오. 획 너비 효과를 여러 줄에 적용하려면 해당 선을 선택한 상태에서 한 번만 작성하고 획 패널 (윈도우> 획)을 열고 프로파일 메뉴를 열고 왼쪽 아래에있는 프로파일에 추가 버튼을 클릭합니다.

Step 6
If you want to only widen one edge of the line, holdAltwhen you click and drag. If you want to apply a stroke width effect to multiple lines, create it once, with that line selected, open the Stroke panel (Window > Stroke), open the Profiles menu and click the Add to Profiles button at the bottom left.


7 단계
새로운 원근감 격자 도구는 평면 아트웍을 원근감있게 보여줍니다 (마치 블록 측면에 붙여 넣는 것처럼). 사용할 요소 만들기 - 여기에 모의 광고판을 만들었습니다. 아트웍을 그룹화했는지 확인하십시오 (아트 워크를 선택한 다음 Ctrl / Ctrl + G). 눈금을 열려면 도구 막대에서 투시 눈금 도구를 클릭하십시오.

Step 7
The new Perspective Grid tool puts your flat artwork into perspective – as if pasted onto the side of a block. Create an element to use – here, I’ve made some mock billboards.Ensure your piece of artwork is grouped (select the artwork then hitCmd/Ctrl + G). To open the grid, click the Perspective Grid tool in the toolbar.


8 단계
블록의 어느면에 아트웍을 붙여 넣을 지 정의하려면 창의 왼쪽 상단 모서리에있는 아이콘에서 해당면을 선택합니다. 투시 선택 도구 (투시 격자 옆에 있음)로 전환하고 삽화.

Step 8
To define which side of the block you want to be pasting your artwork onto, select the corresponding side from the icon in the top left corner of your window.Switch to the Perspective Selection tool (it’s next to Perspective Grid) and select your piece of artwork.


9 단계
아트웍을 그리드 위에 드래그하면 그리드가 원근감에 영향을주는 것을 볼 수 있습니다. 아트웍을 그리드의 어느 곳에 나 배치하고 크기를 조정하여 필요한 정확한 시각을 얻을 수 있습니다.

Step 9
As you drag your artwork onto the grid you’ll see the grid affect its perspective. You can place your artwork anywhere on the grid, and resize it to gain the exact perspective required.


10 단계
필요에 따라 아트웍이 원근감을 가지면 선택 도구를 사용하여 아트웍을 그리드에서 멀리 드래그하십시오 - 그러면 원근감이 변경되지 않습니다. 그리드 외부의 아트웍 크기를 조정하거나 그리드로 드래그하여 다시 원근감을 변경할 수 있습니다.

Step 10
When your artwork is in perspective as you need it, drag it away from the grid using the Selection tool – this will prevent the perspective from changing. You can still resize the artwork outside of the grid, or drag it back into the grid to alter the perspective.


11 단계
파선은 항상 Illustrator에서 간단한 도구였습니다. 이제는 만든 모양을 지능적으로 이해하여보다 세련되게 만듭니다. 연습을하려면 기본적인 모양을 만드십시오 - 정사각형이나 별 모양이 잘 작동합니다. [획] 패널에서 [파선] 옵션을 선택하고 대시 및 틈 크기를 설정합니다.

Step 11
Dashed lines have always been a simple tool in Illustrator – now they’ll intelligently understand the shape you’ve created, making them tidier. To practise, create a basic shape – a square or star will work well. In the Stroke panel select the Dashed Line option and set a dash and gap size.


12 단계
처음에는 대시가 구석에서 잘 맞지 않는다는 것을 알 수 있습니다. 점선 옵션의 오른쪽에는 두 개의 새로운 버튼이 있습니다. 왼쪽 버튼은 전통적인 설정입니다. 우측의 버튼을 클릭하여 점선을 포인트와 벤드를 훨씬 더 깔끔하게 이동하십시오.

Step 12
You’ll see that the dashes don’t meet well in corners at first. To the right of the Dashed Line option are two new buttons: the left button is the traditional setting. Click the button on the right to shift your dashed line to handle points and bends much more neatly.


13 단계
특정 작업을보다 효율적으로 수행 할 수있는 새로운 도구 중 하나는 셰이프 빌드 도구입니다.이 도구는 매우 간단하게 셰이프를 병합 할 수 있습니다. 시작하려면 두 개의 도형을 만들어 중첩되도록 배치하고 선택 도구를 사용하여 두 가지를 모두 선택하십시오. 도형을 그룹화하지 마십시오.

Step 13
One new tool that can make certain tasks more efficient is the Shape Building tool, which can merge shapes incredibly simply. To start, create two shapes, position them so that they overlap, and select both with the Selection tool. Don’t group the shapes.


14 단계
툴바에서 Shape Builder 도구를 선택하십시오. 이 도구를 사용하여 선택한 두 도형을 가로 지르는 선을 드래그합니다. 즉각적으로 하나의 완벽한 모양이됩니다.

Step 14
Choose the Shape Builder tool from the toolbar. Use the tool to drag a line across the two selected shapes – instantly they will become one perfect shape.


15 단계
또한 한 모양을 다른 모양에서 잘라낼 수도 있습니다. 새 도형을 만들고 새로 병합 한 도형과 겹칩니다. 삭제하려는 영역 내부를 클릭하고 열린 공간으로 드래그하면 모양이 분리되고 겹치는 선이 삭제됩니다.

Step 15
You can also cut one shape out of another. Create a new shape and overlap it with your newly merged shape. Click inside an area you want to delete and drag away into open space – this will separate the shapes and delete any overlapping lines.


16 단계
레이어 패널을 보면 셰이프가 분리되거나 새로운 패스 또는 복합 패스로 병합 될 때마다 표시되는 방식을 볼 수 있습니다. 새로운 모양의 패스는 실행 취소 할 수 없지만 객체를 선택하고 객체> 복합 패스> 해제. 이 위대한 새로운 도구를 사용하여 다른 겹치는 개체와 개체를 서로 겹쳐보십시오.

Step 16
Looking in the Layers panel, you can see how each time the shapes are being separated or merged into new paths or Compound Paths.Newly shaped paths cannot be undone, but compound paths can always be undone by selecting the object and clickingObject > Compound Path > Release. Try different overlapping objects and objects on top of each other with this great new tool.


728x90

댓글