EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Sun in Illustrator

By Ravi KhatriRavi Khatri

Home » Design » Design Tutorials » Illustrator Tutorial » Sun in Illustrator

Sun in Illustrator

Introduction to Sun in Illustrator

Adobe Illustrator is a vector drawing software and it is the most preferred graphic designing package for vector art by professionals. In this article, we are going to create a graphic design of the sun in adobe illustrator 2020 which will emphasize the use of shapes and fills with gradients. We will also use layers, masking and pencil tools and host of other useful tools and to set the scene we also make mountains and water effect

How to Create Sun in Illustrator?

Below are the steps to create a Sun in Illustrator:

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: We will create a new document with all the standard settings and set the width to 800px and height of 600px. Set the orientation to landscape and set the artboard to 1 also the bleed is 0 px with color mode of RGB Color and there is another option of CMYK which is useful if we are using it to print. But since we are not printing, we leave it in RGB mode. Also, set the raster effect to screen as we are not using any raster effects like drop shadow, etc.

new document

Step 2: We will make use of the following reference image as a base for the art.

reference image

Step 3: Drag the reference image on the artboard and resize it according to the artboard and put it on the sketch layer in the layer panel and lock it by clicking on space after the eye icon. Create another layer for the artwork and name “Artwork”.

Artwork

Step 4: Open Appearance panel from the Window menu, set the blend mode for multiply for “Artboard” as we can see the sketch beneath when we create our artwork.

Popular Course in this category
Illustrator Training (1 Courses, 2+ Projects)1 Online Courses | 2 Hands-on Projects | 12+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.5 (2,597 ratings)
Course Price

View Course

Related Courses
Adobe Flash Training (2 Courses, 1+ Projects)3Ds Max Modeling Training (5 Courses)

Open Appearance panel

Step 5: Using a rectangle tool create a rectangle and open Gradient panel from the Windows menu and apply a radial gradient.

rectangle tool

Step 6: Create a color palette according to the scene as I have created my palette in the swatches panel so we can use those colors as shown. We have changed the white and black color to yellow and red as shown.

color palette

Step 7: Change the gradient color by dragging the handle on top.

gradient color

Step 8: Use the ellipse tool to create a circle. Hold the shift key to get a circle and fill with the color in the palette.

ellipse tool

Step 9: Now use the offset path tool while selecting the circle to create an offset from the quick actions in the properties panel. Set the offset to 20px and set the opacity to 80%.

offset path tool

Step 10: Then repeat the above steps 5 more times gradually changing the opacity to 65%, 50%, 35%, 20%, 5%. Group the circles with CTRL + G or go to the object menu and group. Give the name “Sun” to the group in the layer panel. Lock the sketch layer.

layer panel

Step 11: To make the cloud or reflecting sunlight we use the pen tool and create the shape as shown.

Sun in Illustrator - 11

Step 12: Now fill it with a gradient of white to black, then change the black to white and the opacity to 0 and angle to 90 degrees and reverse the gradient so that white is at the top. Adjust the slider as shown and also reduce the opacity of white color to 20%

Sun in Illustrator - 12

Step 13: Repeat the same steps one more time as shown below to create another cloud reflection. Adjust the angle of the gradient for variation. Now hide the sketch layer to view the preview.

Sun in Illustrator - 13

Step 14: As we can see that reflection is out of the artboard. I have created a dummy shape of green and shown. Now we will create a mask to show only the artboard. For this open transparency panel from the windows menu. Select all objects in the Artwork layer and create Make mask

Sun in Illustrator - 14

Step 15: Create a rectangle with the same width and height as the artboard

Sun in Illustrator - 15

Step 16: Change the color to white. So now the area outside the mask will be clipped and you can see the layer name is underlined with a dashed line to indicate that is masked.

Sun in Illustrator - 16

Step 17: Delete the dummy green object and now we can start working on the mountains for that we use the pencil tool and the following are the options. We will set to fill new pencil strokes as we want a fill after we create a mountain. Also, set the fidelity on the accurate side as we want our mountains to be jaggy edged. You can create it with a mouse but for more control of the shape, I have used a graphic tablet.

Sun in Illustrator - 17

Step 18: As shown we have created few mountains and pick random fills so that we can differentiate between mountains.

Sun in Illustrator - 18

Step 19: All mountains are made and the sketch layer is hidden to get a better view.

