Photoshop ak ImageReady fè logo dinamik pou kaye konpozisyon ak plim

Aug 31, 2023

Kite yon mesaj

Lè w ap bati yon sit entènèt pèsonèl, yon Logo ki byen fèt ak dinamik ka toujou ajoute anpil koulè nan paj la. Petèt kèk zanmi te wè logo la alantou yon sèk mens liy pwentiye alantou efè logo la dousman trennen sou vant, pa te wè zanmi tanpri gade isit la:

1. Elaji gwosè twal la.

Apre ouvèti dosye Logo la, imaj la gen yon sèl kouch background, epi depi nou bezwen deskripsyon li yo, nou pa ka pwolonje twal la dirèkteman sou kouch sa a. Nan panèl Kouch la, double-klike sou zòn vid la adwat Kouch background nan epi klike sou OK nan bwat dyalòg pop-up la pou konvèti kouch background nan Kouch 0. Double-klike sou non kouch la epi non li "Logo". Kenbe kle Ctrl la epi klike sou bouton Nouvo Kouch ki anba panèl la. Kreye yon nouvo kouch, Kouch 1, anba kouch "Logo". Lè sa a, chwazi meni kòmand "Imaj → Kanva Size", chanje inite longè a nan piksèl nan bwat dyalòg la, tcheke bwat la tcheke relatif, ogmante Lajè ak wotè pa 40 piksèl, epi kenbe mitan an default nan Anchor.

Rezilta etap sa a se ke twal la se 20 piksèl pi gwo nan tout kat direksyon, ouvèti espas pou pwochen etap la.

2. Kreye modèl pou ranpli background nan.

Sèvi ak meni kòmand "Fichiye → Nouvo" pou kreye yon dosye 8×8 pixel ak yon koulè plim blan. Pou nou ka wè, nou ka peze Ctrl + "+" plizyè fwa pou fè gade dosye a gwo ase pou manipilasyon fasil. Chwazi Zouti Seleksyon Rektang (Kle chemen kout M), trase yon bwat kare 4 pixel nan kwen anwo gòch la, kenbe kle Shift la, epi ajoute menm bwat la nan kwen ki pi ba dwat. Asire w ke koulè premye plan aktyèl la se nwa pa default, si se pa sa, ou ka peze kle D la retabli li nan default. Peze Alt + BackSpace pou ranpli seleksyon an ak koulè premye plan nwa, epi peze Ctrl + D pou deseleksyone.

Chwazi lòd meni an "Edisyon → Defini Modèl", bay nouvo modèl la "Kare nwa ak blan" nan bwat dyalòg la, epi peze bouton an OK pou konsève pou modèl la koutim.

3. Fè yon bwat ki gen pwentiye.

Retounen nan dosye a kote Logo a sitiye, sou panèl la Kouch, chwazi kouch nan Kouch 1 anba a, Lè sa a, chwazi lòd la meni "Edisyon → Ranpli", chwazi "Modèl la" nan bwat dyalòg la, chwazi "nwa ak blan an". kare" modèl nou jis Customized nan lis deroule ki anba a, epi kenbe rès opsyon yo default.

Yon fwa yo detèmine, kouch 1 a pral ranpli ak kare dans, regilye nwa ak blan

Sou panèl Kouch la, klike sou bouton Nouvo Kouch ki anba panèl la pou kreye yon kouch vid, Kouch 2. Kenbe kle Ctrl la epi klike sou kouch "Logo" pou chaje deskripsyon li kòm yon seleksyon. Chwazi lòd nan meni "Chwazi → Modifye → Elaji", antre 1 nan bwat dyalòg la, peze bouton an OK, ak seleksyon an ap elaji deyò pa yon pixel. Peze Ctrl + Shift + I pou ranvèse seleksyon an. Konfime ke Kouch aktyèl la se Kouch 2, peze Ctrl + BackSpace epi ranpli seleksyon an ak koulè background blan an. Nonmen kouch 2 a "White Edge". Peze Ctrl + D pou deseleksyone epi ou ka wè yon bwat ki gen pwentiye alantou Logo la.

4. Fè liy pwentiye yo sou chak bò endepandan youn ak lòt.

