[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: [Piratka]  
Форум » PHOTOSHOP » Уроки Photoshop » Уроки анимации
Уроки анимации
[Piratka]Дата: Воскресенье, 08.09.2013, 23:09 | Сообщение # 1
Всё Б.Х.
Группа: Друзья
Сообщений: 1617
Статус: Offline
Награды




Друг Супер 2014! За активное ведение дневника Супер Пират!

В данной теме будут выкладываться уроки анимации в программе Photoshop.

Внимание! Большинство уроков этой темы написаны с использованием Photoshop CS6, в других версиях программы процесс создания анимации может отличаться. В версиях ниже CS3 для создания анимации используется ImageReady.



Вопросы и комментарии можно писать здесь же.
 
[Piratka]Дата: Воскресенье, 08.09.2013, 23:09 | Сообщение # 2
Всё Б.Х.
Группа: Друзья
Сообщений: 1617
Статус: Offline
Награды




Друг Супер 2014! За активное ведение дневника Супер Пират!
Анимация "Бегущий блик"

Привет всем, сегодня мы с вами научимся делать анимацию бегущего по тексту блика, который может быть очень полезен при создании различных анимированных баннеров rolleyes

Я создаю новый документ размером 500х130 пикс. и заливаю его черным цветом (можно выбрать любой другой, но на черном лучше всего виден контраст :)). Пишем любой текст. (Убедитесь, что при создании документа в поле Цветовой режим у вас выставлено значение 8 бит)



Создаем новый слой. Инструментом Выделение (M) выделяем небольшой прямоугольник. Часть первой буквы должна оказаться ПОД ним. Заливаем его белым цветом.



Снимаем выделение Ctrl + D. Находясь на слое с прямоугольником, нажимаем Alt + Ctrl + G, это сочетание клавиш превращает наш слой в клип-маску. ( Еще один урок с использованием клип-маски здесь )
Мы видим, что наш белый прямоугольник оказался теперь внутри текста. Меняем прозрачность слоя на 25%




Теперь начинается самое интересное – анимирование.
Идем в меню Окно – Шкала времени. Внизу появилось маленькое окошко. Нажимаем "Создать временную шкалу для видео" и в левом нижнем углу жмем кнопку, отмеченную на скриншоте.



Окно Анимации меняет свой вид:



Создаем копию нашего пока единственного кадра, нажав на кнопку, отмеченную ниже:



Стоя на втором кадре, инструментом Перемещение сдвигаем наш блик с первой буквы на последнюю. При переключении между кадрами, мы можем видеть, что на первом кадре блик в начале текста, на втором – в конце.



Зажимаем на клавиатуре Ctrl и щелкаем сначала по одному кадру, затем по второму, чтобы выделить их оба. Теперь нам нужно создать промежуточные кадры, чтобы блик передвигался плавно.



В открывшемся окне указываем количество этих самых промежуточных кадров. Чем больше их будет, тем плавнее будет двигаться блик. Но не переборщите, большое количество кадров сильно увеличивает вес конечной анимации. Я поставила 50.



Теперь нам нужно установить временную задержку между кадрами. Стандартно стоит 5 секунд. Это, конечно же, много. Нажав на кнопку в правом верхнем углу, выбираем "Выделить все кадры"



Щелкаем по надписи "5 сек." на любом из кадров, и в открывшемся окошке выбираем "Другое...". Устанавливаем значение 0,05 сек.



Для просмотра получившейся анимации, нажимаем кнопку Проигрывания.



Если нас все устраивает, то сохраняем анимацию через Файл – Сохранить для Web. Выбираем формат GIF. Не забудьте обратить внимание на вес получившейся анимации. В нашем случае он совсем небольшой. Сохраняем.



Конечный результат:



Автор: [Piratka]
Специально для http://sims3game.ucoz.ru . Копирование без указания активной ссылки запрещено.
 
TandoriДата: Суббота, 12.10.2013, 23:15 | Сообщение # 3
Активный
Группа: Проверенные
Сообщений: 148
Статус: Offline
Награды




