The Best Place for Adobe Illustrator Tutorials
Posts tagged appearance
Quick Tip: How to Create Metal Chair Using Gradient on Strokes in Adobe Illustrator CS6
May 16th
Adobe Illustrator CS6 has a new feature which is called Gradient on Strokes. It is the first time since Adobe Illustrator’s creation we have an opportunity to apply the gradient fills to the strokes. There are two more types of the gradient fills beside the linear and radial gradient fills. I think this feature has lots of creative potential. Let’s examine the gradient on strokes in more detail and figure out how to use it. Step 1 Create a path without a fill but with the stroke wide enough for our experiments. Apply a black-and-white linear gradient to the path. Open the Gradient panel (Window > Gradient) and check out how you can control this gradient. We can change the gradient’s angle; and also color, place and opacity of its sliders. But unfortunately, we can’t control this gradient with the help of the Gradient Tool (G) and the Gradient Annotator is inactive as well. Step 2 There exist two more types of gradient fill for the gradient on strokes. There are the gradient along stroke and the gradient across stroke. While using those two types of gradients, we can still control the sliders, but …
Original post:
Quick Tip: How to Create Metal Chair Using Gradient on Strokes in Adobe Illustrator CS6
Tuts+ Premium Pack – Exercise Poses
May 3rd
Today we have a unique Tuts+ Premium Pack, which is created in Illustrator by Sharon Milne. It’s filled with 12 illustrated of men’s health exercise poses, much like the ones you’d find in sections of glossy magazine. Each is completely vector, available in AI and EPS formats. Log in or Join Now to get this exclusive download. Learn more at the jump! New Tuts+ Premium Pack There are 12 vector illustrations in this pack. With 6 line art illustrations for easy modifying with Live Paint and the Appearance panel and 6 colored, shaded and stylized versions, which are ready to be placed in your fitness layouts and articles. The license allows you to use these vectors in your designs, see the download file for details. They can be scaled to any size and colored any way you choose, as these are all vector (in EPS and AI formats)! This new Vector Premium Pack is created by Sharon Milne . She’s written numerous high quality vector tutorials for us and we’re excited to
Read more:
Tuts+ Premium Pack – Exercise Poses
Tuts+ Premium Pack – Exercise Poses | Vectortuts+
May 3rd
With 6 line art illustrations for easy modifying with Live Paint and the Appearance panel and 6 colored, shaded and stylized versions, which are ready to be placed in your fitness layouts and articles. The license allows you to use these vectors in your designs, see … This new Vector Premium Pack is created by Sharon Milne. She's written numerous high quality vector tutorials for us and we're excited to partner up with her on this exclusive Tuts+ Premium Pack release!
Continued here:
Tuts+ Premium Pack – Exercise Poses | Vectortuts+
Create a Detailed, Vector Clothespin Illustration
May 1st
In the following tutorial you will learn how to create a detailed clothespin illustration. It all starts with a simple pixel perfect vector shape building techniques. Then we’ll use the appearance panel and Illustrator effects to add dimension to the illustration. You can use these professional techniques to create quality icons, detailed web graphics, and more. Step 1 Hit Command + N to create a new document. Enter 600 in the width and height boxes, then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the Align New Objects to Pixel Grid box is unchecked before your click OK. Enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 5px. Go to Edit > Preferences > Guides > Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to pixels from Edit > Preferences > Unit > General. All these options will significantly increase your work speed. Step 2 Pick the Rectangle Tool (M) and create a 20 by 230px shape. Fill it with R=0, G=148, B=68, and remove the color from the stroke. Select this green shape and go to Object > Path > Add Anchor Points. Make sure that this shape is still selected, switch to the Direct Selection Tool (A) and focus on the top anchor points. Select the top, left anchor point and move it 100px down, then select the top, middle anchor points and move it 5px to the right. The Snap to Grid should ease your work. Continue with the Direct …
Read this article:
Create a Detailed, Vector Clothespin Illustration
Create a Detailed, Vector Clothespin Illustration | Vectortuts+
May 1st
In the following tutorial you will learn how to create a detailed clothespin illustration. It all starts with a simple pixel perfect vector shape building techniques. Then we'll use the appearance panel and Illustrator effects to add …
Go here to read the rest:
Create a Detailed, Vector Clothespin Illustration | Vectortuts+
Quick Tip: Create a Simple Audio Player Bar in Adobe Illustrator
Apr 23rd
In this quick tip you will learn how to create a simple audio player bar. This is mostly about the basics of pixel perfect vector shape building techniques. We’ll start with a simple rectangles and the Rounded Corners effect. Next, we’ll use some Offset and Pathfinder techniques to create the highlights. Finally, some masking/blending techniques and the Drop Shadow effect will help us add the final touches. Step 1 Create a 600 by 300px, RGB document. First, enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 5px. Go to Edit > Preferences > Guides > Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to pixels from Edit > Preferences > Unit > General. All these options will significantly increase your work speed. Step 2 Pick the Rectangle Tool (M) and create a 525 by 30px shape. Fill it with the linear gradient shown below, make sure that there’s no color set for the stroke and go to Effect > …
See the original post:
Quick Tip: Create a Simple Audio Player Bar in Adobe Illustrator
Quick Tip: Create a Simple Set of Web Sliders
Apr 18th
In the following tutorial you will learn how to create a simple sliders set. First, we’ll use the Rectangle Tool and the Rounded Corners effects to create the base shapes. Next, using some Offset and Pathfinder options we’ll create the highlight shapes. Finally, for the colors we’ll use several linear and radial gradients, some simple effects along with basic blending techniques. Step 1 Create a 600 by 600px, RGB document. First, enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 5px. Go to Edit > Preferences > Guides > Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to pixels from Edit > Preferences > Unit > General. Al these options will significantly increase your work speed. Step 2 Pick the Rectangle Tool (M) and create a 15 by 460px shape. Fill it with the linear gradient shown below and go to Effect > Stylize > Rounded Corners. Enter a 3px radius, click OK and go to Object > Expand Appearance. The white numbers from the gradient image stand for location percentage. Step 3 Disable the Snap to Grid (View > Snap to Grid) then go to Edit > Preferences > General and make sure that the Keyboard Increment is set at 1px. Reselect the shape created in the previous step and go to Object > Path > Offset Path. Select the resulting shape …
See the rest here:
Quick Tip: Create a Simple Set of Web Sliders
Illustrator CS6 Gradients on Strokes Sneak Peak
Apr 17th
Adobe made another Illustrator CS6 sneak peak video. This time showcasing Gradient Strokes in CS6! It has always been a work around to create faux gradient strokes in Illustrator. This usually included faking the strokes in the Appearance panel or creating complicated blends. According to the video, this will be a great deal easier in Illustrator CS6. I’m looking forward to the changes. How are the changes stacking up for you? Thinking of upgrading? Click here to view the embedded video.
Go here to see the original:
Illustrator CS6 Gradients on Strokes Sneak Peak
Create a Mobile Phone Music Player Interface
Apr 16th
In the following tutorial you will learn how to create a mobile phone music player interface. We’ll build the interface using pixel perfect alignment, quality vector shape building techniques, as well as gradient and lighting control. Step 1 Hit Command + N to create a new document. Enter 640 in the width box and 960 in the height box, then click on the Advanced button. Select RGB, Screen (72ppi), and make sure that the Align New Objects to Pixel Grid box is unchecked before you click OK. Now, turn on the Grid (View > Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 5px. Go to Edit > Preferences > Guides & Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to set the unit of measurement to pixels from Edit > Preferences > Unit > General. All …
See the original post here:
Create a Mobile Phone Music Player Interface
Create a Plastic ID Badge in Illustrator
Apr 10th
In the following tutorial you will learn how to create a plastic ID badge in Adobe Illustrator CS5. We’ll use pixel perfect vector build methods, multiple highlights, and effects to create the plastic and lanyard texture, then add your own image to the badge. Step 1 Hit Command + N to create a new document. Enter 600 in the width and height boxes, then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the Align New Objects to Pixel Grid box is unchecked before your click OK. Step 2 Let’s start with the background. Pick the Rectangle Tool (M) and create a shape the size of your artboard. Fill it with R=39, G=167, B=222. Remove the color from the stroke. Make sure that this blue rectangle is selected, focus on the Appearance panel and add a second fill using the Add New Fill button. It’s the little white square located at the bottom of the Appearance panel. Select this new fill and use the radial gradient shown below. The yellow zero from the gradient image stands for opacity percentage. Add a third fill for this rectangle, select it from the Appearance panel and make it black. Lower its Opacity to 5%, change the blending mode to Multiply and go to Effect > Artistic > Film Grain. Enter the data shown below and click OK. Move to the Layers panel and lock this shape to make sure that you won’t select or move it accidentally. Step 3 Now turn on the Grid (View > Grid) and the Snap to…
More here:
Create a Plastic ID Badge in Illustrator