I dag i denne videoopplæringen lærer vi deg hvordan du kan komponere og forberede et prosjekt for å lage et banner med Adobe Photoshop-programmet, for neste videoopplæring for å lære deg hvordan du kan gi litt animasjon, samt eksportere den klar til bruk.
Jeg vil begynne med å fortelle deg hvem mannen på bildet er, at han ikke er en anonym mann valgt fra hvilken som helst bildebank, nei sir, dette er den store Milton glaser, skaperen av logoen til Jeg elsker New York hvor mye har påvirket samfunnet vårt i forrige århundre eller omslag på Bob Dylan.
Vel, bortsett fra det historiske notatet, la oss starte denne videoopplæringen: Hvordan lage et bevegelig banner i Photoshop enkelt, min første videoopplæring som jeg håper du liker og synes det er veldig nyttig. La oss starte.
I) Vi lager en skisse med vår komposisjon og vi begynte å lage og søke i de forskjellige elementene på banneret.
II) Vi ser etter og laster ned et bilde av den gode Milton Glaser, en karakter som jeg har valgt å ta på banneret vårt.
III) Vi åpner Adobe Photoshop og lager et nytt dokument. Vi velger mellom de forskjellige forhåndsinnstillingene som Photoshop gir oss å bruke i webformat. Av alle velger vi 800 × 600 lerret, som er en god størrelse for et banner.
IV) Vi åpner JPG-filen som inneholder bildet av gode Milton Glaser, og vi forbereder oss på å retusjere bildet.
V) Vi velger fra gruppen med valgverktøy, en av løkkene, den Magnetisk sløyfe i dette tilfellet. Vi skisserer gode gamle Milton.
VI) Når vi har skissert, går vi til ruten Valg-avgrense kanter. Vi skal bruke dette verktøyet for å gjøre kantene på bildet godt skissert.
VII) Når vi har forlatt Milton-kanten helt etter vår smak ved hjelp av verktøyet Avgrens kanten, trykker vi CNTRL + J og et nytt lag vil bli produsert med utvalget.
VIII) Vi eliminerer bakgrunnslaget og dermed vil vi ha Milton på en gjennomsiktig bakgrunn som vi kan bruke i vårt banner.
IX) For å lagre det skal vi bruke Save for web-verktøyet. Innenfor dialogboksen til dette verktøyet finner vi muligheten for å eksportere filen i forskjellige filtyper som GIF, JPG eller PNG. Vel, i denne filen skal vi eksportere den, for å holde den på en gjennomsiktig bakgrunn. Vi lagrer og navngir. Vi lukker og lagrer i PSD for hva som kan skje.
X) Vi går tilbake til webprosjektet vårt, til banneret. Vi endrer fargen på bakgrunnslaget til svart. For å gjøre dette bruker vi Paint Bucket-verktøyet, endrer frontfargen til svart og klikker direkte på bakgrunnslaget.
XI) Vi starter med å importere Milton Glaser-bildet til arbeidsområdet eller lerretet vårt. For dette bruker vi Plasser verktøy, finnes i filalternativet.
XII) Vi satte gode gamle Glaser nederst i hjørnet til høyre for skjermen.
XIII) Vi lager en snakkeboble fra tegneseriene. Vi plasserer den slik at det ser ut som Glaser snakker.
XIV) Vi lager 3 setninger med Tekstverktøy, som er de som vil gi banneren informasjon. En av dem vil gå inn i sandwichen.
XV) Hver av setningene må gå på et annet tekstlag.
XVI) Og så har vi alt klart til å begynne gi animasjon til banneret vårt.
I neste videoopplæring vil jeg lære deg hvordan du gir animasjon til banneret vårt. Ikke gå glipp av det.