Rise Together How To.pdf

  • 203 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
203
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Adobe Illustrator CS5 How-To Guide Adobe® Illustrator ® CS5 How-To Guide Rise Together Christian San Jose is a 20-year old graphic designer and illustrator based in Pasig, Philippines. In 2007, he worked for Team Manila Graphic Design Studio Inc. as art director. His list of clients by Christian San Jose include Nike Philippines, The Coca-Cola Company Philippines, ABS-CBN Broadcasting Corporation, and OctoArts Films, among others.
  • 2. As a freelance artist, Christian has collaborated on the brandingand merchandise of big-name bands, such as Paramore, Fall OutBoy, Panic! At the Disco, Cobra Starship, Family Force 5, WorthDying For, Plain White T’s, and Forever the Sickest Kids.He currently works full-time as a Senior Designer for InternetMarketing at US Auto Parts Network (Philippines) Corporation.How I workI work mostly at home on a desktop computer, where I surround myselfwith fun and colorful things that reflect my personality. I also work with aWacom Intuos3 6x8 tablet. At times I go out and take my work with me onmy notebook computer, likewise using the things I find around me fornew inspiration.When I start new artwork, I usually grab a piece of paper and draw first. Idon’t do long planning and usually do little research, just creating withwhat I have in mind about the subject at that moment. This keeps thingsvery fresh, creative, and spontaneous. I usually scan the rough sketch,import it in Adobe Photoshop and adjust levels, then transfer to the imageto Adobe Illustrator to create vector shapes.The inspiration for Rise TogetherThe Rise Together artwork stemmed from a recent calamity that foreverchanged my country, the Philippines. Tropical Storm Ketsana ravaged thePhilippines in September 2009, bringing rains and floods in recordamounts. At one point, about 80% of the capital, Manila, was submergedunder water. Many were affected by the typhoon but it didn’t take long forus, as a nation of Filipinos, to bring our country back.The day after the typhoon, everybody went out and helped each otherthrough donations, relief and benefit projects—regardless of age or socialstanding. The typhoon dealt a huge blow to our whole country indeed,but the social action and togetherness it brought about amongcountrymen was something never seen before. For me, thecamaraderie—everybody rising together out of such tragedy—was aninspiring idea to focus on for the artwork.Adobe Illustrator CS5 How-To Guide 2
  • 3. Getting started First I sketched my ideas on paper, then I scanned the sketch in at 200dpi. I opened the scan in Photoshop and adjusted the levels to make the lines cleaner.Adobe Illustrator CS5 How-To Guide 3
  • 4. I next placed the scan in Illustrator and locked it onto a bottom layer. As a guide,I added a new layer and created blue stroked paths to serve as an outline of the base typographic shapes.Adobe Illustrator CS5 How-To Guide 4
  • 5. I started tracing the scanned sketch using the Pen tool with no fill and a 1-pixel weight stroke. You can see here that I’m in Isolation Mode, which makes working on this group easier.Adobe Illustrator CS5 How-To Guide 5
  • 6. Variable width strokes Here is where I found a new Illustrator CS5 feature that’s perfect for me. I used the Width tool to adjust the width of parts of my paths to give the strokes variation and a more natural, organic feel. You can see that each side of a stroke can be controlled independently at wherever point in the path you want it.Adobe Illustrator CS5 How-To Guide 6
  • 7. At this point, I added more details to the artwork using the Pen tool, and I used the Pathfinder panel to merge and remove shapes to get the look I want. After I finished with the typography layer, I set it aside by hiding the layer temporarily. Next I started on the background.Adobe Illustrator CS5 How-To Guide 7
  • 8. The background For the background, I wanted to illustrate hands reaching out, so I found some stock photos. I gathered these images and placed them on my Illustrator artboard, locking them into place. To sketch the hands and other background elements, I created tapered paths using the Pen tool, and turned them into Art Brushes by dragging them to the Brushes panel. To make the brushes pressure sensitive for my pen and tablet, I adjusted the Art Brush options the way I wanted.Adobe Illustrator CS5 How-To Guide 8
  • 9. I created 3 new pressure sensitive Art Brushes to create the different varied strokes with my tablet. I sketched around the hand shapes until I was satisfied with the line art. Using the same pressure sensitive Art Brush method I created other elements for the background of my artwork, such as birds.Adobe Illustrator CS5 How-To Guide 9
  • 10. For the other elements of the background and for the composition of it, I drew a sketch on paper, scanned it, and imported it into Illustrator. As with the other reference images, I placed it on a bottom layer and locked it down. I traced over the background sketch with new stroked paths, just as I did previously with the typography layer.Adobe Illustrator CS5 How-To Guide 10
  • 11. I wanted to taper out the ends of some of these curved lines, so I used the Width tool again to pull the open ends of the path inwards to create the taper. Another thing I used with Variable Width strokes is the creating and saving of width profiles that you can use again and again. I applied saved profiles to the stroked paths in the background to add to the level of detail in the artwork.Adobe Illustrator CS5 How-To Guide 11
  • 12. When all the background elements were created, I placed them on one layer and locked them all in place temporarily. And at this point, I removed all of my scanned reference images and guides. Next I brought back the hidden typography layer, nudging it and adjusting the placement until it looks good on the background and I feel I have finished the composition.Adobe Illustrator CS5 How-To Guide 12
  • 13. Applying color For applying the color, I created a new layer right below the typography layer. I added colors by filling the paths I created with the Pen tool.Adobe Illustrator CS5 How-To Guide 13
  • 14. I then created paths for the 3D sides of the middle line of text shapes and merged them to create one compound path. Using the new Drawing Modes feature in Illustrator, I quickly changed this compound path into a Clipping Mask. With the compound path selected, I clicked the Draw Inside option on the toolbar. I then painted on the 3D sides with my strokes automatically clipped by my mask.Adobe Illustrator CS5 How-To Guide 14
  • 15. The Bristle Brush Here’s where I got to use the new Bristle Brush in Illustrator. I wanted softness in the 3D depth shapes and used the Bristle Brush to paint these tones. I found I could make natural, fluid brush strokes that felt and looked like traditional media such as watercolors or oil paint. I tried a variety of brush shapes, such as the Flat Fan and the Round Point.Adobe Illustrator CS5 How-To Guide 15
  • 16. After painting the letter depth, I adjusted the opacity of the clipped group. I also created a new filled compound path above and adjusted the color using the Transparency panel with the Color Blending mode selected.Adobe Illustrator CS5 How-To Guide 16
  • 17. Finishing up After adding color to the background, and with several more color adjustments, the artwork was done. Rise Together was commissioned by Adobe and created using Adobe Illustrator CS5. Christian San Jose has chosen to donate the proceeds from this work to help rebuild his country, the Philippines. For more informationAdobe Systems Incorporated Product details:345 Park Avenue www.adobe.com/illustratorSan Jose, CA 95110-2704USA Adobe, the Adobe logo, Illustrator, and Photoshop are trademarks of Adobe Systems Incorporated in the United States and/or other countries.www.adobe.com All other trademarks are the property of their respective owners. © 2010 Adobe Systems Incorporated. All rights reserved. 04/10