FacebookTwitterYouTubePinterestInstagramMail
Deep Tuts
Deep Tuts
Photoshop & Illustrator Tutorials
  • Home
  • Illustrator Tutorial
  • Photoshop Tutorial
  • Contact
MENU CLOSE back  

How to Create Geometrical Background in adobe illustrator.


Through using Gradient background, transparent gradient and few line (rectangle boxes) you can create geometrical background. You can add more shapes also, like dotted boxes and triangles. Adding balanced object will give you a good background. I make few more backgrounds with same pattern and color changed, check below.

Steps to create Geometrical Background

Step 01 – Create a new file with “RGB color mode“, make a rectangle for gradient background.

Geometrical background

> Fill gradient in background, you can choose color as per your choice, i create two more color options, which display at the end of the page.

Set gradient | Illustrator tutorial

Step 02 – Make a circle, fill gradient and make outer-side opacity 0% and Change shape.

Create a circle | Illustrator tutorial | Deeptuts

Fill Gradient

fill gradient | Illustrator tutorial | Deeptuts

Outer part transparent, also apply “Transparency Multiply“.

transparent gradient | Illustrator tutorial | Deeptuts

Step 03 – Decrease height of the shadow

place it as shadow | Illustrator tutorial | Deeptuts

Mask it: Create a rectangle above that cover only half lower part to mask it. “Object – Clipping Mask – Make“.

mask it | Illustrator tutorial | Deeptuts

It’s view something like this.

shadow | Illustrator tutorial | Deeptuts

Step 04 – Slightly rotate it, make more copies and place it on different part of creative. After that make a rectangle according to the document size and mask all layers. This is the first effect of our geometrical background

rotate shadow | Illustrator tutorial | Deeptuts

Mask it also.

mask it | Illustrator tutorial | Deeptuts

Step 05 – Create a gradient rectangular shape, one side transparent. Next step is to create highlighted bars which i make through another rectangle box, fill gradient downside yellow bright color and upside transparent gradient,

transparent gradient rectangle | Illustrator tutorial | Deeptuts

> Copy and place it multiple times in different parts. which reflect some lights moving to down from top. This is the second effect of geometrical background

place it | Illustrator tutorial | Deeptuts

Step 06 – Next step is to create sequence bars in background, which fill with gradient color. make a very thin rectangular shape and expend it according to the height of document, which covors full page, to make multiple copies of it i use, “Effect – Distort & transform – Transform“.

another line box | Illustrator tutorial | Deeptuts

> Place it at absolute outside the document and apply “Effect > Distort & Transform > Transform“. Now you can make multiple copies of that line. Horizontal distance i give 30, you can change it also.

transform multiple times | Illustrator tutorial | Deeptuts

Cover it something like this.

transform effect | Illustrator tutorial | Deeptuts

“Object > Expend Appearance“, this will expend whole graphic, now you can click each line and edit if you want.

Expend Appearance | Illustrator tutorial | Deeptuts

> Now its time to convert all of these line into a single graphic, “Object > Compound Path > Make“.

Make compound path | Illustrator tutorial | Deeptuts
Illustrator tutorial | Deeptuts

Step 06 – Now Fill gradient, gradient fill and treat it as a single object.

fill gradient | Illustrator tutorial | Deeptuts

> Mask it also. This is the third effect of geometrical background, we can add more also.

Mask it | Illustrator tutorial | Deeptuts

That was the last step to create a geometrical background and this is the final output. Some other samples given below.

Geometrical Background | Illustrator tutorial | Deeptuts
Geometrical Background | Illustrator tutorial | Deeptuts
Geometrical Background

Thank You.

Some other tutorials of pattern making & background designs:
Create Geometric Hexagon Background in Adobe Illustrator with Two different methods
How to Create a Geometric Background in Adobe Illustrator with Polygon tool
How to create mountains background in adobe illustrator
How to create sunburst effect background in illustrator within a minute
How to create paper cut out effect in Adobe Illustrator
How to create line waves pattern in adobe illustrator
How to create Seamless Pattern in illustrator & make your Pattern Library for future use.
How to create a pyramid pattern in Adobe Illustrator
How to create colorful gradient waves in Adobe Illustrator
How to draw a dotted halftone pattern in Adobe Illustrator
How to Design a Geometrical Isometric Cube Pattern in Adobe Illustrator

