Webbplatshuvud i Photoshop

• April 26, 2024

I den här handledningen kommer vi att bygga en webbplatsrubrik i Photoshop^R som vi kommer att animera i Flash^R Katalysator^TM. Animeringen börjar med en tom bakgrund och designelementen glider in för att "bygga" rubriken framför våra ögon. Animeringen kommer att programmeras för att börja "på last" och kommer att pågå bara några sekunder. Den här webbplatshuvudet är avsedd för en faktisk gratulationskortverksamhet.

Vårt första steg är att bygga rubriken i Photoshop. Vi kommer att sätta varje designelement på sitt eget lager som förberedelse för att arbeta med dem i Flash Catalyst. Som ni ser kommer vi att ha 6 designelement.

1. Bakgrund
2. Nedre stapel över sidhuvudets bredd
3. Företagsnamn
4. Födelsedagskort
5. Pumpa Notecard
6. Julkort

1. Låt oss starta ett nytt projekt i Photoshop. Ställ in bredden på 1000 pixlar, höjden till 225 pixlar och bakgrunden på transparent. Den här storleken passar bra på toppen av vår webbsida.
   
   
2. Det enda elementet som kommer att synas i början av animeringen är den vita bakgrunden. Fyll på det första lagret i bilden med bakgrundsfärgen du väljer. Byt namn på detta lager till "Bakgrund" på panelen Lager.
   
   
3. För att skapa den skuggade kanten använde jag Inner Shadow Layer Style. Dubbelklicka på bakgrundsskiktet och markera rutan bredvid Inner Shadow. Ställ in avstånd och choke till 0 och storlek på 49.
   
   
4. Därefter lägger vi till den tunna kanten runt bilden med Stroke Layer Style. Jag har ställt in färgen till en brun (# 6e674f), storleken till 2 och positionen till insidan.
   
   Nästa kommer vi att lägga till korten. Jag har minskat storleken på mina gratulationskort till 230 x 175 pixlar. Detta kommer att hålla dem i proportion till rubrikens storlek.
   
   
5. Låt oss kopiera / klistra in Pumpkin-kortet i vår rubrik. Namnge det nya lagret "Pumpa". Klicka på Edit - Free Transform för att rotera kortet något åt ​​höger. Klicka på Pumpkin-lagret och applicera Drop Shadow Layer Style med standardinställningarna.
   
   
6. Upprepa det sista steget för både födelsedag och julkort.
   
   Därefter lägger vi till fältet längst ner i rubriken. Vi stänger våra kort bakom den här fältet för att emulera kort på en hylla.
   
   
7. Lägg till ett nytt lager i panelen Lager och namnge det "Bar".
   
   
8. Med det rektangulära markeringsverktyget väljer du det nedre området av huvudet, precis inuti den bruna kanten. Välj en färg för din stapel och fyll i markeringen med den här färgen.
   
   
9. Dubbelklicka på lagret och lägg till slaglagerstilen som du gjorde i bakgrundsskiktet.
   
   
10. Klicka på verktyget Horisontaltyp och välj ett teckensnitt för ditt företags namn. Jag har använt samma bruna färg som kantfärgen. Skriv in företagsnamnet på vänster sida av rubriken.
    
    
11. Detta steg är valfritt. Vi kommer att rastrera texten. Högerklicka på textlagret och välj Rasterize Type från menyn.
    
    
12. Spara ditt projekt i Photoshop .psd-format.
    
    

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: Photoshop Surreal Manipulation | Create Open Head (April 2024).