Loading...

How To Create a Cosmic Abstract Shards Poster Design

Follow this step by step Illustrator and Photoshop tutorial to create a vibrant poster design featuring abstract vector shards and intense cosmic colours. We'll begin by constructing the vector shard pieces in Illustrator then combine them with blending modes and lighting effects in Photoshop to produce a cool piece of poster artwork.

 

Dark Abstract Shards Design

The cosmic abstract shards design we'll be creating features an array of sharp vector objects that overlap to create a cool translucent pattern effect. A combination of cosmic background, intense lighting effects and a subtle pattern overlay gives the design a sleek futuristic style.

View the Cosmic Abstract Shards Poster Design

How To Create a Cosmic Abstract Shards Poster Design 2

Open up Adobe Illustrator and draw a long thin rectangle on the artboard. Rotate it by 45 degrees by holding the Shift key while clicking and dragging the object's corner handle.

How To Create a Cosmic Abstract Shards Poster Design 3

Select the two upper most points with the Direct Selection tool and nudge them upwards and left to shear the shape and leave vertical edges.

How To Create a Cosmic Abstract Shards Poster Design 4

Change the opacity of the object to 50% in the Transparency window.

How To Create a Cosmic Abstract Shards Poster Design 5

Hold the ALT key while clicking and dragging the shape to create multiple duplicates. Scale each shape up or down while holding Shift and position them randomly near the previous shapes.

How To Create a Cosmic Abstract Shards Poster Design 6

Continue duplicating the shards until you're left with a cool looking overlapping effect. Make any final adjustments if there are any awkward gaps between the shapes.

How To Create a Cosmic Abstract Shards Poster Design 7

Select all the elements and go to Object > Transform > Reflect. Choose the Vertical option and press the Copy button to create a mirror effect.

How To Create a Cosmic Abstract Shards Poster Design 8

Move all the reflected shapes into position so some of the shards match up against their vertical edges while allowing others to overlap further.

How To Create a Cosmic Abstract Shards Poster Design 9

Select the two sets of shards and reflect them once again, this time selecting the Horizontal option. Align these shapes to create an intricate overlapping pattern in the centre of the layout.

How To Create a Cosmic Abstract Shards Poster Design 10

Switch over to Adobe Photoshop and create a new poster sized document. Begin by adding a blue radial gradient in the centre.

How To Create a Cosmic Abstract Shards Poster Design 11

Paste in the shards from Illustrator and scale them to size so they reach out beyond the edges of the canvas.

How To Create a Cosmic Abstract Shards Poster Design 12

Download a cool cosmic image from NASA's library of free images and add it to the Photoshop document. Change the blending mode to Overlay to allow the colours to interact with the design.

How To Create a Cosmic Abstract Shards Poster Design 13

Switch back to Illustrator and change the black fill of the shards to a white stroke, then paste them into Photoshop and align the outlines to the original shapes.

How To Create a Cosmic Abstract Shards Poster Design 14

Change the outline layer to Overlay then add a Layer Mask and dab away portions of the outlines with a soft brush to allow the strokes to fade in and out.

How To Create a Cosmic Abstract Shards Poster Design 15

Download a cool subtle pattern and cover the whole document. Here I'm using a pattern named Foil with the blending mode set to Linear Burn.

How To Create a Cosmic Abstract Shards Poster Design 16

Dab a few spots of white on a new layer with a large soft brush. Change this layer to Overlay and adjust the opacity to control the intensity of these highlights.

How To Create a Cosmic Abstract Shards Poster Design 17

Search for a stock photo featuring a bright sun flare. Use the Levels to darken the sky until it appears black, then draw a selection around the flare.

How To Create a Cosmic Abstract Shards Poster Design 18

Paste the flare selection into the design document then scale and rotate it into position over the intersection of the shards.

How To Create a Cosmic Abstract Shards Poster Design 19

Change the blending mode to Screen to render the black areas transparent, then delete away a portion of the flare by following the line from the shards with the Lasso tool.

How To Create a Cosmic Abstract Shards Poster Design 20

Deleting away half of the flare helps add an extra level of depth to give the appearance of multiple levels.

How To Create a Cosmic Abstract Shards Poster Design 21

Dab a spot of white on a new layer then squash and stretch it into a long flat shape.

How To Create a Cosmic Abstract Shards Poster Design 22

Draw a selection over the lower half and delete it, then change the blending mode to Overlay to create a linear highlight flare.

How To Create a Cosmic Abstract Shards Poster Design 23

Position a collection of linear flare shapes across the design to highlight random edges within the shard shapes.

How To Create a Cosmic Abstract Shards Poster Design 24

Pick a few colours from the original space image and paint over areas of the design on a new layer.

Dark Abstract Shards Design

Change this colour overlay layer to Hue to allow these colours to interact with the layers below it, then adjust the opacity to control the overall colour scheme of the final artwork.

Copyright © All Rights Reserved