illustrator cs4
DESCRIPTION
Illustrator CS4. Inspiration + basics + tutorial. viewing + thinking + discussing. Inspiration. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/1.jpg)
Illustrator CS4Inspiration + basics + tutorial
![Page 2: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/2.jpg)
viewing + thinking + discussingInspiration
By viewing artworks of artists, we get to know what we can do with techniques and skills. By thinking about other artworks, we get to know what we can do with our own artworks. By discussing other artworks, we get ideas from others to improve our thinking.
![Page 3: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/3.jpg)
Artists and artworkshttps://www.adobe.com/designcenter/gallery/swf/index.html#u_sContent=whitlamhttps://www.adobe.com/designcenter/gallery/swf/index.html#u_sContent=futurefarmershttps://www.adobe.com/designcenter/gallery/swf/index.html#u_sContent=domanistudioshttps://www.adobe.com/designcenter/gallery/swf/index.html#u_sContent=meomihttps://www.adobe.com/designcenter/gallery/swf/index.html#u_sContent=addikthttps://www.adobe.com/designcenter/gallery/swf/index.html#u_sContent=alwayshungry
![Page 4: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/4.jpg)
TextbookLynda.com (in two weeks)Or http://tv.adbe.comThe wikipedia of learning softwares: help document:(menu) help > (software name) help…
For adobe softwares, you can download the help pdfs or use it online.Better search function for the online version
![Page 5: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/5.jpg)
Listening + following +
personalizingBasics + TutorialThe lecture is composed of a tutorial and some basics. The tutorial is composed of several steps. Every step gets involved with some basics. You should first follow steps, then pay attention to “how-to” basics of every step. You can make your own operations after then, like you want another color, font … etc.
![Page 6: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/6.jpg)
Colorful Abstract Workhttp://www.adobe.com/products/illustrator/howto/
![Page 7: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/7.jpg)
Pre step 1: general things
For mac and winWin has control, alt, shiftMac has command, control, option (alt), shiftSometimes command in mac serves some functions of ctrl in win.If you want to right-click, better try hold ctrl to do that.
What the hell is ⌥ ?! ( It seriously bothers me for a long time)
Go to the top left corner of your screen to find the small apple; click it and choose system preference; choose keyboard; choose modifier keys.
For illustrator (even photoshop maybe)
Hotkeyshttp://help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-6426a.html Double click (normally for setting)When using the mouse, hold these function keys will give features: shift, alt, command
![Page 8: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/8.jpg)
Pre step 2: workspaceAreasView -> hide/show(menu) Windows : call the functional window you want to seeStatus barControl panel overview
http://help.adobe.com/en_US/Illustrator/14.0/WS3021052C-107A-42bd-B64E-D658875592AF.html
Knowing most things of your working environment will absolutely boost your efficiency, like knowing where your palette is in real painting.
![Page 9: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/9.jpg)
Step 1: Create a new Illustrator file
Help document:Create new documentshttp://help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-632fa.html
![Page 10: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/10.jpg)
Document settingNew Document Profile
Number of Artboards
Size
Bleed: http://en.wikipedia.org/wiki/Bleed_%28printing%29
![Page 11: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/11.jpg)
Step 2:Geometrical objects and their color
schemeRectangle toolPen toolPencil toolEllipse toolLine toolSpiral toolColor and swatches panelColor guide
![Page 12: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/12.jpg)
Rectangle/Ellipse tool•Click and drag to choose your tool from the list•Double click with the small cross to change the settings for the shape•For rounded rectangle, click UP or DOWN keys for corners when dragging•Drag and hold SHIFT for square or circle
![Page 13: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/13.jpg)
Line/Spiral tool•Drag and choose from the list•http://help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-625aa.html
![Page 14: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/14.jpg)
Pen tool•Drag to draw handles of curve• Single click for straight lines•http://help.adobe.com/en_US/Illustrator/14.0/WS55B8A5DC-5496-494d-ADA8-FFE0FA5DAEA1.html
![Page 15: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/15.jpg)
Pencil tool• freeform drawing• smooth tool (have to select path first) • path eraser tool (have to select path first)
![Page 16: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/16.jpg)
Color and Swatches• stroke• fill
![Page 17: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/17.jpg)
Color guide• Windows -> color guide •http://help.adobe.com/en_US/Illustrator/14.0/WS3B0DBDED-9FA7-47e9-B4BE-0D493E1034E2.html
![Page 18: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/18.jpg)
Step 2 : Compound shapes
Pathfinder Direct selection tool
![Page 19: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/19.jpg)
Pathfinder•Window->pathfinder•http://help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-645aa.html
![Page 20: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/20.jpg)
Anchor points• Pen tool : (delete
point) will automatically close the path
• Direct selection tool and delete : will leave the path open
![Page 21: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/21.jpg)
Direct selection tool• edit path• convert anchor point• view -> smart guide
![Page 22: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/22.jpg)
Step 3: Create a new brush
First, define a shapeBrush list (on top)-> New BrushYou can also download brushes
![Page 23: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/23.jpg)
Brush tool•http://help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-64f8a.html•Brush panel•Brush librarieshttp://help.adobe.com/en_US/Illustrator/14.0/WS62B42987-7610-48ab-B16A-A270EBFFDC3Aa.html
![Page 24: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/24.jpg)
Blob brush•http://help.adobe.com/en_US/Illustrator/14.0/WS4E460ED4-933D-4214-9735-4197A55C03D9.html•Can merge same color paintings
![Page 25: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/25.jpg)
Step 4: Gradient Colorhttp://help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-64dca.html
![Page 26: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/26.jpg)
Linear Gradient• change colors• change direction, radius and origin• add and delete midpoints
![Page 27: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/27.jpg)
Radical Gradient• change direction in 2 dimensions•Technique for outer shading:
•Create a circle.•Duplicate the created circle. Add a Radial Gradient.•Lower the Opacity to something around 50%.
![Page 28: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/28.jpg)
Step 4: Lighting Technique
Draw a line with the Line Tool.Duplicate the line, put the stroke color on white and lower the stroke width to the half of what it was.Go to Effect > Blur > Gaussian Blur… The amount of pixels depends on the width of the stroke.Scale the blurred white line and move it a little up or down. Optionally you can lower the Opacity to 75%.Some additional examples shown below
![Page 29: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/29.jpg)
Effect•Gaussian Blur•Effect -> stylize -> drop shadow•Lighting TechniqueCreate a circle.
Duplicate the circle, give it a black fill color, place it underneath the original circle and move it a little.
Go to Effect > Blur > Gaussian Blur… The amount of pixels depends on the size this time. Lower the Opacity to 50%.
![Page 30: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/30.jpg)
Step 5: inner shading• Create a shape.• Duplicate the shape and switch the fill-color to black. Go to Window >
Transparency. Create a mask by clicking the empty spot next to the thumbnail of the shape twice.
• Draw a rectangle inside the mask and give it a black to white gradient. Click back on the thumbnail of the shape and lower the opacity.
![Page 31: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/31.jpg)
Step 6: BlendCreate two lines with a different width.Use the Blend Tool.Press enter while the blended lines and the Blend Tool are selected, so that you can change the preferences. Choose Specified Steps for the Spacing, and put the number on around 20.Draw a circle on top of the blended lines.Select the circle and the Blend, go to Object > Clipping Mask > Make. Or press Command + 7.Press the Clipping Mask path and change its color.
![Page 32: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/32.jpg)
Blend•http://help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-643ea.html
![Page 33: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/33.jpg)
Clipping mask•http://help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-644aa.html
![Page 34: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/34.jpg)
Step 7: work with imported picture
(menu) File -> placeLive trace
Live trace: convert bitmap to vectorSettings: thresholdexpand
Live paint (live paint tool)
Gapexpand
![Page 35: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/35.jpg)
Step 8: work with textEffect > 3d Area text, point text,
path text
![Page 36: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/36.jpg)
Other highlightsTransform:
Rotate (flip)ScaleFree transformation
Layer panel Isolate
Object>pathTransparency panel
Blending modehttp://help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-64e0a.html
View > smart guideAppearance panel http://help.adobe.com/en_US/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-61f9a.html
![Page 37: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/37.jpg)
Explore + CreateAssignment 1
1.Choose 1 to read on this website:http://www.adobe.com/products/illustrator/howto/The important thing about this reading is not about how to use some specific tool. It is about how to combine your idea/theory with skill/technique. For an example, in “Blue mirror” (one of your choices), the artist mentions how can a specific brush helps him achieve the German expressionists’ effect. So the important thing for you is what kind of idea/theory ( like expressionism ) you want to achieve and which tools are important for you to practice to achieve your idea/theory. 2.Using Illustrator to create your own artwork.( 3. During critique class, you are required to talk about the part 1 issue. )
![Page 38: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/38.jpg)
Recommended
How to combine computer technique with traditional art skillshttp://vector.tutsplus.com/articles/theory/core-art-skills-part-5-traditional-media-techniques/
![Page 39: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/39.jpg)
Resource•Recommended Tutorials: (on http://vector.tutsplus.com/tutorials/illustration)
•http://vector.tutsplus.com/articles/theory/core-art-skills-part-1-welcome-to-the-course/•http://vector.tutsplus.com/tutorials/illustration/how-to-create-colorful-abstract-artwork-in-illustrator/ ( Lecture refers to this one )•http://vector.tutsplus.com/tutorials/illustration/from-sketch-to-vector-simple-illustration-thats-not-so-simple/
•Help documents: •http://help.adobe.com/en_US/Illustrator/14.0/
![Page 40: Illustrator CS4](https://reader036.vdocuments.us/reader036/viewer/2022081503/56816930550346895de07bae/html5/thumbnails/40.jpg)
Resource•Videos:
•http://help.adobe.com/en_US/Illustrator/14.0/WSA062795C-1C55-4549-8F48-CA796D1800C4.html•http://tv.adobe.com/show/learn-illustrator-cs4/
•Artworks: •http://www.adobe.com/designcenter/gallery/
•Readings: •http://www.adobe.com/products/illustrator/howto/•http://www.adobe.com/designcenter/thinktank/