Web 2.0 is een populaire stijl in web design . Web 2.0 knopen kijken driedimensionaal en glanzend , als een zeepbel , alsof ze knallen uit het scherm . Het proces van het creëren van web 2.0 knoppen gaat veel hellingen en layer werk . Wat je nodig hebt Photoshop Toon Meer Aanwijzingen Open Photoshop 1 , maak een nieuw bestand en zet het doek grootte in wat je knop grootte zal zijn. Pak de vorm gereedschap uit de werkbalk : kies een afgeronde rechthoek of een cirkel , want dat is het meest voor in de Web 2.0 stijl . Selecteer een kleur voor uw knop , en klik en sleep om de vorm te maken , zodat het bijna vult het doek . Laat een paar pixels rond het voor een grens. Vervolgens met de rechtermuisknop op de vormlaag in het deelvenster Lagen en selecteer " Rasterize . " Kopen van 2 Selecteer het gereedschap Verloop . Neem een kijkje in het drop-down menu helling rechts onder de menubalk aan de bovenkant van je scherm , en vind een twee - kleurverloop met de kleur van je vorm en wit . Als je niet de kleuren die je wilt zien, klik op de afbeelding van het verloop aan de bovenkant van het menu in plaats . Dit brengt u naar een dialoogvenster waarin u kunt bewerken , maken en opslaan aangepaste hellingen. Maak je verloop met behulp van de schuifregelaars . Zodra u de gradiënt u nodig hebt, stel je verloop laagdekking op 40 % . Vervolgens , en klik of Command - klik op het pictogram laag in het deelvenster laag om de pixels in die laag te selecteren . Klik en sleep van boven tot ongeveer 80 % beneden de vorm aan het verloop toe te passen . Nu, met behulp van de tekst tool, maakt u een tekstvak en typ de tekst voor uw knop . Ga terug naar je normale muisaanwijzer en de positie van de tekst in het midden van de knop 3 Voeg een 1 - . Of 2 - takt pixel om uw tekst met behulp van Layer Styles . Maak de slag kleur een beetje donkerder dan uw knoop kleur . Doe hetzelfde voor uw knoop laag. Voeg een nieuwe vorm hetzelfde als de oorspronkelijke instelling staat, maar ongeveer 90 % even breed en 50 % zo groot als het origineel . Plaats het in het midden en aan de bovenkant van de oorspronkelijke knop vorm . Rasteren de vorm zoals je deed bij uw eerste vorm . Selecteer de pixels door de Control - of Command - klikken op het pictogram laag en het geselecteerde gebied volledig gewist . Nu , opnieuw kiezen voor de gradiënt tool en maak een verloop dat gaat van wit naar transparant. Nu je weet hoe de laatste stap , moet het gemakkelijk zijn . Breng de helling door te klikken en naar beneden te slepen over de vorm, zodat het wit is aan de bovenkant en verdwijnt naar beneden te doorzichtig . 4 Selecteer uw originele knoop laag in het deelvenster Lagen en dubbelklik erop om te openen de Layer Styles dialoogvenster . Daar selecteert u " Inner Glow " van de kolom aan de linkerkant en zet de dekking op 50 % . Maak de kleur van uw Glow dezelfde tint als je de knop , maar iets lichter . Om het nog meer driedimensionaal uitzien , voeg een slagschaduw aan uw tekst via Layer Styles voor de tekstlaag . Dit maakt de tekst eruit alsof het is tot op de top van een glossy , semi - transparante zeepbel .
|