Back-to-School With 40 Excellent Adobe Illustrator Tutorials

일러스트레이터 튜토리얼입니다. 영문이긴 하지만, 튜토리얼의 특성상 보여주는 이미지와 간단한 영어로 따라해보기에 큰 무리는 없을 것 같습니다.

먼저 보여지는 이미지를 확인하고 적당한 것들을 찾아 따라해보세요.

Gradient Mesh Bell Pepper Tutorial

• Use multiple smaller Meshes to create a realistic object
• Learn to use the Eyedropper Tool (I) to sample colors from a reference photo

How to create a Television Icon

• Using Offset Path on an object
• Learn to use Gradients to create surface texture and depth
• Create a reflection using an Opacity Mask

Working with 3D Objects and Transparencies to Make a Vector Cola Bottle Design

• Learn to “cut” up an image in Pathfinder and use the pieces in 3D Revolve to create solid objects
• Map art (symbols) onto a 3D object

Create a Stylish Colorful Text Effect in Illustrator

• Learn to use Offset Stroke on text
• Apply a Pattern Swatch to text

Illustrate a Malevolent Skull in 8 Steps

• Working with a sketch and outlining with the Pen Tool (P)
• Use Outline/Preview modes during design process
• How to use the Reflect Tool (O) to save time

Create A Wood Grain Texture

• Use Raster Effects, Live Trace, and Expand to create a texture
• Learn to use the Warp Tool (Shift +R) to customize a texture

Illustrator ring shape via overlapping crescents effect

• Create abstract geometric shapes with Linear Gradients, Align, and Pathfinder
• Learn to use Smart Guides (Cmd/Ctrl + U)

How to Illustrate a Brain Icon for OSX and Vista

• For faster coloring, use the Live Paint Bucket (K)
• Bonus Lesson: How to turn art into an icon

Create a Realistic Candy Bar in Illustrator

• Tips on stacking order for the Layers Panel when using a sketch
• Create realistic creases in paper
• Where to place shadows/highlights and why

How to Create a Vector Smiley Icon

• Working with Radial Gradients
• Copy design elements for symmetry
• Learn how to use the Isolation Mode

How to Create a Radial Mesh in Illustrator and Make a Vector CD

• Create a radial mesh from a Radial Gradient and the Mesh Tool (U)
• Learn the finer points of selecting mesh points
• Create a Clipping Mask

Illustrator full spectrum spirograph

• Using the Rotate Tool (R) to create abstract shapes
• Learn to use Transform Again to save time

How to Make a Cartoon Style Cereal Box Logo in Adobe Illustrator CS3

• Effectively use Strokes, Align Stroke, and Selection Tool (V) to modify fonts
• How to use 3D Extrude & Bevel Options to Create 3D Text

How to Create a Gearbox Settings Icon Using Simple Shapes

• Use the Rotate Tool (R) to rotate shapes relative to another shape
• Create a metallic texture using shapes and Radial Blur
• Design a perforated metal backing using Gradients

3D Effect Extrude and Revolve

• Learn to use simple shapes to create a 3D object with Extrude & Bevel

Illustrator Tutorial: Realistic Orange

• Learn to use Plastic Wrap Effect and Sponge Effect to create an orange peel texture
• Effectively use Opacity in an illustration

How to Create Semi-Realistic Scissors in Illustrator

• Using shapes and Gaussian Blur, create an aged metallic texture
• Learn to add highlights on metal contours

How to Create a Hippy Van Vector in Illustrator

• Trace a photo with the Pen Tool (P)
• Expand strokes to add Gradients

Illustrator Quick Tips #1 – Complex Symbols with Pathfinder

• Use the Gradient Tool (G) to create a 3D effect
• With the Pathfinder Divide, create abstract shapes
• Learn to use the Blending Mode Multiply

How to Make a Vector Diamond Ring in Illustrator

• Use Pathfinder to create a compound shape
• Create a metallic finish with Gradients
• Create a diamond with Linear Gradients

