Ngayon sa video-tutorial na ito, tuturuan namin kayo kung paano sumulat at maghanda ng isang proyekto upang lumikha ng isang banner sa programa ng Adobe Photoshop, para sa susunod na video-tutorial na magtuturo sa iyo kung paano magbigay ng kaunti animation, pati na rin i-export ito handa na para magamit.
Magsisimula ako sa pamamagitan ng pagsasabi sa iyo kung sino ang lalaking nasa larawan, na hindi isang hindi nagpapakilalang lalaki na napili mula sa anumang image bank, hindi ginoo, ito ang Dakila Milton Glaser, tagalikha ng logo ng I Love New York kung magkano ang naimpluwensyahan ang ating lipunan noong nakaraang siglo o pabalat ni Bob Dylan.
Kaya, iiwanan ang tala ng kasaysayan, simulan natin ang video-tutorial na ito: Paano makagawa ng isang gumagalaw na banner sa Photoshop nang madali, ang aking unang Video-Tutorial na inaasahan kong gusto mo at hanapin itong napaka kapaki-pakinabang. Tayo na't magsimula.
I) Gumagawa kami ng sketch kasama ang aming komposisyon at nagsimula kaming lumikha at maghanap ng iba't ibang mga elemento ng banner.
II) Naghahanap kami at nagda-download ng larawan ng mahusay na matandang Milton Glaser, isang character na pinili kong kunin sa aming banner.
III) Buksan namin ang Adobe Photoshop at lumikha ng isang bagong dokumento. Pumili kami sa pagitan ng iba't ibang mga preset na ibinibigay sa amin ng Photoshop upang magamit sa format ng web. Sa kanilang lahat, pipiliin namin ang 800 × 600 na canvas, na isang mahusay na sukat para sa isang banner.
IV) Binubuksan namin ang file na JPG na naglalaman ng larawan ng magandang Milton Glaser at naghahanda kaming muling ibalik ang larawan.
V) Pumili kami mula sa pangkat ng mga tool sa pagpili, isa sa mga loop, ang Magnetic Loop sa kasong ito. Binabalangkas namin ang mabuting matandang Milton.
VI) Kapag nakabalangkas, pupunta kami sa ruta Pagpili-Pinipino ang Mga Mataas. Gagamitin namin ang tool na iyon upang gawin nang balangkas ang mga gilid ng imahe.
VII) Kapag naiwan na namin ang Milton edge nang ganap ayon sa gusto natin gamit ang tool Pinuhin ang Edge, pinindot namin CNTRL + J at isang bagong layer ay gagawin kasama ang pagpipilian.
VIII) Tinatanggal namin ang layer ng background at sa gayon magkakaroon kami ng Milton sa a transparent na background na magagamit natin sa aming banner.
IX) Upang mai-save ito gagamitin namin ang I-save para sa tool sa web. Sa loob ng dialog box ng tool na ito, nakita namin ang posibilidad na mai-export ang file sa iba't ibang mga uri ng file tulad ng GIF, JPG o PNG. Sa gayon, sa file na ito i-export namin ito, upang mapanatili ito sa isang transparent na background. Nagse-save kami at pangalan. Nagsasara kami at nagse-save sa PSD para sa maaaring mangyari.
X) Bumalik kami sa aming proyekto sa web, sa banner. Binabago namin ang kulay ng background layer sa itim. Para sa mga ito ginagamit namin ang tool na Paint Bucket, binabago ang kulay sa harap sa itim at direktang pag-click sa layer ng background.
XI) Nagsisimula kami sa pamamagitan ng pag-import ng larawan ng Milton Glaser sa aming workspace o canvas. Para sa mga ito ginagamit namin ang Lugar ng tool, matatagpuan sa pagpipilian ng file.
XII) Inilagay namin ang magandang matandang Glaser sa ibabang sulok kanan ng screen.
XIII) Lumilikha kami ng isang speech bubble mula sa mga komiks. Inayos namin ito upang magmukhang nagsasalita si Glaser.
XIV) Lumilikha kami ng 3 pangungusap kasama ang Kasangkapan sa teksto, alin ang magbibigay ng impormasyon sa banner. Ang isa sa kanila ay pupunta sa loob ng sandwich.
XV) Ang bawat isa sa mga pangungusap ay dapat pumunta sa isang iba't ibang mga layer ng teksto.
XVI) At sa gayon handa na tayong magsimula lahat magbigay ng animasyon sa aming banner.
Sa susunod na video-tutorial tuturuan kita kung paano magbigay ng animasyon sa aming banner. Wag mong palampasin.