Lektè yo dwe te wè ke, wi, liy pwentiye sa a se fo, li se yon ekran lafimen, se kite modèl la background nan yon espas 1 pixel lajè ekspoze pati, si li difisil fè li deplase. Kisa pou fe? Nou kontinye sèvi ak lafimen ak miwa -- kat orijin pou chak bò. Sou panèl Kouch, trennen Kouch 1 sou bouton Nouvo Kouch nan pati anba panèl la epi kreye yon nouvo kopi kouch 1 nan kouch sa a. Repete de plis kopi pou jwenn kat kouch ki idantik ak modèl "kare nwa ak blan". Chwazi zouti seleksyon piksèl kolòn sèl la, elaji gade imaj la nan echèl ki apwopriye a, klike sou liy pwentiye ki sou bò gòch Logo a, epi chwazi tout liy kote liy pwenti an ye. Sou panèl la Kouch, chwazi Kouch 1 epi klike sou bouton an Add Layer Mask nan pati anba a nan panèl la. Rezilta a pral yon mask prèske tout nwa pou kouch sa a, blan sèlman sou liy lan kote liy pwentiye a sou bò gòch Logo la, sa vle di kouch Layer1 a pral sèlman vizib sou liy sa a. Apre sa, lè l sèvi avèk menm prensip la, chwazi liy pwentiye yo pi wo a, sou bò dwat la, ak anba Logo a lè l sèvi avèk zouti seleksyon pixel yon sèl-ranje ak yon sèl kolòn respektivman, epi ajoute mask nan twa kouch modèl ki rete yo nan vire. Nan moman sa a, Logo a pa chanje soti nan sifas la, an reyalite, bwat la liy pwentiye alantou li deja konpoze de kat pati. Ou ka kache yon kouch epi wè si sa a se ka a. Non kat modèl kouch "gòch", "moute", "dwa" ak "desann" dapre pati korespondan yo.

5. Deplase liy pwentiye a nan ImageReady.

Kounye a ke nou fini ak preparasyon nou an, ann chanje nan animasyon nan ImageReady. Lè w peze bouton so ki anba bwat zouti a, ImageReady pral otomatikman kouri epi otomatikman chaje fichye nou jis prepare a, ak tout kouch ak mask jan yo ye. Sou panèl Animasyon an, ou ka wè imaj aktyèl la otomatikman vin premye ankadreman animasyon an. Klike sou bouton Kopi ankadreman aktyèl la pou kreye yon dezyèm ankadreman ki idantik ak premye ankadreman an.

Chwazi Zouti Deplase la. Sou panèl Kouch la, chwazi kouch "Goch la" epi peze bouton flèch ↑ la pou avanse pou li moute yon pixel. Lè sa a, deplase kouch "moute" yon pixel sou bò dwat, kouch "dwa" yon pixel desann, ak kouch "desann" yon pixel sou bò gòch la. Soti nan imaj la, li sanble ke bwat ki pwentiye a ap tòde nan yon direksyon goch. Kopi ankadreman 2 kòm ankadreman 3 nan panèl Animasyon an epi sèvi ak menm metòd la pou deplase bwat ki pwentiye a nan direksyon goch ankò. Repete pwosesis la jiskaske Frame 8 fini. Inite debaz modèl nou te fè nan seksyon anvan an se 8 piksèl, k ap deplase 1 piksèl pou chak ankadreman, epi li ka repete apre jis 8 ankadreman.

6. Final Anviwònman.

Anviwònman default pou ImageReady se {{0}} segonn pou chak ankadreman, nou bezwen chanje nimewo sa a. Sou panèl Animasyon an, klike sou ankadreman 1 pou chwazi li, epi kenbe kle Shift la epi klike sou ankadreman 8 pou chwazi tout 8 ankadreman. Klike sou meni dewoulman tan an rete anba nenpòt ankadreman epi chwazi 0.1 segonn, pou tan an rete nan tout ankadreman yo chanje a 0.1 segonn.

Dapre bezwen espesifik yo, nou ka tou chanje kwen an blan deyò bwat la liy pwentiye nan lòt koulè oswa koupe li koupe, yo nan lòd yo pi byen adapte yo ak bezwen yo nan konsepsyon entènèt ak pwodiksyon an.

Oke, animasyon fini. Lektè entelijan yo te wè ke tout pwosesis la nan Tutorial sa a se reyalize yon desepsyon vizyèl, osi lontan ke lide a klè, pwosesis pwodiksyon an trè senp. Osi lontan ke nou louvri moute lide nou yo, menm egzanp lan kapab tou fè yon varyete fason wriggling nan ankadreman liy pwentiye a.

Rezilta final la se sa a:

Li ta dwe remake ke nan etap 5, ou ka kopye dezyèm ankadreman an epi dirèkteman deplase chak pati pa 7 piksèl, ak Lè sa a, chwazi Tween nan meni an fonksyon panèl Animation, ak lojisyèl an otomatikman jenere mitan 6 ankadreman yo - sa a ka pi pratik. , men li pa fasil pou konprann ke mouvman ankadreman-pa-ankadreman an.