Ako si vyrobiť jednoduchý Rozloženie webovej stránky v aplikácii Adobe Photoshop CS

Osobné webové stránky už nie sú nezvyčajné v World Wide Web . Ľudia sa vytvárať a spravovať svoje vlastné webové stránky na čokoľvek , obchod , záľuby , umelecké diela , atď skvelý nástroj používaný pre tvorbu vlastnej webovej stránky , je Adobe Photoshop . Užívatelia sú schopní vytvoriť obraz , ktorý môže byť použitý ako usporiadanie pozadie pre svoje webové stránky a ľahko previesť obraz z webovej stránky do plne funkčnej HTML stránku . Photoshop je nástroj výberu medzi webové dizajnérmi , a pomocou niekoľkých jednoduchých krokov , ktoré môžete naučiť , ako využiť niektoré mocné schopnosti navrhovať svoje vlastné webové stránky . Veci , ktoré budete potrebovať
počítačom
Adobe Photoshop ( verzia 7.0 alebo vyššia )
Zobraziť ďalšie inštrukcie Cestuj 1

Otvorte Adobe Photoshop a vytvoriť prázdny dokument s rozlíšenie minimálne 800 pixelov x 600 pixelov . Zadajte 72 pixelov /palec ako hodnotu pre uznesenie .
2

Vytvorte si svoj ​​web layout . Použite svoju fantáziu , alebo vziať inšpiráciu z webovej stránky , ktoré obdivujem . Začnite tým , že vyberiete farbu pozadia a vyplnenie vášho plátne pomocou nástroja plechovka farby ( klávesová skratka G ) . Vkladanie obrázkov a dizajn prispôsobiť svoje stránky s vlastný vzhľad .

Majte na pamäti , základné komponenty fungujúce webové stránky . Uistite sa , že sú priestory pre navigačnú lištu , hlavný priestor pre váš text , rovnako ako akési titulu banner na svoje webové stránky . Ak plánujete umiestniť widgety vložené na vašich stránkach , uistite sa , že ponechať priestor pre to rovnako .
3

Slice sa vaše webové stránky rozvrhnutie . Akonáhle ste dokončili navrhovaní svojej webovej stránky , musíte použiť nástroj Slice ( K ) , rozdeliť do zložky vašich stránok . Tento nástroj Slice sa rozdeliť stránku do pravouhlých častí , ktoré budú exportované ako samostatné obrazy , aby kus dohromady a vytvoriť si webové stránky . Kliknite a presuňte nástroj a načrtnúť hlavné priestory a tlačidiel , ktoré budú na vašich stránkach . Napríklad , chcete mať plátky pre každé tlačidlo , ktoré bude na vašom navigačnom paneli , takže keď sú obrazy exportované , môžete použiť toto tlačidlo ako odkaz na inú stránku vo vašom webe .
4

exportujte navrhnutý stránku z Photoshopu . Keď ste hotoví vytváranie rezov optimalizovať svoje webové stránky , ste pripravení exportovať obraz z Photoshopu pracovať na súbore v editore HTML . Exportujte svoje webové rozvrhnutie voľbou " Súbor " potom " Uložiť pre web a zariadenia ... " z horného menu . Zobrazí sa dialógové okno s otázkou na formát súboru , v ktorom by ste chceli exportovať na disk . Každý formát súboru bude robiť , a to je vec osobnej preferencie . Vybrať JPEG alebo BMP ako formát , hit " OK " a uložte súbor . Teraz ste exportovali web layout z Photoshopu ako . Html súbor s obrázkami , a sú pripravení na publikovanie na webových stránkach alebo pokračovať v vyladiť pomocou HTML editora .

• Predchádzajúca strana: Ako vytvoriť XP Skins pomocou Adobe Photoshop 
• Ďalšia strana: Photoshop 7.0 Scarface Fotografické efekty