Format P – Webb- och grafisk design

Skapa blänkande grafik i Photoshop

toning5En av trenderna just nu inom webbdesign är skinande och blanka knappar eller bakgrunder till webbannonser eller annan grafik.

Det finns en massa olika metoder att göra detta. Här beskriver jag ett sätt som jag tycker är ganska enkelt, även om man inte kan så mycket Photoshop.

En bas med övertoning

Skapa ett nytt fönster i Photoshop. Mitt fönster i exemplet är 150 x 100 pixlar. Skapa ett nytt lager och låt bakgrundslagret vara orört.

Ställ in för- och bakgrundsfärgerna i verktygspaletten till de två färger som du vill ha som bas i den övertoning som vi ska göra. Dra sedan lite snett nedåt med den linjära övertoningen på Lager 1.

Lager 2 med övertoning

Skapa ett nytt lager igen, Lager 2. Ställ in övertoningsverktyget till vit mot genomskinlig. Gör en linjär övertoning uppifrån och ner över hela lagret.

toning2

Lager 3 med markering och övertoning

Skapa ett nytt lager igen, Lager 3. Gör en ellipsmarkering liknande den på bilden och skapa där en till linjär övertoning (vit mot genomskinlig). Genom att dra ut bildfönstret en aning blir det lättare att påbörja ellipsmarkeringen lite utanför arbetsytan så att den får rätt form.

toning3
toning4

Avmarkera och ändra blandningsläge på Lager 3 i lagerpaletten till Mjukt ljus. Dra eventuellt också ner opaciteten något – både på Lager 2 och på Lager 3.

Ramlinje med övertoning

Aktivera det färgade Lager 1 och lägg till en ramlinje från menyn Lager/Lagerstil/Ramlinje. Jag använde följande inställning till min. Välj Fyllningstyp Övertoning och klicka sen på färgfältet vid Övertoning för att ställa in de färger du vill ha. Jag tog en ljus och en mörk i samma nyans som bakgrunden.

toning5

Slutfinish

Lägg eventuellt till text eller symboler på egna lager och ställ in ett passande blandningsläge i lagerpaletten. Klart!

toning61

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *