Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,326 Categories: 12

Total Tutorial Views: 41,496,024

Adobe Illustrator - Vibrant Abstract Design

Tutorial Name: Adobe Illustrator - Vibrant Abstract Design  

Category: PC Tutorials

Submitted By: Nag

Date Added:

Comments: 0

Views: 1,416

Related Forum: PC Building Forum

Share:

1. The design we're creating today features a range of sharp vector shard shapes each with a vibrant mix of colours. These colours interact with the help of blending modes to create an intricate piece of digital art.

[ Register or Signin to view external links. ]

2. Open up Illustrator and use the Pen tool to create a random triangular shape with three clicks. Give this shape a gradient fill with three colour swatches. Here I'm using white, a rich mid-blue and a dark blue.

[ Register or Signin to view external links. ]

3. Use the Gradient tool to adjust the angle of the gradient flow by clicking and dragging across the shape in a random direction.

[ Register or Signin to view external links. ]

Repeat these two steps to create variously sized triangular shapes across the document, each with a unique gradient angle.

[ Register or Signin to view external links. ]

Add shapes of various sizes to cover as much of the document area as possible. Don't worry about overlapping shapes, when the blending mode is added these overlaps will create cool effects.

[ Register or Signin to view external links. ]

Continue adding triangular shapes to completely fill the document artboard. Make sure the gradient angle is changed for each shape.

[ Register or Signin to view external links. ]

5. Once the document is completely filled with shapes, drag a selection across the whole artboard to select all the elements.

[ Register or Signin to view external links. ]

6. Change the blending mode of these shapes to Hard Light to allow the gradient overlays to interact and intensify the colours.

[ Register or Signin to view external links. ]

The blending mode effect really adds to the design, allowing transparency to create an intricate design where all the overlapping shapes are visible.

[ Register or Signin to view external links. ]

7. Select all the elements once again then go to Effect > Stylize > Inner Glow. Alter the settings to Hard Light, White, 30% Opacity and 5mm Blur. Hit OK and wait for the effect to process on each element. This Inner Glow effect simply adds more vibrant tones to the design and brightens up each shape's edges.

[ Register or Signin to view external links. ]

8. The vector stage of the design is now complete, but let's finish it off with some subtle textures.

[ Register or Signin to view external links. ]

Open up a Stained Paper texture and paste it on a new layer above the design. Remove the yellow tint by desaturating the image then change the blending mode to Color Burn.

[ Register or Signin to view external links. ]

9. The grainy texture of the paper will be combined with the sharp vector shapes to give the design a more tactile feel. Reduce the opacity of the texture layer to adjust the impact of the grain.

[ Register or Signin to view external links. ]

10. Press CMD+A to Select All, then right click and Transform Selection. Minus 100px from the overall selection dimensions then press CMD+Shift+I to invert the selection. This leaves a 50px border selection around the edges of the document.

[ Register or Signin to view external links. ]

11. Activate the paper texture layer and Copy/Paste the selection onto a new layer. Change this layer's blending mode to Color Burn to create a cool border effect to frame the design.

[ Register or Signin to view external links. ]

Ratings

Current rating: 2.00 by 1 user
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"Adobe Illustrator - Vibrant Abstract Design" :: Login/Create an Account :: 0 comments

If you would like to post a comment please signin to your account or register for an account.