Video-tutorial: Hur man enkelt gör en rörlig banner i Photoshop

tutorial - Hur man gör-en-motion-banner-i-photoshop-enkelt

Idag i denna videohandledning lär vi dig hur du skapar och förbereder ett projekt för att skapa en banner med Adobe Photoshop-programmet, för nästa video-tutorial för att lära dig hur man ger lite animering, samt exportera den färdig för användning.

Jag börjar med att berätta vem mannen på bilden är, att han inte bara är någon anonym man vald från någon bildbank, nej herre, det här är den stora Milton Glaser, skapare av logotypen för Jag älskar New York hur mycket har påverkat vårt samhälle under det senaste århundradet eller omslaget till Bob Dylan.

Nåväl, bortsett från den historiska anteckningen, låt oss börja den här videotutorialen: Hur man enkelt gör en rörlig banner i Photoshop, min första videohandledning som jag hoppas att du gillar och tycker att den är mycket användbar. Låt oss börja.

I) Vi gör en skiss med vår komposition och vi började skapa och söka i de olika elementen på bannern.

II) Vi letar efter och laddar ner ett foto av gamla Milton Glaser, en karaktär som jag har valt att visa på vår banner.

III) Vi öppnar Adobe Photoshop och skapar ett nytt dokument. Vi väljer mellan de olika förinställningarna som Photoshop ger oss att använda i webbformat. Av dem alla väljer vi 800 × 600 duk, vilket är en bra storlek för en banner.

IV) Vi öppnar JPG-filen som innehåller bilden av den goda Milton Glaser och vi förbereder oss för att retuschera fotot.

V) Vi väljer från gruppen urvalsverktyg, en av looparna, den Magnetisk slinga I detta fall. Vi skisserar gamla Milton.

VI) När vi väl beskrivit går vi till rutten Val-förfina kanter. Vi kommer att använda detta verktyg för att göra kanterna på bilden väl beskrivna.

VII) När vi har lämnat Milton-kanten helt efter eget tycke med hjälp av verktyget Förfina kanten, vi trycker CNTRL + J och ett nytt lager kommer att produceras med urvalet.

VIII) Vi eliminerar bakgrundsskiktet och därmed kommer vi att ha Milton på en transparent bakgrund som vi kan använda i vår banner.

IX) För att spara det ska vi använda verktyget Spara för webb. I dialogrutan för detta verktyg hittar vi möjligheten att exportera filen i olika filtyper som GIF, JPG eller PNG. Tja, i den här filen kommer vi att exportera den, för att hålla den på en transparent bakgrund. Vi sparar och namnge. Vi stänger och sparar i PSD för vad som kan hända.

X) Vi återvänder till vårt webbprojekt, till bannern. Vi ändrar bakgrundsskiktets färg till svart. För att göra detta använder vi verktyget Paint Bucket, byter framfärg till svart och klickar direkt på bakgrundslager.

XI) Vi börjar med att importera Milton Glaser-fotot till vår arbetsyta eller duk. För detta använder vi Placera verktyget, finns i filalternativet.

XII) Vi lägger gamla gamla Glaser i nedre hörnet till höger om skärmen.

XIII) Vi skapar en pratbubbla från serierna. Vi ställer in det för att se ut som om Glaser talar.

XIV) Vi skapar tre meningar med Textverktyg, vilka är de som ger bannern information. En av dem kommer in i smörgåsen.

XV) Var och en av meningarna måste gå i olika textlager.

XVI) Och så har vi allt redo att börja ge animering till vår banner.

I nästa videohandledning lär jag dig hur du ger animering till vår banner. Missa det inte.


Innehållet i artikeln följer våra principer om redaktionell etik. Klicka på för att rapportera ett fel här.

Bli först att kommentera

Lämna din kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.