Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

How to create Background or Logo

This tutorial is about making a logo or something like this. Actually you can use it for loading screen in the video game or as a part of background; doesn’t matter. The thing is that you are going to find out how to make it.

So let’s start.
Create a new document.

How to create Background or Logo

Make a layer and fill it with simple black. Then create another layer and use gradient on it (with opacity set to about 20%-30%).

How to create Background or Logo

Use custom shape tool and create an object. I’ve chosen this one.

How to create Background or Logo

The color of the object is?

How to create Background or Logo



How to create Background or Logo

Now let’s make some effects with PS styles.

How to create Background or Logo



How to create Background or Logo



How to create Background or Logo



How to create Background or Logo



How to create Background or Logo

And here is our result.

How to create Background or Logo 

Use Linear Dodge for this layer:

How to create Background or Logo

Now I want you to copy this layer several times and transform each of them.

How to create Background or Logo

?. and one more.

How to create Background or Logo

Then let’s transform each of the objects and sat it like we want.

How to create Background or Logo

And here is my Ubisoft? logo like result.

How to create Background or Logo

To set some sense of depth change the opacity levels for every object except the smallest one.

How to create Background or Logo



How to create Background or Logo

Now it is time for the text.

How to create Background or Logo

Maybe???.

How to create Background or Logo 

Center it.

How to create Background or Logo



How to create Background or Logo

And change the layer order. And make a copy of – I – (SPIRA).

How to create Background or Logo

Blur the ? I ? with motion blur as you want.

How to create Background or Logo

Result.

How to create Background or Logo

I really want to make one more circle for ? I ? .

How to create Background or Logo 

And final steps:
Make a Round selection and select it inverse.

How to create Background or Logo



How to create Background or Logo

?..and fill the areas with simple black but with opacity set to 30 %? 40%. Done!

How to create Background or Logo 

+ View full size image

Enjoy it!!!

Comments