Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Internet Business Layout with 3D Logo

Internet Business Layout with 3D Logo


Let's start with our new layout now. For this we need to create a new document. Size - 760 x 770 pixels

background color - white

With Rounded rectangle tool , create the following shapes

image 1

Then add another small rectangles with another color like in the following image

image 2

For all shapes please add the following layer styles ( this layer style you can find in " 3D Logo Creator " package

image 3

image 4

image 5

image 6

This is my result

image 7

Select Type tool , use the Bauhaus93 font, and write a BIG "@" On your layout

image 8

Now right click on the layer , in your layer palette , and chose , Convert to Shape

image 9

If you haven't purchased " 3D logo creator " now it is time to do it.

Now for 3D logo creative owners, load the set if actions in photoshop

image 10

you will have the following actions loaded in photoshop

image 11

Now select the action " perspective 2 " and press the play button

image 12

Your " @ " sign will look like mine

image 13

Now add the following layer style

image 14

image 15

image 16

image 17

This is my result

image 18

Now select the following photoshop action

image 19

Then press on the play button ( the action will duplicate the layer and move each duplicated layer to the top ) this will be the set 1 - mirror

image 20

Now please note the name of the top layer ( in my case is : 1 copy 15 )

image 21

After that press one more time on the play button. be sure you have the top layer selected : 1 copy 15 ( this is set 2 - body)

image 22

Now please write down the top layer one more time. the name of my layer is " 1 copy 27

Press one more time on the play button. you will have the following result

(This is set 3 - top )

image 23

The name of my last layer is "1 copy 41"

Select layer "1 copy 15" and apply the following layer styles

image 24

image 25

image 26

image 27

This is my result

image 28

Now select layer " 1 copy 27 " and add the same layer styles as above.

This is my result

image 29

Now select all the first set of layers,

image 30

and press on CTRL+E ( merge layers )

image 31

For this layer, change the opacity to 15 %

image 32

Now select all the other layers, without the top layer. you will need to have the following layers

image 33

Select the middle layer, and go to Filter > Blur > Gaussian blur. use the following settings

image 34

Now with this layer selected, you ca load the selection ( Select > Load selection )

image 35

Create a new selection above this one, and with brush tool, make some random drawing like mine - we will create a nice reflection

image 36

Change the blending mode to overlay for this layer, and opacity to 70-80 %

image 37

image 38

this is my result

image 39

Now create another layer, above this one, and with a smaller brush, create another reflections

image 40

For this layer you can change the opacity to 50 %. this is my result

image 41

Now , let's add some text on our layout

Click to enlarge
Click to enlarge

After that i will download the following set of brushes link

And on a new layer add some details. this is my final result

Internet Business Layout with 3D Logo Tutorial: Final Result (Click to enlarge)
Click to enlarge


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

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Internet Business Layout with 3D Logo"

Only registered users can write comment

No comments yet...