Photoshop thiab ImageReady ua dynamic logos rau Composition Notebooks With Pen

Aug 31, 2023

Tso lus

Thaum tsim lub vev xaib tus kheej, tsim kom zoo, Logo muaj zog tuaj yeem ntxiv ntau xim rau nplooj ntawv. Tej zaum qee cov phooj ywg tau pom Logo nyob ib ncig ntawm lub voj voog nyias ntawm cov kab dotted nyob ib ncig ntawm Logo maj mam creeping nyhuv, tsis tau pom cov phooj ywg thov saib ntawm no:

1. nthuav qhov loj ntawm daim ntaub.

Tom qab qhib cov ntaub ntawv Logo, cov duab tsuas muaj ib txheej tom qab xwb, thiab vim peb xav tau nws cov qauv, peb tsis tuaj yeem txuas cov ntaub ntawv ncaj qha rau ntawm txheej ntawd. Hauv Layers vaj huam sib luag, muab ob npaug rau-nias thaj chaw dawb paug rau sab xis ntawm Cov Txheej Txheem Tom Qab thiab nyem OK hauv lub thawv pop-up dialog box kom hloov cov txheej txheem tom qab mus rau Txheej 0. Ob-nias lub npe ntawm txheej thiab npe nws "Logo". Tuav tus yuam sij Ctrl thiab nyem qhov Tshiab Txheej khawm nyob hauv qab ntawm lub vaj huam sib luag. Tsim ib txheej tshiab, Txheej 1, hauv qab "Logo" txheej. Tom qab ntawd xaiv cov ntawv qhia zaub mov "Duab → Canvas Loj", hloov qhov ntev chav rau Pixels hauv lub thawv sib tham, kos lub npov txheeb ze, nce qhov dav thiab qhov siab los ntawm 40 Pixels, thiab khaws lub neej ntawd nruab nrab ntawm Anchor.

Qhov tshwm sim ntawm cov kauj ruam no yog tias lub canvas yog 20 pixels loj dua nyob rau hauv tag nrho plaub cov lus qhia, qhib qhov chaw rau cov kauj ruam tom ntej.

2. Tsim cov qauv sau rau hauv keeb kwm yav dhau.

Siv cov ntawv qhia zaub mov "Cov Ntaub Ntawv → Tshiab" los tsim cov ntaub ntawv 8 × 8 pixel nrog lub cwj mem dawb. Txhawm rau kom pom tau, peb tuaj yeem nias Ctrl + "+" ob peb zaug kom pom cov ntaub ntawv loj txaus rau kev siv yooj yim. Xaiv lub Rectangle Selection Tool (tus yuam sij shortcut M), kos ib lub thawv 4 pixel square nyob rau sab laug ces kaum, tuav cia tus yuam sij ua haujlwm, thiab ntxiv tib lub thawv nyob rau sab xis sab xis. Xyuas kom tseeb tias cov xim pem hauv ntej tam sim no yog xim dub los ntawm lub neej ntawd, yog tias nws tsis yog, koj tuaj yeem nias tus yuam sij D kom rov qab los rau lub neej ntawd. Nias Alt + BackSpace txhawm rau sau cov kev xaiv nrog cov xim dub rau pem hauv ntej, ces nias Ctrl + D kom tsis txhob xaiv.

Xaiv cov ntawv qhia zaub mov "Kho kom raug → Define Pattern", npe tus qauv tshiab "Dub thiab dawb squares" nyob rau hauv lub dialog box, thiab nias lub OK khawm kom txuag tau cov kev cai qauv.

3. Ua ib lub thawv dotted.

Rov qab mus rau cov ntaub ntawv uas lub Logo nyob, nyob rau ntawm Layers vaj huam sib luag, xaiv Layer 1 txheej hauv qab no, tom qab ntawd xaiv cov ntawv qhia zaub mov "Kho kom raug → Sau", xaiv "Pattern" hauv lub dialog box, xaiv "dub thiab dawb. square" qauv peb nyuam qhuav kho nyob rau hauv daim ntawv teev npe hauv qab no, thiab khaws tag nrho cov kev xaiv ua ntej.

