Дата: Воскресенье, 08.09.2013, 23:09 | Сообщение # 1
Всё Б.Х.
Группа: Друзья
Сообщений: 1617
Статус: Offline
Награды
В данной теме будут выкладываться уроки анимации в программе Photoshop.
Внимание! Большинство уроков этой темы написаны с использованием Photoshop CS6, в других версиях программы процесс создания анимации может отличаться. В версиях ниже CS3 для создания анимации используется ImageReady.
Дата: Воскресенье, 08.09.2013, 23:09 | Сообщение # 2
Всё Б.Х.
Группа: Друзья
Сообщений: 1617
Статус: Offline
Награды
Анимация "Бегущий блик"
Привет всем, сегодня мы с вами научимся делать анимацию бегущего по тексту блика, который может быть очень полезен при создании различных анимированных баннеров
Я создаю новый документ размером 500х130 пикс. и заливаю его черным цветом (можно выбрать любой другой, но на черном лучше всего виден контраст :)). Пишем любой текст. (Убедитесь, что при создании документа в поле Цветовой режим у вас выставлено значение 8 бит)
Создаем новый слой. Инструментом Выделение (M) выделяем небольшой прямоугольник. Часть первой буквы должна оказаться ПОД ним. Заливаем его белым цветом.
Снимаем выделение Ctrl + D. Находясь на слое с прямоугольником, нажимаем Alt + Ctrl + G, это сочетание клавиш превращает наш слой в клип-маску. ( Еще один урок с использованием клип-маски здесь ) Мы видим, что наш белый прямоугольник оказался теперь внутри текста. Меняем прозрачность слоя на 25%
Теперь начинается самое интересное – анимирование. Идем в меню Окно – Шкала времени. Внизу появилось маленькое окошко. Нажимаем "Создать временную шкалу для видео" и в левом нижнем углу жмем кнопку, отмеченную на скриншоте.
Окно Анимации меняет свой вид:
Создаем копию нашего пока единственного кадра, нажав на кнопку, отмеченную ниже:
Стоя на втором кадре, инструментом Перемещение сдвигаем наш блик с первой буквы на последнюю. При переключении между кадрами, мы можем видеть, что на первом кадре блик в начале текста, на втором – в конце.
Зажимаем на клавиатуре Ctrl и щелкаем сначала по одному кадру, затем по второму, чтобы выделить их оба. Теперь нам нужно создать промежуточные кадры, чтобы блик передвигался плавно.
В открывшемся окне указываем количество этих самых промежуточных кадров. Чем больше их будет, тем плавнее будет двигаться блик. Но не переборщите, большое количество кадров сильно увеличивает вес конечной анимации. Я поставила 50.
Теперь нам нужно установить временную задержку между кадрами. Стандартно стоит 5 секунд. Это, конечно же, много. Нажав на кнопку в правом верхнем углу, выбираем "Выделить все кадры"
Щелкаем по надписи "5 сек." на любом из кадров, и в открывшемся окошке выбираем "Другое...". Устанавливаем значение 0,05 сек.
Для просмотра получившейся анимации, нажимаем кнопку Проигрывания.
Если нас все устраивает, то сохраняем анимацию через Файл – Сохранить для Web. Выбираем формат GIF. Не забудьте обратить внимание на вес получившейся анимации. В нашем случае он совсем небольшой. Сохраняем.
Конечный результат:
Автор: [Piratka] Специально для http://sims3game.ucoz.ru . Копирование без указания активной ссылки запрещено.
Дата: Воскресенье, 13.10.2013, 22:18 | Сообщение # 4
Всё Б.Х.
Группа: Друзья
Сообщений: 1617
Статус: Offline
Награды
Tandori, отличная анимация, молодец
ЦитатаTandori ()
Кстати ты забыла добавить, что создавать лист для анимации нужно с 8-битным каналом, иначе ты ее не сможешь сохранить как гифку.
Эм, насколько я знаю, такая настройка стоит по умолчанию Эники-беники, мы улетаем навеки. Навеки, навеки на венике. Веки, веки смыкаем. Знаем мы, знаем - Не вспомнится, не икнётся...
Так стоит ли слать приветы С обратной стороны солнца?
Дата: Воскресенье, 13.10.2013, 23:23 | Сообщение # 5
Активный
Группа: Проверенные
Сообщений: 148
Статус: Offline
Награды
Цитата[Piratka
;71401]Эм, насколько я знаю, такая настройка стоит по умолчанию
Да, но если пользователь работал с 32-битным каналом, то при создании нового документа, ставится тот который использовался в прошлый раз. По-крайней мере у меня так!
Дата: Воскресенье, 13.10.2013, 23:31 | Сообщение # 6
Всё Б.Х.
Группа: Друзья
Сообщений: 1617
Статус: Offline
Награды
Tandori, Ну, в общем-то, так можно сказать про любую настройку. Ладно, я в любом случае добавила это в урок. Спасибо. Эники-беники, мы улетаем навеки. Навеки, навеки на венике. Веки, веки смыкаем. Знаем мы, знаем - Не вспомнится, не икнётся...
Так стоит ли слать приветы С обратной стороны солнца?
Дата: Понедельник, 14.10.2013, 02:33 | Сообщение # 7
Активный
Группа: Проверенные
Сообщений: 148
Статус: Offline
Награды
Да, не за что, просто некоторые начинающие пользователи не знают в фотошопе совершенно ничего. И думают если больше, значит лучше, в фотошопе это не так.
Дата: Воскресенье, 16.02.2014, 14:08 | Сообщение # 8
Тётушка Ирэн
Группа: Друзья
Сообщений: 3415
Статус: Offline
Награды
ЦитатаTandori ()
И думают если больше, значит лучше, в фотошопе это не так.
Хахаха, я до недавнего момента так думала. Начинающий я пользователь ----------- Отличная анимация. По глазам не бьёт, но смотрится хорошо) Спасибо, Юль! Только нужно обновить картинки. Хостинг попортил.