Create Fun, Eye-catching Text with Adobe Illustrator

• Use the Free Transform Tool (E) on text to create depth and perspective
• Highlight and shadow placement on text

‘Women and Cats’ How-To Advanced Tutorial

• Learn about shading/highlights in vector portraits
• Use of Transparency and Opacity Masks

Turn Any Font Into a Sketch Font

• Learn to use the Scribble Effect and Roughen to create a font
• Create a custom Graphic Style

How To Create A Realistic Pendrive in Adobe Illustrator

• Learn how to align objects to the Artboard
• Create a realistic metallic surface using Linear Gradients

How to Create a Rainy Window Vector Background

• Create an abstract background with the Mesh Tool (U) and circles
• Use Gradients, Inner Glow, and Warp to design raindrops
• Learn to make a Symbol from artwork

Draw a Cute Purse Using Simple Shapes

• Modify shapes using the Warp Tool
• Use Pathfinder Exclude to create new shapes
• Learn to design a simple pattern
• Quick Tip: Horizontal Align to align anchor points

Make a Christmas Light Bulb in Illustrator

• Create a quick glossy orb using Gradients and the Blend Mode
• Add an image to a round surface using Pathfinder

How to Create Shiny, Vector Dice in Illustrator

• Learn to use the 3D Extrude & Bevel
• Create highlights on a 3D object with the Gradient Mesh Tool (U)

Create a Cute Vector Monster from a Pencil Sketch

• Learn to rough in a character using the Pen Tool (P)
• Use tapered brushes to create a sketch style

Drawing a chinese fan

• Create symmetric shapes using the Rotate Tool (R) and Ctrl+D
• Overlay images using Symbols and Color Burn

How to Draw A Realistic Vector Light Bulb From Scratch

• Create a metal thread contact with Effects and Gradients
• Use the Zig Zag Effect to create wires

Create a Character Mascot with Adobe Illustrator CS4

• How to set up an Adobe Illustrator file to trace with a sketch
• Create a Custom Art Brush

Hit the Mark with a Realistic Vector Dartboard

• Using Transform Effect to create segments
• Save time with Live Paint
• Learn to create bent wire numbers

The Shane Harper way to go Lineless!

• Add details to a drawing with the Pencil Tool (N)
• Alter shapes quickly using the Knife Tool

Illustrator Tutorial: How to Make an Icy Cocktail

• Simulate “glass” using Color Burn and Gradients
• Create Water Drops quickly

Create a Simple Vector Creature in Illustrator

• Learn to use Guidelines effectively
• Use the Reflect Tool (O) for symmetry
• Change end caps on Strokes to alter paths

Create an easy landscape scene in Illustrator

• How to use the Crystallize Tool to create shapes
• Learn to use the Free Transform Tool (E) to create perspective

How to Create a Killer Chainsaw Bunny Character

• Learn to trace with vectors
• Block a character in using the Pen Tool (P)

Blueprint-Style Text in Adobe Illustrator

• Use Scribble Effect to create a hand drawn font
• Learn to use an Opacity Mask with a Gradient

Create a Cute Lipstick Tube

• Working with shapes and Pathfinder
• Learn shading tips for 3D Objects
• Design a Reflection on a shiny surface

출처: Back-to-School With 40 Excellent Adobe Illustrator Tutorials « Smashing Magazine

포토샵으로 2D label을 만들어 봅니다.
지금 튜토리얼을 써내려가는 곳이 자택이 아니라서 원래 사용하던 버전인 CS3을 사용하지 않고 7.0을 사용했습니다..
단축키가 달라 좀 헷갈리네요.

운영정책 알림 단순히 공부 목적으로 사용 하시기를 권고드리며 해당 게시글은 퍼가기가 허용되지 않습니다.
출처를 남긴다고 해도 퍼갈 수 없으며 동의 요청 또한 받지 않습니다. 또한 그 일부를 스크랩하는 행위도 안됩니다.