Thaum txiav txim siab, Txheej 1 txheej yuav tau ntim nrog ntom ntom, tsis tu ncua dub thiab dawb squares

Nyob rau ntawm Layers vaj huam sib luag, nyem qhov Tshiab Layer khawm nyob rau hauv qab ntawm lub vaj huam sib luag los tsim ib tug dawb paug txheej, Txheej 2. Tuav lub Ctrl tus yuam sij thiab nyem rau ntawm lub "Logo" txheej los thauj nws cov qauv raws li kev xaiv. Xaiv cov ntawv qhia zaub mov "Xaiv → Hloov kho → nthuav tawm", sau 1 hauv lub thawv sib tham, nias lub pob OK, thiab kev xaiv yuav nthuav tawm sab nraud los ntawm ib pixel. Nias Ctrl + Ua haujlwm + Kuv rov qab xaiv. Paub meej tias txheej txheej tam sim no yog Txheej 2, nias Ctrl + BackSpace thiab sau cov kev xaiv nrog cov xim tom qab dawb. Lub npe Layer 2 txheej "White Edge". Nias Ctrl + D kom deselect thiab koj tuaj yeem pom lub thawv dotted nyob ib ncig ntawm lub Logo.

4. Ua cov kab dotted ntawm txhua sab ywj siab ntawm ib leeg.

Cov neeg nyeem yuav tsum tau pom tias, yog, cov kab dotted no yog cuav, nws yog lub vijtsam luam yeeb, yog kom cia cov qauv keeb kwm yav dhau los ntawm 1 pixel dav qhov sib txawv, yog tias nws nyuaj rau nws txav mus. Yuav ua li cas? Peb txuas ntxiv siv cov pa taws thiab tsom iav -- plaub lub keeb kwm yav dhau rau txhua sab. Ntawm Layers vaj huam sib luag, luag Layer 1 mus rau New Layer khawm nyob hauv qab ntawm lub vaj huam sib luag thiab tsim ib txheej tshiab 1 daim ntawv ntawm txheej no. Rov ua dua ob daim ntawv luam ntxiv kom tau plaub txheej zoo tib yam nrog "dub thiab dawb squares" qauv. Xaiv cov cuab yeej ib kem pixel xaiv, nthuav cov duab saib rau qhov tsim nyog teev, ib zaug nias rau ntawm kab dotted nyob rau sab laug ntawm lub Logo, thiab xaiv tag nrho cov kab uas kab dotted nyob. Ntawm Layers vaj huam sib luag, xaiv Layer1 thiab nyem qhov Ntxiv Layer Mask khawm nyob hauv qab ntawm lub vaj huam sib luag. Qhov tshwm sim yuav yog ib daim npog yuav luag txhua-dub rau txheej txheej no, tsuas yog dawb ntawm txoj kab uas cov kab dotted nyob rau sab laug ntawm Logo, txhais tau tias txheej txheej txheej 1 tsuas yog pom ntawm kab ntawd. Tom ntej no, siv tib lub hauv paus ntsiab lus, xaiv cov kab dotted saum toj no, mus rau sab xis, thiab hauv qab lub Logo siv cov cuab yeej ib leeg-kab thiab ib-kem pixel xaiv raws li, thiab ntxiv cov qhov ncauj qhov ntswg rau peb cov qauv txheej ntxiv. Lub sijhawm no, Logo tsis hloov pauv ntawm qhov chaw, qhov tseeb, lub thawv dotted kab nyob ib ncig ntawm nws twb muaj plaub ntu. Koj tuaj yeem nkaum ib txheej thiab saib seb qhov no puas yog. Lub npe plaub txheej txheej "sab laug", "nce", "txoj cai" thiab "down" raws li lawv qhov sib thooj.