——————————-
Watch this tutorial on Youtube
https://youtu.be/lmhlQA5pdrc
——————————-
☆☆☆ SUBSCRIBE to our youtube channel for more Videos Tutorials:
http://bit.ly/2Nmn2Dn
——————————-
☆☆☆ WATCH more Videos and FREE Tutorials:
http://bit.ly/2IXX4Sk
——————————-
Tutorial Playlists (Youtube)
Adobe Illustrator: http://bit.ly/2XlYP4I
Adobe Photoshop: http://bit.ly/2xo0bfu
——————————-
Subscribe, Follow & Connect with us on:
Facebook: https://www.facebook.com/deeptuts/
Instagram: https://www.instagram.com/deeptuts/
Pinterest: https://in.pinterest.com/deeptuts/
Youtube: http://bit.ly/2IXX4Sk
Twitter: https://twitter.com/Deep_Tuts

FacebooksharePinterestpin itTwittertweet
How to Create Isometric 3d text or object in adobe illustrator.How to create mountains background in adobe illustrator.

Related posts

gloss_round_button_illustrator_373
How to make 3d button in illustrator
July 4, 2020
text_effect_illustrator_373
Text effect tutorial Adobe illustrator (Text Effect 8)
June 21, 2020
text_effect_illustrator_373
Text effect tutorial (Adobe illustrator) (Text Effect 7)
June 6, 2020
text_effect_illustrator_373
Text effect tutorial (Adobe illustrator) (Text Effect 6)
May 31, 2020
Geometric_Hexagon_background-373
Create Geometric Hexagon Background in Adobe Illustrator with 2 different methods
May 14, 2020
5basic_shapes_illustrator_deeptuts
How to create 5 basic shapes with Polygon tool [for beginners] [Creating Shapes Part 02]
May 6, 2020
Other Tutorials
  • How to make 3d button in illustrator
  • Text effect tutorial Adobe illustrator (Text Effect 8)
  • Text effect tutorial (Adobe illustrator) (Text Effect 7)
  • Text effect tutorial (Adobe illustrator) (Text Effect 6)
  • Create Geometric Hexagon Background in Adobe Illustrator with 2 different methods
  • How to create 5 basic shapes with Polygon tool [for beginners] [Creating Shapes Part 02]
  • How to Create a Geometric Background in Adobe Illustrator with Polygon tool
  • How to create “Penrose Triangle” in Adobe Illustrator [Impossible Triangle]
  • How to create sliced text effect in Adobe Illustrator
  • How to create reflection in Adobe Illustrator
  • How to create Isometric text & Isometric grid in illustrator
  • How to create 10 basic shapes using Star Tool | Creating Shapes Part 01
  • How to create lined text in adobe illustrator
  • How to Create Isometric 3d text or object in adobe illustrator.
  • How to Create Geometrical Background in adobe illustrator.
  • How to create mountains background in adobe illustrator.
  • How to create neon effect in Adobe Illustrator
  • How to create sunburst effect background in illustrator within a minute
  • How to create paper cut out effect in Adobe Illustrator
  • How to create line waves pattern in adobe illustrator
  • How to create Seamless Pattern in illustrator & make your Pattern Library for future use.
  • How to apply Multiple Strokes on any object within 1 minute in Adobe Illustrator
  • How to create a simple grey shiny logo in adobe illustrator
  • How to create golden gradient text or logo in illustrator
Subscribe & Follow
  • Facebook
  • Instagram
  • Pinterest
  • Twitter
  • YouTube
Categories
  • Draw Fast
  • Illustrator Tutorial
  • One Minute Tutorial
  • Photoshop Tutorial
CATEGORIES
  • (5)Draw Fast
  • (50)Illustrator Tutorial
  • (5)One Minute Tutorial
  • (2)Photoshop Tutorial
PHOTOSHOP TUTORIALS
  • how_to_create_a_3d_ball_in_photoshop_1280
    Another tutorial to create 3d ball in photoshop
    March 5, 2017
  • cover_photoshop_3dball_1280
    How to create 3d ball in photoshop
    February 25, 2017
ILLUSTRATOR TUTORIALS
  • gloss_round_button_illustrator_373
    How to make 3d button in illustrator
    July 4, 2020
  • text_effect_illustrator_373
    Text effect tutorial Adobe illustrator (Text Effect 8)
    June 21, 2020
  • text_effect_illustrator_373
    Text effect tutorial (Adobe illustrator) (Text Effect 7)
    June 6, 2020
  • text_effect_illustrator_373
    Text effect tutorial (Adobe illustrator) (Text Effect 6)
    May 31, 2020
  • Geometric_Hexagon_background-373
    Create Geometric Hexagon Background in Adobe Illustrator with 2 different methods
    May 14, 2020
Deep Tuts
Deep Tuts
  • Home
  • Contact