Вернуться   Форум Uinsell.Net > Разное > Креатив > Уроки Photoshop
Войти через OpenID

Ответ
 
Опции темы Опции просмотра

Автарка с анимацией
Старый 16.02.2013, 17:03   #1
Посетитель
 
Аватар для TheReal


Обратиться по нику

Инфо
Регистрация: 03.12.2012
Сообщений: 88
Благодарностей: 145
По умолчанию Автарка с анимацией

Всем привет, решил написать свой урок о том как создать аватар с анимацией в Фотошопе. Что мы получим на выходе -

.

Урок расчитан на более-менее разбирающихся в фотошопе, поэтому все подряд я скринить не буду. Итак, поехали:

1)Создаем новое изображение 100х100px. Затем заливаем его любым цветом (в моем случае это - #929292).

2)Теперь перейдем к тексту, каждую букву текста создаем отдельно, затем собираем всё в одно слово(у меня получается две строки: zhenek128 и 1900002).

3)Теперь в Фотошопе переходим в рабочую среду под названием Движение, смотрим вниз
[Ссылки видны только зарегистрированным пользователям. Зарегистрироваться]
и переходим в режим Раскадровки
.

Важно!Время воспроизведения ВСЕХ кадров ставим 0,03сек

4)Разберемся с ником: на первом кадре выключаем все слои с буквами ника и аськи. На следующем кадре включаем любую букву из ника.Теперь выделяем первый кадр и жмем кнопку Создать промежуточные кадры (Количество кадров 5). С помощью промежуточных кадров появляется плавная анимация. Эту операцию проделываем с каждой буквой. Появление букв не обязательно должно быть попорядку.

5)Итак, вы разобрались с ником и теперь переходим к аське. Включаем четыре слоя с цифрой 0. На кадре который идет после того как весь ник полностью появился собираем у нижней границы аватарки все 0 из номера аськи так, что бы каждый слой налегал друг на друга и у каждого слоя изменяем Непрозрачность до 0%. На следующем кадре перемещаем все слои с 0 туда где должен будет стоять 0 который идет после 9 и изменяем Непрозрачность до 100%. Возвращаемся на предыдущий кадр и опять воспользуемся кнопкой Промежуточные слои(Кол-во 5). Смотрим как плавно нолики перемещаются от нижней границе.

Теперь после того кадра где все нолики на своем месте, создаем новый кадр и перемещаем 3 нолика вправо, на место где должен стоять второй нолик после 9. Возращаемся на кадр назад и опять жмем кнопку Промежуточные кадры(Кол-во 5).
Эту операцию проделываем с оставшимися 2 ноликами, т.е потом перемещаем два нолика еще правее и потом последний ноль еще двигаем вправо(Не забываем про промежуточные кадры).

6)Теперь выполним уже знакомые операции на следующем кадре включаем любую из оставщихся цифр(я выбрал 8), затем возвращаемся на предыдущий кадр и жмем кнопку Промежуточных слоев(Кол-во 5), Эту операцию проделываем со всеми кадрами.

После выполнения всех операции получаем красивую анимацию, можно время воспроизведения кадра (на котором видны полностью и ник, и аська) изменить до 2 сек.

7)Если говорить о том куда всё это девается после анимаци, то скажу то там все основано на тех же операциях что и при появлении текста (думаю понять как всё устроенно не составит труда)

В итоге получается 186 кадров

Не судите строго.
С вами был, TheReal

Последний раз редактировалось TheReal; 17.02.2013 в 18:15..
  Ответить с цитированием
4 cпасибо от:

Старый 16.02.2013, 17:11   #2
Посетитель
 
Аватар для MrPLaM6uP


Обратиться по нику

Инфо
Регистрация: 11.01.2010
Сообщений: 69
Благодарностей: 94
ICQ: 407164
По умолчанию

Цитата:
Сообщение от TheReal Посмотреть сообщение
3)Теперь в Фотошопе переходим в рабочую среду под названием Движение

Какой фп?

Я делаю все то же самое через простое окно анимации, сначала покадрово, потом перевожу во временную шкалу (но так же через окно анимации), вроде все то же самое что и у тебя, но у меня это окно анимации и а не рабочая среда... в рабочей среде у меня вообще нету Движения)

fp cs4
  Ответить с цитированием

Старый 16.02.2013, 17:13   #3
Посетитель
 
Аватар для TheReal


Обратиться по нику

Инфо
Регистрация: 03.12.2012
Сообщений: 88
Благодарностей: 145
По умолчанию

MrPLaM6uP, Photoshop CS6

  Ответить с цитированием

Старый 21.03.2013, 16:17   #4
Парится в баньке.
 
Аватар для asdik


Обратиться по нику

Инфо
Регистрация: 13.03.2013
Сообщений: 26
Нарушения: 0/1 (50) Благодарностей: 3
По умолчанию

полезная информация
  Ответить с цитированием
Спасибо от:
Антиспасибо от:

Старый 21.03.2013, 16:45   #5
Парится в баньке.
 
Аватар для Insert


Обратиться по нику

Инфо
Регистрация: 08.12.2012
Сообщений: 20
Нарушения: 0/1 (50) Благодарностей: 17
По умолчанию

asdik, не устал набивать сообщения?
  Ответить с цитированием
3 cпасибо от:

Старый 22.03.2013, 01:35   #6
Завсегдатай
 
Аватар для Эйс Вентура


Обратиться по нику

