Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator Trendy Geometric Lines Design
Your Ad Here

Trendy Geometric Lines Design


Starting with the design application of Adobe Illustrator create a group of vector based geometric lines at dynamic 45 degree angles, then follow the walkthrough to rough them up with brush textures in Adobe Photoshop resulting in a cool and trendy design style.

The use of angled lines adds a dynamic flair to the composition of a design allowing the viewers eye to follow them across the page. Combining this layout with colour, texture and typography can result in a cool, modern poster design.

Trendy Geometric Lines Design image 1

Start the design in Adobe Illustrator, draw out a number of blocks faced up to each other filled with the colour scheme of your choice.

Trendy Geometric Lines Design image 2

Select all the blocks and click the New Icon in the Brushes Palette, in the option box select New Art Brush.

Trendy Geometric Lines Design image 3

Check the direction of the brush is flowing in the correct direction using the arrow buttons.

Trendy Geometric Lines Design image 4

Now the brush is saved in the Brushes Palette begin drawing the geometric lines. Use the Pen Tool to draw a 45 degree line across the page, hold Shift to constrain the angle.
Click the custom brush from the Brushes Palette to apply to the striped effect.

Trendy Geometric Lines Design image 5

Repeat the process with multiple lines, scaling them slightly to give varied sizes and widths.

Trendy Geometric Lines Design image 6

Produce another line with the Pen Tool, but this time alter the direction of the line back on itself, remember to hold Shift to constrain those angles to 45 degrees.

Trendy Geometric Lines Design image 7

Give the line rounded corners by heading to Effect > Stylize > Round Corners.

Trendy Geometric Lines Design image 8

Enter a desirable radius for the corners, for my document at A4 I used 30mm to give nice flowing edges.

Trendy Geometric Lines Design image 9

Position the curved line over the large straight line, matching up the colours exactly.

Trendy Geometric Lines Design image 10

Use the same process to create a longer curved line, this time flowing across the document crossing the other lines, maintaining those angles.

Trendy Geometric Lines Design image 11

Select the group of lines and Copy, switch over to Adobe Photoshop and setup a new document. Paste in the lines and scale appropriately to crop off the extras beyond the edges of the page.

Trendy Geometric Lines Design image 12

On the background layer fill the page with an accompanying colour, I use a 20% Yellow to give a pale tint.

Trendy Geometric Lines Design image 13

Sample a dark colour from the geometric lines and use a large spraypaint Photoshop Brush from my previous Photoshop Brush giveaways to place a couple of textured areas on a new layer.

Trendy Geometric Lines Design image 14

Change the layer style to Multiply and drop the opacity to around 40% to tone down the texture.

Trendy Geometric Lines Design image 15

Select a couple of accompanying colours from the colour selector and draw a dark to light gradient across the page, set this layer to Color Burn to bring out the colours from the layers underneath.

Trendy Geometric Lines Design image 16

CTRL/CMD + Click on the geometric lines layer to make a selection, then create a layer mask on the spraypaint texture layer. Fill the selection with a 50% black to tone down the spraypaint texture beyond the edges of the main lines.

Trendy Geometric Lines Design image 17

Use the spraypaint brushes to bring back a little texture to the same layer, painting in areas of white on the layer mask to bring back their visibility. This helps add a little tonal variety rather than an area of flat colour.

Trendy Geometric Lines Design image 18

Duplicate the geometric lines layer and use the Polygonal Lasso Tool to select an overlapping area, remember that Shift key to get that exact 45 degree angle.
Inverse the selection and paint in a shadow with a large soft black brush.

Trendy Geometric Lines Design image 19

Create a new selection around the unwanted extra from beyond the lines, add a Layer Mask and fill these with black to render them invisible.

Trendy Geometric Lines Design image 20

To repeat the process on a curved line use the Pen Tool instead of the Polygonal Lasso to create a flowing curve.

Trendy Geometric Lines Design image 21

Right click and Make Selection from the path, do not add any feathering to ensure a crisp edge.

Trendy Geometric Lines Design image 22

Add as many shadows as you see fit to add depth to the lines, feel free to download my version as a desktop wallpaper.

Trendy Geometric Lines Design Tutorial: Final Result (Click to enlarge)
Click to enlarge

1680x1050 Widescreen Wallpaper

Click to enlarge
Click to enlarge

1280x1042 4:3 Wallpaper

Trendy Geometric Lines Design image 25

320x480 iPhone Wallpaper

Click to enlarge
Click to enlarge

This design style works perfectly when accompanied with typography, add textual elements following the same angles and composition to create a trendy and modern poster:



Author's URL: Blog.SpoonGraphics
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Vector graphics is the creation of digital images through a sequence of commands or mathematical statements that place lines and shapes in a given two-dimensional or three-dimensional space. More Vector Graphics: Most Popular Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

Add comments to "Trendy Geometric Lines Design"

Only registered users can write comment

Reader's comments