Illustrator Tutorial: Create a Summer Sunglasses |In this tutorial, you will learn to create a beautiful summer time icon. We will start with the retro- looking glasses and after you have drawn the shape you will learn some techniques for adding highlights using gradients, the Blend tool and brushes. We will then continue with the dreamy beach landscape that contains plenty of elements like footprints in the sand, palm leaves, waves and sun.
So let’s get started…Start a New Project. Launch Illustrator and go to File > New to open a new document. In the window that opens, type a name and set up the dimensions then select Pixels as Units and RGB as Color Mode. Hit OK when you are done. Next go to Edit > Preferences > General and set the Keyboard Increment to 1px. These settings will help you throughout the drawing process.
![Edit Source Code In Adobe Contribute Tutorial Edit Source Code In Adobe Contribute Tutorial](https://helpx.adobe.com/content/dam/help/en/premiere-pro/how-to/animated-text-titles-live-text/_jcr_content/main-pars/image/edit-live-text-ww-steps-01.jpg)
Create the Basic Shape of the Glasses. Grab the Ellipse Tool (L) and draw an ellipse having the dimensions shown then go to Object > Path > Add Anchor Points. As a result, you will get 4 extra points.
![Edit Source Code In Adobe Contribute Tutorials Edit Source Code In Adobe Contribute Tutorials](https://www.dmxzone.com/Downloads/Tutorial_20110419_How%20Do%20I%20Make%20It%20Easy%20For%20My%20Clients.zip/images/image003.png)
Now, take the Direct Selection Tool (A) and select only the two points indicated (1). Move these points a little to the left then also move the handles as shown below (2). I created another path of the previous shape so that you can see clearly the difference between them and the purple path is the shape that you are currently working with. Next, select only the point indicated (3) and move it to the right (4). The shape of the lens is almost ready. At this point you just have to make some adjustments to make sure that you have smooth curves. Select any fill color for the moment then go to Object > Transform > Reflect.
Check Vertical and hit Copy. You will get the lens from the left and while having it selected, go to Object > Transform > Move. Type - 2. Horizontal field and hit OK.
Copy and Paste in Front (Control+F) the lenses, remove the fill color and select an 8 pt Stroke. Press the Align Stroke to Outside option in the Stroke panel. In order to turn the strokes into fills go to Object > Expand Appearance then Ungroup (Shift+Control+G). Next, select using the Direct Selection Tool (A) only the points indicated and move them inwards by pressing the Arrow Keys on your keyboard twice. Now, grab the Pen Tool (P) and draw the bridge- shape following the curves of the frames.
Send this shape in back (Shift+Control+[) when you are done. Continue with the two shapes from the sides as shown in the image. You can draw the shape from the right then reflect it to obtain the left one. Copy and Paste in Front (Control+F) the lenses and bring them in front of everything by going to Object > Arrange > Bring to Front (Shift+Control+]). Now, select the copy of the lens and the blue shape from the right side and press Subtract in the Pathfinder panel. Do the same thing on the left side.
![Edit Source Code In Adobe Contribute Tutorial Edit Source Code In Adobe Contribute Tutorial](https://petapixel.com/assets/uploads/2013/02/photoshopv1b.jpg)
Select the shape obtained at the previous step and the frame from the right and press Add in the Pathfinder panel. Do the same thing on the left side. Color the Shape of the Glasses.
Fill the frame from the right with the linear gradient shown. Use the same gradient for the frame on the left but set the angle to 1. Fill the bridge with this gradient: 1.
Select both lenses and fill them with the color indicated and reduce the Opacity to 1. Having this Fill attribute selected in the Appearance panel, press the Duplicate Selected Item icon at the bottom to get a second fill. For it, use the linear gradient shown and set the angle to 9. Change the Blending Mode to Multiply and 3. Opacity. Finally, select a 1. Stroke. 1. 4. Next, select the frames and the bridge then Copy and Paste in Back (Control+B).
· Can we retrieve the DSPF source form that Corresponding Object? TIA MW. By now most of us are not able to use &SAP_EDIT and UASE16N as SAP has restricted it from ECC 6.0 EHP6 and UASE16N is already obselete. But all the doors are yet not. 10 Good and 10 Bad Things About Adobe's Dreamweaver on WebDesignDev.com, your #1 web design blog.
While still selected, press Add in the Pathfinder panel to unite them into a single shape. Move this shape a bit up by pressing the Up Arrow Key on your keyboard twice. Replace the existing fill with the gradient indicated. Add Specific Details on the Glasses.
Copy and Paste in Front (Control+F) the lenses and just give them a blue stroke. Paste in Front (Control+F) the blue shapes and move them a little up and inwards using the Arrow Keys (the pink shapes). Now, select the two copies from the right (blue and pink) and press Subtract in the Pathfinder panel. Repeat for the left side then fill the resulting shapes with the radial gradient shown. For the nose pads take the Pen Tool (P) and draw two shapes like below. Fill them with dark gray then send them behind the lenses. Add Details on the Bridge.
First, use the Pen Tool (P) to draw a shape like below and select orange as the fill color. Go to Effect > Stylize and apply the Inner Glow effect then the Outer Glow effect. You can see in the next image the settings that I’ve used for the 2 effects. Copy and Paste in Front (Control+F) the bridge then bring it in front of everything by going to Object > Arrange > Bring to Front (Shift+Control+]). Delete the existing fill gradient. Now, select the shape from the previous step and also the copy of the bridge and go to Object > Clipping Mask > Make (Control+7).
Using the Pen Tool (P) draw a triangle shape on the right side of the bridge and fill it with a linear gradient from white to black. Go to Effect > Blur > Gaussian Blur and apply a 1. Radius. Set it to Blending Mode Lighten. Move the triangle shape under the mask created at step 1. Layers panel. Create Custom Art Brushes. Before you continue let’s create two art brushes with the help of the Blend Tool (W).
You will use these brushes to add highlights and details to the frames. First, grab the Ellipse Tool (L) and draw a 1. Select using the Direct Selection Tool (A) only the left and right points and press the Convert selected anchor points to corner option in the Control panel.
Having this shape selected, go to Object > Path > Offset Path and apply a - 1. Offset. As a result you will get a smaller ellipse in the middle. Set the Opacity for the bigger ellipse to 0%. Next, select both shapes then go to Object > Blend > Blend Options and choose 3. Specified Steps. Go back to Object > Blend > Make (Alt+Control+B).
Drag the resulting blend group into the Brushes panel to save it. I will call it the “white blend Art brush”. Repeat the previous step to create the next brush.
This time start from a 1. Use the same settings and when you are done save it in the Brushes panel. I will call this brush “black blend Art brush”. Add Highlights on the Frame.
Grab the Ellipse Tool (L) and draw a few flat ellipses like below. Fill them with a radial gradient from white to black them go to Effect > Blur > Gaussian Blur and apply a 2px Radius. Set them all to Blending Mode Screen and 8.
Opacity. 2. 4. Copy and Paste in Front (Control+F) the compound path obtained at step 1. Object > Arrange > Bring to Front (Shift+Control+]). Delete the existing fill gradient. Now, select this copy and the ellipses and go to Object > Clipping Mask > Make (Control+7). Take the Ellipse Tool (L) and draw a new ellipse on the upper left side of the frame.
Fill it with a radial gradient from white to black then go to Effect > Blur > Gaussian Blur and apply a 2px Radius. Set to Blending Mode Screen and 4. Opacity. 2. 6. Follow the edge of the frame and draw with the Pen Tool (P) a short path like below. Stroke this path with the “white blend Art brush” saved earlier. Increase the Stroke weight to 3 pt. Move the ellipse and the short path from the previous steps under the mask created at step 2. Using the Ellipse Tool (L) draw two ellipses in the upper right side of the frame.
Fill both ellipses with white. The bigger ellipse has the Opacity set to 0% and the smaller ellipse to 1. Having both ellipses selected, go to Object > Blend > Blend Options and choose 5. Specified Steps. Go back to Object > Blend and select Make (Alt+Control+B).
Repeat the same things on the left side. Reduce the Opacity for the resulting blend group from the right to 7. Use the Pen Tool (P) to draw two curved paths as below following the edge of the frame. Stroke them with the “white blend Art brush” and increase the Stroke weight to 2 pt. Set them to Blending Mode Overlay and 7. Opacity. 3. 0. Next, draw other two paths following the edge of the frame then stroke them with the “black blend Art brush” saved earlier. Increase the Stroke weight to 2 pt then set to Blending Mode Overlay and 7.
Opacity. Create Decorations on the Glasses. Grab the Ellipse Tool (L) and draw two small circles on the upper left side of the frame.