Täna õpetame selles videoõpetuses teile projekti koostamist ja ettevalmistamist bänneri loomiseks programmi Adobe Photoshop abil, järgmise videoõpetuse jaoks, kus õpetatakse, kuidas natuke anda animatsioon, samuti eksportige see kasutusvalmis.
Alustan sellest, et ütlen teile, kes on fotol olev mees, et ta pole lihtsalt ükski anonüümne mees, kes on valitud ühestki pildipangast, no sir, see on Suur Miltoni klaasija, logo looja Ma armastan New Yorki kui palju on meie ühiskonda viimase sajandi jooksul mõjutanud või Bob Dylani kajastust.
Kui ajalooline märkus kõrvale jätta, alustame seda videoõpetust: Kuidas hõlpsasti liikuvat bännerit Photoshopis teha, minu esimene videoõpetus, mis loodetavasti teile meeldib ja mis on teile väga kasulik. Alustame.
I) Teeme visandi meie koosseisuga ja hakkasime looma ja otsima bänneri erinevaid elemente.
II) Otsime ja laadime alla foto vanast heast Milton Glaserist, tegelasest, kelle olen otsustanud meie bänneril näidata.
III) Avame Adobe Photoshopi ja loome uue dokumendi. Valime erinevate eelseadete vahel mida Photoshop annab meile veebivormingus kasutamiseks. Kõigist neist valime lõuendi 800 × 600, mis on ribareklaami jaoks sobiv suurus.
IV) Avame JPG-faili, mis sisaldab hea Milton Glaseri fotot, ja valmistume foto retušeerimiseks.
V) Valime valikutööriistade hulgast ühe aasadest Magnetiline aas sel juhul. Esitame vana hea Miltoni.
VI) Kui see on välja toodud, läheme marsruudile Servade valimine-täpsustamine. Selle tööriista abil kujundame pildi servad hästi välja.
VII) Kui oleme Miltoni serva tööriista abil täielikult oma maitse järgi jätnud Täpsustage serva, vajutame CNTRL + J ja valiku abil toodetakse uus kiht.
VIII) Elimineerime taustakihi ja seega on meil Milton a-l läbipaistev taust mida saame oma bänneris kasutada.
IX) Selle salvestamiseks kasutame tööriista Salvesta veebiks. Selle tööriista dialoogiboksis leiame võimaluse eksportida faili erinevat tüüpi failides, näiteks GIF, JPG või PNG. Selles failis ekspordime selle, et hoida seda läbipaistval taustal. Me salvestame ja nimetame. Sulgeme ja salvestame PSD-sse, et juhtuda.
X) Naaseme oma veebiprojekti juurde, bänneri juurde. Muudame taustakihi värvi mustaks. Selleks kasutame tööriista Paint Bucket, muutes esivärvi mustaks ja klõpsates otse taustakihil.
XI) Alustame Milton Glaseri foto importimisega oma tööruumi või lõuendile. Selleks kasutame Koha tööriist, leitud faili suvandist.
XII) Alumisse nurka panime vana hea Glaseri paremal ekraanil.
XIII) Loome koomiksitest kõnemulli. Me paneme selle nii, et tundub, et Glaser räägib.
XIV) Loome kolm lauset Teksti tööriist, mis annavad ribareklaami teabe. Üks neist läheb võileiva sisse.
XV) Iga lause peab minema erinevale tekstikihile.
XVI) Ja nii on meil kõik alustamiseks valmis anna animatsiooni meie lipukirjale.
Järgmises videoõpetuses õpetan teile, kuidas meie bännerile animatsiooni anda. Ära igatse seda.