Zymic

Webmaster resources

Follow us on Twitter!

Hosting status updates - Click here

Adobe Photoshop

Free Tutorials » Adobe Photoshop » Alien Header

Create an "Alien" type header interface using this detailed tutorial.

Step 1

Make a new document 800x750 pixels and fill the bg in with #3E3E3E

Select the "Rounded Rectangle Tool", make the radius 10 px and make a shape similar to the size below. It doesn't really matter about the position as we won't be slicing the layout. Then rename the layer "base".

Step 1 diagram

Step 2

Right click the layer "base" and click "Rasterize Layer".

Now select the "Ellipse Tool" and press "D" on your keyboard. Make a shape similar to below, I used the colour green so it stands out more and is easier to follow.

Step 2 diagram

Step 3

Rasterize the layer and then press "Ctrl" and click on the current layer. This makes a selection of the current ellipse. Now with the selection still running, click on the "base" layer and press "Delete" on your keyboard.

Now delete the ellipse layer and press "Ctrl + D" to deselect.

Step 3 diagram

Step 4

We now need to smoothen our "base" layer by using the alpha channels.

Ctrl + Click the layer base, and go to "Edit > Copy Merged" and delete the layer "base".

Now click on the "Channels" tab on the layers pallet. Make a new channel and press "Ctrl + V" (paste) and your shape will be pasted. Now press "Ctrl + D".

Now go to: "Filter > Blur > Gaussian Blur" and chose a radius of "4.0" pixels and press OK.

Press "Ctrl + L" to bring up the levels, copy the below settings and press OK.

Step 4 diagram

Step 5

Now your shape will be nice and smooth and not have a jaggy appearance.

Press "Ctrl" and click on your layer and then press "Shift + Ctrl + C" to copy it. Delete the layer in the channel pallet and click on the "layers tab" on the layers pallet and press "Ctrl + V" to paste your shape back in.

Rename it "base".

Now bring up the blending options and use the below settings.

Step 5 diagram

Step 6

Inner Glow:

Step 6 diagram

Step 7

Bevel & Emboss:

Step 7 diagram

Step 8

Gradient Overlay:

Step 8 diagram

Step 9

Gradient Overlay:

Step 9 diagram

Step 10

And press OK

This will be our metal effect for the base layer, although it looks pretty ugly at this stage it will look pretty once you complete the next few steps.

Press Ctrl and click on the "base" layer to make a selection.

Go to: "Select > Modify > Contract" and use 15 pixels.

Now we have made a selection 15 pixels inwards from each side of the base layer.

Don't deselect yet, make a new layer and name it "base bevel" and fill in the selection with black and now you can deselect "Ctrl + D".

Bring up the blending options:

Bevel & Emboss

Step 10 diagram

Step 11

And press OK.

As you can see, this has added a shine and looks pretty cool.

Step 11 diagram

Step 12

Press Ctrl and click on the "bevel base" layer to make a selection. Now go to "Select > Modify > Contract" and put in "3 pixels". Do not deselect, make a new layer and name it "Green gradient". Fill in the selection with black and deslect "Ctrl + D".

Bring up the blending options - Inner Shadow:

Step 12 diagram

Step 13

Gradient Overlay - Then Press OK

Step 13 diagram

Step 14

Should be something similar to below:

Step 14 diagram

Step 15

Let's give it a better shine. Ctrl + click the layer "green gradient" and then "select > modify > contract" by 3 pixels and press OK. Make a new layer, name it "shine" and do not deselect!

Select the "Gradient Tool" and make a gradient which goes from "White to Transparent".

With the selection still going, drag the gradient from top to bottom on near the left side of the selection.

Now change the blending mode to "overlay".

Step 15 diagram

Step 16

Grab the "Elliptical Marquee Tool" and make a shape similar to below:

Step 16 diagram

Step 17

Delete the top half of the shape:

Step 17 diagram

Step 18

Set the opacity to "43%" and the blending mode to "Soft light". Although its hard to see the layer we just made, it ads a nice shine to the top, giving off a reflection effect. Rename the layer to "top shine".

Our header is coming together well, lets add some features under the curve.

Make a new layer, name it "middle feature" and grab the "Elliptical Marquee Tool".

Make a selection similar to below:

Step 18 diagram

Step 19

Fill in the selection with black, deselect and press "Shift + Ctrl + [" which will send the layer to the back.

Bring up the blending options:

Inner Shadow

Step 19 diagram

Step 20

Inner Glow:

Step 20 diagram

Tutorial navigation

Tutorial comments

14.08.2015 -

propackers820 says …

