Ako vytvoriť profesionálnu hlavičku webových stránok vo Photoshop

Photoshop CC 2014 je ideálny nástroj na navrhovanie profesionálnych obrázkov pre vaše webové stránky vrátane bannerov. Pri navrhovaní prvého bannera udržujte dizajn jednoduchý, aby grafika nepreťažovala príliš veľa vizuálnych informácií. Ak má vaša firma firemné farby a firemné písmo, určite ich môžete použiť vo svojom banneri.

Krok 1

Spustite Photoshop. Stlačte kláves Ctrl-N alebo v ponuke Súbor vyberte možnosť Nový. V dialógovom okne zadajte výšku a šírku banneru, napríklad šírku 900 pixelov a výšku 150 pixelov. Kliknite na tlačidlo „OK“

Krok 2

Ak je to potrebné, vyberte pre farbu pozadia plnú farbu pozadia. Na paneli s nástrojmi kliknite na ikonu „Farba popredia“ a vyberte farbu, potom kliknite na nástroj Obdĺžnik a presuňte ho cez celý banner. V tomto návode však namiesto použitia pevného pozadia prekrývame dva prechody.

Krok 3

V paneli s nástrojmi kliknite na nástroj „Prechod“. Na paneli Možnosti kliknite na ponuku Vyplniť a z dostupných predvolieb vyberte čiernobiely prechod. Kliknite kdekoľvek nad banner na plátne a potiahnite kurzor pod banner. Uvoľnením tlačidla myši použijete prechod.

Krok 4

V paneli s nástrojmi kliknite na nástroj Horizontálny text. Potiahnutím kurzora nad pruhom vytvoríte textové pole. Pomocou ponúk na paneli Možnosti zadajte písmo, veľkosť a farbu písma. Potiahnite textové pole tak, aby bolo centrované na ľavú stranu bannera.

Krok 5

Z ponuky Súbor vyberte možnosť „Otvoriť“ a v počítači vyberte ľubovoľný obrázok, ktorý chcete použiť pre svoj banner. , napríklad logo spoločnosti, obrázok seba samého alebo produkt, ktorý predávate. Po otvorení obrázka vyberte v ponuke Vrstva možnosť „Duplikovať“. Zmeňte cieľ na hlavičkový súbor, ktorý sa bude nazývať „Untitled-1“, pokiaľ ste ho už neuložili. Kliknutím na tlačidlo „OK“ pridáte obrázok do svojho pruhu ako novú vrstvu.

Krok 6

Z ponuky Úpravy vyberte položku Transformovať a potom kliknite na položku Zmeniť. Vo väčšine prípadov nebude celý obraz na úzkom pruhu viditeľný, ale jeho obrys je viditeľný po výbere možnosti Mierka. Potiahnutím ľubovoľného rohu obrysu obrázka zmeníte jeho veľkosť pre svoj banner. Ak chcete pomer strán uzamknúť, podržte pri ťahaní stlačený kláves Shift. Stlačte Enter." Presuňte obrázok tak, aby bol na pravej strane bannera.

Krok 7

Kliknutím na ikonu „Farba popredia“ na paneli nástrojov otvorte nástroj na výber farieb. Kliknite kdekoľvek na pravej strane transparentu, aby sa zhodovala s jeho farbou v nástroji na výber farieb, a potom kliknite na tlačidlo „OK“.

Krok 8

Z nástroja Toolbox vyberte „Nástroj obdĺžnik“. Kliknite na ponuku „Vyplniť“ a potom v hornej časti možností ponuky vyberte ikonu „Prechod“. Potiahnite kurzor nad pruhom priamo z ľavej strany obrázka až po ľavý okraj pruhu. Vytvorí obdĺžnik s prechodom pomocou farby, ktorá sa zhoduje s obrázkom.

Krok 9

Nájdite vrstvu „Obdĺžnik 1“ na paneli Vrstvy, čo je vrstva obsahujúca obdĺžnik s prechodom, ktorý ste práve pridali. , Potiahnite túto vrstvu nadol a urobte z nej tretiu vrstvu zhora - pod vrstvou 1 a vrstvou obsahujúcou váš text. Kliknite na ponuku Nepriehľadnosť v hornej časti panela Vrstvy a potiahnite posúvač tak, aby bol asi 50 percent. Vytvorenie polopriehľadného vrchného gradientu umožňuje jeho zlúčenie s prechodom pod ním, čím sa vytvorí bohaté pozadie.

Krok 10

Na paneli Vrstvy vyberte vrstvu obsahujúcu váš text. Kliknite na ponuku „Vrstva“, vyberte „Štýl vrstvy“ a potom kliknite na „Úkos a reliéf“. Uistite sa, že je ponuka Štýl nastavená na „Reliéf“ a posúvajte posúvač „Hĺbka“ doľava - okolo „225“ percent - aby ste do textu pridali iba trochu tohto efektu.

Krok 11

V okne Štýl vrstvy kliknite na možnosť „Satén“. Pre tento štýl použite režim prelínania „Násobiť“ a znížte krytie na približne „15“ percent. Toto kombinuje saténový štýl s reliéfnym štýlom. V prípade potreby upravte nastavenia a kliknite na tlačidlo „OK“.

Uložte obrázok ako banner optimalizovaný pre web výberom možnosti „Uložiť pre web“ v ponuke Súbor. Z ponuky Formát vyberte položku JPEG a použite kvalitu obrazu medzi 75 a 80 percentami. Vytvorí sa tak obrázok s malou veľkosťou súboru, ktorý sa rýchlo načíta pomocou ľubovoľného webového prehľadávača bez toho, aby došlo k zníženiu jeho kvality. Kliknite na tlačidlo „Uložiť“ a vyberte umiestnenie na uloženie súboru do počítača. Po ukončení aplikácie Photoshop pridajte súbor na svoju webovú stránku.

• Predchádzajúca strana: Ako fungujú elektrické ventilátory?
• Ďalšia strana: Ako vidieť, aké súbory DLL používajú programy25