Проверенный пользователь
Хороший тутор, хоть и давно я это проходил, все равно сделаю..
Вот результат:

Кстати ты забыла добавить, что создавать лист для анимации нужно с 8-битным каналом, иначе ты ее не сможешь сохранить как гифку.


Сообщение отредактировал Tandori - Суббота, 12.10.2013, 23:50
 
[Piratka]Дата: Воскресенье, 13.10.2013, 22:18 | Сообщение # 4
Всё Б.Х.
Группа: Друзья
Сообщений: 1617
Статус: Offline
Награды




Друг Супер 2014! За активное ведение дневника Супер Пират!
Tandori, отличная анимация, молодец up

Цитата Tandori ()
Кстати ты забыла добавить, что создавать лист для анимации нужно с 8-битным каналом, иначе ты ее не сможешь сохранить как гифку.

Эм, насколько я знаю, такая настройка стоит по умолчанию


Эники-беники, мы улетаем навеки.
Навеки, навеки на венике.
Веки, веки смыкаем.
Знаем мы, знаем -
Не вспомнится, не икнётся...

Так стоит ли слать приветы
С обратной стороны солнца?

© Др.
 
TandoriДата: Воскресенье, 13.10.2013, 23:23 | Сообщение # 5
Активный
Группа: Проверенные
Сообщений: 148
Статус: Offline
Награды




Проверенный пользователь
Цитата [Piratka
;71401]Эм, насколько я знаю, такая настройка стоит по умолчанию
Да, но если пользователь работал с 32-битным каналом, то при создании  нового документа, ставится тот который использовался в прошлый раз.  По-крайней мере у меня так!
 
[Piratka]Дата: Воскресенье, 13.10.2013, 23:31 | Сообщение # 6
Всё Б.Х.
Группа: Друзья
Сообщений: 1617
Статус: Offline
Награды




Друг Супер 2014! За активное ведение дневника Супер Пират!
Tandori, Ну, в общем-то, так можно сказать про любую настройку. Ладно, я в любом случае добавила это в урок. Спасибо.

Эники-беники, мы улетаем навеки.
Навеки, навеки на венике.
Веки, веки смыкаем.
Знаем мы, знаем -
Не вспомнится, не икнётся...

Так стоит ли слать приветы
С обратной стороны солнца?

© Др.
 
TandoriДата: Понедельник, 14.10.2013, 02:33 | Сообщение # 7
Активный
Группа: Проверенные
Сообщений: 148
Статус: Offline
Награды




Проверенный пользователь
Да, не за что, просто некоторые начинающие пользователи не знают в фотошопе совершенно ничего. И думают если больше, значит лучше, в фотошопе это не так.
 
ИрэнДата: Воскресенье, 16.02.2014, 14:08 | Сообщение # 8
Тётушка Ирэн
Группа: Друзья
Сообщений: 3415
Статус: Offline
Награды




Друг Креатор Арт-мейкер Супер 2014! За активное ведение дневника Супер Сочинитель!
Цитата Tandori ()
И думают если больше, значит лучше, в фотошопе это не так.

Хахаха, я до недавнего момента так думала. Начинающий я пользователь laugh
-----------
Отличная анимация. По глазам не бьёт, но смотрится хорошо) Спасибо, Юль! up
Только нужно обновить картинки. Хостинг попортил.


 
[Piratka]Дата: Вторник, 18.02.2014, 00:15 | Сообщение # 9
Всё Б.Х.
Группа: Друзья
Сообщений: 1617
Статус: Offline
Награды




Друг Супер 2014! За активное ведение дневника Супер Пират!
Поправила, спасибо с:

Эники-беники, мы улетаем навеки.
Навеки, навеки на венике.
Веки, веки смыкаем.
Знаем мы, знаем -
Не вспомнится, не икнётся...

Так стоит ли слать приветы
С обратной стороны солнца?

© Др.
 
Форум » PHOTOSHOP » Уроки Photoshop » Уроки анимации
  • Страница 1 из 1
  • 1
Поиск: