Hlavička webových stránok vo Photoshope

• Smieť 6, 2024

V tomto návode vytvoríme hlavičku webových stránok vo Photoshope^R ktoré budeme animovať vo formáte Flash^R katalyzátor^TM, Animácia začína prázdnym pozadím a prvky dizajnu sa zasúvajú, aby „zostavili“ hlavičku pred našimi očami. Animácia bude naprogramovaná tak, aby začala „pri načítaní“ a bude trvať iba niekoľko sekúnd. Záhlavie tejto webovej stránky bude určené na podnikanie v oblasti vážnych pohľadníc.

Naším prvým krokom je vytvorenie záhlavia vo Photoshope. Každý konštrukčný prvok umiestnime na svoju vlastnú vrstvu, aby sme s ním mohli pracovať v aplikácii Flash Catalyst. Ako vidíte, budeme mať 6 dizajnových prvkov.

1. Pozadie
2. Spodná lišta po šírke hlavičky
3. Názov spoločnosti
4. Prianie k narodeninám
5. Pumpkin Notecard
6. vianočné prianie

1. Začnime nový projekt vo Photoshope. Nastavte šírku na 1 000 pixelov, výšku na 225 pixelov a pozadie na priehľadné. Táto veľkosť sa pekne zmestí do hornej časti našej webovej stránky.
   
   
2. Jediným prvkom, ktorý bude viditeľný na začiatku animácie, je biele pozadie. Vyplňte prvú vrstvu obrázka farbou pozadia podľa vášho výberu. Na paneli Vrstvy premenujte túto vrstvu na „Pozadie“.
   
   
3. Na vytvorenie tieňovanej hrany som použil štýl vnútornej vrstvy tieňov. Dvakrát kliknite na vrstvu Pozadie a začiarknite políčko vedľa položky Vnútorný tieň. Nastavte vzdialenosť a tlmivka na 0 a veľkosť na 49.
   
   
4. Ďalej pridáme tenké orámovanie okolo obrázka pomocou štýlu vrstvy ťahu. Nastavil som farbu na hnedú (# 6e674f), veľkosť na 2 a pozíciu na dno.
   
   Ďalej pridáme karty. Zmenšil som veľkosť svojich pohľadníc na 230 x 175 pixlov. To ich udrží v pomere k veľkosti hlavičky.
   
   
5. Skopírujte / vložte tekvičkovú kartu do našej hlavičky. Pomenujte novú vrstvu „tekvica“. Kliknutím na položku Upraviť - bezplatná transformácia kartu mierne otočíte doprava. Kliknite na vrstvu Tekvica a použite štýl tieňovej vrstvy tieňov, pri zachovaní predvolených nastavení.
   
   
6. Zopakujte posledný krok pre narodeninovú aj vianočnú kartu.
   
   Ďalej pridáme panel v dolnej časti hlavičky. Založíme karty za túto lištu, aby sme napodobnili karty na polici.
   
   
7. Pridajte novú vrstvu na panel Vrstvy a pomenujte ju „Bar“.
   
   
8. Pomocou nástroja Obdĺžnikové ohraničenie vyberte spodnú časť hlavičky, priamo vo vnútri hnedého okraja. Vyberte farbu svojej lišty a vyplňte výber touto farbou.
   
   
9. Dvakrát kliknite na vrstvu a pridajte štýl vrstvy ťahu rovnako ako do vrstvy na pozadí.
   
   
10. Kliknite na nástroj Horizontálny typ a vyberte písmo pre názov svojej firmy. Použil som rovnakú hnedú farbu ako okrajová farba. Zadajte obchodný názov na ľavej strane hlavičky.
    
    
11. Tento krok je voliteľný. Text budeme rastrovať. Pravým tlačidlom myši kliknite na textovú vrstvu a v ponuke vyberte položku Rastrovať typ.
    
    
12. Uložte svoj projekt vo formáte Photoshop .psd.
    
    

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst a Flash Paper je / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.

Video Návody: Ako pridať nový obrázkový banner do hlavičky stránky (Smieť 2024).