Урок анимации-Переворот текста(урок фотошопа)

Пятница, 17 Января 2014 г. 15:43 + в цитатник

Цитата сообщения Semenova_Irina

Прочитать целиком В свой цитатник или сообщество!

Урок анимации-Переворот текста(урок фотошопа)

Доброго времени суток дорогие мои читатели!
Чтобы сделать такую анимацию,вам нужно понять как она делается.
Для это начнём с самого начала,т.е произведём переворот пока одной буквы или цифры.

Для этого
1)Создадим новый документ ,ну например 400х400рх
2)Зальём пока наш документ чёрным цветом
3)А белым цветом напишем ну допустим,цифру 2

4)Растрируем наш текст

5)Сделаем копию нашей цифры: Ctrl+J

6)Встаем на оригинал слоя и применим стиль слоя

7)Для копии применим другой стиль слоя

8)Чтобы применить и закрепить данные стили
Мы создадим новый слой,слой ниже,и нажмём
Объеденить с предыдущим.

9)Создадим новый слой(Слой 4)
Или кистью,или произвольной фигурой нарисуем
Звёздочку например

10)Применим к ней также стиль(можете другой п.6) и закрепим его (п.8.)

11)Сделаем по две копии наших слоёв с цифрой
И пока выключим глазики на всех слоях кроме
Слоя 2 и фона

12)Встанем и активируем слой 2 копия
И инструментом масштабирования уменьшим наш слой по ширине
До 60%

13)Встаём и активируем слой 2 копия2

14)Тоже самое проделываем с копиями третьего слоя
П.12 и п.13

15)Теперь создадим копии 4 для звёздочки
Для каждой копии повернём звёздочку инструментом Трансформации поворот.

Пока мы оставим их расположение неизменным , их мы передвиним уже в кадрах.
16)Открываем окно анимации
Выставляем
Постоянно и время анимации 0,2с
И пока выключим глазики на всех слоях кроме
Слоя 2 и фона

16)Теперь будем составлять анимацию
Первый кадр у нас Слой 2
Второй кадр-Слой 2 копия
Третий кадр-Слой2 копия2
Четвёрдый кадр-Слой 3 копия 2
Пятый кадр-Слой 3копия
Шестой кадр –Слой 3

17)Если хотите сделать анимацию плавной,
Для этого идём в меню анимации и выбираем «Выделить все кадры»
Затем опять идём в меню анимации и выбираем «Копировать кадры»
Опять в меню анимации и выбираем «вставить кадры»

Затем опять в меню анимации и выбираем «Обратный порядок кадров»
18)Вроде бы анимация готова,но мы забыли о звёздочке.
Ну чтож идём на первый кадр и включаем глазик на звёдочке
И активируем этот слой

19)Переходим на второй кадр и влючаем глазик на первой копии звездочки,а на оригинале глазик закроем.
Немного передвиним инструментом перемещения нашу звёздочку,чтоб она касалась или заходила на нашу цифру

20)Переходим на третий кадр и активируем включаем глазик на второй копии звёздочки(на оригинале глазик отключаем) и передвигаем её

21)Переходим на следующий кадр и активируем третью копию звёздочки(на оригинале глазик отключаем) и передвигаем её немного дальше

22) Переходим на следующий кадр и активируем третью копию звёздочки(на оригинале глазик отключаем) и передвигаем её немного дальше

23) Переходим на следующий кадр и отключаем глазики на слоях со звёздочками(она как бы исчезает выходя за края слоя)
Перходим на следующий кадр и повторяем с п.18 по п.23
24) Влючаем воспроизведение и вот что у нас получилось.

Таким образом можно сделать анимацию со словом и даже разными словами.

Только каждую букву в слове мы пишем на отдельном слое
И для каждой буквы нужно делать как минимум одну копию.
Ну а всё остальное в принципе как в уроке.
Только это требует терпения и внимательности.
Успехов вам в творчестве.
Возникли вопросы,пишите,обсудим…
Ваша Sem.Irina.

