Ako si vyrobiť vlastné webové stránky pomocou Adobe Photoshop

Adobe Photoshop uľahčuje vytvoriť jedinečný dizajn pre webové stránky . Photoshop je výkonné grafické nástroje a efekty poskytujú užívateľom s rozsiahlou kontrolu nad rozvrhnutie , farby a obrázky . Namiesto toho , ako sa zamieňať s zložitého kódovania a ďalšie skripty , môžete naplánovať a vytvoriť kompletnú Web design vo Photoshope a potom ľahko exportovať na web prostredníctvom programu vo formáte HTML . Veci , ktoré budete potrebovať
počítačových logo alebo hlavného grafiky
Adobe Photoshop
HTML editora , ako je Adobe Dreamweaver
Zobraziť ďalšie inštrukcie Cestuj 1

používať Photoshop otvoriť na logo alebo obrázok , ktorý chcete použiť ako hlavný grafiku na webovej stránke .
2

Rozhodnite o farebnú schému pre vaše webové stránky , používať disk ako vodítko . Na paneli nástrojov vyberte nástroj kvapkadlo . Prineste kvapkadlo na jednej farby na vašom obrázku . Kliknite a nástroj bude mať vzorku farby , ktorú práve vybrali . Budete mať možnosť vidieť konkrétne informácie , ako je číslo RGB , farby na paneli " Color " . Vezmite na vedomie , že určitý počet RGB každej farby , ktoré vám ochutnať . Pokračovať pomocou nástroja kvapkadlo ochutnať rôzne farby na vašom obrázku . Potom, čo ste ochutnali niekoľko farieb , vyberte aspoň tri farby , ktoré by ste chceli použiť ako schéma sfarbenie pre vaše webové stránky . Farby by mali kontrastovať sa navzájom a musia byť ľahké , stredné a tmavé .
3

Choď na " Súbor " v hlavnej navigačnej ponuke Photoshopu . Zvoľte " New ... " a vytvoriť nový dokument o šírke 600 pixelov a výšku 300 pixelov . To bude hlavný banner a navigačné hlavičky pre vaše webové stránky .
4

Rozhodnite o písmo na vašej stránke . Zamyslite sa nad myšlienkou , ktorú chcete oznámiť . Prejsť na paneli nástrojov a kliknite na tlačidlo " Text " . Ťahaním myši vytvorte obdĺžnik na vašom novom dokumente . Zadajte text Vašej webovej hlavičky. Zvýraznite text , ktorý ste práve napísal a potom ísť do textových možností v hornej časti Photoshope . Vyskúšať si rôzne typy a veľkosti písma , a experimentovať s farbou textu a zarovnanie , kým nebudete spokojní . Presunúť text hlavičky na miesto , kde ho chcete mať na dokumente , použite " Move " nástroj v paneli nástrojov.
5

Vytvoriť zázemie pre váš nový banner pomocou jednej z farieb z vášho predom farebnú schému . Prejdite do okna Vrstvy a vyberte tlačidlo " vrstvu výplne alebo úprav " na spodnej časti . Kliknite na " Solid Color " a zadajte informácie o RGB ste vzal dole o farbu , ktorú chcete použiť . Vrstva bude teraz zahŕňať text , ktorý napísal v predchádzajúcom kroku . V paneli Vrstvy pretiahnite " Solid Color " vrstvu , ktorú ste práve vytvorili , takže je pod " Text " vrstvy . Farba by mala byť teraz v pozadí .
6

Uistite sa , že " Text " je súbor vybratý v paneli Vrstvy . Potom vyberte svoje logo alebo grafický súbor , takže to , že prichádza do popredia . Na paneli s nástrojmi kliknite na nástroj pre presun , ktorý by mal byť na samom vrchole . Pretiahnite logo obraz na vašom novom webové stránky dokumentu . Nová vrstva by mala byť okamžite vytvorený na dokument s vašim logom . S vybranými vaše logo vrstva , kliknite na tlačidlo " fx " na paneli Vrstvy . Kliknite na " Voľby prelínanie ... " a vyskúšať Photoshope rad miešanie nástroje , ktoré pomôžu vaše logo hladko odpovedať farbu pozadia .
7

Prejsť na " vrstvy " v hornej navigačné menu a zvoľte " New vrstvy . " Prejsť na paneli nástrojov a vyberte textový nástroj . Ťahajte myšou cez oblasť , kde by ste chceli vytvoriť navigačné odkazy na vaše webové stránky . Pridajte text pre vašu navigáciu pomocou menšia veľkosť písma , ktorú ste použili predtým k vytvoreniu hlavičku .
8

Choď na " Súbor " a kliknite na " Uložiť pre Web . " Na hornej rozbaľovacej ponuke vyberte aký formát chcete uložiť súbor ( . Jpg , . Png alebo . GIF ) . Photoshop bude šetriť a optimalizovať váš banner pre web .
9

Otvorte svoj ​​HTML editor a vytvoriť nový dokument HTML , ktorý má tabuľku s piatimi riadkoch a jednom stĺpci . Vložte banner na prvom riadku . Vytvorenie obrazovej mapy pre každú zo svojich navigačných slov a pridať odkaz cieľ . Zostávajúce štyri riadky môžu byť vyplnená s vašej webovej stránky textu.

• Predchádzajúca strana: Ako zmeniť farbu popredia v Adobe Photoshop 
• Ďalšia strana: Ako si vyrobiť komiksu vo Photoshope