1. 600x120(px)의 신규 도큐먼트를 생성합니다. Resolution은 72 Color mode는 RGB입니다.


2. 

gradient Tool을 선택하여 이와 같이 색상을 셋팅해 준 뒤 좌측상단에서 우측 하단으로 드래그해 줍니다.


3. 

전경색을 #ffffff로 설정하고 rectangle Tool(Shape Layer)을 이용하여 가로가 긴 직사각형을 만들어 줍니다.


4.

위와 같은 모양으로 Free Transform합니다.



5.

Layer Style을 적용합니다. 3px Stroke, 위와 같은 색상의 Color Overlay를 적용하세요.



6.

이와 같이 Drop Shadow도 주어 그림자 효과를 냅니다.



7.

신규 레이어를 추가하고 Marquee Tool로 직사각형을 그린 뒤 #000000으로 채웁니다. 그 다음 위와 같이 Motion Blur 필터를 줍니다.



8.

레이어를 복제합니다.



9.

이와 같이 Free Transform으로 위치시키고 Opacity를 조정합니다. 그리고 복제된 다른 Shadow도 반대방향에 적절히 위치시킨 후 완성합니다.

결과 미리보기

이미지에서 자신이 원하는 부분을 추출하는 방법은 다양합니다.
crop, marquee, channel, magic wand, lasso, extract...
제가 알려드릴 방법은 거의 대부분의 추출 결과로 발생되는 잡티 문제점을 해결하는 방법이긴 합니다만 magnetic lasso tool이나 magic wand tool 등으로 자동 추출하였을 때 생기는 잡티를 없애는데 최적화 되었습니다.

예제로 쓰일 이미지입니다.

