Använda Gradient Tool

Välkommen till den fjärde handledningen i vår serie på Photoshop för utvecklare! I denna Snabba Tips introducerar jag dig till Gradient Tool och visar grunden för hur du använder den.

Använda Gradient Tool (G)

Gradienter är ett bra sätt att lägga till det lilla något extra till en bakgrund eller bild. Enligt Adobe, skapar Gradient-verktyget en gradvis blandning mellan flera färger.? Ganska enkelt, rätt?

Liksom många av de andra verktygen fungerar Gradient Tool (G) inte om ditt dokument finns i Bitmapp eller Indexerat läge. Så måste du ändra bildens läge om du öppnar en befintlig .gif eller .bmp-fil. För att bestämma vilket läge din fil finns i:

  1. Klicka på BILD-menyn.
  2. Välj MODE i menyn.

Härifrån kan du skilja mellan gråskala, indexerad färg, RGB eller lab. För alla webb- och mobilbilder ska vi se till att vi väljer RGB.

Som något annat i Photoshop finns det flera sätt att tillämpa en gradient. Denna artikel täcker helt enkelt Gradient Tool (G). Gradienter tillämpas genom att dra verktyget över bilden. Utgångspunkten definieras av var musen initialt klickas och slutpunkten är där musen släpps.
Gradienter kan appliceras på hela det aktiva skiktet eller bara välja delar av ett aktivt lager.

  1. Välj Gradient-verktyget från verktygsfältet eller tryck på bokstaven G på tangentbordet.
  2. I alternativfältet finns det flera olika typer av gradienter som du kan använda:
  • Gradient förinställningar ger dig möjlighet att skapa en gradient från mallar eller anpassa din egen.
  • Linjär gradient - Skuggor från startpunkten till slutpunkten i en rak linje.
  • Radiell gradient - nyanser från startpunkten till slutpunkten i ett cirkulärt mönster.
  • Vinkelgradient - Skuggor moturs klarar runt startpunkten.
  • Reflekterande gradient - nyanser med symmetriska linjära gradienter på vardera sidan av startpunkten.
  • Diamantgradient - Skuggar från startpunkten utåt i ett diamantmönster. Slutpunkten definierar ett hörn av diamanten.
  • Ange ett blandningsläge och opacitet för gradienten.
  • Omvänd - byter de valda färgerna på gradienten.
  • Dither - skapar en mjukare gradient.
  • Genomskinlighet skapar en transparentmask för gradientfyllningen.

Med alla de inställda alternativen kan vi nu tillämpa lutningen.

  • Placera pekaren i bilden där du vill. Klicka för att ange utgångspunkten för gradienten, dra och släpp för att definiera slutpunkten. För att begränsa linjevinkeln till en multipel av 45ш håller du ned SHIFT när du drar.
  • För att justera utseendet på gradienten, försök att justera startpunkten och slutpunkten och det är det.

Det handlar om så enkelt som Adobe gjorde det ljudet. Här är några fler exempel på vad du kan göra med Gradients:

Håll dig igång, nästa gång jag visar dig hur lätt Photoshop gör det för att skapa lite bakgrund för att ge dina mobila webbplatser och applikationer den lilla extra.