Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Enlightened Gate Effect Logo

Enlightened Gate Effect Logo


Start by creating a thin rectangular strip using rectangle tool.

image 1

Duplicate the strip and place below the first strip with a gap of few pixels.

image 2

Similarly create several duplicates and place according to the image below.

image 3

Select all layers, link together and merge.

image 4

Using elliptical marquee too drag a circular selection over this merged layer. Press Shift+Ctrl+I to inverse the selection and press delete.

image 5

Enable lock transparent pixels from layer palette.

image 6

Drag a radial gradient in this layer using gradient tool.

image 7

Now we'll create a gate in this shape. Drag a rectangular selection over lower half of this image using rectangular marquee tool. Press Shift+Ctrl+J to take out image area from this selection in a new layer.

image 8

Hide this new layer. We'll refer this layer as gate layer.

image 9

Create a circular selection using elliptical marquee tool.

image 10

Press Ctrl+Alt+D to feather the selection. Use settings shown.

image 11

Fill the feathered selection with white color.

image 12

Drag a rectangular selection over left half of this image using rectangular marquee tool

image 13

Press delete to delete the white halo in this area.

image 14

Unhide the gate layer.

image 15

Fill it with a darker shade of blue.

image 16

Press Ctrl+T, right click and select distort.

image 17

Adjust the nodes to give this shape an open gate effect.

image 18

Type the company name at the bottom.

image 19

Apply stroke using following settings.

image 20

image 21

Take a duplicate of text layer. Rasterize it. Ctrl+Click to get selection.

image 22

Contract the selection by 1 pixel.

image 23

image 24

Fill it with white color.

image 25

Move it 1 pixel left.

image 26

Drag an elliptical selection over this.

image 27

Press Shift+Ctrl+I to invert the selection.

image 28

Press delete to remove white text in this selection.

image 29

Add a nice punchline below the company name.

Enlightened Gate Effect Logo Tutorial: Final Result



Author's URL: Head Nerd
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 "Enlightened Gate Effect Logo"

Only registered users can write comment

Reader's comments