Инфо
Регистрация: 07.02.2013
Сообщений: 281
Благодарностей: 54
По умолчанию

Цитата:
Сообщение от Insert Посмотреть сообщение
asdik, не устал набивать сообщения?
Не устал до*бываться? (такие как ты с такими постами бесят меня).
  Ответить с цитированием
Спасибо от:

Старый 22.03.2013, 09:30   #7
Парится в баньке.
 
Аватар для Rafael


Обратиться по нику

Инфо
Регистрация: 20.04.2012
Сообщений: 52
Нарушения: 0/1 (50) Благодарностей: 13
По умолчанию

Эйс Вентура, оо здорова здорова, я здесь тоже напишу, а знаешь что меня бесит? такой мульт как ты, который свободно гуляет на форуме. У которого до 5 акков уже в бане + серый список.
  Ответить с цитированием

Старый 22.03.2013, 15:16   #8
©
 
Аватар для Wonder


Обратиться по нику

Инфо
Регистрация: 27.05.2011
Сообщений: 4,345
Благодарностей: 5794
По умолчанию

Цитата:
Сообщение от Rafael Посмотреть сообщение
Эйс Вентура, оо здорова здорова, я здесь тоже напишу, а знаешь что меня бесит? такой мульт как ты, который свободно гуляет на форуме. У которого до 5 акков уже в бане + серый список.
Без доказательств - пустые слова, не более.
  Ответить с цитированием
2 cпасибо от:

Старый 22.03.2013, 15:50   #9
Парится в баньке.
 
Аватар для Rafael


Обратиться по нику

Инфо
Регистрация: 20.04.2012
Сообщений: 52
Нарушения: 0/1 (50) Благодарностей: 13
По умолчанию

Так ведь он сам не отрицает, что доказывать?)
  Ответить с цитированием

Старый 22.03.2013, 19:14   #10
Завсегдатай
 
Аватар для Эйс Вентура


Обратиться по нику

Инфо
Регистрация: 07.02.2013
Сообщений: 281
Благодарностей: 54
По умолчанию

Цитата:
Сообщение от Rafael Посмотреть сообщение
такой мульт как ты, который свободно гуляет на форуме. У которого до 5 акков уже в бане + серый список.
5 акк
  Ответить с цитированием

Старый 22.03.2013, 20:57   #11
Парится в баньке.
 
Аватар для Rafael


Обратиться по нику

Инфо
Регистрация: 20.04.2012
Сообщений: 52
Нарушения: 0/1 (50) Благодарностей: 13
По умолчанию

Иногда лучше жевать.
  Ответить с цитированием
Антиспасибо от:

Старый 22.03.2013, 23:50   #12
Завсегдатай
 
Аватар для Эйс Вентура


Обратиться по нику

Инфо
Регистрация: 07.02.2013
Сообщений: 281
Благодарностей: 54
По умолчанию

Цитата:
Сообщение от Rafael Посмотреть сообщение
Иногда лучше жевать.
смешной ты) плюсы не ставят за твои столь полезные посты?
  Ответить с цитированием

Старый 23.03.2013, 00:32   #13
Парится в баньке.
 
Аватар для RedAngel


Обратиться по нику

Инфо
Регистрация: 18.11.2012
Сообщений: 104
Нарушения: 0/1 (50) Благодарностей: 38
По умолчанию

Вышеописанный урок пройдет с тем же фотошопом, но только adobe photoshop CS4 Portable? Тоесть это та же программа, только запускается БЕЗ установки. Мб вырезано что?
  Ответить с цитированием

Старый 23.03.2013, 00:40   #14
Посетитель
 
Аватар для MrPLaM6uP


Обратиться по нику

Инфо
Регистрация: 11.01.2010
Сообщений: 69
Благодарностей: 94
ICQ: 407164
По умолчанию

нет, все так же
  Ответить с цитированием

Старый 23.03.2013, 00:48   #15
йож
 
Аватар для dikobraz


Обратиться по нику

Инфо
Регистрация: 09.06.2011
Сообщений: 1,929
Благодарностей: 3938
ICQ: 1О298 :)
По умолчанию

RedAngel, смотря какая сборка, версия
  Ответить с цитированием

Старый 23.03.2013, 01:03   #16
Парится в баньке.
 
Аватар для aling


Обратиться по нику

Инфо
Регистрация: 08.10.2012
Сообщений: 31
Нарушения: 0/1 (50) Благодарностей: 11
По умолчанию

На с5 лучше
  Ответить с цитированием
Спасибо от:

Старый 23.03.2013, 14:24   #17
Парится в баньке.
 
Аватар для RedAngel


Обратиться по нику

Инфо
Регистрация: 18.11.2012
Сообщений: 104
Нарушения: 0/1 (50) Благодарностей: 38
По умолчанию

Ошибочка, у меня cs5 portаble
  Ответить с цитированием

Старый 24.03.2013, 23:17   #18
Посетитель
 
Аватар для MrPLaM6uP


Обратиться по нику

Инфо
Регистрация: 11.01.2010
Сообщений: 69
Благодарностей: 94
ICQ: 407164
По умолчанию

RedAngel, все то же самое, для данного эффекта, достаточно окна анимации (и для более быстрого и плавного отображения временной шкалы), на сколько я знаю они есть в большинстве (почти в любой) сборок
  Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход



Текущее время: 17:51. Часовой пояс GMT +4.



Powered by vBulletin
Copyright © 2009-2016 UinSell.Net
Лицензия зарегистрирована на: UinSell

Перевод: zCarot