Dnes v tomto videonávodu vás naučíme, jak sestavit a připravit projekt vytvořit banner pomocí programu Adobe Photoshop, pro další videonávod, který vás naučí, jak trochu dát animacea také jej exportovat připravený k použití.
Začnu tím, že vám řeknu, kdo je muž na fotografii, že to není jen tak nějaký anonymní muž vybraný z jakékoli banky obrázků, žádný pane, to je Veliký Milton glaser, tvůrce loga I Love New York jak moc ovlivnila naši společnost v minulém století nebo obálku Boba Dylana.
Ponecháme-li stranou historickou notu, začněme tento videonávod: Jak snadno vytvořit pohyblivý banner ve Photoshopu, můj první videotutoriál, který se vám, doufám, bude líbit a bude pro vás velmi užitečný. Nech nás začít.
I) Vytvoříme náčrt s naším složením a začali jsme vytvářet a prohledávat různé prvky banneru.
II) Hledáme a stahujeme fotografii starého dobrého Miltona Glasera, postavy, kterou jsem se rozhodl vzít na náš banner.
III) Otevřeme Adobe Photoshop a vytvoříme nový dokument. Vybíráme mezi různými předvolbami které nám Photoshop umožňuje používat ve webovém formátu. Ze všech z nich jsme vybrali plátno 800 × 600, což je dobrá velikost pro banner.
IV) Otevřeme soubor JPG, který obsahuje fotografii dobrého Miltona Glasera, a připravujeme se retušovat fotografii.
V) Vybíráme ze skupiny nástrojů pro výběr, jedné ze smyček, Magnetická smyčka v tomto případě. Načrtneme starého dobrého Miltona.
VI) Jakmile je uvedeno, jdeme na trasu Okraje pro výběr. Tento nástroj použijeme k tomu, aby byly okraje obrazu dobře obrysové.
VII) Jakmile jsme pomocí nástroje zcela opustili hranu Miltona podle našich představ Upřesněte Edge, stiskneme CNTRL + J a s výběrem bude vytvořena nová vrstva.
VIII) Eliminujeme vrstvu pozadí, a tak budeme mít Miltona na průhledné pozadí které můžeme použít v našem banneru.
IX) K jeho uložení použijeme nástroj Uložit pro web. V dialogovém okně tohoto nástroje najdeme možnost exportu souboru v různých typech souborů, jako je GIF, JPG nebo PNG. V tomto souboru jej exportujeme, abychom jej udrželi na průhledném pozadí. Uložíme a pojmenujeme. Zavřeme a uložíme na PSD, co se může stát.
X) Vracíme se k našemu webovému projektu, k banneru. Změníme barvu vrstvy pozadí na černou. K tomu použijeme nástroj Paint Bucket, který změní barvu přední strany na černou a klikne přímo na vrstvu pozadí.
XI) Začneme importem fotografie Miltona Glasera do našeho pracovního prostoru nebo na plátno. K tomu používáme Umístit nástroj, nalezen v možnosti souboru.
XII) Do spodního rohu jsme dali starý dobrý Glaser na pravé straně obrazovky.
XIII) Z komiksu vytváříme bublinu. Nastavili jsme to tak, aby to vypadalo, že mluví Glaser.
XIV) Vytvoříme 3 věty s Textový nástroj, které poskytnou bannerové informace. Jeden z nich půjde dovnitř sendviče.
XV) Každá z vět musí být na jiné textové vrstvě.
XVI) A tak máme vše připraveno začít dát animaci na náš banner.
V dalším videonávodu vás naučím, jak dát animaci našemu banneru. Nenechte si to ujít.