Днес ще ви покажа как да създадете страхотна анимация на собствена снимка във Photoshop за публикуване в Instagram. За този урок ще използвам материали, взети от Интернет, например снимка на модел, но, разбира се, можете да използвате своя собствена снимка вместо модел. Изходни материали. и също така можете да изтеглите готовия PSD файл, направен според този урок, от връзката в долната част на страницата, за удобство те се комбинират в архив.
И така, ето какво получаваме:
Instagram анимация
А ето как изглежда оригиналната снимка:
Оригинална снимка.
Да започваме.Отворете оригиналното изображение на модела във Photoshop и веднага създайте нов слой върху фона. Вземете Brush Tool и рисувайте върху горната част на ризата на модела. Цветът на засенчване се приема като контрастен, т.е. тези нюанси, които не са на снимката. Ще взема отровно зелено-жълто (d5fe56). Основното тук е, че засенчването покрива изцяло ризата на модела:
Нарисувайте върху слоя, така че цветът да покрие напълно областта на бъдещата анимация.
Намалете непрозрачността на слоя до около шестдесет процента и добавете маска на слоя към него. Когато активирате маската на слоя, цветът на четката автоматично става черен, задавате твърдостта на около деветдесет процента и избирате размера на печат според нуждите. Премахнете излишъка, така че засенчването да съвпада точно с областта на бъдещата анимация. Ако излишъкът се отстрани. превключете цвета на четката на бяло (бялото сега е цветът на фона в цветовата палитра на четката) и рисувайте върху тази област.Удобно е да превключвате цветовете от преден план към фон чрез натискане на клавиша X:
Премахване на излишното по ризата на модела.
В областите, където има сенки (като под косата) използвайте по-меки ръбове на четката.
Да започнем да добавяме изображения за анимация. В архива, който можете да изтеглите от линка в долната част на страницата, освен изображението на самия модел има още четири снимки:tech.png.webp, night_sky.png.webp, leaves.png.webpицветя .png.webp В анимацията тези четири картинки ще бъдат насложени върху ризата на модела.
Отворете файла с изображение във Photoshoptech.png.webpИзползвайте инструмента за преместване, за да плъзнете това изображение в работния документ с модела. Натиснете Ctrl+T, за да включите инструмента за безплатна трансформация и позиционирайте/мащабирайте изображението, така че да покрие напълно областта на анимацията. Ако искате пропорциите на изображението да се запазят по време на мащабиране, задръжте натиснат клавиша Shift преди мащабиране:
Позициониране на изображението спрямо зоната на анимация.
След като зададете позицията и размера на изображението, дайте на този слой маска за изрязване, за което натиснете клавишната комбинация Ctrl+Alt+G. Ще се появи стрелка в панела със слоеве вляво от миниатюрата на слоя и картината ще бъде отрязана по краищата на тениската или по-скоро слоя, който коригирахме към тениската, специално за мен еслой1:
Изрязващ слой с изрязваща маска.
Добавете другите три изображения по същия начин и дайте на всяко едно изрязваща маска. Изключете видимостта на горните три слоя, фоновият слой с модела, слоят с маската и слоят с изображението трябва да останат видимиtech.png.webp:
Панел със слоеве с видими слоеве.
Сега да преминем директно към анимацията. Отворете панела за анимация, в най-новите версии на Photoshop се нарича "Timeline" (Timeline), в падащия списък превключете на "Create Frame Animation" щракнете върху този ред, за да превключите панела в режим на анимация на рамка:
Превключване на панела на времевата скала в режим на кадрова анимация
Панелът трябва да изглежда като на снимката по-долу. Моля, имайте предвид, че първият и засега единствен анимационен кадър се показва от лявата страна на панела:
Времева линия с първия анимационен кадър.
Създайте втория кадър. Щракнете върху бутона за създаване на нов кадър и ще бъде създадено копие на предишния. След това в панела със слоеве включете видимостта на слоя по-горе. Миниатюрата на втория кадър на времевата линия ще се промени и, разбира се, изгледът на работния документ също ще се промени. Ето как трябва да изглежда времевата линия и панелът със слоеве сега:
Отляво бутонът за създаване на нова рамка (създаване на копие на избрани рамки) е кръгъл в червено, отдясно, включващ видимостта на слоя.
Повторете тази стъпка с останалите два слоя.
И така, сега имаме времева линия с четири анимационни кадъра за Instagram. За да го възпроизведете, просто щракнете върху бутона "Стартиране на възпроизвеждането" . Ето как изглеждат работният документ и времевата линия, докато се възпроизвежда анимацията:
Сега задайте времето за кадър на анимация на 0,3 секунди, както е показано на изображението по-долу. Щракнете върху най-лявата рамка, задръжте Shift и щракнете върху най-дясната рамка, за да изберете всички рамки, след това щракнете върху иконата в долния десен ъгъл на която и да е миниатюра, в падащия списък редът „Други“, в прозореца което се появява, посочете продължителността в секунди:
Промяна на кадровото време.
Всъщност анимацията е готова. Сега остава да го запазите. Тук има два варианта. Можете да го запишете като GIF файл или като видео (mp4). За да запазите GIF, натиснете клавишната комбинация Ctrl+Alt+Shift+S, в прозореца, който се отваря, изберете типа на файла за запазване на GIF и щракнете отново върху „Запазване“. Но факт е, че услугата Instagram не поддържа анимирани GIF файлове, файлът ще бъде зареден, но на страницата ще се покаже статична картина. Така че ще трябва да изтеглите не директно, а с помощта на специални услуги.
И втората опция е да запазите анимация като mp4 видео и да го изтеглите директно като видео. За да запазите видеоклипа, щракнете върху раздела на главното меню File ->Export ->Export Video , изберете папката за запазване, оставете останалите настройки по подразбиране и щракнете върху бутона "Render" , за да запазите видео файла.
Изтеглете изходните материали:Изтеглете от Yandex Disk