출처 : 네이버블로그(http://blog.naver.com/ytseo?Redirect=Log&logNo=86491579)

제가 알려드릴 방법은 총 3가지입니다.
첫째부터 시작합니다.^^


1. Level과 Gaussian Blur를 이용한다.
포토샵 고급 사용자가 되서야 비로소 원리를 파악할 수 있는 방법이네요.
왜 이렇게 되는지에 대해선 설명하지 않겠습니다 ㅠ.ㅠ 초보자님들은 2, 3번 방법으로 하셔도 됩니다.

우선 이미지를 따야겠죠^^?
따는 방법은 생략합니다. 따는 방법을 아시는 분들이 오셨을 터이니..

위 이미지에서 꽃을 따고나면 대강 이런 모양이 될겁니다.
물론 펜툴이나 다른 방법을 이용하셨다면 이보단 더 깨끗한 결과가 나왔을 거에요^^

ctrl과 함께 땄던 꽃의 thumbnail을 클릭하면 꽃의 영역이 활성화 됩니다.
이 상태에서 마스크를 씌워주세요.

'마스크'를 선택하고 Gaussian Blur([Filter] - [Blur] - [Gaussian Blur])를 1.0px크기로 적용합니다.

'마스크'를 선택하고 Levels([Image] - [Adjustments] - [Levels])를 적용합니다.
Input Levels의 Shadow 부분 slider를 오른쪽으로 쭉 당겨줍니다.

 이미지의 특성에 따라 어느 slider를 조정해야 하는지 달라질 수 있습니다.

적용 결과입니다.


이제 방법 2로 넘어가죠.
이제부턴 쉬워집니다;


2. Expand 를 이용한다.
쉬워요 쉬워요.

ctrl과 함께 땄던 꽃의 thumbnail을 클릭하면 꽃의 영역이 활성화 됩니다.
이 상태에서 선택 영역 반전을 위해 Inverse([Select] - [Inverse])를 적용합니다.

선택 영역을 반전한 뒤 Expand([Select] - [Modify] - [Expand]) 를 1px의 값으로 적용합니다.

그 다음 Delete를 눌러 해당 부분을 지워주면 완성


3. Defringe 를 이용한다.
이건 정말 초간단 방법이네요..
그러나 부작용이 있습니다.
이거 원리가 이미지의 영역을 지정해준 만큼 밀어내는거라 값이 커지면 이미지가 망가집니다 ㅠ.ㅠ

이미지를 불러옵니다.

Defringe([Layer] - [Matting] - [Defringe]) 를 적용합니다.값으로 1px를 적용합니다.

완성 결과입니다.

완성 미리보기

전체적인 특정 색상의 톤을 원래 이미지의 본연의 색으로 '아주' 간단한 방법을 통해 바꿔보겠습니다.

이미지를 불러온 뒤 레이어를 하나 더 복제합니다.

복제된 레이어에 Color Balance([Image] - [Adjustments] - [Color Balance])를 적용합니다.

색상 보정이 필요 없는 mp3까지도 color balance가 적용되었습니다.
여러가지 툴로 mp3부분을 마스크레이어로 검정색을 이용. 그려줍니다. (저는 브러쉬를 사용했네요)

완성





다시 비교

완성 미리보기

포토샵을 이용하여 간단한 방법으로 인물이나 제품에 시선이 집중되도록 하는 효과를 넣어 보도록 합니다.

시작!

작업할 이미지를 엽니다. (저는 저번 강좌에서 완성했던 이미지를 사용할게요^^;)

레이어를 복제합니다. 
그 다음 복제된 레이어에 Radial Blur([Filter] - [Blur] - [Radial Blur])를 이와 같이 줍니다.
Blur Center에 있는 검은 점은 제가 임의로 찍은 것입니다. 포인트를 수정하셔서 적용하세요.

강조효과가 필요없는 mp3부분은 효과를 해제하기 위해 복제되었던 레이어에 마스크를 씌워주고 브러쉬로 마스크레이어에 mp3부분을 따라 그려줍니다.



완성^^

간단한 방법을 통해 인물의 얼굴을 멋진 팝아트 스타일로 바꿔 보도록 합니다.
곧 이것보다 복잡한 방법으로 다른 팝아트 스타일을 제작해 보도록 할 것입니다.
(완성되었습니다. "포토샵으로 자신의 얼굴을 멋진 팝아트 스타일로 바꾸기 [일반편]")
예제 이미지로 사용된 것은 히틀러와 관련한 포스터입니다.

완성 미리보기

효과를 적용할 이미지와 사이즈가 동일한 신규 도큐먼트를 생성하시고 효과를 적용할 이미지를 불러옵니다.
(위 이미지는 실제 포스터에서 필요없는 부분을 최대한 crop 한것이고 옷에 겹쳐있던 포스터 슬로건은 포토샵 작업을 통해 지웠습니다.)

이미지에서 효과를 적용할 인물을 추출하도록 합니다.
위와 같이 인물을 선택하시어 선택 영역으로 불러옵니다.

선택 영역을 Inverse([단축키 ctrl + shift + i]) 명령을 통해 반전시킨 뒤 Delete를 눌러 지워줍니다.

이미지를 단순화 하기에 앞서, 머리카락을 burn Tool을 이용해 칠해주어 약간 어둡게 만들어 줍니다.
(머리카락이 밝기 때문에 단순화 효과를 주었을 때 적용이 쉽게 되지 않기 때문입니다.)

이미지를 단순화 하겠습니다.
위 이미지와 같이 Threshold([Image] - [Adjustments] - [Threshold]) 효과를 적용합니다,

효과를 적용한 뒤 이미지와 배경을 구분하기 위해 Background 레이어의 임의의 색상을 채워 넣습니다.
채워 넣은 후, 인물 레이어를 선택한 뒤 Magic Wand Tool로 흰색 영역을 선택하고 Delete를 눌러 지워줍니다.

Background 레이어를 선택해서 다시 흰색으로 채워줍니다.
그 다음엔 다시 Magic Wand Tool을 선택해 검정색 영역을 선택하고, 자신이 원하는 색상으로 채워주면 완성입니다.

간단한 방법을 통해 인물의 얼굴을 멋진 팝아트 스타일로 바꿔 보도록 합니다.
곧 이것보다 복잡한 방법으로 다른 팝아트 스타일을 제작해 보도록 할 것입니다.
예제 이미지로 사용된 것은 히틀러와 관련한 포스터입니다.

완성 미리보기

효과를 적용할 이미지와 동일한 사이즈의 도큐먼트를 열고 이미지를 불러옵니다.
이 이미지는 과거 "포토샵으로 자신의 얼굴을 멋진 팝아트 스타일로 바꾸기 [간단편]" 포스트에서 예제 이미지로 사용했던 것과 같은 것입니다.

인물을 선택영역으로 추출하는 작업을 실행합니다.

인물이 선택되었다면 Inverse(단축키 ctrl + shift + i) 를 실행해 배경을 선택하고 delete 하여 지워줍니다.
그 다음엔 번툴을 이용하여 머리카락 부분을 골고루 '진하게' 효과를 주세요.

Threshold([Image] - [Adjustments] - [Threshold]) 효과를 줍니다. level값은 편한대로 하셔도 됩니다.

배경에 자신이 원하는 색상톤의 그라디언트를 삽입합니다.
그 다음, Threshold효과를 적용한 인물 레이어의 blend mode를 darken으로 변경합니다.

여러분의 손 테크닉과 색상 감각을 뽐낼 차례입니다;
인물 레이어와 background레이어 사이에 새로운 레이어를 추가하고 브러쉬 툴로 여러 색상을 선택하며 자신이 원하는 색상 톤을 그려줍니다.. 저는 강좌라 그런지 너무 대충했네요^^;

레이어를 복제한 뒤 Halftone Pattern 필터([Filter] - [Sketch] - [Halftone Pattern])를 적용합니다.
값은 윗부분은 2, 중간부분은 12정도. 맨 아래에는 Dot? 으로 두시는게 적당합니다.
필터를 적용하셨다면 해당 레이어의 blend mode를 overlay로 두세요.

그 다음 Layer 2 레이어에 Cutout 필터([Filter] - [Artistic] - [Cutout])를 적당히 적용합니다.
그 뒤, Layer 2레이어와 Layer 2 copy 레이어를 합치고 지우개툴로 튀어나온 부분 조금 보정해 주면 끝입니다.

완성^^

간단한 방법을 통해 사진에 빈티지 효과를 주는 방법을 배워봅니다.


여러분들이 싸이월드 같은 개인적인 커뮤니티 공간에서 자주 접하게 되는 빈티지사진!
이러한 빈티지사진을 잘 보시면 색감이 전체적으로 푸른빛이 감돈다는걸 아실 수 있습니다.
사람의 눈은 은은한 푸른색을 내는 물체를 보면 빈티지한 느낌이 난다고 인식이 되게 되어 있거든요~
포토샵을 통해 보정할 때도 역시 파란색 계열의 값만 수정해 주시면 충분히 빈티지 효과를 내실 수 있습니다.


일단 이미지를 불러와야겠죠?

음.. 포스팅하고 있는 저는 싸이를 하지 않지만.. 여러분들이 이런 사진 흔히 사진첩에 많이 올리시길래 퍼왔습니다..;
이분 이름이 뭔지 알면 누구누구 사진이라고 알려라도 드렸을텐데

Levels([Image] - [Adjustments] - [Levels])를 적용한 뒤 Blue Channel에서 Output Levels를 위와 같이 설정합니다.
저는 이와 같이 설정해 주었네요^^ 만약 빈티지 효과를 극대화 하고 싶다면 저 두 슬라이더의 간격을 더욱 좁혀주시면 됩니다.

완성 사진입니다~


간단한 방법으로 빈티지한 사진이 만들어 졌네요~

참고로 제가 맨 위에서 말씀드렸듯 푸른 느낌의 색상톤을 이용하여 빈티지 효과를 주는 것이므로 이 외에 푸른색계열을 강조할 수 있는 다른 기능(Color Balance..)으로도 비슷한 효과를 구현하실 수 있습니다~