<Bladeren> Startpagina / Alle , BUTTON , Tutorial / Blog article: RIATMP1154 - Kleurrijke website menubalk

| Mobile | RSS

RIATMP1154 - Kleurrijke website menubalk

24 september 2009

how to make a website header/ menu bar/ button
hoe je een website header / menu bar / toets te maken

Hier is nog een Photoshop-tutorial voor het maken van een kleurrijke aantrekkelijke website header / menu bar / toets te maken. Ik hoop dat u gaat deze tutorial wilt. Al in mijn eerdere post heb ik gebruik gemaakt van deze menubalk om een ​​webdesign voor een zakelijke of zakelijke website te maken. U kunt ook zien dat de posten om te visualiseren hoe dit menu balk eruit komt te zien met een web design. Om die verwijzen zie mijn andere posting RIATMP1151 .

Maak een nieuwe Photoshop-document met zwarte achtergrond. Maak een nieuwe laag en noem deze rood. Kies het Rechthoekig selectiekader gereedschap, een rechthoek en vul met een kleur. Het maakt niet uit welke kleur het is want we voegen Layer Styles. Ga nu naar Layer / Layer Styles / Gradient Overlay. Ter referentie volg dan de onderstaande afbeelding weergegeven.

Click here to download

Layer/ Layer Styles/ Gradient Overlay
Layer / Layer Styles / Verloopbedekking

Maak een nieuwe laag en noem deze blauw. Nu rechts klikken op de rode laag en selecteer laag transparantie. Kom naar blauwe laag en vul deze selectie met elke gewenste kleur. Ga nu naar Layer / Layer Styles / Gradient Overlay. Ter referentie volg dan de onderstaande afbeelding weergegeven.

Gradient Overlay
Verloopbedekking

Nu moeten we de gloed op de blauwe knop te maken. Voor die ervoor kiezen de Elliptical Marquee tool. Trek nu een goede cirkel door te drukken op shift + alt. We moeten deze selectie bijsnijden aan te passen aan onze blauwe knop. Dus, ga naar Rechthoek marquee tool; druk op alt en gewas het daarboven uitgaande deel van die cirkel. Zie de verwijzing beeld.

crop the excess part of that circle
uitsnede van het daarboven uitgaande deel van die cirkel

Vul nu dat met kleur (# 7db8c4). Kies de gradiënt tool, stel deze in op de lineaire gradiënt en open vervolgens het verloop editor. Kies "voorgrond naar transparant".

foreground to transparent
voorgrond naar transparant

Nu maken we de oranje knop. Daarvoor maak een nieuwe laag en noem deze oranje. Selecteer vervolgens de laag transparantie van de laag blauw en komen terug naar oranje laag en vul deze selectie met oranje kleur. Ga dan naar Layer / Layer Styles / Gradient Overlay. Ter referentie volg dan de onderstaande afbeelding weergegeven.

Gradient Overlay
Verloopbedekking

Dus je hebt alle 3 de gekleurde knoppen. Selecteer 3 van hen en maak dubbele lagen. Nu samenvoegen alle 6 lagen tot een laag en noem deze knop.

button
knop

Nu zijn we op weg naar volgende deel van deze tutorial. Ja, het is tijd om dunner rechthoek sectie te maken. Dus, ga naar Rechthoek marquee tool en teken een rechthoek dunner in een nieuwe laag. Vul het met een willekeurige kleur. Ga dan naar Layer / Layer Styles / Verloopbedekking en Outer Glow. Ter referentie volg dan de onderstaande afbeelding weergegeven.

Gradient Overlay and Outer Glow
Verloopbedekking en Outer Glow

Nu een deel van deze balk moet je kleur veranderen in rood schaduw en een deel oranje als onze grote knop gaat, want dat ga je naar Afbeelding> Aanpassingen> Kleurtoon / verzadiging en van kleur veranderen. Voeg vervolgens de tekst als je wilt. Dat is het. Onze kleurrijke header / menu bar is klaar om te gebruiken voor uw volgende project. Ik hoop dat dit zal helpen. En zo ja kunt u dit bericht te delen met een BOOKMARK Site. En natuurlijk heb ik altijd graag uw commentaar te lezen. Dank u. Cheers!

how to make a website header/ menu bar/ button
hoe je een website header / menu bar / toets te maken
Het aandeel en geniet
  •  RIATMP1154 – Colorful website menu bar favicons?domain=digg RIATMP1154 – Colorful website menu bar favicons?domain=www.dzone RIATMP1154 – Colorful website menu bar favicons?domain=www.facebook RIATMP1154 – Colorful website menu bar favicons?domain=www.google RIATMP1154 – Colorful website menu bar favicons?domain=www.linkedin RIATMP1154 – Colorful website menu bar favicons?domain=favorites.live RIATMP1154 – Colorful website menu bar favicons?domain=www.mixx RIATMP1154 – Colorful website menu bar favicons?domain=www.myspace RIATMP1154 – Colorful website menu bar  RIATMP1154 – Colorful website menu bar favicons?domain=reddit RIATMP1154 – Colorful website menu bar favicons?domain=www.stumbleupon RIATMP1154 – Colorful website menu bar favicons?domain=technorati RIATMP1154 – Colorful website menu bar favicons?domain=twitter RIATMP1154 – Colorful website menu bar favicons?domain=buzz.yahoo RIATMP1154 – Colorful website menu bar
Laat een reactie achter 7500 keer bekeken, 7 vandaag tot nu toe |
Volg Discussie

One Response to "RIATMP1154 - Kleurrijke website menubalk"

    Trackbacks

    1. RIATMP1151 - Corporate Website Design | Rich Internet Application Solutions

    Laat een reactie achter