Ako vytvoriť domovskú stránku v programe Photoshop CS3

Hoci to zahŕňa niekoľko krokov a základná znalosť nástrojov Photoshopu , vytvárať domovskú stránku v aplikácii Photoshop môže byť vykonané , ak máte nejaké znalosti s návrhom rozhrania . Photoshop je užitočné pre vytváranie graficky ťažké webových stránok , typicky používané na domovskej stránke , alebo to , čo je známe ako obrazovej mapy . Mapa obraz je súbor obrazov , ktoré možno nastaviť pre vytvorenie väzby , ktoré fungujú ako tlačidlá . Výhodou použitia obrazové mapy navrhnutý vo Photoshope je , že vaša domovská stránka bude vyzerať oveľa atraktívnejšie ako grafiku namiesto banda štandardné formátovaný text . Veci , ktoré budete potrebovať
Photoshop CS3
Obrázky ( na stránke ) logo ( na stránke )
Zobraziť ďalšie inštrukcie
Vytvorte si domovskú stránku v aplikácii Photoshop

1

Otvorte Photoshop . Kliknite na " Súbor " > " Nový" pre vytvorenie nového súboru . Pre veľkosť , vyberte " Web predvoľbu " a vyberte 640 x 480 alebo väčšiu .
2

Vyberte si svoje dizajnové farby a tému . Vyplňte vrstvu pozadia s voľbe farieb pomocou návrhové nástroje Photoshopu . Vyberte si farby pomocou nástroja Color Picker , a vyplňte svoje pozadia tým , že pôjdete do menu : Kliknite na " Edit " > " Vyplniť " > " na popredia /pozadia farbu . "
3

pridať text a písma voľby v podobe tlačidiel pomocou svojho farebného motívu . Vyberte typ nástroja , k dispozícii na paneli nástrojov, alebo vyberte v okne Typ ( " Okno " > " znak " ) , ak chcete zobraziť možnosti . Pomocou textového nástroja vytvoriť základné rozvrhnutie , kde by ste chceli vaše tlačidlá , odkazy a ďalší text , ktorý bude začlenený do vášho návrhu . Pre väčšie hĺbky obrazu a estetické vylepšenia , pridať textové efekty , ako sú vrhnuté tiene na vašich vrstvy štýlu . Prístup k typu účinky tým , že pôjdete do menu : " vrstvy " > " Štýl vrstvy " > " . Tieň "
4

začleniť svoje obrázky a logá na vašej domovskej stránke designu . Zafarbenie snímok , aby zodpovedali svoj ​​dizajn , a nastaviť režimy prelínanie , priehľadnosť vrstvy a umiestnenie obrázka , kým nebudete spokojní s rozhraním vášho domovskú stránku návrhu . Upravte farby tým , že pôjdete do menu " Image " > " Nastavenie " > " vyváženie farieb . " Môžete nastaviť priehľadnosť snímok pomocou prístupu Opacity funkcie , ktorý sa nachádza v hornej časti palety Vrstvy . Ponuka Blend Mode je tiež dostupný v palete Vrstvy .
5

Vykonajte ďalšie úpravy dizajnu vašej domovskej stránky pomocou nástrojov pre návrh Photoshopu .
6

Kliknite na " súbor " > " Uložiť ako " a uložte súbor na disk ako súbor PSD .
, aby váš domov stránky Design funkcie ako webové stránky
7

Slice súbor na disk rozbiť svoje vizuálne návrh do časti obrazovej mapy výberom funkcie Slice , nájdete v paneli nástrojov . Rozdeľte obrázok do siete s boxami , umiestnenie plátky ( v tvare štvorcov alebo obdĺžnikov ) cez tlačidlá , grafiky a ostatných častí vášho návrhu .
8

Vyberte nástroj pre výber rezu pre viac možností , nachádza sa v menu nástroje Slice . Podmenu sa zobrazí v hornej časti obrazovky s rôznymi možnosťami nastavenia na disk krájanie .
9

Odkaz obrázkov na iné stránky . Vyberte Slice nástroje pre výber . Kliknutím na malú ikonku v pravom , ktorý sa podobá textové pole dokumente sa otvorí okno , ktoré umožňuje nastaviť odkazy a adresy URL ( adresy webových stránok ) pre každý rez . To vám umožní vytvoriť hypertextové odkazy ( tlačidlá vedúce na iné webové stránky ) z obrázku .
10

začať exportovať na disk rezy a nastavenie obrazu odkaz . Kliknite na " Súbor " > " Uložiť pre web a zariadenia " sa otvorí okno Export . Double - skontrolujte nastavenie kliknutím na šípku podmenu na " Upraviť nastavenia výstupu , " a upravte podľa potreby .
11

Upravte nastavenie , zatiaľ čo ešte v dialógovom okne Uložiť . Vyberte priečinok , do ktorého chcete súbor na disk súbory máp ísť . Prejdite nadol na " Format " a vyberte " HTML a obrázky . " Kliknite na tlačidlo " Save " pre uloženie obrazu mapy . To bude exportovať súbor HTML ( používa sa pre zobrazovanie obrazové mapy na webe ) , k hlavným adresári adresár , rovnako ako automaticky vytvorí samostatnú zložku pre obrazy , kde sa rôzne grafiky ( určené nastavením rezu ) pôjde .

12

Ak chcete otestovať webovú stránku , otvoriť prehliadač , otvorte novú zložku a kliknite na súbor HTML .

• Predchádzajúca strana: Ako pridať GIF do aplikácie Photoshop 
• Ďalšia strana: Ako pridať iskru Diamond vo Photoshope