Серия сообщений "Фотошоп":
Часть 1 - Фотошоп уроки
Часть 2 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quiker
...
Часть 27 - Уроки Фотошопа Онлайн 1 (01)
Часть 28 - Уроки фотошопа от Лейлы Биркерт
Часть 29 - Урок анимации-Переворот текста(урок фотошопа)
Часть 30 - Урок от NATALI:Для фотошопа С5 -быстрое выделение
Часть 31 - ШИКАРНЫЕ ВИДЕО-УРОКИ ПО Adobe Photoshop CS5
...
Часть 33 - Фотошоп, фотодело, фотосоветы. Бродилка по дневникам №2
Часть 34 - Фотошоп, фотодело, фотосоветы. Бродилка по дневникам №3
Часть 35 - Классный сайт ,где можно скачать отличные программы

Метки: фотошоп уроки

<a href="https://www.liveinternet.ru/users/5216925/post308365453/">РЈСЂРѕРє Р°РЅРёРјР°С†РёРё-РџРµСЂРµРІРѕСЂРѕС‚ С‚РµРєСЃС‚Р°(СѓСЂРѕРє С„РѕС‚РѕС€РѕРїР°)</a><br/>РЈСЂРѕРє Р°РЅРёРјР°С†РёРё-РџРµСЂРµРІРѕСЂРѕС‚ С‚РµРєСЃС‚Р°(СѓСЂРѕРє С„РѕС‚РѕС€РѕРїР°)

Р”РѕР±СЂРѕРіРѕ РІСЂРµРјРµРЅРё СЃСѓС‚РѕРє РґРѕСЂРѕРіРёРµ РјРѕРё С‡РёС‚Р°С‚РµР»Рё!
Р§С‚РѕР±С‹ СЃРґРµР»Р°С‚СЊ С‚Р°РєСѓСЋ Р°РЅРёРјР°С†РёСЋ,РІР°Рј РЅСѓР¶РЅРѕ РїРѕРЅСЏС‚СЊ РєР°Рє РѕРЅР° РґРµР»Р°РµС‚СЃСЏ.
Р”Р»СЏ СЌС‚Рѕ РЅР°С‡РЅС‘Рј СЃ СЃР°РјРѕРіРѕ РЅР°С‡Р°Р»Р°,С‚.Рµ РїСЂРѕРёР·РІРµРґС‘Рј  РїРµСЂРµРІРѕСЂРѕС‚ РїРѕРєР° РѕРґРЅРѕР№ Р±СѓРєРІС‹ РёР»Рё С†РёС„СЂС‹.

Р”Р»СЏ СЌС‚РѕРіРѕ 
1)РЎРѕР·РґР°РґРёРј РЅРѕРІС‹Р№ РґРѕРєСѓРјРµРЅС‚ ,РЅСѓ РЅР°РїСЂРёРјРµСЂ 400С…400СЂС…
2)Р—Р°Р»СЊС‘Рј РїРѕРєР° РЅР°С€ РґРѕРєСѓРјРµРЅС‚ С‡С‘СЂРЅС‹Рј С†РІРµС‚РѕРј
3)Рђ Р±РµР»С‹Рј С†РІРµС‚РѕРј РЅР°РїРёС€РµРј РЅСѓ РґРѕРїСѓСЃС‚РёРј,С†РёС„СЂСѓ 2

4)Р Р°СЃС‚СЂРёСЂСѓРµРј РЅР°С€ С‚РµРєСЃС‚

5)РЎРґРµР»Р°РµРј РєРѕРїРёСЋ РЅР°С€РµР№ С†РёС„СЂС‹: Ctrl+J

6)Р’СЃС‚Р°РµРј РЅР° РѕСЂРёРіРёРЅР°Р» СЃР»РѕСЏ Рё РїСЂРёРјРµРЅРёРј СЃС‚РёР»СЊ СЃР»РѕСЏ

7)Р”Р»СЏ РєРѕРїРёРё РїСЂРёРјРµРЅРёРј РґСЂСѓРіРѕР№ СЃС‚РёР»СЊ СЃР»РѕСЏ

8)Р§С‚РѕР±С‹ РїСЂРёРјРµРЅРёС‚СЊ Рё Р·Р°РєСЂРµРїРёС‚СЊ РґР°РЅРЅС‹Рµ СЃС‚... <a href="https://www.liveinternet.ru/users/5216925/post308365453/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Ссылки

-Фотоальбом

-Цитатник

-Приложения

-Видео

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

Урок анимации-Переворот текста(урок фотошопа)