Design för hemsida & webshop

Just nu är det väldigt populärt att göra snygga skuggor och reflexioner i alla typer av bilder och grafik. Här är min steg-för-steg tutorial för hur du själv kan tillföra lite extra 2.0-skimmer till dina bilder. Denna tutorial är för avancerade Photoshopanvändare.

1. Börja med din platta bild och gör två lager, ett lager för den vita bakgrunden och ett lager för själva bilden (2.0 siffrorna i detta fallet). Se till att du har lite marginal runt själva bilden, då blir det lite lättare att jobba, överflödet kan du beskära bort senare.

2. Välj Edit » Transform » Perspective. Ta tag i nedre vänstra hörnet av markeringsrutan och dra ihop formen som på bilden. Tryck enter. Välj Edit » Transform » Scale och tryck ihop bilden lite på bredden för att få rätt perspektiv, här får du gå lite på känsla.

3. Duplicera ditt lager med bilden och välj Edit » Transform » Flip vertical för att få en början till reflexion eller spegling. Flytta ner reflexionen i nederkant av bilden. Nu är perspektivet fel på din reflexion. Justera genom att välja Edit » Transform » Distort. Ta tag i den högra mittennoden (håll nere Shift-tangenten så blir det lättare att justera i en rak linje) och dra uppåt tills reflexionen ligger rätt jämfört med originalgrafiken.

4. Kontrollklicka (eller Command på MAC) på ditt reflexionslager för att göra en markering kring innehållet. Högerklicka sedan på Add layer mask för att skapa en mask på reflexionslagret.

5. Välj ditt Gradient Tool med standardfärgerna vitt till svart valda. Dra sedan en gradient från den punkt där reflexionen börjar och rakt nedåt. Minska lagrets opacitet till ca 30%, sen är du klar.

6. Överkurs. För att lägga lite extra effekt kan du skapa en svag skugga mellan bilden och reflexionen. Det gör du genom att först göra en svart oval, minska opaciteten till 35% och sedan köra ett Gaussian blur filter. Justera så att skuggan ligger lite snett bakom själva bilden för att få intrycket av att ljus framifrån skapar en markskugga.

» Ladda ner originalfilen till Photoshop CS2.

Kategori: Grafik, Webbdesign |