Nag-ipon ka ba ng isang orihinal na layout na may mga graphic element at nais mong gumawa ng isang layout? Una, kailangan mong malaman kung paano hiwain ang layout upang ang bawat isa sa mga elemento ng grapiko ay magkakasunod sa tamang lugar sa gitna, itaas o ibaba ng pahina.
Panuto
Hakbang 1
Kapag pumipili ng mga diskarte sa kung paano i-cut ang isang layout, tandaan na ang bawat taga-disenyo ng layout ay gumagamit ng kanyang sariling mga pamamaraan ng paggupit nito kapag nagtatrabaho sa mga layout ng PSD. Samakatuwid, sa unang yugto, piliin lamang ang pinakasimpleng mga diskarte, na kinabibilangan ng paggupit ng nilikha na layout na may mga graphic sa mga piraso, na kung saan ay maginhawa para sa mga nagsisimula. Una, isipin muna sa iyong isip kung anong mga bahagi ang iyong hahatiin ang iyong layout, isipin ang bawat magkakahiwalay na bahagi nito, at pagkatapos ay magpatuloy sa teknikal na bahagi ng proseso mismo. Tandaan na ang layout ng PSD ay nahahati sa "mga chunks" depende sa pagiging kumplikado nito, na hinahati ito sa magkakahiwalay na mga elemento. Bukod dito, ang bawat elemento ng graphic ay dapat na malaya sa lahat ng iba pang mga detalye.
Hakbang 2
Kapag nagpapasya kung paano i-cut ang isang layout na may isang header na binubuo ng mga pindutan, isang hiwalay na layer ng background at mga layer ng teksto, tandaan na sa kasong ito ang buong header ay hindi maaaring i-cut bilang isang larawan. Sa ganitong sitwasyon, mas mahusay na i-cut sa mga larawan nang hiwalay ang lahat ng mga layer ng teksto, bawat pindutan, pati na rin ang background layer ng header. Pangalawa, ang pagpipiraso ng isang layout ay ipinapalagay na ang taga-disenyo ng layout ay nagsasagawa ng mga aksyon sa sumusunod na pagkakasunud-sunod. Kung ang teksto ay bahagi lamang ng dekorasyon, gamitin ito bago ang layout ng HTML / CSS.
Hakbang 3
Una, buksan ang layout mismo sa Photoshop upang ang mga layer layer ay lilitaw sa kanan, na isinasaalang-alang bilang backbone na kinakailangan upang simulan ang layout. Sa kaso kung ang lahat ng mga imahe ay mai-click, buksan ang buong bersyon ng resolusyon ng iyong layout. Susunod, i-layout ang lahat ng mga elemento ng grapiko upang magkapareho ang hitsura ng mga ito sa format na HTML, kaya i-save ang bawat binibigkas na elemento ng graphic sa nais na format: GIF, JPG, o PNG. Susunod, iwanan lamang ang elemento na iyong i-cut, at i-off lang ang lahat ng iba pang mga layer, at ilipat ang nais na layer sa isang bagong dokumento na nilikha sa Photoshop nang maaga.
Hakbang 4
Upang mapili ang kinakailangang elemento ng grapiko, gumamit ng naturang tool tulad ng Rectangular Marquee Tool, na nagbibigay-daan sa iyo upang markahan ang napiling lugar na may isang tuldok na linya. Pagkatapos nito, i-crop ang natitirang layout hanggang sa may tuldok na elemento gamit ang Imahe> I-crop ang menu. Upang mapupuksa ang mga hindi kinakailangang mga layer ng background, maglagay ng gradient fill, patayin ang kakayahang makita ng mga layer ng background. Susunod, gupitin ang mga sulok ng napiling bahagi, at pagkatapos ay panatilihing transparent ang lahat ng iba pang mga layer.
