Tvorba grafiky - díl 2.

07.07.2007 21:49

    Uplynuly cca 2 týdny a je tu další článek o grafice. Dnes si ukážeme jak vytvořit hlavní logowebové stránky, které bývá nejčastěji vycentrováno v horní části stránky. Vytvoříme si např: logo s tematikou nějakých akčních her. Obrázek budeme vytvářet v programu Adobe Photoshop CS2. Zkušební verzi Adobe Photoshop CS2 jste si mohli stáhnout pomocí odkazu, který jsem publikoval v předchozím článku. Pokud má někdo starší verze např: CS1, neboPhotoshop 7 CE, tak to vadit nebude, protože tyto verze jsou hodně podobné.

Co budeme potřebovat:

1) Software – Adobe Photoshop CS2
2) Obrázky z nějakých akčních her - postavu ( www.google.cz >> vyhledat v obrázcích )

Nový projekt

    Než otevřeme nový projekt tak v panelu nástrojů nastavíme barvu pozadí černou a barvu popředí bílou. Provedeme to tak, že dole v panelech nástrojů jsou dva čtverce přes sebe.Spodní čtverec nastavuje barvu pozadí a horní čtverec zase barvu popředí. Až máme nastaveno přejdeme na nový projekt.

Otevřeme nový projekt:

File ->> new ->> a nastavíme následující hodnoty:

1) Width - 600 pixels (šířka)
2) Height - 170 pixels (výška)
3) Resolution - 72 (DPI - počet pixelů na palec)
Background contens: Background color (na plátno se nastaví barva pozadí, kterou jsme si předtím určili) Klikneme na OK.

Upravíme trochu pozadí

    Klikneme na Filter ->> Render ->> Clouds (postup opakujeme než se nám to bude líbit)
Následuje kombinace kláves CTRL + B (color balance).Color levels nastavíme na: 
+56, 0, -65 klikneme na OK. Nyní máme v okně vrstvy vrstvu background, kterou zatím tvoříme, tuto vrstvu duplikujeme tak, že na ní klikneme pravým tl. myši a vyberemeduplicate layer, poté máme novou vrstvu (je to ta horní) horní novou vrstvu nastavíme naoverlay, toto nastavení najdeme hned nad vrstvou v okně. Nyní vrstvy sloučíme – označíme horní vrstvu a dáme CTRL + E. A zase máme v klidu jednu vrstvu akorát s efektem.

Otevřeme obrázek:

    Otevřeme si stažený obrázek např: s nějakou postavou. File ->> Open.
Vybereme nástroj laso z panelu nástrojů. Nachází se vlevo nahoře – druhé od shora – déle podržíme tlačítko s lasem a vybereme prostřední nástroj lasa – Polygonal lasso tool. Dále nastavíme prolnutí okrajů: Faether – hodnota 7 – nalezneme v horní části obrazovky. Teď najedeme na naši postavu – důkladně lasem oklikáme, až nám začnou okraje kontrastovat, najedeme kursorem doprostřed vybraného objektu a zmáčkneme kombinaci kláves: CTRL + C. Nyní si vybereme nástroj pro práci s objektem – je to ta šipka nahoře vpravo v panelech nástrojů. Vybereme si zase náš projekt s logem a tam kombinací kláves CTRL + V vložíme naši postavu – pomocí nástroje, který jsem si před chvílí vybrali můžeme náš objektposunovat – posuneme cca doprostřed loga. Pokud budete mít problém s velikostí postavy až po vložení, můžete použit transformaci CTRL + T a pomocí kombinace Shift + myšobrázek zmenšit v poměru os X a Y. Vytvořila se nám další vrstva – postava .

3 vrstvy:

    Tuto novou vrstvu opět duplikujeme a zase nastavujeme na overlay. Původní vrstvu s postavou ještě jednou duplikujeme. Nyní máme 3 vrstvy s postavou. Spodní vrstvu takto upravíme:
Vrstvu označíme a najedeme na – Filter ->> Blur ->> Motion Blur
A zde nastavíme:
Angele 45°, Distance 166 pixels, klikneme na OK.

    Nyní označíme horní vrstvu a všechny vrstvy sjednotíme pomocí: CTRL + SHIFT + E. Máme jen 1 vrstvu, kterou duplikujeme. Transformujeme pomocí CTRL + T a roztáhneme doleva i doprava - ven z okna aby byla postava větší. Tuto vrstvu dáme zase na overlay, dále jí nastavíme Opacity 50%, Fill: 50%. 

Nyní zbývá přidat nějaký text:

    V nástrojích vybereme text, tlačítko: T, napíšeme text, vybereme nástroj vpravo nahoře proposun objektu, text posuneme doprava, nebo doleva jak se vám to líbí. Máme vytvořenouvrstvu s textem – klikneme na ni pravým tl. myši a dáme Blending options a nastavíme takto: Zatrhnout – Drop Shadow, Stroke – zde když označíme, tak nastavíme Size = 1 a barvu černou. Dáme OK a je hotovo.

Uložení obrázku:

File ->> Save As:
1) vybereme JPG – pro obrázek
2) nebo PSD - pro projekt.

    Doufám, že se tutoriál líbil a že se Vám povedlo něco stvořit. Obrázek není sice nic moc, ale pro začátek si myslím, že by nebylo dobré volit obtížnější loga. Na příště zase něco vymslím, budeme tvořit zase něco pro web, nebo např: podpisový obrázek do fóra.