Sun in Illustrator - 19

Step 20: Now we adjust the shapes of mountains so that there are no gaps in between as shown. Also, we have changed the stacking order of the mountains to set which are in front and which should be in the back. You can arrange by bringing forward (CTRL + ]) and send backward (CTRL + [).

Sun in Illustrator - 20

Step 21: Now we have started adding actual colors from our color palette. The mountain in the front is dark and as we move backward it actually lightens in shade.

Sun in Illustrator - 21

Step 22: Now we have complete the mountains with all the shades from our swatches.

Sun in Illustrator - 22

Step 23: To create a simple water effect we first create a rectangle with no stroke and any fill.

Sun in Illustrator - 23

Step 24: Now set a radial gradient and add 3 more stops at 25%, 50%, 75%, and select appropriate color from the swatches as shown.

Sun in Illustrator - 24

Step 25: Then send the layer backward behind the mountains but in front of the sun.

Sun in Illustrator - 25

Step 26: Now it is time for the export as we can see below, we have the option to select the artboard and the location. Also, we can select which format we have to export. We have selected png and jpg 100 and the scale of 1x and 2x which will be double the size and click export.

Sun in Illustrator - 26

Conclusion

In this article, we have learned not only how to create a sun in Adobe illustrator but also learned the techniques of using various tools like layers, masking, gradient, pencil tools and pen tool to create an amazing artwork which will enrich your knowledge as well as your portfolio.

Recommended Articles

This is a guide to Sun in Illustrator. Here we discuss the introduction, how to create Sun in Illustrator in a step by step manner. You can also go through our other related articles to learn more –

  1. How to Make Logo in Illustrator?
  2. Watercolor Brushes Illustrator
  3. Resize Image In Adobe Illustrator
  4. How To Warp Text In Illustrator?

Illustrator Training (1 Courses, 2+ Projects)

1 Online Courses

2 Hands-on Projects

12+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

12 Shares
Share
Tweet
Share
Primary Sidebar
Illustrator Tutorial
  • Effects
    • Effects in Illustrator
    • Insert Image in Illustrator
    • Crop in Illustrator
    • Remove Background In Illustrator
    • Remove White Background in Illustrator
    • Shapes in Illustrator
    • Text Effects In Illustrator
    • Watercolor Brushes Illustrator
    • Blending Modes in Illustrator
    • Blur in Illustrator
    • Brushes in Illustrator
    • Change Background Color in Illustrator
    • Graphic Styles in Illustrator
    • Change Artboard Size in Illustrator
    • Logo Design in Illustrator
    • Rasterize in Illustrator
    • Resize Image in Adobe Illustrator
    • 3D Effects in Illustrator
    • 3D Text in Illustrator
    • Filters in Illustrator
    • Reflection in Illustrator
    • How to Make Logo in Illustrator?
    • Transparent in Illustrator
    • How to Add Texture in Illustrator?
    • Neon Effect in Illustrator
    • Create Table in Illustrator
    • Paper Texture in Illustrator
    • Stamp Effect in Illustrator
    • Sun in Illustrator
    • How to Warp Text in Illustrator?
    • Metal Effect in Illustrator
    • Action in Illustrator
  • Basic
    • What is Adobe Illustrator
    • Install Adobe Illustrator
    • Adobe Illustrator For Windows
    • Adobe Illustrator for Windows 8
    • How to Use Adobe Illustrator
    • Adobe Illustrator for beginners
    • Adobe Illustrator for Students
    • Illustrator Shortcut Keys
    • Illustrator Plugins
    • Layers in Illustrator
  • Tools
    • Adobe Illustrator Tools
    • Selection Tool in Illustrator
    • Width Tool in Illustrator
    • Illustrator Grid Tool
    • Pathfinder Tool in Illustrator
    • Pen Tool In Illustrator
    • Measure Tool in Illustrator
    • Mesh Tool In Illustrator
    • Blend Tool in Illustrator
    • Direct Selection Tool Illustrator
    • Illustrator Free Transform Tool
    • Shape Builder Tool in Illustrator
    • Slice Tool in Illustrator
    • Smooth Tool in Illustrator
    • Eyedropper Tool in Illustrator

Related Courses

Illustrator Training Course

Adobe Flash Training Course

3Ds Max Modeling Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - Illustrator Training (1 Courses, 2+ Projects) Learn More