Abstract Geometric Text – Photoshop Tutorial

13/11/13 Abstract geometric text photoshop tutorial

www.makesimpledesigns.com/2013/11/01/abstract-geometric-text-photoshop-tutorial/ 1/13

Categories

Books

Buttons

Cool Artists

education

Freebies

Freelance

inspirations

Jobs

Packaging

papercraft

PSD Tutorials

Resume

software

Typography

video tutorial

wallpapers

Home PSD Tutorials Abstract geometric text photoshop tutorial

Abstract geometric text photoshop tutorial

By ilcho bogdanovski

November 1, 2013PSD Tutorials2 Comments

Tweet 11 2

In this abstract geometric photoshop tutorial we are going to use simple geometric shapes as the triangle to create unique, origami looking text

designs. This is a photoshop tutorial for beginners that teach you how to create cool photoshop effects. But be aware that you need to have

some photoshop basics, such as creating a new layer, making selections and working with some photoshop tools such as the move tool,

working with gradients in photoshop and so on in order to complete this tutorial. Im using adobe photoshop cs6 but you can follow with any

photoshop version. This tutorial will show you how you can use geometric forms to create nice photoshop designs and cool effects. Later you

can use this simple technique to create more advanced shapes and designs. So lets get started.

Like 2



STEP 1 Create the geometric shapes

As i said we are using adobe photoshop, but you can use other software if you prefer to. First thing you are going to do is create a new file.

Press CTRL + N to create a new document. Set the Width to be 1920px and the Height to be 1080px, Resolution to be 300px per inch, color mode

to be RGB and click OK. Now you have created a new document.So now lets create the base triangles. There are going to be 3 different

triangles in dimension. In the image below you can see the triangles and their dimensions. Make sure you create every triangle on a separate

layer. Name the layers Triangle 1, Triangle 2 and Triangle 3. Fill each triangle with this color 4EB1D4.



STEP 2 Add gradient to the triangles

A Set the foreground color to be 1181A9. Now press CTRL + Left mouse button over the triangle 1 thumbnail. This will load the shape of that

layer as a selection.

B Press on the G key to activate the Gradient tool. Set the Gradient to be Linear Gradient and the Preset needs to be Foreground to

Transparent.

C - Start the gradient from the bottom of the triangle to the top of the triangle as it is shown in the image bellow (image 2). Now repeat the

same step for Triangle 2 and Triangle .

STEP 3 Create the letter M

We are going to do 2 things in this process and that is: duplicating existing layers, transform them ( rotate, scale, flip horizontally and flip

vertically ) in order to achieve the result we like. In the image bellow you will see every part that forms the letter M, what triangles where used

and the layer order of every part.

In the image 3 ( image bellow ) , the image on the left is the final look of the letter M. The middle image is showing that the letter M is formed

from 8 triangles. We have used only variations of Triangle 1 and Triangle 2 to create this letter. The light and dark green triangles show that we

have used Triangle 1 as a block element. The orange color shows that we have used Triangle 2 as a block element. The light green triangles

show that we have to place these triangles at the bottom of the hierarchy. The dark green and orange triangles have to be placed on top of the

hierarchy. The image 3 (on the right ) better explains the hierarchy of the layers ( triangles ). They need to be set in this order so when we add

more details later, everything will work properly. NOTE: Select all the triangles of the letter M and Press CTRL + G. This will group all the

triangles in 1 Group. Rename the group in to M.



STEP 4 Create the letter S

The letter S is composed out of 6 triangles. 5 of those triangles are based on the sample Triangle 1 ( the light and dark green triangles ) and 1

triangle is based on the sample Triangle 2 ( orange triangle). The hierarchy of the layers is shown in the image 4 ( the image on the right side

). NOTE: Select all the triangles of the letter S and Press CTRL + G. This will group all the triangles in 1 Group. Rename the group in to S.

STEP 5 Create the letter D



For the letter D we have used 5 triangles. 3 of those triangles are based on the sample Triangle 1 ( the light and dark green triangles ) and 2

triangle is based on the sample Triangle 2 ( orange triangle). The hierarchy of the layers is shown in the image 5 ( the image on the right side

). NOTE: Select all the triangles of the letter D and press CTRL + G. This will group all the triangles in 1 Group. Rename the group in to D.

This is the result that we get after we complete step 5 (image bellow).

STEP 6 Set up the shadow gradient



In the image 6 you can see the areas that will have shadow. Pick a darker blue color.I have picked 095075 for my foreground color. Pick the

Gradient tool, set it be linear and foreground to transparent preset. Now your gradient is all set. All we have to do now is analyze what layer