Packers and movers in bangalore@ http://professionalmovers.in
Packers and Movers in Gurgaon@ http://professionalmovers.in/packers-and-movers-in-gurgaon/
Packers and Movers Bangalore@ http://professionalmovers.in/packers-and-movers-in-bangalore/
by information Visit site:-
Packers and Movers in Noida@ http://professionalmovers.in/packers-and-movers-in-nodia/
Packers and Movers in delhi@ http://professionalmovers.in/packers-and-movers-in-delhi/

08.08.2015 -

wq123 says …

babyliss pro,http://www.babyliss.us.org/
basketball shoes,http://www.basketballshoes.com.co/
beats by dre outlet,http://www.beatsbydrdre.co.com/
beats by dre,http://www.beatsbydre.com.co/
monster beats outlet,http://www.beats-by-dre.com.co/
beats headphones,http://www.beatsheadphones.in.net/
bottega,http://www.bottega.us/
burberry outlet online,http://www.burberry-handbags.us.org/
burberry,http://www.burberry--outlet.in.net/
burberry outlet,http://www.burberryoutlet.me.uk/
ralph lauren outlet,http://www.ralphlaurenpolo.in.net/
ray-ban,http://www.ray-ban-outlet.us.com/
ray ban outlet,http://www.raybans.us.org/
ray ban,http://www.rayban-sunglasses.org.uk/
ray ban sunglasses outlet,http://www.rayban-sunglasses.us.org/
ray ban sunglasses,http://www.ray-ban-sunglasses-outlet.in.net/
cheap ray ban,http://www.raybanwayfarer.in.net/
knockoff handbags,http://www.replicahandbags.com.co/
omega watches,http://www.replica-watches.us.com/
jordan release dates,http://www.retro-jordans.com/
replica watches,http://www.rolex-watches.me.uk/
roshe run,http://www.rosherun.org.uk/
roshe runs,http://www.rosheruns.us/
ferragamo shoes,http://www.salvatoreferragamo.in.net/
indoor soccer shoes,http://www.soccer-shoes.org/
easton bats,http://www.softball-bats.us/
supra shoes,http://www.suprashoes.in.net/
swarovski jewelry,http://www.swarovskicrystal.com.co/
swarovski,http://www.swarovskijewelry.com.co/
swarovski,http://www.swarovski-uk.org.uk/
north face jackets,http://www.the-northface.com.co/
northface,http://www.thenorthface.in.net/
north face,http://www.thenorth-face.org.uk/
the north face,http://www.thenorthface.us.org/
tory burch sandals,http://www.tory-burch-outlet.in.net/
tory burch sandals,http://www.tory-burchoutlet.us.com/
true religion jeans,http://www.true-religion.com.co/
true religion,http://www.truereligionjeans.net.co/
true religion jeans outlet,http://www.truereligion-outlet.com.co/
ugg,http://www.ugg-australia.in.net/
ugg australia,http://www.uggboots.net.co/
uggs,http://www.uggbootsclearance.com.co/
ugg boots clearance,http://www.uggsonsale.com.co/
burberry outlet,http://burberry.outletnow.org/
christian louboutin outlet,http://christianlouboutin.outlet-shoes.net/
tory burch sandals,http://toryburch.salesandals.net/
abercrombie and fitch,http://www.abercrombieand-fitch.com.co/
abercrombie and fitch,http://www.abercrombiefitch.us.com/
abercrombie,http://www.abercrombie-kids.us.com/
nike huarache,http://www.air-huarache.co.uk/
air jordan,http://www.airjordans.us/
air jordan shoes,http://www.airjordanshoes2015.com/
nike air max 2015,http://www.airmax-2015.org/
air max,http://www.airmax-90.org/
the north face,http://www.thenorthfacejackets.in.net/
thomas sabo,http://www.thomas-sabo.me.uk/
tiffany jewelry,http://www.tiffanyandco.net.co/
tiffany co,http://www.tiffanyjewelry.us.org/
timberland shoes,http://www.timberlandboots-outlet.in.net/
timberland outlet,http://www.timberlandshoes.com.co/
tommy hilfiger coupons,http://www.tommyhilfiger.net.co/
tommy hilfiger,http://www.tommy-hilfigeroutlet.com/
toms shoes,http://www.toms-shoes-outlet.net/
tom's shoes,http://www.toms--outlet.in.net/
toms shoes outlet,http://www.toms-shoes.com.co/
burberry factory,http://www.burberryoutlet.club/
burberry,http://www.burberryoutlet-online.in.net/
cheap calvin kleins,http://www.calvinklein.co.com/
celine bags,http://www.celinebags.org/
chanel bags,http://www.chanelhandbags.net.in/
softball bats,http://www.cheap-baseballbats.net/
christian louboutin outlet,http://www.christianlouboutinshoes.ar.com/
baseball jerseys,http://www.cheap-jerseys.us.org/
air jordan shoes,http://www.cheap-jordans.net/
michael kors handbags clearance,http://www.cheapmichaelkors.us.org/
nike outlet,http://www.cheap-nikeshoes.net/
oakley sunglasses cheap,http://www.cheapoakley.us.org/
oakley outlet,http://www.cheapoakleysunglasses.ar.com/
oakley sunglasses,http://www.cheap-oakleysunglasses.in.net/
ray bans,http://www.cheaprayban.com.co/
shoes outlet,http://www.cheapshoes.com.co/
ugg boots,http://www.cheap-uggboots.in.net/
flat iron,http://www.chiflatiron.net.co/
christian louboutin shoes,http://www.christian--louboutin.in.net/
louboutin,http://www.christianlouboutin.org.uk/
christian louboutin outlet,http://www.christianlouboutinshoes.jp.net/
coachoutlet.com,http://www.coachfactory-outlet.co.com/
coach factory outlet,http://www.coachfactory-outlet-online.in.net/
coach outlet online usa,http://www.coach-handbags.com.co/
coach outlet online,http://www.coachoutlet-online.com.co/
coach store outlet online,http://www.coachoutletstore.net.co/
coach outlet online,http://www.coachoutletstore-online.com.co/
chanel bags,http://www.coco-chanelbags.com.co/
converse sneakers,http://www.converse.net.co/
burberry handbags,http://www.designerhandbagsoutlet.com.co/
eyeglasses stores,http://www.eyeglassesonline.us.org/
eyeglasses frames,http://www.eyeglassframes.us.org/
ralph lauren clothes,http://www.fashion-clothing.us.org/
ferragamo shoes,http://www.ferragamo.com.co/
salvatore ferragamo,http://www.ferragamoshoes.net/
ghd,http://www.ghdhairstraightener.com.co/
gucci outlet,http://www.gucci-uk.me.uk/
gucci outlet,http://www.guccihandbags.net.co/
gucci sale,http://www.gucci-outletsale.in.net/
gucci belts,http://www.gucci-outlet.biz/
gucci shoes uk,http://www.guccishoes.in.net/
gucci handbags,http://www.guccishoes.us.org/
hermes birkin,http://www.hermesbags.club/
hermes,http://www.hermesbirkin.biz/
hermes belt,http://www.hermesoutlet.top/
hollisterco,http://www.hollister.us.org/
hollister coupons,http://www.hollisterclothing-store.in.net/
insanity workout calendar,http://www.insanityworkout.net.co/
phone cases,http://www.iphone-cases.us/
jimmy choo,http://www.jimmychoo.net.co/
air jordan retro,http://www.jordanretro.org/
jordan retro,http://www.jordan-shoes.com.co/
juicy couture outlet,http://www.juicycouture.com.co/
juicy couture handbags,http://www.juicycoutureoutlet.net.co/
kate spade handbags,http://www.kate-spade.com.co/
kate spade,http://www.katespade-outlet.com.co/
kate spade,http://www.kate-spade.in.net/
long champ,http://www.longchamp.us.org/
longchamp handbags,http://www.longchamp.com.co/
red bottom shoes,http://www.louboutin.jp.net/
louis vuitton,http://www.louis-vuittoncanada.ca/
louis vuitton outlet online,http://www.louisvuitton.jp.net/
louis vuitton uk,http://www.louis--vuitton.org.uk/
louis vuitton outlet,http://www.louisvuitton.so/
louis vuitton outlet online,http://www.louisvuittonas.com/
louis vuitton outlet,http://www.louisvuitton-outlet.com.co/
louis vuitton handbags,http://www.louisvuitton-outlets.us/
marc jacobs bags sale,http://www.marcjacobsonsale.com/
mcm bags,http://www.mcmbags.in.net/
mcm handbags,http://www.mcmhandbags.com.co/
michael kors outlet store,http://www.michaelkors.so/
michael kors outlet online,http://www.michael--kors.us.com/
michael kors outlet,http://www.michaelkorsbags.us.org/
michael kors uk,http://www.michaelkorshandbags.org.uk/
michael kors,http://www.michael-kors-handbags.us.com/
michael kors outlet online sale,http://www.michaelkorsoutlet.ar.com/
michael kors purses,http://www.michael-kors-outlet.us.org/
michael kors handbags,http://www.michaelkorsoutlet-online.ar.com/
michael kors,http://www.michael-kors-outlet-online.us.org/
,http://www.michaelkorsoutletonline-sale.us.com/
michael kors uk,http://www.michaelkors-uk.org.uk/
mont blanc pens,http://www.montblanc-pens.in.net/
new balance,http://www.newbalance-outlet.org/
nike air max,http://www.nike-air-max.us/
nike factory,http://www.nikefactory.org/
nike free,http://www.nikefree5.net/
nike free run,http://www.nikefree-run.net/
nike free,http://www.nikefree-run.org.uk/
air jordans,http://www.jordanrelease-dates.net/
nike mercurial,http://www.nikemercurial.in.net/
nike roshe,http://www.nikerosherun.us/
nike outlet store,http://www.nikestore.us/
north face,http://www.northface.us.org/
north face clearance,http://www.northfaceoutlet.com.co/
oakley outlet,http://www.oakleyoutlet.us.org/
oakley sunglasses,http://www.oakleysunglasses.gr.com/
oakley sunglasses cheap,http://www.oakleysunglassescheap.in.net/
oakley sunglasses,http://www.oakley-sunglasses.top/
omega watches,http://www.omegawatches.us.com/
pandora charms,http://www.pandora-charms.org.uk/
pandora jewelry,http://www.pandorajewelry.top/
polo outlet,http://www.polo-outlets.com.co/
prada outlet,http://www.pradahandbags.net.co/
prada handbags,http://www.pradahandbags.com.co/
prada shoes for men,http://www.pradashoes.com.co/
polo ralph lauren outlet,http://www.ralph-lauren.org.uk/
ralph lauren outlet,http://www.ralphlaurenoutlet.us.com/
ralph lauren uk,http://www.ralph-lauren-outlet.org.uk/
ralph lauren polos,http://www.ralphlaurenoutletonline.com.co/
ralph lauren outlet online,http://www.ralphlaurenoutletonline.in.net/
uggs on sale,http://www.uggsoutlet.com.co/
coach outlet store,http://www.uptocoachoutlet.com/
vans outlet,http://www.vansshoes.us/
wedding dress,http://www.weddingdressesuk.org.uk/
lululemon outlet,http://www.yogapants.com.co/
cheap ugg boots,http://www.ugg-boots.us.org/
ralph lauren outlet online,http://www.poloralphlaurenoutlet.net.co/
burberry handbags,http://www.burberryoutletonline.ar.com/
toms outlet,http://www.toms-outlet.net.co/
michael kors outlet online,http://www.michaelkors.in.net/
christian louboutin shoes,http://www.christianlouboutinoutlet.net.co/
tory burch handbags,http://www.toryburchsale.com.co/
prada outlet,http://www.pradaoutlet.com.co/
longchamp outlet,http://www.longchamp-handbags.in.net/
longchamp,http://www.longchampoutlet.com.co/
chanel bags,http://www.chanel-bags.com.co/
true religion jeans outlet,http://www.truereligion-outlet.us.org/
abercrombie fitch,http://www.abercrombie-and-fitch.us.com/
hollister co,http://www.hollisterclothing.in.net/
new balance store,http://www.newbalance-shoes.org/
converse sneakers,http://www.converses-shoes.net/
lululemon outlet,http://www.lululemonoutlet.com.co/
cheap jerseys,http://www.nfl-jersey.in.net/
nfl jerseys,http://www.cheapjerseys.us.org/
rolex watches,http://www.rolex-watches.us.com/
omega watches,http://www.rolexwatchesforsale.us.com/
p90x,http://www.p90xworkout.in.net/
giuseppe zanotti,http://www.giuseppezanotti.com.co/
mac cosmetics,http://www.maccosmetics.net.co/
instyler,http://www.instyler.in.net/
mizuno,http://www.mizunorunning.net/
purses and handbags,http://www.handbagsoutlet.com.co/
hilfiger outlet,http://www.hilfigeroutlet.in.net/
ed hardy clothing,http://www.edhardy.in.net/
levis jeans,http://www.levisjeans.com.co/
bcbg max azria,http://www.bcbgdresses.net/
bebe clothing,http://www.bebeclothing.net/
harrods london,http://www.harrods-london.co.uk/
gucci handbags,http://www.guccishoes.com.co/
ralph lauren outlet,http://www.ralphlaurenoutletonline.us.org/
yoga pants,http://www.lululemoncanada.ca/
lululemon canada,http://www.yoga-pants.ca/
nike canada,http://www.nike-shoes-canada.ca/
pandora,http://www.pandora-charms-canada.ca/
watches canada,http://www.rolex-watches-canada.ca/
michael kors canada,http://www.michael-kors-canada-outlet.ca/
adidas shoes,http://www.adidas--canada.ca/
tiffany,http://www.tiffanyandco-canada.ca/
abercrombie kids,http://www.hollistercanada.ca/
abercrombie,http://www.abercrombie-and-fitch.ca/
oakley sunglasses,http://www.oakley-sunglasses-canada.ca/
wedding dresses,http://www.wedding--dresses.ca/
swarovski canada,http://www.swarovskicanada.ca/
tommy hilfiger,http://www.tommy-hilfiger-canada.ca/
new balance,http://www.new-balance.ca/
burberry,http://www.burberrycanada.ca/
north face,http://www.the-north-face.ca/
polo ralph,http://www.ralph-lauren.ca/
rayban outlet,http://www.ray--ban.ca/
christian louboutin,http://www.christian-louboutin-shoes.ca/
nike air max,http://www.nike-air-max.ca/
bcbg max azria,http://www.bcbg-max-azria.ca/
uggs canada,http://www.uggscanada.ca/

