Följ de tankar och åsikter som Grafix Studio har kring arbete, livsstil och kunskapskrav som en frilansande webbdesigner!

Stilren text – tutorial

I denna tutorial tänker jag visa hur du kan skapa en stilren text med diskreta effekter. När du gjort färdigt denna tutorial ska du ha följande bild:

Stilren text i Photoshop

  1. Öppna upp Photoshop och skapa en ny bild med måtten 800 x 600.
  2. Duplicera ditt bakgrundslager och ta bort det ”gamla lagret”. Döp det nya lagret till ”bakgrund”:


    Photoshop tutorial steg 2
  3. Högerklicka på lagret och välj Blandningsalternativ (Blending Options). Välj därefter Övertoningsfärg (Gradient) och klicka på Övertoning:


    Photoshop tutorial steg 3
  4. Klicka på vänster färgflik och skriv in följande färg: 000000, och klicka på höger färgflik och skriv in följande färg: 082350 :


    Photoshop tutorial steg 4
  5. Glöm inte att använda dig av följande inställningar:


    Photoshop tutorial steg 5
  6. Nu är det dags att skriva in texten. Vi kör ett enkelt typsnitt. Tryck på ”T” och välj Arial längst upp till vänster. Vi kör storleken 48px (kör du i points (pt) kan du använda samma storlek)..
  7. Skriv ”Photoshop Effekt”, gå därefter till Verktygsfältet och klicka på Flytta-verktyget. Flytta texten så den ligger i mitten;


    Photoshop tutorial steg 7
  8. Nu är det dags att snygga till texten. Högerklicka på textlagret och välj Blandningsalternativ. (Gradient) Ställ in följande värden:


    Photoshop tutorial steg 8
    Den gråa färgen jag använder här är: a4a4a4.
  9. Inne i Blandningsalternativ, välj nu Skugga (Drop Shadow) och ställ in följande värden:


    Photoshop tutorial steg 9
    Den gråa färgen jag använder här är: a4a4a4.
  10. Nu till den lite knepigare del. Välj Ellips (Tryck på U) och ruta ut den på följande vis:


    Photoshop tutorial steg 10a
    Photoshop tutorial steg 10a
  11. Döp det nya lagret till Ellips. Högerklicka på Ellipsens lager och välj Rastrera Lager ”Rasterize Layer”


    Photoshop tutorial steg 11
  12. Med Ellipsens lager vald, tryck CTRL + T och välj Tänj(Warp) och transformera till följande bild:


    Photoshop tutorial steg 12
  13. Håll in CTRL och gå till textlaget ”Photoshop Effekt”. Klicka på lagret och lägg märke till hur texten markeras:


    Photoshop tutorial steg 13
  14. Tryck på ”M” och högerklicka på bildens yta. Välj Markera omvänd (Invert):


    Photoshop tutorial steg 14
  15. Välj Ellips lagret och återvänd till bilden. Klicka på Delete. Nu har du tagit bort cirkelns yta runtom texten och behållt det som ligger inuti.
  16. Högerklicka på Ellips lagret och välj Blandningsalternativ. Välj Färgövertäckning och ställ in följande värden:


    Photoshop tutorial steg 16
    Färgen jag använder är : 0000b8.

Fortsätt experimentera med texten. Redigera gradienter och skuggor för att få fram din önskade bild.

Relaterade inlägg

  • tom

    Bra guider, fortsättså :)

  • tom

    Bra guider, fortsättså :)

Mobilanpassa din hemsida! Lansera din restaurang i mobilen!

Vill du veta hur jag jobbar?

 

Följ Grafix Studio på Facebook

Värt att besöka!

Kundjobb

Besök portföljen »

Om webbdesigner Antonio Riveras

Tjena allihop, mitt namn är Antonio Riveras och jag bor i den vackra staden Malmö.

Som ni kanske redan har förstått så är jag en webbdesigner / grafiker. Jag är till mestadels självlärd, men har genomgått en treårig utbildning i Multimediateknik på Lunds Tekniska Högskola.