Hur man gör detta Cool Web Button med Adobe Photoshop CS4

March 22

Hur man gör detta Cool Web Button med Adobe Photoshop CS4


Denna handledning är en ganska lätt att skapa en snygg föremål som kan användas som en web-knapp på en webbplats. Här är en steg för steg handledning för att skapa ett riktigt snyggt web knappen.

Instruktioner

1 Starta Adobe Photoshop CS4 och skapa ett nytt projekt välja "bana" som en förinställning. Du kan välja vilken storlek bara till att du ge dig själv tillräckligt med utrymme för att arbeta med

2 Hur man gör detta Cool Web Button med Adobe Photoshop CS4

Skapa ett nytt lager. Döp om den "bottenskikt".

3 Hur man gör detta Cool Web Button med Adobe Photoshop CS4


Välj rundad rektangel verktyget och ställ radien till 10 px och dra objektet.

4 Hur man gör detta Cool Web Button med Adobe Photoshop CS4


Rastrera objektet du just drog genom att högerklicka på objektet och välja "rastrera lagret".

5 Skapa ett nytt lager. Döp om den "mindre lager".

6 Ändra standardfärgen till vitt genom att trycka på bokstaven "x" på tangentbordet tills standardfärgen är vit.

7 Hur man gör detta Cool Web Button med Adobe Photoshop CS4

Använda rundad rektangel verktyget med radien fortfarande inställd på 10px. Rita en mindre föremål ovanpå det befintliga objektet du drog tidigare och rastrera det nya objektet skiktet. Din ritning bör looke som vad som visas på bilden i samband med det här steget.

8 Hur man gör detta Cool Web Button med Adobe Photoshop CS4


Välj "mindre lager", klicka på "Filter" menyalternativet och välj sedan "Blur" och välj sedan "Gaussian Blur".

9 Hur man gör detta Cool Web Button med Adobe Photoshop CS4


När fönstret Gaussisk oskärpa verkar ställa in avståndet till 7,0 pixlar.

10 Hur man gör detta Cool Web Button med Adobe Photoshop CS4


Tryck på "Ctrl + T" på tangentbordet för att aktivera verktyget Omforma. Vi kommer att använda detta drar den mindre objekt till var och en av kanterna på biggler objektet. När du är klar klickar du på bocken för att acceptera ändringarna.

11 Välja det nedersta skiktet. Vi kommer nu att lägga till effekter som krävs för att få det att se ut som vår sista knappen.

12 Klicka på "fx" ikonen längst ned i lagerfönstret för att få fram "Layer Style" fönstret.

13 Hur man gör detta Cool Web Button med Adobe Photoshop CS4

Klicka på "Skugga" kryssrutan och använda inställningarna som visas på bilden i samband med det här steget.

14 Hur man gör detta Cool Web Button med Adobe Photoshop CS4


Klicka på "inre glöd" kryssrutan och använda inställningarna som visas på bilden i samband med det här steget.

15 Hur man gör detta Cool Web Button med Adobe Photoshop CS4


Klicka på "Gradient Overlay" kryssrutan och använda inställningarna som visas på bilden i samband med det här steget.

16 Hur man gör detta Cool Web Button med Adobe Photoshop CS4


Klicka på övertoningsrutan för att få fram "gradient editor" fönstret. Ställa in färgen på det vänstra skjutreglaget till "fa0707" och färgen på det högra reglaget till "710202" och platsen för det vänstra skjutreglaget till 75%. Ta en titt på bilden i samband med det här steget.

17 Hur man gör detta Cool Web Button med Adobe Photoshop CS4


Klicka på "Stroke" kryssrutan och använda inställningarna som visas på bilden i samband med det här steget.

18 Du har nu föremål i sitt slutskede. Bara lägga till lite text till den med textverktyget och du är klar.


        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2020 Astrixsoft.com | Contact us: webmaster# astrixsoft.com