Oletko koonnut alkuperäisen asettelun graafisilla elementeillä ja haluatko tehdä asettelun? Ensinnäkin sinun on opittava viipaloimaan asettelu niin, että jokainen graafinen elementti on myöhemmin oikeassa paikassa sivun keskellä, ylä- tai alaosassa.
Ohjeet
Vaihe 1
Kun valitset tekniikoita asettelun leikkaamiseksi, muista, että jokainen taittosuunnittelija käyttää omia tapojaan leikata sitä työskennellessään PSD-asettelujen kanssa. Siksi valitse ensimmäisessä vaiheessa vain yksinkertaisimmat tekniikat, joihin kuuluu luoman asettelun leikkaaminen grafiikalla paloiksi, mikä on kätevää aloittelijoille. Ensinnäkin kuvittele ensin mielessäsi, mihin osiin aiot jakaa ulkoasun, mieti kaikki erilliset osat ja jatka vasta sitten itse prosessin tekniseen osaan. Muista, että PSD-asettelu on jaettu "paloiksi" sen monimutkaisuuden mukaan ja jakamalla se erillisiin elementteihin. Jokaisen graafisen elementin on lisäksi oltava riippumaton kaikista muista yksityiskohdista.
Vaihe 2
Kun päätät asettelun leikkaamisesta otsikolla, joka koostuu painikkeista, erillisestä taustakerroksesta ja tekstikerroksista, muista, että tässä tapauksessa koko otsikkoa ei voida leikata kuvana. Tällaisessa tilanteessa on parempi leikata kuviin erikseen kaikki tekstikerrokset, kukin painike sekä otsikon taustakerros. Toiseksi asettelun viipalointi olettaa, että taittosuunnittelija suorittaa toimet seuraavassa järjestyksessä. Jos teksti on vain osa koristetta, käytä sitä ennen HTML / CSS-asettelua.
Vaihe 3
Avaa ensin asettelu itse Photoshopissa niin, että kerrokset-paneeli ilmestyy oikealle, mikä katsotaan asettelun aloittamiseksi tarvittavaksi selkärangaksi. Jos kaikki kuvat ovat napsautettavia, avaa asettelusi täysresoluutioinen versio. Asettele seuraavaksi kaikki graafiset elementit siten, että ne näyttävät samalta kuin HTML-muodossa, joten tallenna kukin lausuttu graafinen elementti haluttuun muotoon: GIF,.
Vaihe 4
Valitse haluamasi graafinen elementti käyttämällä työkalua, kuten Suorakulmainen telttatyökalu, jonka avulla voit merkitä valitun alueen katkoviivalla. Tämän jälkeen rajaa loput asettelusta katkoviivaan saakka käyttämällä Kuva> Rajaa -valikkoa. Poista tarpeettomat taustakerrokset asettamalla liukuväritäyttö poistamalla taustakerrosten näkyvyys käytöstä. Leikkaa sitten valitun osan kulmat ja pidä sitten kaikki muut kerrokset läpinäkyvinä.
