Как да създадете програма за предварително зареждане на Gif във Photoshop за 5 минути, уроци за анимация, помощ за Photoshop
Този урок ще ви покаже как да създадете стилен gif файл за предварително зареждане във Photoshop. За справка: Preloader - показва процеса на изтегляне на приложения, сайтове и др. Например, може да се инсталира предварително зареждане, докато сайтът или отделната му част се зареждат.
Стъпка 1: Подгответе програмата за предварително зареждане
Създайте нов документ с желаните размери, за урока използвах 750x300 px
Вземете инструментаCustom Shape, отворете палитрата "Custom Shape " от горната лента с инструменти и изберете формата "Round Frame ". Ако не съществува, можете да го добавите, като щракнете върху иконата на зъбно колело -> фигури
След това изберете тъмно сив цвят, задръжте Shift и нарисувайте овал в центъра на документа
Стъпка 2: Създайте стил на анимация
Анимацията ще бъде създадена с помощта на стил на слой и времева линия. За да започнете, отидете в стила на слоя, като щракнете двукратно върху слоя с формата и отидете на "Наслоявания с градиент ". След това създайте нов градиент, следвайте екранните снимки по-долу
Режим на смесване: нормален; Непрозрачност: 100%; Стил: Ъглов; Ъгъл: 90 o ; Първи цвят: #363636
Втори цвят: #0cff00; Третият цвят е същият като първия
След това отидете на "Inner Glow " и задайте тези настройки
Натиснете OK. Трябва да получите нещо като екранната снимка по-долу
Стъпка 3: Създаване на анимация
Сега най-важната задача, трябва да анимираме нашия стил. За да започнете, отидете на раздела
„Прозорец -> Времева линия“, за да отворите панела за създаване на анимация.
Мисля, че точки 1 и 2 са ясни (отворете "Shape 1" и активирайте стила. Следващото е най-интересното.
Под номер 3 слагам стрелката надясно, т.е. Когато се активирапараметър "стил" имате жълт диамант - това е нашият стил на фигурата в момента на активиране.
За да анимираме, трябва да преместим червената лента надясно на приблизително същото разстояние, както е показано по-горе.
След това се върнете към стила на слоя с форма и задайте тези опции
Сега отново преместете червената ивица на същото разстояние, отидете на стила на слоя и задайте тези опции
След това изрежете времевата линия, като плъзнете плъзгача до последния стил, както е показано на екранната снимка
За да повторите анимацията, поставете отметка в квадратчето „Възпроизвеждане на цикъл“.
Стъпка 4: Запазете програмата за предварително зареждане на gif
Отидете на "Файл -> Запазване за уеб " Изберете формата .gif и щракнете върху запазване.