will have shadow. Thats what we are going to do in STEP 7.

STEP 7 Pick the Layers that you want to apply shadow to

You need to create a shadow layer on top of every triangle ( on every layer in every letter ) that you want to apply a shadow effect. Here is a list

of every layer that you need to load as a selection, and for every layer you load as a selection you need to have a shadow layer on top of it. From

the letter M i have loaded as a selection layer 2,4,5 and 7 ( these are the layers that will have shadow on them ). From the letter S i have load as

a selection layer 2,3,4 and 6 ( these are the layers that will have shadow on them ).From the letter D i have load as a selection layer 2,3,4 and 5 (

these are the layers that will have shadow on them ).

NOTE: Every selected layer in the image below is the layer where you need to add a shadow. Every layer under the selected layer will be used

to load as a selection.



This is the result that you get after you complete STEP 7.

STEP 8 add highlight to the letters

Create a new layer and name it Highlight. Make a selection that is very long in its width and has a small height. Now set the foreground color to

fad838. Pick the G key to activate the Gradient tool and set the gradient to be Radial and the preset Foreground to Transparent. Draw a

gradient as it is shown in image 8 radial gradient 1. Now with the same selection still on, change the foreground color to fffbe8. Now draw a

Make Simple Designs

Home

Tutorials

Articles

Freebies

Contact Us



gradient as it is shown in image 8 Radial Gradient 2. The Highlight is complete. All you have to do is duplicate the highlight layer couple of

times and place it in the areas shown in image 8 ( right side of the image ).


STEP 9 Create a ground shadow

Create a new layer and name it Ground shadow. Pick the Rectangular Marquee Tool and draw a selection around 1000px in width and 20 pixels



in height as it is shown in image 9. Set the foreground color to be Black and press ALT + Delete to fill the selection with the foreground color (

in this case black ).

STEP 10 Refinign the ground shadow

With the Ground Shadow layer selected go to Filter > Blur -> Gaussian Blur as it is show in the image 10 ( left side ). Set the Radius to 8.4

pixels and click OK. Now again with Ground Shadow layer selected got to Filter -> Blur > Motion Blur. Set the Angle at 0, and the distance at

255 px. Now set the Opacity of the Ground Shadow to 40% and you are done with STEP 10.




With STEP 10 we complete this tutorial. You can push this design farther by adding elements to it and even make color variations in order to

make more attractive but the method of creating abstract origam looking designs is the same. So make sure to create something unique and

share the results with us.



Related Posts

Hand Drawn One Line Text Photoshop Tutorial

How to make a Caramel Text Effect in Photoshop

Learn how to make a Metallic Frame Button in Photosh...

Written by i lcho bogdanovski

ilcho bogdanovski is a designer and enthusiast who loves to create photoshop tutorials. He also loves to write articles about design and

software used in the creative process

View all posts by: ilcho bogdanovski



2 comments

WHAT 'S T HIS?ALSO ON MAKE SIMPLE DESIGNS


3 comments a month ago

PsdDude great tips!


2 comments 5 months ago

makes impledes igns Im happy that you liked it mate

Leave a message...

Best Community Share

Reply

Nasr Zaara 7 days ago

nice

Reply

makes impledes igns 6 days agoM o d Nasr Zaara

Im happy that you liked it

Subs cribe Add Dis qus to your s i te

0

Avatar

Share

Share

Connect

Email

Facebook

Google+

Pinterest

StumbleUpon

Twitter

YouTube

Search this Site...

Recent Posts

Food typography typography inspiration you can eat

The process of creating cool typography designs is not easy because you need to have a great design idea. In order to convert the

Creative package design

Todays consumer habit demands a high amount of quality products that we use in every days life. But in this modern age a good



p


In this abstract geometric photoshop tutorial we are going to use simple geometric shapes as the triangle to create unique,

origam

Paper craft as a creative expression for designers

A lot of designers today use paper as an artistic medium to express their design creativity. Papercraft or papercrafts are a

commo

Concept designer Feng Zhu

Feng Zhu is one of the most creative concept artists with a huge portfolio and long work history.You probably dont know much

abo

PSD Tutorials




Recent Posts

Food typography typography inspiration you can eat

Creative package design


Paper craft as a creative expression for designers

Concept designer Feng Zhu

Latest Tweets

Follow on Twitter

Subscribe

Your email Address... Subscribe

Copyright 2013 @ Makesimpledesigns

Date post:	15-Oct-2015
Category:	Documents
Upload:	larcenayaya
View:	43 times
Download:	0 times

Abstract Geometric Text – Photoshop Tutorial

Documents