В този урок ще научим как да направим аватар с анимиран текущ текст от обикновена картина.
Отворете всяко оригинално изображение във Photoshop. В този случай нека вземем готов аватар 150x150 px. Отворете палитрата със слоеве, ако има заключване на слоя, щракнете два пъти върху него, след това OK.Необходимо е да се уверите, че текстът не излиза от самия ръб на аватара, а от определено разстояние от десния ръб, в противен случай ще излезе грозно. За да направите това, използвайте Rectangular Marquee Tool (клавиш M). Изберете малка област отдясно, както е на фигурата. Между другото, самата селекция може да се трансформира и премества чрез щракване, както е показано на фигурата:
След като се справите с позицията и размера на селекцията, натиснете Ctrl+J. С това действие клонирахме частта от изображението, която беше в зоната на избраната област, върху нов слой.
Сега щракнете върху инструмента „Текст“ (клавиш T на клавиатурата), изберете цвета на текста (цветният квадрат в горния панел е приблизително в средата, тогава цветът на текста може да се промени) и въведете текст. Няма значение дали надписът не е в размер или не е на правилното място на аватара. Ако задържите клавиша Ctrl, около текста ще се появи рамка, а като преместите ъгъла на рамката, можете да промените размера на надписа.И ако преместите курсора малко встрани от надписа, можете да промените местоположението на надписа. Накратко, избираме текста според картината, след това отваряме палитрата със слоеве (клавиш F7) и, като държим левия бутон на мишката, плъзгаме текстовия слой под слоя със секцията с изображение.
Сега, всъщност, самата анимация. Щракваме върху текстовия слой, след това върху палитрата с инструменти, избираме инструмента „Текст“ (или клавиша T) и плъзгаме текста извън изгледа надясно, като първо задържаме клавишите Ctrl и Shift, така че текстът да се движи точно хоризонтално.
Отваряне на панела за анимация.
Първият кадър от анимацията на аватара беше автоматично генериран. След това генерираме втория кадър, като щракнете върху бутона за добавяне на кадър в панела за анимация, както е показано на снимката
Преместете текста до крайната точка, както при първото движение, само че точно обратното. Картината трябва да изглежда така:
След това щракнете върху този бутон за добавяне на междинни кадри, показано е на фигурата по-горе със стрелка (1), появява се нов прозорец, добавете 10 кадъра (тук ви харесва, можете 5 или 20, щракнете върху върху бутона за възпроизвеждане на анимация. Ако всичко е направено правилно, трябва да получите нещо като тази снимка
Но някак си се оказа погрешно
Първо, нека променим настройките. Бутонът за избор на параметри на цикъла „винаги или веднъж“ (1), бутонът за показване на кадри (2) и ако изберете няколко кадъра наведнъж, като задържите клавиша Ctrl, тогава времето за показване се променя незабавно на всички избрани кадри ( 3).
Задайте цикъла на "винаги" , времето за показване на рамката е 0,05 сек. Задайте времето за показване на последния кадър на 4 секунди. Вече е по-добре, нали?
Сега нека накараме надписа да се премести наляво. За да направите това, повторете стъпките с избора и клонирането на дясната секция, само от лявата страна на картината. Изберете, след това Ctrl+J, след което преместете новия слой нагоре в палитрата със слоеве, така че да е над текстовия слой.
Изберете последния кадър от скалата на анимацията, генерирайте още един кадър.
Преместваме текста отвъд зоната на видимост вляво, както правехме преди. Поставяме междинни кадри, променяме времето върху тях с 0,05 секунди. Трябва да изглежда така:
И сега можете да изберете настройките за време за показване на кадър по ваш вкус.
Изглежда е всичко.
Въпреки че не, не всички. За тези, които не знаят как да запазят анимация във Photoshop, ще ви кажа: раздел Файл ->Запазване за уеб и устройства и изберете GIF формат.