Web 2.0 är en populär stil i webbdesign . Web 2.0- knappar ser tredimensionella och glänsande , som en bubbla , som om de är poppar ut ur skärmen . Processen att skapa web 2.0 knappar innebär massor av lutningar och lager arbete . Saker du behöver
Photoshop
Visa fler instruktioner
1
Öppna Photoshop , skapa en ny fil och ange storleken på arbetsytan vad din knapp storlek kommer att bli . Ta formen verktyget i verktygsfältet - välj en rundad rektangel eller cirkel , eftersom det är vanligast i web 2.0 stil . Välj en färg för din knapp , och klicka och dra för att skapa formen så att den nästan fyller duken . Lämna ett par pixlar runt den för en gräns . Därefter högerklickar du på formen lagret på panelen Lager och välj " Rastrera . "
2
Välj verktyget Övertoning . Ta en titt i den nedrullningsbara lutning menyn till höger under menyraden överst på skärmen , och hitta en tvåfärgad övertoning med färgen på din form och vitt . Om du inte ser de färger du vill , klicka på lutningen bilden längst upp i menyn i stället . Detta kommer att ta dig till en dialogruta där du kan redigera , skapa och spara egna gradienter . Gör din lutning med hjälp av skjutreglagen . När du har den lutning du behöver , ställa in lutning opaciteten till 40 % . Sedan, för att Ctrl-klicka eller Kommando -klicka på lagret ikonen i lagret panelen välja ut de pixlar i det lagret. Klicka och dra från topp till cirka 80 % ner formen att tillämpa gradienten. Nu , med hjälp av textverktyget , skapa en textruta och skriv in texten för din knapp . Gå tillbaka till din normala muspekaren och placera texten i mitten av knappen
3
Lägg en 1 - . Eller 2 - pixel stroke till din text med hjälp av Layer Styles . Gör slag färgen lite mörkare än din knapp färg . Gör samma sak för din knapp lagret . Gör en ny form på samma sätt som den ursprungliga knappen form , men ca 90 % lika bred och 50 % så lång som originalet . Placera den i mitten och nära toppen av den ursprungliga knappformen . Rastrera formen som du gjorde med din första form . Markera pixlar med kontroll - eller Kommando - klicka på lagret ikonen och radera det markerade området helt . Nu väljer gradient verktyget igen och skapa en gradient som går från vitt till genomskinligt . Nu när du vet hur från det sista steget , bör det vara enkelt . Applicera övertoningen genom att klicka och dra nedåt över formen så att vita är på topp och bleknar nedåt för att öppna .
4
Välj din ursprungliga knappen lagret på panelen Lager och dubbelklicka på den för att öppna Layer Styles dialogrutan . Därifrån väljer du " inre glöd " från kolumnen till vänster och ställ in opaciteten till 50 % . Gör färgen på din Glow samma nyans som din knapp men något ljusare . Så att det ser ännu mer tredimensionell , lägga till en skugga till din text via Lagerstilar för textlagret . Detta gör att texten ser ut som om den är lagd ovanpå en glansig , halvtransparent bubbla .