16.09.2014 -

polo2014 says …

http://www.shopbestgoods.com/
http://www.nike-jordanshoes.com/
http://www.beatsbydreoutlet.net/
http://www.michaelkorsus.com/
http://www.polo-tshirts.com/
http://www.northsclearance.com/
http://www.ralph-laurensale.com/
http://www.gucci-shoesuk2014.com/
http://www.michael-korsusa.com/
http://www.polo-outlets.com/
http://www.ralph-laurenhome.com/
http://www.marcjacobsonsale.com/
http://www.mcmworldwides.com/
http://www.salongchamppairs.com/
http://www.canada-gooser.com/
http://www.burberryoutlet2014.com/
http://www.michaelkors.so/
http://www.hermes-outletonline.com/
http://www.oakley-sunglassfactory.com/
http://www.north-faceoutlets.net/
http://www.moncler-clearance.com/
http://www.woolrich-clearance.com/
http://www.barbour-jacketsoutlet.com/
http://www.moncler-jacketsoutletonline.com/
http://www.monsterbeatsbydres.net/
http://www.louis-vuittonblackfriday.com/
http://www.lv-guccishoesfactory.com/
http://www.mcmoutlet-jp.com/
http://www.cheapdiscountoutlet.com/
http://coachoutlet.iwopop.com/
http://www.coachsfactoryoutlet.com/
http://www.coach-blackfriday2014.com/
http://www.coach-storeoutletonline.com/
http://www.coach-factorysoutletonline.com/
http://www.coachccoachoutlet.com/
http://www.coach-factories.net/
http://www.coach-pursesoutletonline.com/
http://www.llouisvuitton-factory.net/
http://www.coach-outletsusa.com/
http://www.mksfactoryoutlet.com/
http://www.zxcoachoutlet.com/
http://www.mischristmas.com/
http://www.misblackfriday.com/
http://www.bestcustomsonline.com/
http://www.newoutletonlinemall.com/
http://www.clickmichaelkors.com/
http://www.cmichaelkorsoutlet.com/
http://www.ralphlaurenepolo.com/
http://michaelkorsoutlet.mischristmas.com/
http://mcmbackpack.mischristmas.com/
http://monsterbeats.mischristmas.com/
http://northfaceoutlet.mischristmas.com/
http://mk.misblackfriday.com/
http://coachoutlet.misblackfriday.com/
http://coachfactory.misblackfriday.com/
http://uggaustralia.misblackfriday.com/
http://coachpurses.misblackfriday.com/
http://coachusa.misblackfriday.com/
http://coach.misblackfriday.com/
http://michaelkorss.misblackfriday.com/
http://michaelkors.misblackfriday.com/
http://airmax.misblackfriday.com/
http://michael-kors.misblackfriday.com/
https://www.facebook.com/pages/Coach-Factory-Outlet-Online-Store-Michael-Kors-Outlet-Online-Sale-75-Off/712060898859091
https://www.facebook.com/pages/Ralph-Lauren-Polo-Outlet-Online-Sale/1404100279810690

01.08.2009 -

blusoftde says …

GILE BENER...OOPS
SALUTE.....

18.09.2008 -

adityaranjan says …

excellent stuff...!!!

View all user comments for this tutorial.

Tutorial statistics

Date added:
22.11.2004
Author:
Zymic
User rating:
5/5
Rate tutorial:
Total views:
45191
Total comments:
9

Advertisements