Zymic

Webmaster resources

Follow us on Twitter!

Hosting status updates - Click here

Adobe Photoshop

Free Tutorials » Adobe Photoshop » Link Me Buttons 88x31

Create your site a "link me button".

Step 1

When I make a 88x31 button I tend to get a cool textured background to work from. Below is a texture effect I created for this tutorial. Enlarge the image and when the larger main image loads save or copy it in to photoshop.

Step 1 diagram

Step 2

Now you should have my enlarged image in photoshop.

Select the "rectangular marquee tool" and at the top of the screen select fixed size from the style drop down box. Put in a width of 88 and a height of 31. This tells the marquee "man" to select a size of 88x31 when making a selection!

Step 2 diagram

Step 3

Now click any where on your image. This will make a selection of 88x31. Keep re-selecting different parts of the image until you think you have found a bit you like.

Now copy your selection and paste it in a new document with (your document should be 88x31 pixels in size).

Step 3 diagram

Step 4

Press CTRL + U and "check" "Colourize" and play around with colours until you find which colour you like best, I choose a light blue colour, as show below:

Step 4 diagram

Step 5

Make a new layer and grab the pencil tool and select white as your foreground colour.

With your pencil tool draw a line with a height of 7 pixels and as wide as your image:

Step 5 diagram

Step 6

Now we need to give the white bar a black border, select black as your foreground colour and with your pencil tool draw a 1px border above and below the white bar:

Step 6 diagram

Step 7

To make the bar blend in and look better we are going to change the layer opacity to around 41%. Your white bar should be faded now:

Step 7 diagram

Step 8

We need to put the text into the button, select the type tool and pick a font you like best, I used 04b_09 pixel font (get it or ones similar from dafont.com).

Now type in your site name into the middle of the white bar below! And lastly give your text a 1px stroke to get a result like mine.

Step 8 diagram

Tutorial comments

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

09.08.2008 -

samerhouri says …

step 1 image is not enlarging

15.03.2008 -

Blackout-RO says …

Where i can change the pixel of font?

24.12.2007 -

Punk-Code says …

Nice, Berry Nice!

View all user comments for this tutorial.

Tutorial statistics

Date added:
11.10.2004
Author:
Zymic
User rating:
4/5
Rate tutorial:
Total views:
11295
Total comments:
5

Advertisements