Vytvorenie webovej stránky vo Photoshope

Existuje mnoho spôsobov , ako vytvoriť webové stránky s webovými aplikáciami , ako je Deamweaver alebo Frontpage , alebo dokonca ručne kódované HTML . Avšak, ak si prajete , aby vaše webové stránky byť graficky príťažlivá , vytvorte rozvrhnutie vo Photoshope . to bude oveľa jednoduchšie upraviť neskôr rovnako . Budete musieť navrhnúť logo , záhlavie , ikony , tlačidlá , obrázky /fotografie , reklamy ( v prípade potreby ) , farby , písma a textúru . Uistite sa mock - up dopredu , pred vykonaním HTML . Ak už máte nápady pre váš web zloženie , načrtnúť ju na kus papiera . Návod
Navrhnite grafické webové stránky s Photoshopom
1

Prejsť na Súbor > Nový . Šírka vstupu : 800 pixelov , výška 600 pixelov . Nastavte rozlíšenie 72 pixelov /palec , RGB farieb 8bit . Obsah sady na pozadí na priehľadné . Kliknite na tlačidlo OK .
2

Vytvorte hlavičky a navigačné dizajn . Zahrnúť logo , banner reklamné plochy , niektoré grafiky a navigačných tlačidiel . Skontrolujte výšku záhlavia 150 pixelov , a 30 pixelov pre tlačidlá . Umiestnite logo a banner grafiky vo zostávajúce oblasti . Pridať zástupné symboly pre text .
3

Vyberte si obrázok loga z Aj sklade . Prejdite na odkaz vzorku , ktorý má vodoznak na obrázku . Pravým - kliknite na obrázok a vyberte možnosť Kopírovať obrázok . Vyberte okno Photoshop a súbor , na ktorom pracujete . Vložiť obrázok do novej vrstvy . Prejsť na Úpravy > Transformovať > Zmeniť veľkosť . Podržte kláves Shift udržiavať podiel , a veľkosť obrazu . Vyberte časť , ktorú chcete s Nástroj Obdĺžnikový výber , stlačte tlačidlo ovládania ( príkaz v Mac ) + SHIFT a aj kľúče k obráteniu výber . Stlačte tlačidlo ovládania ( príkaz v Mac ) + d odznačiť . Potom stlačte kláves Delete odstrániť zvyšok obrazu .
4

Vytvorenie tlačidiel pre webové navigácie . Vyberte typ nástroja vo Photoshope . Pretiahnite textové pole na obrazovke a zadajte názov tlačidla , ako je napríklad domáca alebo nás kontaktujte .
5

Navrhnite usporiadanie obsahu v telesnej oblasti . Ak vaše webové stránky má veľa odkazov , využívajú ľavý stĺpec pre ďalšie odkazy . Vyberte typ nástroja . Kliknite a pretiahnite textové pole na plátne . Umiestnite základný text v hlavnej obsahovej časti plátna . Pridať nejaké fiktívne text z Loren Ipsum ako miesto majiteľa . Tie nahradia tento text na neskoršiu dobu , kedy ste pripravení napísať svoj ​​webový obsah .
6

Pridať obsah pätu pod hlavný obsah . Tie budú obsahovať logo vašej firmy , autorské práva textu a duplikát odkazov v hlavičke .
7

Umiestnite najnovšie správy , oznámenia , Tlačová správa Zhrnutie a propagačné alebo reklamy v pravom stĺpci z rozvrhnutie webovej stránky .
8

Vytvoriť násobné čiaru na 600 pixelov na výšku .
9

Optimalizácia snímok , ktoré chcete publikovať na vašich webových stránkach . Plátok obrázky s nástrojom rez .
10

Kliknite na ponuku Súbor . Kliknite na Uložiť pre Web . Posuňte kvalitné posuvníka upraviť kvalitu obrazu a veľkosť súboru . Kliknite na tlačidlo Uložiť .
11

Dvakrát kliknite na súbor HTML ( Photoshop vytvorí súbor zložky obrázky a HTML v rovnakom adresári . ) Skontrolujte , či rozloženie webovej stránky vo svojom internetovom prehliadači . Mali by ste mať dokončenú webové stránky vo Photoshope na obrazovke .

• Predchádzajúca strana: Ako vypočítať rozlíšenie obrázku vo Photoshope 6 
• Ďalšia strana: Ako Blend dva obrazy dohromady vo Photoshope