Олон нийтийн мэдээллийн хэрэгслээр нийтлэлээ ямар ч үед анимейшн хийж сурцгаая
Хэрэв та олон нийтийн сүлжээн дэх нийтлэлүүдээ бусдаас ялгарахыг хүсвэл хөдөлгөөнт дүрсийг хэрхэн нэмэх талаар сурах хэрэгтэй. Хэдхэн минутын дотор та ийм зураг авч интернетийн алт болгон хувиргах боломжтой. Эдгээр платформ дээр байр сууриа хадгалах нь бизнес болон брэндийг бий болгоход чухал ач холбогдолтой гэдгийг бид бүгд ойлгож байгаа ч цаг хугацааны амлалт нь олон шинэ уран бүтээлчдийг унтрааж чадна. Бид танд илүү сайн арга замыг харуулахаар ирлээ.
График дизайнеруудаас өнөө үед сошиал сүлжээнд илүү их контент бүтээхийг шаардаж байгаа бөгөөд та анхаарал татахуйц дизайнаас илүү юу болохыг мэдэх үү? Хөдөлгөөнтэй, анхаарал татахуйц загвар. Хэрэв та Photoshop-т хэсэг хугацаанд ажиллаж байсан бол хөдөлгөөнт дүрс нэмэхэд таны бодож байгаагаас ч илүү ойрхон байна. Өнөөдөр бид After Effects-ийг асаах бөгөөд ингэснээр интерфэйс нь хэр танил болохыг харах болно. Бид зарим загваруудыг авч, After Effects дээр зарим нарийн хөдөлгөөнүүдийг нэмэх болно.
{{lead-magnet}}
Photoshop дээр зургаа бэлдэх
![](/wp-content/uploads/history/148/mu2ybhk35r.jpeg)
Бид Photoshop CC 2022 болон After Effects CC 2022 программтай ажиллах боловч эдгээр аргууд хуучин хувилбарууд дээр бас ажиллах ёстой. Үүний тулд бид үүнийг маш энгийн болгож байна. Одоо та Photoshop дээр хөдөлгөөн хийх боломжтой, гэхдээ энэ нь нэлээд хэцүү байх болно. Үүний оронд файлуудаа бэлтгэх нь илүү хялбар бөгөөд After Effects дээр илүү сайн ажиллах болно.
Хөдөлгөөнт хөдөлгөөн хийх зөв зургийг хэрхэн сонгох вэ
Эхлэхийн тулд та зөв зургийг сонгох хэрэгтэй. ХараачAfter Effects интерфейсийг эзэмших.
![](/wp-content/uploads/history/148/mu2ybhk35r-1.jpeg)
Бид скейтбордчин хүний зургийг сонгосон бөгөөд арын дэвсгэрийг хөдөлгөөнтэй болгохыг хүсэж байна. Энэ нь таны чөлөөт дизайнер, аниматорын хувьд хийх олон ажилтай маш төстэй юм. Таны үйлчлүүлэгч зарим элементийг урдаас нь татаж, шинэ газар байрлуулах эсвэл ямар нэгэн байдлаар хөдөлгөөнт дүрс оруулахыг хүсэх болно.
Дээрх зургийг хараад бид тэднийг хэрхэн хөдөлгөх ёстой вэ? За, бид хуучин заль мэхийг ашиглах болно. Субъект хөдөлж байхын оронд арын дэвсгэр зүүнээс баруун тийш эргэлдэж, хөдөлгөөний сэтгэгдэл төрүүлнэ.
![](/wp-content/uploads/history/148/mu2ybhk35r-2.jpeg)
Гэрэлтүүлгийг бас анхаарах хэрэгтэй. Тодорхой гэрлийн эх үүсвэр нь хөдөлгөөнгүй зурагт маш сайн харагддаг хэдий ч, та үүнийг өөр дэвсгэр дээр эсвэл гэрэлтүүлэг нь тохирохгүй болсон үед зөөж эхлэхэд унтарна. Таны үзэгч яг юу болж байгааг мэдэхгүй байж болох ч нөлөөллөөс нь сатаарах болно. Согтуу илбэчин шиг энэ нь үнэхээр хуурмаг зүйлийг устгадаг.
![](/wp-content/uploads/history/148/mu2ybhk35r-3.jpeg)
Давхаргуудаа салга (мөн нэрлэнэ)
Дээрх видеоноос харж байгаачлан бид сэдэв, самбар, сүүдэр, дэвсгэр. Энэ нь бидэнд хийх боломжийг олгодогХэрэв бид зам дээр асуудал байгааг анзаарсан бол нарийн засварууд. Хэрэв бид дөнгөж сая пикселүүдийг устгасан бол тэдгээр нь үүрд алга болно (CTRL/CMD+Z мужийг давахад).
Явж байхдаа давхарга бүрийг нэрлэхээ мартуузай. 1-100 давхаргын жагсаалтаас нэг зургийг хайж олохоос өөр муу зүйл байхгүй.
Арын дэвсгэр нь бидний төлөвлөж буй хэтийн төлөвтэй бүрэн нийцэхгүй байгаа тул бага зэрэг өнгөлөх шаардлагатай.
![](/wp-content/uploads/history/148/mu2ybhk35r-4.jpeg)
Бид арын дэвсгэрийг давтахыг зорьж байгаа ч хоёр тал нь таарахгүй байгааг харж болно. Зүүн тал нь манай хөтчүүдтэй илүү нийцэж байгаа тул тэр талыг хуулж, эргүүлээд баруун тийш нь унагаацгаая. Бид үүнийг эгнээнд оруулсны дараа давхаргыг нэгтгэхийн тулд CTRL/CMD+E-г ашиглана уу.
Зургийн хэмжээг шалгана уу
Бид зургийг After Effects-д оруулахаас өмнө зургийнхаа хэмжээг шалгах хэрэгтэй. After Effects нь маш том файлуудыг удирдах боломжтой боловч таны компьютер тийм ч хүчирхэг биш байж магадгүй юм. Зургийн хэмжээг өөрчлөх хэд хэдэн арга байдаг ч бид зурагныхаа зургийг өөрчлөх замаар эхлэх болно. Энэ нь ямар ч пикселтэй холилдохгүйгээр бидний зотон зургийг өөрчилдөг бөгөөд дараа нь бид зургийнхаа хэмжээг тохируулах боломжтой.
![](/wp-content/uploads/history/148/mu2ybhk35r-5.jpeg)
Бид зотон зургаа ( Зураг > Canvas Size… ) 1920x1080 болгож тохируулсан. Одоо бидний зургууд илүү том болсон тул бид тэдгээрийг тааруулж тохируулах хэрэгтэй болно.
![](/wp-content/uploads/history/148/mu2ybhk35r-6.jpeg)
Зарим согогууд байсаар байгаа ч бид After Effects-д тэдгээрийг бага зэрэг бүдгэрүүлэх замаар засаж болно. Зургийн ирмэгийн гадна хэд хэдэн пиксел өлгөөтэй байгааг та анзаарах болно.Заримдаа та эдгээрийг үлдэхийг хүсч болох ч бидэнд AE-д хэрэггүй болно. Crop хэрэглүүрийг ( C ) ашиглан зурагнуудаа зурагт тааруулахын тулд хурдан тайруулна уу. Одоо манай зургийг After Effects-д оруулж, хөдөлгөөн хийж эхлэх цаг боллоо.
Photoshop файлуудыг After Effects-д импортлох
Давхаргын нэрийг шалгаад ажилаа хадгалах (бид санал болгож байна. "to_AE" гэх мэт зүйлийг нэмж оруулснаар та файлаа хялбархан олох боломжтой. Хэрэв танд After Effects-д хандахад тусламж хэрэгтэй бол бид танд туслах болно. Та тэр видеог үзэх эсвэл энэ хурдан аргыг ашиглаж болно.
Photoshop-оос After Effects руу хэрхэн файл импортлох вэ
- After Effects-ийг нээх
- Файл > Импорт > Файл руу очих
- Файлаа сонгоно уу
- Импорт дээр товшино уу
Одоо Photoshop болон After Effects-ийн харьцуулалтыг харна уу.
![](/wp-content/uploads/history/148/mu2ybhk35r-7.jpeg)
Их төстэй харагдаж байна уу? Adobe янз бүрийн программ хангамжийг таниулахын тулд хүчин чармайлт гаргасан. Creative Cloud дахь апп-ууд хооронд шилжихэд илүү хялбар болгож байна. Та манай давхаргууд бага зэрэг өөр харагдаж байгаа хэдий ч цагийн хэлхээсээс доошоо харагдах болно. Тийм учраас давхаргуудаа нэрлэх нь маш чухал алхам байсан.
Энэхүү шинэ хувилбарын тусламжтайгаар найрлага (бидний хувьд давуу тал) та өөрийн FPS эсвэл секундэд фрэймийг тохируулах боломжтой болно. Ерөнхийдөө хөдөлгөөнт дүрсийг секундэд 24 кадр (24 фрейм нь 1 секундын бичлэгтэй тэнцэх) хурдаар хийдэг боловч танд илүү их эсвэл бага шаардлагатай нөхцөл байдал байж болно. Энэ бүхэн төсөл болон таныхаас хамаарнаүйлчлүүлэгчийн хэрэгцээнд нийцнэ.
Бүтэцээ тохируулна уу
Бид хурдан явах гэж байгаа тул та кофегоо уусан гэж найдаж байна (тоглоомын нэр нь анимейшн сошиал медиа юм. цаг хугацаа, тийм ээ?)
Одоо энэ скейтбордчинг хөдөлгөх хамгийн хялбар арга бол арын дэвсгэрийг хөдөлгөх юм, тийм үү? Бид үүнийг замаас нь гаргахад тэшүүрчин бараг урагшлах шиг болдог.
![](/wp-content/uploads/history/148/mu2ybhk35r-8.jpeg)
Бидний хийх ёстой зүйл бол хүүхэлдэйн кинонд гардаг шиг арын дэвсгэрийг хуулбарлах явдал юм. Давхаргыг барьж аваад Засварлах > ( CMD/CTRL + D ) давхардвал та цоо шинэ давхарга авах болно. Онолын хувьд бид хэдэн арван хуулбарыг хийж, тэднийг нисч өнгөрөхөд хөдөлгөөнт дүрсийг гаргаж чадна, гэхдээ илүү хялбар арга бий: Motion Tile.
After Effects-д хөдөлгөөн хийх
Motion Tile
Дэлгэцийнхээ баруун талд Effects болон Presets руу очоод Motion Tile-г хайна уу. Үүнийг давхарга дээрээ чирж буулгана уу (хэдийгээр энэ нь гайхалтай эффект үүсгэж болзошгүй ч буруу давхарга дээр буулгахгүй байхыг анхаарна уу).
Зүүн талд та хоёр үндсэн сонголттой өөрийн эффектийн удирдлагыг харах болно: Гаралтын өргөн ба гаралтын өндөр. Гаралтын өргөнд "200"-г оруулахад...
![](/wp-content/uploads/history/148/mu2ybhk35r-9.jpeg)
Одоо бид баруун, зүүн талдаа арын дэвсгэрээ бага зэрэг нэмсэн. Бид зургийг үр дүнтэйгээр бага хэмжээгээр хуулбарласан. Одоо та давхардсан талбар дээр дарах гэж оролдвол та боломжгүй болно. Зөвхөн таны анхны давхаргыг зөөх боломжтой.
Мэдээж энгийн давхардал эсвэл хавтанцар нь жижиг зүйлийг бий болгодоголдворууд. Хэрэв бид газар эсвэл арын дэвсгэрийг харвал тийм ч зөв харагдахгүй шугамууд байдаг. Эцэст нь, Гаралтын дугаараар бүү хэтрүүл. Та компьютерээ гацах болно.
Үүнийг хөдөлгөөнтэй болгохын тулд эхлээд найруулгын уртаа тохируулцгаая. Зохиолд очих > Зохиолын тохиргоо.
![](/wp-content/uploads/history/148/mu2ybhk35r.png)
Бид дээр дурдсанчлан FPS-ээ өөрчилж болно. Үүнийг 5 секундын турш тохируулаарай, тэгээд энэ зургийг хөдөлгөх цаг боллоо.
Түлхүүр фрэймийн тусламжтайгаар хөдөлгөөнт дүрс хийх
Цэвэр хавтан давхарга дээрээ эргэлдвэл та Transform сонголтоо харах болно.
![](/wp-content/uploads/history/148/mu2ybhk35r-1.png)
Таны Тоглуулах толгой нь цагийн хуваарийнхаа эхэнд байгаа эсэхийг шалгаад Байршил -ын хажууд байгаа Секундомер дээр товшино уу. Энэ нь тухайн үеийн таны давхаргын x ба у тэнхлэгийг он цагийн хэлхээс дээр тэмдэглэнэ. Та дөнгөж сая анхны Түлхүүр хүрээ -г он цагийн хэлхээс дээр үүсгэлээ. Эдгээр нь After Effects-ийн хөдөлгөөнт дүрсийг бүтээх үндсэн материалууд юм.
Тоглуулах толгойг он цагийн хэлхээсийнхээ төгсгөлд шилжүүлснээр та өөр Keyframe үүсгэх болно. Одоо Transform руу буцаж очоод дэвсгэр нь зүүнээс баруун тийш (эсвэл та энэ Тони Хоук 360-ыг ясгүй болгохыг хүсч байгаа бол баруунаас зүүн тийш) шилжих байрлалыг тохируулна уу.
Таныг тоглуулахыг дарахад After Effects нь хуваарилагдсан хугацаанд эхний болон сүүлчийн түлхүүр фрэймүүдэд байхын тулд давхарга хэрхэн шилжих шаардлагатайг интерполяци хийдэг.
GIF
Хэрвээ бид скейтбордчинг илүү хурдан хөдөлгөхийг хүсвэл бид зүгээр лхуваарилагдсан хугацаанд хавтан доошоо урагшлах хэрэгтэй. Удаан хөдлөхийн тулд бага газрыг хамрах хэрэгтэй. Гэхдээ бидний анзаарсан нэг зүйл бол тийм ч хэмнэлттэй биш юм. Манай давхардсан хавтангийн нийлдэг оёдол нь бага зэрэг дэгжин юм. Аз болоход, бид үүнийг хөдөлгөөнийг бүдгэрүүлэх замаар бүрхэж чадна.
Хөдөлгөөний бүдэгрэл нэмэх
Хөдөлгөөнийг бүдэгрүүлэх нь линзний өртөлтийн үед хөдөлж буй объектын улмаас үүссэн зураас, толбо юм. Видеоны хөдөлгөөний бүдэгрэл нь гол төлөв линз нэг объект дээр төвлөрч, фокусгүй зүйлс арын дэвсгэр дээр хөдөлж байгаагаас үүсдэг. Бидний хувьд энэ бол бидний ашиглахыг хүсч буй эффект юм.
![](/wp-content/uploads/history/148/mu2ybhk35r-10.jpeg)
Хөдөлгөөнийг бүдгэрүүлэх удирдлагыг дарна уу (гурван тойрог хоорондоо ойрхон байна). Та давхаргын хажууд хайрцаг гарч ирэхийг харах болно. Зөвхөн цэвэрхэн хавтанг сонгоод, хөдөлгөөнийг бүдгэрүүлэх нь согогийг нууж байгааг хараарай. Яг үүнтэй адил бид хөлсөө гаргалгүй гайхалтай хөдөлгөөнт дүрстэй. Гэхдээ бид үргэлж аливаа зүйлийг илүү ихээр хөндөж чаддаг.
Бодит сүүдэр нэмэх
Скейтбордын доорх сүүдэрт анхны газраас зураастай хэвээр байгааг та анзаарч магадгүй.
![](/wp-content/uploads/history/148/mu2ybhk35r-11.jpeg)
Бид нийгмийн сайн дүр төрхийг бий болгохыг хичээгээгүй. Бид эргэн тойрондоо хуваалцах үнэ цэнэтэй зүйлийг хийхийг хичээж байна. Үүнийг хурдан засъя. Одоо бид үүнийг авчрахаасаа өмнө Photoshop дээр зүгээр л засаж болох байсан ч мартсан (эсвэл бид танд энд харуулахын тулд энэ алхмыг алгассан! Хараач, бид бүх хугацаанд юу хийж байгаагаа мэдэж байсан).
Эхлээд aшинэ давхарга Давхарга > Шинэ ( CMD/CTRL + Y ) ба хар дүүргэлтийг сонгоно уу. Энэ нь бидний найрлагын хэмжээтэй хар өнгийн хатуулаг үүсгэдэг. Үзэгний хэрэгслийг (P) ашиглан бид энгийн дүрс зурах болно. Энэ нь төгс байх албагүй, зөвхөн сүүдрийн үндсэн санаа юм.
![](/wp-content/uploads/history/148/mu2ybhk35r-12.jpeg)
Бид маскыг хаасны дараа бидний дүрс дээр үүссэн дүрс харагдах болно. Зүгээрээ. Гэхдээ бид үүнийг ажил хэрэг болгож чадна. Цэгүүд болон Bezier бариулуудыг ашиглан скейтбордын доор таарах хүртэл хэлбэрээ тохируулна уу. Хэрэв та Photoshop дээр маск хийсэн бол энэ нь танил санагдах болно.
Жижигхэн ажиллавал бид скейтбордын доор тохирох зүйлтэй болсон.
![](/wp-content/uploads/history/148/mu2ybhk35r-13.jpeg)
Одоо анхны сүүдрийн давхаргыг унтрааж, шинэ давхаргын нэрийг Shadow (эсвэл Shadow 2, эсвэл Darkwing Duck эсвэл өөрт тохирох бүх зүйл) гэж өөрчил. Яг л Photoshop програмын нэгэн адил бид холих горимтой. Хэрэв та тэдгээрийг харахгүй байгаа бол F4 товчийг дарна уу. Шинэ Сүүдрээ Үржүүлэх болгож соль.
Энэ нь бага зэрэг ширүүн харагдаж байгаа тул ирмэгийг нь өдөөрэй. Маск цэсийг эргүүлж нээвэл та илүү олон сонголтуудыг харах болно.
![](/wp-content/uploads/history/148/mu2ybhk35r-2.png)
Өдтэй -г тохируулна уу! Биднийг дахин тоглуулах үед бид гялалзсан хөдөлгөөнт дүрстэй болсон бөгөөд энэ нь бидэнд цаг хугацаа зарцуулаагүй.
Рендерийн дараалалд дүрслэх
Мэдээж энэ зураг After Effects-д үүрд байх юм бол танд ямар ч тус болохгүй. Үүнийг засаж чадах эсэхийг харцгаая.
Хэрэв та энэ нэр томьёог сайн мэдэхгүй байгаа бол Rendering нь зөвхөн After Effects (эсвэлБүх давхаргыг нэг кино (mp4, mpeg, Quicktime гэх мэт) болгон жигнэхийн тулд найруулга бүтээхдээ аль програмыг ашиглаж байгаагаас үл хамааран). Quicktime нь таны ихэнх хэрэгцээнд нийцэх боловч бид бас Apple ProRes 422-г санал болгож байна. Энэ тохиолдолд шахаагүй, өндөр нягтралтай файл болох Animation-г ашиглая. Хэрэв танд Аудио байгаа бол түүнийг цонхны доод талд эргүүлсэн эсэхийг шалгаарай.
![](/wp-content/uploads/history/148/mu2ybhk35r-3.png)
За товчийг дарсны дараа та энэ файл хаашаа явахыг сонгох хэрэгтэй. Output To товчийг дараад хүссэн байршлаа олоорой.
Юу гэж бодож байна? Та сая анимэйшн хийсэн. Та зураг авч, түүнийг цэвэрхэн давхарга болгон хайчилж, тэдгээр давхаргыг хөдөлгөөнд оруулан, тэр найрлагыг кино болгон хувиргасан. Бид яг одоо тантай танилцаж байгаадаа их баяртай байна.
Мэдээж, хэрэв та үнэхээр сэтгэл татам болохыг хүсч байвал видео руугаа буцаж очоорой, ингэснээр бид танд өөр хэдэн зүйлийг зааж өгөх болно. заль мэх.
GIF
After Effects аянаа эхлүүлээрэй
Photoshop-ын дизайныг хөдөлгөөнт хийснээр нийгэмд маш том дүр төрхийг авч, түүнийгээ вирус болгон хувиргадаг. цохих (магадгүй). Хэрэв та үндсийг нь ойлгосон бол та гайхалтай арга замаар ажлаа амилуулж чадна. Хэрэв та хөдөлгөөнт аялалаа эхлүүлэх газар хайж байгаа бол After Effects Kickstart руу очоорой!
After Effects Kickstart бол хөдөлгөөнт дизайнеруудад зориулсан After Effects-ийн төгс танилцуулга сургалт юм. Энэ сургалтанд та хамгийн түгээмэл хэрэглэгддэг хэрэгслүүд болон тэдгээрийг ашиглах шилдэг туршлагуудыг сурах болно