Dnes v tomto videonávode vás naučíme, ako zostaviť a pripraviť projekt vytvoriť banner s programom Adobe Photoshop, pre ďalší videonávod, ktorý vás naučí, ako dať trochu animácie, ako aj exportovať pripravený na použitie.
Začnem tým, že vám poviem, kto je muž na fotografii, že to nie je len tak hocijaký anonymný muž vybraný z ktorejkoľvek banky s obrázkami, nie pane, toto je Veľký Miltonov glaser, tvorca loga spoločnosti I Love New York koľko ovplyvnilo našu spoločnosť v minulom storočí alebo obálku Boba Dylana.
Ak teda odmlčíme historickú poznámku, začnime tento videonávod: Ako ľahko vytvoriť pohyblivý banner vo Photoshope, môj prvý videonávod, ktorý sa vám, dúfam, páči a považuje za veľmi užitočný. Začnime.
I) Robíme náčrt s našim zložením a začali sme vytvárať a prehľadávať rôzne prvky bannera.
II) Hľadáme a sťahujeme fotografiu starého dobrého Miltona Glasera, postavy, ktorú som sa rozhodol vziať na náš banner.
III) Otvoríme program Adobe Photoshop a vytvoríme nový dokument. Vyberáme medzi rôznymi predvoľbami ktorý nám Photoshop umožňuje používať vo webovom formáte. Spomedzi všetkých vyberáme plátno 800 × 600, čo je dobrá veľkosť pre banner.
IV) Otvoríme súbor JPG, ktorý obsahuje fotografiu dobrého Miltona Glasera, a pripravujeme sa na retušovanie fotografie.
V) Vyberáme zo skupiny nástrojov na výber, jednej zo slučiek, Magnetická slučka v tomto prípade. Naznačujeme starý dobrý Milton.
VI) Po naznačení ideme na trasu Hrany výberu. Tento nástroj použijeme na to, aby boli okraje obrázka dobre načrtnuté.
VII) Akonáhle sme pomocou nástroja úplne opustili hranu Miltona podľa našich predstáv Upresniť hranu, stlačíme CNTRL + J a s výberom sa vytvorí nová vrstva.
VIII) Eliminujeme vrstvu pozadia, a teda budeme mať Miltona na a priehľadné pozadie ktoré môžeme použiť v našom banneri.
IX) Na jeho uloženie použijeme nástroj Uložiť pre web. V dialógovom okne tohto nástroja nájdeme možnosť exportu súboru v rôznych typoch súborov, napríklad GIF, JPG alebo PNG. V tomto súbore ho exportujeme, aby sme ho udržali na priehľadnom pozadí. Uložíme a pomenujeme. Zatvárame a ukladáme na PSD, čo sa môže stať.
X) Vraciame sa k nášmu webovému projektu, k banneru. Farbu podkladovej vrstvy zmeníme na čiernu. Použijeme na to nástroj Paint Bucket, ktorý zmení farbu prednej strany na čiernu a klikne priamo na vrstvu pozadia.
XI) Začneme importom fotografie Miltona Glasera do nášho pracovného priestoru alebo na plátno. Na tento účel používame Umiestniť nástroj, nájdete vo voľbe súboru.
XII) Do spodného rohu sme vložili starý dobrý Glaser na pravej strane obrazovky.
XIII) Z komiksu vytvárame bublinu. Nastavili sme to tak, aby to vyzeralo, že hovorí Glaser.
XIV) Vytvoríme 3 vety s Textový nástroj, ktoré poskytnú banneru informácie. Jeden z nich pôjde dovnútra sendviča.
XV) Každá z viet musí mať inú textovú vrstvu.
XVI) A tak máme všetko pripravené začať dať animáciu na náš banner.
V nasledujúcom videonávode vás naučím, ako dať animáciu nášmu banneru. Nezmeškaj to.