5. Txav cov kab dotted hauv ImageReady.

Tam sim no peb tau ua tiav nrog peb qhov kev npaj, cia peb hloov mus rau cov animation hauv ImageReady. Los ntawm nias lub khawm dhia nyob rau hauv qab ntawm lub toolbox, ImageReady yuav cia li khiav thiab cia li thauj cov ntaub ntawv uas peb nyuam qhuav npaj, nrog rau tag nrho cov khaubncaws sab nraud povtseg thiab qhov ncauj qhov ntswg raws li lawv. Ntawm lub vaj huam sib luag Animation, koj tuaj yeem pom tias daim duab tam sim no cia li dhau los ua thawj tus ncej ntawm cov animation. Nyem qhov Copy tam sim no ncej khawm los tsim ib tug thib ob thav duab zoo tib yam rau thawj thav duab.

Xaiv qhov Move Tool. Ntawm cov txheej txheej txheej, xaiv txheej "Sab laug" thiab nias lub xub ↑ khawm kom txav nws mus txog ib pixel. Tom qab ntawd txav txheej "nce" ib pixel mus rau sab xis, txheej "txoj cai" ib pixel cia, thiab txheej "down" ib pixel mus rau sab laug. Los ntawm cov duab, nws zoo li lub thawv dotted yog wriggling nyob rau hauv ib tug clockwise kev taw qhia. Duplicate thav duab 2 raws li thav duab 3 hauv lub vaj huam sib luag Animation thiab siv tib txoj kev txav lub thawv dotted rov qab. Rov ua cov txheej txheem kom txog rau thaum Frame 8 tiav. Chav tsev yooj yim ntawm tus qauv peb tau ua hauv ntu dhau los yog 8 pixels, txav 1 pixel ib thav duab, thiab nws tuaj yeem rov ua dua tom qab tsuas yog 8 thav duab.

6. Cov chaw zaum kawg.

Lub neej ntawd teeb tsa rau ImageReady yog {{0}} vib nas this ib thav duab, peb yuav tsum hloov tus lej no. Ntawm lub vaj huam sib luag Animation, nyem Ncej 1 los xaiv nws, tom qab ntawd tuav tus yuam sij Hloov thiab nyem ncej 8 xaiv tag nrho 8 thav ntawv. Nyem rau lub sijhawm nyob hauv cov ntawv qhia zaub mov hauv qab ib qho thav duab thiab xaiv 0.1 vib nas this, kom lub sijhawm nyob ntawm txhua qhov thav ntawv hloov mus rau 0.1 vib nas this.

Raws li cov kev xav tau tshwj xeeb, peb kuj tuaj yeem hloov cov ntug dawb sab nraum lub thawv dotted kab rau lwm cov xim los yog txiav tawm, thiaj li hloov tau zoo dua rau cov kev xav tau ntawm lub vev xaib tsim thiab tsim khoom.

Okay, animation ua tiav. Cov neeg nyeem ntse tau pom tias tag nrho cov txheej txheem ntawm qhov kev qhia no yog ua kom pom kev dag ntxias, tsuav yog lub tswv yim meej, cov txheej txheem ntau lawm yog qhov yooj yim heev. Tsuav peb qhib peb lub tswv yim, tib qho piv txwv kuj tuaj yeem ua ntau yam wriggling txoj kev ntawm dotted kab ncej rau.

Qhov kawg tshwm sim yog qhov no:

Nws yuav tsum tau muab sau tseg tias nyob rau hauv kauj ruam 5, koj muaj peev xwm luam lub thib ob thav duab thiab ncaj qha txav mus rau txhua feem los ntawm 7 pixels, thiab ces xaiv Tween nyob rau hauv lub Animation vaj huam sib luag muaj nuj nqi ntawv qhia zaub mov, thiab lub software cia li generates nruab nrab 6 ntas - qhov no tej zaum yuav yooj yim dua. , tab sis nws tsis yog yooj yim to taub raws li tus ncej-by-frame txav.