Veebisaidi loomisel on lehekujunduse renderdamise etapp väga oluline, mis hiljem trükitakse ja avaldatakse võrgus. Sellest artiklist saate teada, kuidas Adobe Photoshopi abil veebisaidile pädevat kujundust joonistada, mille põhjal saate hiljem moodustada keerukamaid paigutusi.
See on vajalik
Adobe Photoshopi programm
Juhised
Samm 1
Looge Photoshopis uus fail (Ctrl + N) mõõtmetega 1040x1400, kus kõrgus on 1400. Lülitage joonlaudade kuvamine sisse (Ctrl + R) ja määrake joonlaua seadetes pikslid mõõtühikuteks.
2. samm
Alustage juhikute venitamist nii, et need sobiksid paigutuskastide piiridega. Venitage külgpiire nii, et servadesse jääks 40 pikslit. Ülemine ja alumine piir peaks samuti jätma 40 pikslit mõlemale küljele tausta piirini.
3. samm
Seejärel valige ülemise päise jaoks tausta juhendist 200 pikslit väiksem juhend.
4. samm
Külgribade moodustamiseks paigutusest vasakule ja paremale määrake juhikud taustapiirilt vasakule 240 pikslit ja paremale 800 pikslit.
5. samm
5px vasakult ja paremalt külgribalt sissepoole ja tõmmake veel kaks vertikaalset juhikut. Seejärel lohistage veel kaks juhikut 245 pikslit vasakule ja 795 pikslit paremale.
6. samm
Nüüd mõõda päise piirist 30 pikslit ja joonista horisontaalse menüü jaoks horisontaalne juhend.
7. samm
Valige horisontaalmenüü kitsas ala, mille märkisite ristkülikukujulise valikuga, kasutades klahvi M. Valige täitmisriist ja täitke ala neutraalse helehalli värviga.
8. samm
Valige täitmisriist ja täitke ala neutraalse helehalli värviga. Klõpsake menüüd "Vali-muuda-tihenda", määrake 1-piksline valik ja klõpsake nuppu "OK". Täitke ala heledama halli varjundiga - teil on menüüraam.
9. samm
Looge uus kiht, valige saidi ikooni või logo jaoks sobiv pilt ja seejärel avage see.
10. samm
Sisestage pilt uuele kihile päises, asetades selle vasakule servale. Kujutisest paremale kirjutage saidi teksti pealkiri mis tahes fondiga.
11. samm
Kujundage oma veebisaidi plokid samas värvilahenduses kui vastloodud päis. Valige vasaku külgriba ala ja tehke sellel samad kahevärvilised täitmistoimingud nagu menüüploki puhul.
12. samm
Tehke sama ka keskmise laiusega sisuplokiga. Kopeerige vasak külgriba kiht ja asetage see paremale küljeribale.
13. samm
Lisage paigutusele tekst - valige neutraalne font ja täitke menüü pealkirjad, uudiste näited, fotod, sildid ja lingid.
14. samm
Lõpeta paigutus, luues jaluse või jaluse - kirjutage sinna oma autoriõigused ja kontaktid.
