Icons are a very important element of web design and play a big role in a website. Designing the perfect icon is definitely a challenge and is always good to have resources and tips in this matter. Today we decided to gather a few Icon Design Tutorials to keep your ideas flowing and to increase your resource library. From new and fresh tutorials to a little bit older but still classic ones, you will find a lot of tips and inspiration in this list, enjoy.
Adobe Illustrator can be a little tricky to get your hands around, particularly after getting used to the workflow of applications like Photoshop. The differences between layer use and the creation of objects and shapes can be really strange at first hand.
In the following steps you will learn how to create jeans in Adobe Illustrator. We will study several important techniques. You’ll learn how to use blends, gradient, add effects, and create strokes in Appearance panel.
Let’s get started!
Let’s see what you will be creating in this tutorial.
Create a 600px by 600px, RGB document.
2.1. To get started, pick the Pen Tool (P) and use it to create a shape as shown below. Continue to draw the black and the red shapes too.
2.2. Reselect the white shape and then go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -5px Offset and click OK.
Select the black shape and do the same as the previous step.
2.3. Fill the white and the black shapes created in the step 1 with 70% black and add a 1px stroke (70% black).
2.4. Reselect the shape selected as shown below and go to the Effect menu/ Texture/ Texturizer. Follow the data shown below and then click OK.
2.5. Select the white shape and fill it with R=7, G=10, B=34 (Stroke=None).
2.6. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Enter the data shown below and then click OK.
2.7. Do the same with the right part of jeans.
2.8. Pick the Pen Tool (P) and use it to create the yellow shape as shown below.
Fill this shape with R=7, G=10, B=34 (Stroke=None).
While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Enter the data shown below and then click OK.
2.9. Continue with the Pen Tool (P). Draw the yellow shape as shown below.
Fill the resulting shape with R=35, G=31, B=32 and add a 1px stroke (R=109, G=110, B=113). In the Variable Width Profile section from the Properties bar, select the Width Profile 2.
Sent the resulting shape to back (Ctrl + Shift + Left Square Bracket).
3.1.Create the yellow shapes as shown below by the Pen Tool (P).
3.2. Then fill the yellow shapes with the linear gradient.
3.3. Duplicate (Ctrl+C, Ctrl+F) the shape selected as shown below once time.While the resulting shape selected, go to the Window menu/ Appearance (Shift + F6). In the Appearance panel, set fill = None. Then add a stroke by click on the Add New Stroke button. Made this stroke 5px wide and set the colors at R=35, G=31, B=32. Then click on the Add New Stroke button again. Made the new added stroke 3px wide and set the colors at R=109, G=110, B=113. Continue adding a stroke .Made it 2px wide and set the colors at R=230, G=231, B=232.
While the resulting shape selected, return to the Appearance panel and click on the Stroke section of the 2px Stroke. Select the Width Profile 2 from the Profile section
Select anchor points highlighted with yellow and click on the "Cut path at selected anchor points" button from the Properties bar. Then remove two shapes as shown in the second image.
Duplicate (Ctrl+C, Ctrl+F) the shape selected once time and then move the resulting shape to new position as shown in the first image below. Next select both shapes as shown in the second image and press (Ctrl + Left Square Bracket) several times to send it behind the light shape.
3.4. Select the light shape as shown in the first image below and go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -2px Offset and then click OK. While the resulting shape selected, go to the Window menu/ Stroke (Ctrl + F10). Follow the data as shown in the second image below.
3.5. Select four anchor points highlighted with yellow and then click on the " Cut path at selected anchor points" button from the Properties bar. Next remove two shapes selected as shown in the second image.
3.6. Duplicate (Ctrl+C, Ctrl+F) the shape selected and move the resulting shape to the position as shown below.
3.7. Duplicate (Ctrl+C, Ctrl+F) the shape selected as shown below. While the resulting shape selected, pick the Eyedropper tool (I) and click on the shape highlighted with the yellow arrow. Next select two anchor points highlighted with yellow and click on the "Cut path at selected anchor points" button from the Properties bar.
Remove the shape highlighted with the red arrow. Then select the shape of the remaining result and send it backward (Ctrl + Left Square Bracket)
Duplicate (Ctrl+C, Ctrl+F) the light shape as shown below again. While the resulting shape selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -2px Offset and then click OK. Then pick the Eyedropper Tool (I) and click on the shape highlighted with the yellow arrow. Next remove the shape highlighted with the red arrow (do the same as the step 3.5).
Repeat the same techniques for the other two light shapes. In the end your shape should look roughly like the image below.
3.8. Duplicate (Ctrl+C, Ctrl+F) two shapes selected as shown below once time. Then pick the Eyedropper Tool (I) and click on the shape highlighted with the yellow arrow. Finally move two resulting shapes a few pixels up.
3.9. Use the Pen tool (P) and create a shape as shown in the first image. Fill this shape with black color. Then duplicate this shape once time (Ctrl+C, Ctrl+F). Set the fill of the resulting shape to None and add a 1px Stroke (white color). Pick the Type on a Path Tool (Font: Madiad pro, Style: Regular, Size: 5px, Color: R=96, G=57, B=19), move to the white shape and click on. Next press the L key several times to get the result as shown in the final image below. Select and group (Ctrl+G) all shapes created in this step.
3.10. Pick the Ellipse Tool (L) and create two shapes as shown below. Fill the bigger shape with black color. Next fill the remaining shape with the radial gradient.
3.11. Create a shape as shown in the first image and fill it with 90% black (stroke=None). Then create a shape as shown in the third image and fill it with 90% black (stroke=None). Lowered its Opacity to 80% and send it behind the small ellipse shape (Ctrl + Left Square Bracket).
3.12. Continue draw a shape as shown in the first image and fill it with white color. Next lowered its Opacity to 80% and send it behind the small ellipse shape. While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 3.1px Radius and then click OK. Select and group (Ctrl + G) all shapes created from beginning step 3.11 to this time.
3.13. Move the newly created group to the correct position as shown below. Next select and group (Ctrl+G) both groups.
3.14. Continue place the group created in the previous step to the correct position as shown below.
4.1. Use the Pen Tool (P) to create a shape as shown below.
4.2. Fill it with R=18, G=26, B=51 and add a 2px Stroke (R=109, G=110, B=113).
4.3. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK. Finally lowered its Opacity to 40%
4.4. Duplicate the resulting shape once time (Ctrl+C, Ctrl+F). Pick the Add Anchor Points Tool (+) and add two points in positions highlighted with yellow. Then remove anchor points highlighted with red. Continue with the Add Anchor Points Tool (+). Use it to add some anchor points and move them to positions highlighted with yellow.
4.5. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK.
4.6. Duplicate the shape selected as shown below once time (Ctrl+C, Ctrl+F). While the resulting shape selected, go to the Window menu/ Appearance. Then follow the data as shown below.
4.7. While the resulting shape selected, use the Direct Selection Tool (A), hold down Shift and click on four anchor points highlighted with red. Then click on the "Cut path at selected anchor points" button from the Properties bar. Next remove two shapes selected as shown in the second image below.
4.8. Select the bottom shape of the remaining results and go to the Effect menu/ Stylizer/ Drop Shadow. Follow the data as shown below and then click OK. Finally lowered its Opacity to 40%.
4.9. Select the top of the remaining results and duplicate it once time (Ctrl+C, Ctrl+F). While the resulting shape selected, press the Down arrow key five times and follow the data as shown below.
4.10. Pick the Pen Tool (P) and create a shape as shown in the first image. Then fill it with R=7, G=10, B=34 and add a 2px Stroke (R=128, G=130, B=133).
4.11. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK. Finally send this shape to back (Ctrl + Shift + Left Square Bracket).
4.12. Pick the Pen Tool (P) and use it to create a shape as shown below. Then fill it with the linear gradient. Do the same to create other shapes more and place them to the correct positions as shown in the second image below. Select and group (Ctrl + G) all shapes created in this step. Finally lowered Opacity of this group to 10%.
4.13. Repeat the same techniques for the right part of the jeans. In the end your shape should look roughly like the image below.
5.1 Pick the Pen Tool (P) and use it to create a red shape as shown below. Then fill it with R=167, G=169, B=172 (Stroke=None)
5.2 Continue with the Pen Tool (P). Use it to create a yellow shape as shown in the first image. Next fill this shape with black color (Stroke=None) and send it behind the shape created in the previous step (Ctrl + Left Square Bracket). Finally lowered its Opacity to 90%.
5.3. Duplicate the shape created in the step 5.1 once time (Ctrl+C, Ctrl+F). While the resulting shape selected, press the Right Arrow key twice times and then press the Up Arrow key twice times. Then fill this shape with R=0, G=0, B=51 (Stroke=None) Next go to the Effect menu/ Texture/ Texturizer. Follow the data as shown in the second image and then click OK.
5.4. While the resulting shape selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -2px Offset and then click OK.
5.5. Fill the newly created shape with None and add a 1px Stroke (R=167, G=169, B=172). Then go to the Window menu/ Stroke (Ctrl+F10). In the Stroke panel, check the Dashed Line box and then enter 2px in the dash box and 2px in the gap box.
5.6. Continue draw other shapes. Then repeat the same techniques as the previous steps. In the end your shape should look roughly like the final image below.
6.1. Pick the Pen Tool (P) and use it to create two yellow shapes as shown below.
6.2. These shapes should be located in the under layer below the shapes created in the step 3.
6.3. Fill them with R=0, G=0, B=31 (Stroke=None).
6.4. While the resulting shapes selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur, enter a 100px Radius and then click OK.
6.5. The results of the previous step have unwanted blur parts highlighted with red. We will fix this.
6.6. Reselect two shapes created in the step 6.4 and lock them (Ctrl + 2). Then select two shapes as shown in the first image below and duplicate them once time (Ctrl+C, Ctrl+F). While the resulting shapes selected, click on the Unite button from the Pathfinder panel. Next press (Ctrl + Shift + Right Square Bracket) to bring the newly created shape to front.
Go to the Object/ Unlock All (Ctrl + Shift + 2). Then select two shapes just unlocked and the group created in the step 6.6. Next go to the Object/ Clipping Mask/ Make (Ctrl + 7).
While the resulting shape selected, press (Ctrl + Right Square Bracket) several times to get the result as shown below.
7.1. Create shapes as shown below by the Pen Tool (P).
7.2. Select two magenta shapes and go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -10px Offset and then click OK.
7.3. Select and move anchor points highlighted with yellow to the new positions.
7.4. Duplicate the newly created shape once time (Ctrl+C, Ctrl+F) and then press (Ctrl + 2) to lock the resulting shape. Reselect the shape created in the step 7.3 and fill it with the radial gradient.
7.5. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK.
7.6. Go to the Object menu/ Unlock All (Ctrl + Shift + 2), hold down Shift và click on the bigger magenta shape and click on the Minus Front button from the Pathfinder panel. While the resulting shape selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -2px Offset and then click OK.
7.7. Reselect the bigger magenta shape and go to the Effect menu/ Texture/ Texturizer. Follow the data as shown in the first image below and then click OK. Next go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the second image and then click OK.
7.8. Select the remaining magenta shape and add a 1px Stroke (R=188, G=190, B=192). Then go to the Window menu/ Stroke (Ctrl + F10). In the Stroke panel, check the Dashed Line box. Then enter 2px in the dash box and 2px in the gap box.
7.9. Select and duplicate the shape created in the step 7.5 once time (Ctrl+C, Ctrl+F). While the resulting shape selected, go to the Appearance panel and remove all effects of this shape. Next follow the data as shown in the image below.
7.10. Select two anchor points highlighted with red and click on the "Cut path at selected anchor points" button from the Properties bar. Then remove the shape highlighted with the red arrow.
7.11. Repeat the same techniques for the left magenta shapes. In the end your shape should look roughly like the second image below.
7.12. Create a red shape as shown below. Then fill it with R=0, G=0, B=28 (Stroke=None).
7.13. While the resulting shape selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown in the first image below and then click OK. Next go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the second image and then click OK.
7.14. Create four straight lines, then open the Stroke panel and follow the data as shown below.
7.15. Continue create the red shape as shown below and then fill it with R=82, G=2, B=10 (Stroke=None).
7.16. Pick the Type Tool (T) and type text you like.
7.17. Draw two yellow straight lines as shown in the first image. Then open the Stroke panel and follow the data as shown below.
At this time, your shape should look roughly like the image below.
7.18. Select the red shapes and fill them with the linear gradient (Stroke=None).
7.19. Select one of the four resulting shapes and go to the Effect menu/ Texture/ Texturizer. Follow the data as shown in the image below and then click OK.
While the resulting shape selected, go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the image below.
7.20. Do the same for the remaining shapes.
7.21. Pick the Pen Tool (P) and use it to draw two red lines as shown below.
Continue draw six red lines as shown below.
Select all red lines just created and change their color to R=188, G=190, B=192. Then open the Stroke panel and check the Dashed Line box. Enter 2px in the dash box and 2px in the gap box.
7.22. Fill two yellow shapes with R=0, B=0, G=36 and add a 1px Stroke (R=35, G=31, B=32).
7.23. While the resulting shapes selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK.
While the resulting shape selected, go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the image below.
7.24. Repeat the same techniques for the right yellow shape. In the end your shape should look roughly like the image below.
7.25. Draw two yellow shapes as shown below.
7.26. Select both shapes just created, fill them both with none and add a 1px stroke (R=188, G=190, B=192). Next open the Stroke panel and then check the Dashed Line box. Enter a 2px in the Dash box and enter a 2px in the Gap box.
7.27. Do the same for the right part of the jeans.
7.28. Pick the Pen Tool (P) and use it to create a red shape as shown in the first image. Then fill it with R=0, G=0, B=36 and add a 1px Stroke (R=35, G=31, B=32).
7.29. While the newly created shapes selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown below and then click OK. While the resulting shape selected, go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the image below and click OK.
7.30. Do the same for the right part of the jeans.
7.31. Draw two yellow shapes by the Pen Tool (P). Fill it with none and add a 1px stroke (R=188, G=190, B=192). Next open the Stroke panel and then check the Dashed Line box. Enter a 2px in the Dash box and enter a 2px in the Gap box.
7.32. Do the same for the right part of the jeans.
8.1. Now we’ll create a zipper for the pocket. The final result is below.
8.2. First, use the Pen Tool (P) to create a yellow shape as shown in the first image. Then rotate it to get the result as shown in the second image below.
8.3. Fill the newly created shape with R=0, G=0, B=36 and add a 1px Stroke (R=35, G=31, B=32). Then lowered its Opacity to 50%.
8.4. While the newly created shapes selected, go to the Effect menu/ Texture/ Texturizer. Follow the data as shown in the first image below and then click OK. While the resulting shape selected, go to the Effect menu/ Texture/ Underpainting. Enter the data as shown in the second image below and click OK.
8.5. Use the Pen tool (P) to create a yellow shape as shown in the first image. Next open the Appearance panel and follow the data as shown in the second image.
8.6. Pick the Rounded Rectangle Tool and use it to create a red shape as shown in the first image. Next pick the Ellipse Tool (L) create a 3.5px by 1.5px shape. Place two newly created shapes to correct positions as shown in the second image. Select both shapes and click on the Unite button from the Pathfinder panel. Then fill the resulting shape with the linear gradient. Finally duplicate the newly created shape several times (Ctrl+C, Ctrl+F) and place them to correct positions as shown in the final image below.
8.7. Select and group (Ctrl+G) all shapes created in the step 8.6. Then double-click on the Reflect Tool from the Tool pallete. In the Reflect box, check the Horizontal and then click Copy. Next place the resulting group to correct positions as shown in the second image. Finally, fill the newly created group with the linear gradient.
8.8. Draw a yellow shape by the Pen Tool (P) and fill it with the linear gradient. Duplicate (Ctrl+C, Ctrl+F) the resulting shape once time. Then press the Right Arrow key twice times and press the Up Arrow key twice times. Finally fill the newly created shape with linear gradient as shown in the third image below.
8.9. Duplicate the newly created shape once time (Ctrl+C, Ctrl+F) and press (Ctrl + 3) to hide the resulting shape. Reselect both shapes created in the step 8.8 and go to the Object menu/ Blend/ Blend Options. Follow the data as shown in the first image below and then click OK. Next go to the Object menu/ Blend/ Make (Ctrl+Alt+B). Now press (Ctrl + Alt + 3) to show the shape hidden in the previous step. Fill the shape just showed with the linear gradient. Then duplicate the resulting shape once time (Ctrl+C, Ctrl+F) and fill the newly created shape with the linear gradient as shown in the third image below.
8.10. Use the Rectangle Tool (M) to create a 12px by 3px shape. Then go to the Effect menu/ Stylize/ Round Corners. In the Round Corners, enter a 1px Radius and click OK.
8.11. Fill the newly created shape with the linear gradient. Next duplicate (Ctrl+C, Ctrl+F) the resulting shape once time. Now fill the newly created shape with none and add a 1px Stroke (R=88, G=89, B=91). Then press (Ctrl + Left Square Bracket) once time to send it backward.
8.12. Reselect the shape just filled in the previous step and duplicate it once time (Ctrl+C, Ctrl+F). While the resulting shape selected, press the Up Arrow key three times and then press the Left Arrow key four times. Next fill the newly created shape with the linear gradient as shown in the second image below.
8.13. Reselect both shapes just filled and go to the Object menu/ Blend/ Blend Options. Enter the data as shown below and then click OK. Then go to the Object menu/ Blend/ Make (Ctrl + Alt + B).
8.14. Pick the Rectangle Tool (M) and use it to create a 10 by 15px shape. Next select the left-top corner anchor point and press the Right arrow key three times. Continue select the right-top corner anchor point and press the Left arrow key three times. Switch the Add Anchor Point Tool (+) and click on two positions highlighted with red. Then select two anchor points highlighted with green and click on the "Convert selected anchor points to smooth" button from the Properties bar. In the end your new shape should look like the fifth image shown.
8.15. Now use the Ellipse Tool (L) to create a red shape and place it to correct position as shown in the first image. Then select both newly created shapes and click on the Unite button from the Pathfinder panel. While the resulting shape selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -2px Offset and then click OK. Next select four anchor points highlighted with yellow in the newly created shape and click on the "Cut path at selected anchor points" button from the Properties bar. Then remove two shapes selected as shown in the fourth image below.
8.16. Select two anchor points highlighted with yellow and click on the "Connect selected end points" button from the Properties bar. Next select two anchor points highlighted with green and click on the "Connect selected end points" button. Now select all red shapes and click on the Exclude button from the Pathfinder panel. Fill the newly created shape with the linear gradient and then duplicate it once time (Ctrl+C, Ctrl+F). While the resulting shape selected, press the Right arrow key once time and press the Down arrow key once time. Then replace the existing color with R=109, G=110, B=113 and send it backward (Ctrl + Left Square Bracket). Finally select and group (Ctrl + G) all shapes created from beginning step 8.14 to this time.
8.17. Place the newly created group to the correct position as shown in the first image below. Next select the shape created in the step 8.13 and bring it front (Ctrl + Shift + Right Square Bracket).
8.18. Pick the Pen Tool (P) and use it to create a red shape. Continue create a yellow shape and place it to the correct position as shown in the second image.
Fill two newly created shapes with the linear gradient as shown below.
8.19. Select and group (Ctrl + G) all shapes created from beginning step 8.2 to this time. Then rotate this group an angle of about -20 degrees and place it to the correct position as shown in the first image below. While the newly created group selected, double-click on the Reflect Tool from the Tool pallete. In the Reflect, check the Vertical section and then click Copy. Finally place the resulting group to the correct position as shown in the second image below.
8.20. Adjust two zippers a bit to get the result as shown below.
9.1. Create a 15 by 15px shape and fill it with R=35, G=31, B=32. Duplicate this shape once time (Ctrl+C, Ctrl+F), then reduce the size of the resulting shape a bit and fill it with R=147, G=149, B=152. Duplicate the newly created shape twice times (Ctrl+C, Ctrl+F). Continue create a new ellipse shape and fill it with R=209, G=211, B=212. Then place it to the position as shown in the third image. Select two shapes as shown in the third image and click on the Intersect button from the Pathfinder panel. Continue create a new ellipse shape as shown in the fifth image and fill it with R=209, G=211, B=212. Next select two shapes as shown in the fifth image and click on the Intersect button.
9.2. Select both newly created shapes and go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 3px Radius and then click OK. Next select all shapes created from beginning step 9.1 to this time and group them (Ctrl + G).
9.3. From the newly created group, create two new groups as shown below.
9.4. Place newly created groups to the correct positions as shown below.
10.1. Pick the Pen Tool (P) and use it to create a yellow shape as shown in the first image below. Then fill it with the linear gradient. Finally lowered its Opacity to 5%.
10.2. Continue create shapes as shown below. Then fill them with the linear gradient as the previous step. Finally lowered their Opacity to 5%.
In the end your shape should look roughly like the image below.
The final image is below. I hope you enjoyed this tutorial. Have fun !
Here’s the final result. I hope you’ve enjoyed this tutorial.
As difficult as it looks I’m very sure if you follow my tutorial you will find a lot of help using your skills and images to produce your own creation! Ones again Thank you for using our tutorial, we will be very happy to answer any questions that you may have, You can simply leave a feedback and or a comment bellow.
Adobe Illustrator can be a little tricky to get your hands around, particularly after getting used to the workflow of applications like Photoshop. The differences between layer use and the creation of objects and shapes can be really strange at first hand.
In the following steps you will learn how to create the Happy New Year card in Adobe Illustrator. I will explain to you step by step on how to create a cute dragon curled up in clouds. You’ll learn how to use Clipping Mask, gradient, and create strokes in Appearance panel.
Let’s get started!
Let’s see what you will be creating in this tutorial.
Create a 1366px by 768px, RGB document.
Using pen tool draw the shape as drawn in turn below.
3.1. Fill the shape selected with R= 141, G=198, B=63.
3.2. Fill the shape selected with R=65, G=64, B=66.
3.3. Create a white shape as shown below and fill it with the radial gradient
Duplicate (Ctrl + C, Ctrl + F) the resulting shape once time, move the copies 1px to the left and replace the existing color with R=0, G=104, B=56. Finally send it backward (Ctrl + Left Square Bracket)
Next create a black shape as shown below and fill it with black. While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 3.4 px Radius and then click OK.
Create two white shapes as shown below and fill it with white. While the resulting shapes selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 3.4 px Radius and then click OK.
3.4. Create a yellow shape and fill it with the radial gradient. Then send it backward (Ctrl + Left Square Bracket).
3.5 Draw a red shape as shown below and fill it with the radial gradient.
3.6. Pick the Pen Tool (P) and use it to create a magenta shape as shown below. Then fill it with R=135, G=186, B=37 (Stroke = None). While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur, enter a 11px Radius and then click OK. Finally, press (Ctrl + Left Square Bracket) some times to send the resulting shape backward.
3.7. Continue with the Pen Tool (P). Use this tool to create three white shapes as shown in the first image below. While the newly created shapes selected, pick the Eyedropper Tool (I) and then click on the shape created in the previous step.
3.8. Draw a white shape as shown in the first image and fill it with the linear gradient. While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur, enter a 11px Radius and then click OK.
3.9. Create three white shapes as shown in the first image and then fill them with R=160, G=216, B=39. While the resulting shapes selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 15px Radius and then click OK. Finally, lowered their Opacity to 46%.
3.10. Create yellow shapes as shown in the first image. Then group them (Ctrl + G) and fill this group with R=249, G=237, B=50. Next, lowered the Opacity of this group to 22%.
Create yellow shapes as shown in the first image. Then group them (Ctrl + G) and fill this group with R=215, G=223, B=35. Next, lowered the Opacity of this group to 25%.
Select and group (Ctrl + G) two newly created groups. Then duplicate (Ctrl+C, Ctrl+F) the shape selected as shown in the first image one time and bring the copies to front (Ctrl + Shift + Right Square Bracket). While the resulting shape selected, hold down Shift and click on the group just created in the previous. Next go to the Object menu/ Clipping Mask/ Make (Ctrl + 7).
3.11. Pick the Pen Tool (P) and use it to create a green shape as shown in the first image. Then fill it with the radial gradient.
While the resulting shape selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -6px Offset and click OK. Fill the newly created shape with the linear gradient. Next move it 1px to the right and then move it 1px down.
Draw a white shape as shown below and fill it with R=33, G=68, B=5. Then go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 3.2px Radius and click OK.
3.12. Pick the Pen Tool (P) and use it to create a red shape as shown in the first image below. Then fill the resulting shape with R=237, G=28, B=36. Next draw a yellow curver line and then lowered its Opacity to 15%.
Draw a curve as shown below. Then fill it with none and add a 1px stroke (R=251, G=176, B=64). Finally lowered its Opacity to 15%.
3.13. Continue with the Pen Tool (P). Use it to create white shapes as shown below. Next fill them with white and then send them backward (Ctrl + Left Square Bracket).
3.14. Draw a white shape as shown below and then fill it with R=159, G=204, B=74
Continue draw a white shape and fill it with R=145, G=196, B=55.
Next create a white shape as shown below and then fill it with the linear gradient.
Draw a red shape as shown in the first image below and fill it with R=106, G=149, B=47.
3.15. Continue draw a white shape and fill it with R=171, G=221, B=82.
Select and group (Ctrl+G) two newly created shapes. Then duplicate this group (Ctrl+C, Ctrl+F) once time. Next rotate the copies a bit and move it to the correct possition as shown in the first image. Finally send it to back (Ctrl + Shift + Left Square Bracket).
3.16. Now pick the Pen Tool (P) and use it to create white shapes as shown below. Next fill them with the linear gradient.
Draw a red shape and fill it with the linear gradient. While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur, enter a 11px Radius and then click OK. Next press (Ctrl + Left Square Bracket) some times to send the result behind white shapes created in this step.
3.17. Create white shapes as shown below and then fill them with the linear gradient.
Select and group (Ctrl+G) all shapes just created in the previous step. Next duplicate (Ctrl+C, Ctrl+F) newly created group once time. Finally send the copies backward (Ctrl + Left Square Bracket).
3.18. Pick the Pen Tool (P) and use it to create a red shape as shown below. Then fill it with a radial gradient.
Create a red shape and fill it with R=107, G= 158, B=33. While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 11px Radius and then click OK. Finally send the result backward (Ctrl + Left Square Bracket).
Use the Pen Tool (P) to create a red shape as shown below. Next fill it with a radial gradient.
Continue use the Pen Tool (P) to create new shape and then fill it with the radial gradient. Next send the result to back (Ctrl + Shift + Left Square Bracket)
Continue create the shape as shown below.
Now create two shapes as shown below.
Fill them with the linear gradient.
Continue draw two black shapes and fill them with the linear gradient.
4.1. Select the red shape as shown below and fill it with R=215, G=223, B=35 (Stroke=None)
4.2. Pick the Pen Tool (P) and use it to create a black shape as shown below. Next fill the black shape with R=141, G=198, B=63 (Stroke=None)
4.3. Select and fill the yellow shape with R=215, G=223, B=35 (Stroke=None).
4.4. Use the Pen Tool (P) to create a green shape as shown below. Next fill it with R=141, G=198, B=63 (Stroke=None).
4.5. Fill three remaining shapes with R=141, G=198, B=63 (Stroke=None)
5.1. Draw a black shape as shown in the first image. Next press (Ctrl + Left Square Bracket) some times to get the result as shown in the second image.
Fill the resulting shape with R=141, G=198, B=63 and then go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 15px Radius and then click OK.
Select the yellow shape as shown in the first image and duplicate (Ctrl+C, Ctrl+F) it once time. Next bring the copies to front (Ctrl+Shift+Right Square Bracket). While the resulting shape selected, hold down Shift and click on the shape blurred in the previous step and then go to the Object menu/ Clipping Mask/ Make (Ctrl +7).
5.2. Draw a black shape as shown in the first image. Next select the green shape as shown in the second image and go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 15px Radius and then click OK.
Select the yellow shape as shown in the first image and duplicate (Ctrl+C, Ctrl+F) it once time. Next bring the copies to front (Ctrl + Shift + Right Square Bracket). While the resulting shape selected, hold down Shift and click on the shape blurred in the previous step and go to the Object menu/ Clipping Mask/ Make (Ctrl +7).
Next fill the black shape with R=141, G=198, B=63 (Stroke=None)
Create a black shape as shown in the first image and fill it with R=215, G=223, B=35. Then press (Ctrl+ Left Square Bracket) some times to get the result as shown in the second image. While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 10px Radius and then click OK.
5.3. Select the green shape as shown below and duplicate (Ctrl+C, Ctrl+F) it once time. Next bring the copies to front (Ctrl + Shift + Right Square Bracket). While the resulting shape selected, hold down Shift and click on the shape blurred in the previous step and go to the Object menu/ Clipping Mask/ Make (Ctrl + 7). Finally press (Ctrl + Left Square Bracket) some times to get the result as shown in the fourth image below.
6.1. Pick the Pen Tool (P) and use it to create a black shape as shown below. Next press (Ctrl + Left Square Bracket) some times to get the result as shown in the second image.
Fill the resulting shape with R=107, G=176, B=64. And then go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 15px Radius and then click OK.
Select the yellow shape as shown below and duplicate (Ctrl+C, Ctrl+F) it once time. Bring the copies to front (Ctrl+Shift+ Right Square Bracket). While the resulting shape selected, hold down Shift and click on the shape blurred in the previous step and go to the Object menu/ Clipping Mask/ Make (Ctrl+7). Then press (Ctrl + Left Square Bracket) some times to get the result as shown in the final image below.
6.2. Continue with the Pen Tool (P). Use it to create a black shape as shown below. Fill the resulting shape with R=107, G=176, B=64. And then go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 15px Radius and then click OK.
6.3. Continue with the Pen Tool (P). Use it to create a black shape as shown below. Fill the resulting shape with R=46, G=153, B=69. And then go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 15px Radius and then click OK.
Select the yellow shape as shown below and duplicate (Ctrl+C, Ctrl+F) it once time. Bring the copies to front (Ctrl + Shift + Right Square Bracket). While the resulting shape selected, hold down Shift and click on the shape blurred in the previous step and go to the Object menu/ Clipping Mask/ Make (Ctrl+7).
6.4. Continue with the Pen Tool (P). Use it to create a black shape as shown below. Fill the resulting shape with R=44, G=153, B=69. And then go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 18px Radius and then click OK.
Next select the green shape as shown below and duplicate (Ctrl+C, Ctrl+F) it once time. Bring the copies to front (Ctrl + Shift + Right Square Bracket). While the resulting shape selected, hold down Shift and click on the shape blurred in the previous step and go to the Object menu/ Clipping Mask/ Make (Ctrl+7).
6.5. Continue with the Pen Tool (P). Use it to create a black shape as shown below. Fill the resulting shape with R=46, G=163, B=65. And then go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 25px Radius and then click OK.
7.1. Draw a line as shown in the first image below and then open the Appearance panel (Window/ Appearance). Next click on the Stroke section (blue color). Then set data as shown in the second image. Next click on the Add New Stroke button (at bottom-left corner position of Apearance panel ). Then click on the Stroke section of new stroke and set data as shown in the third image. Finally select the line just edited and go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 4.3px Radius and then click OK.
7.2. Draw curves as shown below. Next select all curves. Then pick the Eyedropper Tool (I) and click on the line created in the previous step. Next group these curves and lowered Opacity of this group to 20%.
Duplicate (Ctrl+C, Ctrl+F) the yellow shape one time and bring the copies to front (Ctrl+Shift+Right Square Bracket). While the resulting shape selected, hold down Shift and click on the group created in the previous step. Next go to the Object menu/ Clipping Mask/ Make (Ctrl + 7). Finally press (Ctrl+ Left Square Bracket) some times to send the result behind the head of dragon.
7.3. Draw curves as shown below. Next select all curves. Then pick the Eyedropper Tool (I) and click on the line created in the previous step. Next group these curves and lowered Opacity of this group to 20%.
Duplicate (Ctrl+C, Ctrl+F) the yellow shape once time and bring the copies to front (Ctrl+Shift+Right Square Bracket). While the resulting shape selected, hold down Shift and click on the group created in the previous step. Next go to the Object menu/ Clipping Mask/ Make (Ctrl + 7). Finally press (Ctrl+ Left Square Bracket) some times to send the result behind green shapes.
Do the same as the step 7.3 to get the result as shown in the final image below.
8.1. Create black shapes as shown below. Next fill them with R=215, G=223, B=35 and then group (Ctrl+G) them. Lowered Opacity of this group to 30%
Duplicate (Ctrl+C, Ctrl+F) the green shape once time and bring the copies to front (Ctrl+Shift+Right Square Bracket). While the resulting shape selected, hold down Shift and click on the group created in the previous step. Next go to the Object menu/ Clipping Mask/ Make (Ctrl + 7).
8.2. Create black shapes as shown below. Next fill them with R=215, G=223, B=35 and then group (Ctrl+G) them. Lowered Opacity of this group to 25%
8.3. Continue create black shapes as shown below. Next fill them with R=215, G=223, B=35 and then group (Ctrl+G) them. Lowered Opacity of this group to 25%
Duplicate (Ctrl+C, Ctrl+F) the green shape once time and bring the copies to front (Ctrl+Shift+Right Square Bracket). While the resulting shape selected, hold down Shift and click on the group just created in the previous and then go to the Object menu/ Clipping Mask/ Make (Ctrl+7).
8.4. Continue create black shapes as shown below. Next fill them with R=215, G=223, B=35 and then group (Ctrl+G) them. Lowered Opacity of this group to 25%
Duplicate (Ctrl+C, Ctrl+F) the green shape once time and bring the copies to front (Ctrl+Shift+Right Square Bracket). While the resulting shape selected, hold down Shift and click on the group just created in the previous and then go to the Object menu/ Clipping Mask/ Make (Ctrl+7).
9.1. Create a curves as shown below. Then fill it with R=141, G=198, B=63 and add a 1px Stroke (R=215, G=223, B=35). Next go to the Appearance panel (Window/ Appearance), lowered the Opacity of Stroke to 20%.
Create three shapes as shown below and fill them with the radial gradient.
Send shapes selected as shown below to back (Ctrl + Shift + Left Square Bracket).
Create three black shapes as shown below and then fill them with R=230, G=231, B=232 (Stroke=None). Select and group (Ctrl + G) all shapes created from beginning step 9.1 to this time.
9.2. Continue create a black shapes as shown below and fill them with R=215, G=223, B=35. Finally lowered their Opacity to 25%/
9.3. Create a shape as shown below. Then fill it with R=141, G=198, B=63 and add a 1px Stroke (R=215, G=223, B=35). Next go to the Appearance panel (Window/ Appearance), lowered the Opacity of Stroke to 20%.
Continue create shapes as shown below.
Select and group (Ctrl + G) all shapes created from beginning step 9.3 to this time.. Then send this group to back (Ctrl+Shift+Left Square Bracket).
9.4. Duplicate (Ctrl+C, Ctrl+F) the group created in the step 9.1 once time. Next place the copies to the correct position as shown in the second image. Finally reduce the size of the group just created.
Create black shapes as shown below. Next fill them with R=215, G=223, B=35. Group (Ctrl+G) these shapes and lowered Opacity of this group to 25%.
9.5. Create a shape as shown below. Then fill it with R=141, G=198, B=63 and add a 1px Stroke (R=215, G=223, B=35). Next go to the Appearance panel (Window/ Appearance), lowered the Opacity of Stroke to 20%.
Continue create shapes as shown below.
Bring the shape selected as shown in the third image below to front (Ctrl+Shift+Right Square Bracket). Next select and group all shapes created from beginning step 9.5 to this time. Finally send this group to back (Ctrl + Shift + Left Square Bracket).
10.1. Create a black curve as shown below. Next fill it with the linear gradient (Stroke=None)
Create a red shape as shown in the first image and then fill it with R=107, G=176, B=64. While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 15px Radius and then click OK.
Duplicate (Ctrl+C, Ctrl+F) the yellow shape selected as shown in the first image. While the copies selected, hold down Shift and click on the shape just blurred and then go to the Object menu/ Clipping Mask/ Make (Ctrl+7).
Create black shapes as shown below. Fill them with R=215, G=223, B=35 and then group (Ctrl+G) them. Next lowered Opacity of this group to 45%.
Duplicate (Ctrl+C, Ctrl+F) the yellow shape selected as shown in the first image. While the copies selected, hold down Shift and click on the group just created and then go to the Object menu/ Clipping Mask/ Make (Ctrl+7). Select and group (Ctrl+G) all shapes created from beginning step 10.1 to this time
10.2. Do the same as the step10.1 to get the result as shown in the final image below.
10.3. Select and group (Ctrl+G) all shapes created in the step 10.2. Next place two wings to the correct positions as shown below. Then select the left wing and send it back (Ctrl+Shift+Left Square Bracket).
11.1. Pick the Pen Tool (P) and use it to create red shapes as shown below. Then fill them with R=0, G=133, B=56. Next send three shapes selected as shown in the third image to back (Ctrl+Shift+Left Square Bracket).
11.2. Continue with the Pen Tool (P). Use it to create red shapes as shown below. Then fill them with R=0, G=133, B=56.
11.3. Use the Pen Tool (P) to create a red shape as shown below. Then fill it with R=0, G=133, B=56. Next press (Ctrl + Left Square Bracket) some times to get the result as shown in the second image.
11.4. Continue with the Pen Tool (P). Use it to create red shapes as shown below. Then fill them with R=0, G=133, B=56.
Create black shapes as shown below and then fill them with the linear gradient.
Note: Send the shape created in the second image to back (Ctrl+Shift+Left Square Bracket).
Create a black shape and then fill it with the linear gradient. Next send the result to back (Ctrl+Shift+Left Square Bracket).
Continue create a red shape and then fill it with the linear gradient.
13.1. Create a black shape as shown below and then fill it with the linear gradient. Next press (Ctrl + Left Square Bracket) some times to get the result as shown in the third image.
13.2. Do the same as the previous step to get the result as shown in the third image.
13.3. Continue with the Pen Tool (P). Use this tool to create a black shape as shown below and then fill it with the linear gradient.
13.4. Use the Pen Tool (P) to create a black shape as shown below and then fill it with the linear gradient. Next press (Ctrl + Left Square Braket) some times to get the result as shown in the second image.
13.5. Use the Pen Tool (P) to draw white shapes as shown below. Next select and group (Ctrl+G) all shapes just created. While the group selected, go to the Window menu/ Stroke (Ctrl + F10). In the Stroke panel, check the Dashed Line box. Enter 2pt in the dash box and 2pt in the gap box.
Select the group just edited and the red larger shape and then group (Ctrl+G) them. Next press (Ctrl + Left Square Bracket) some times to get the result as shown below.
14.1. Select all shapes (head, wings, scarf) as shown below and then group (Ctrl+G) them. Next bring this group to front (Ctrl+Shift+Right Square Bracket).
14.2. Select all shapes as shown below and then group (Ctrl+G) them. Next send this group to back (Ctrl+Shift+Left Square Bracket).
14.3. Select all shapes as shown below and then group (Ctrl+G) them. Next send this group to back (Ctrl+Shift+Left Square Bracket).
14.4. Select all shapes as shown below and then group (Ctrl+G) them. Next send this group to back (Ctrl+Shift+Left Square Bracket).
14.5. Select all shapes as shown below and then group (Ctrl+G) them. Next send this group to back (Ctrl+Shift+Left Square Bracket).
14.6. Select all shapes as shown below and then group (Ctrl+G) them. Next send this group to back (Ctrl+Shift+Left Square Bracket).
15.1. Use the Pen Tool (P) to create a shape as shown below. Then fill it with the radial gradient. While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 75% Radius and then click OK.
15.2. Create three shapes as shown in the first image and then fill them with the radial gradient. While the resulting shape selected, go to the Effect menu/ Blur/ Gaussian Blur. In the Gaussian Blur box, enter a 50% Radius and then click OK.
15.3. Do the same as the previous step to get results as shown below.
16.1. Select and group (Ctrl + G) all shapes (except cloud shapes) and bring this group to front (Ctrl + Shift + Right Square Bracket). Next place the group just created to the correct position as shown below and then ungroup.
16.2. Next create cloud shapes and place them to the correct positions as shown below.
16.3. Reselect cloud shapes just created in the previous step and press (Ctrl + Left Square Bracket ) some times to get the result as shown below.
16.4. Continue create cloud shapes and place them to the correct positions as shown below.
17.1. Create a rectangle shape and fill it with the radial gradient.
17.2. Send the rectangle shape to back (Ctrl + Shift + Left Square Bracket) and place it to the correct position as shown below. And here also is final image.
Here’s the final result. I hope you’ve enjoyed this tutorial.
As difficult as it looks I’m very sure if you follow my tutorial you will find a lot of help using your skills and images to produce your own creation! Ones again Thank you for using our tutorial, we will be very happy to answer any questions that you may have, You can simply leave a feedback and or a comment bellow.
