Записи Друзья Комментарии
MJS63
Аватар MJS63

 -Рубрики

 -Цитатник

Без заголовка - (0)

Экшен "3D Wood Text"(3D-текст из дерева) в Photoshop. Экшен для любого типа слоя, векторной формы...

Без заголовка - (0)

Онлайн генераторы для удаления фонов с картинок без Фотошопа AI Background removerPixlr AIRetouch...

Благотворительность, завернутая в достоинство. - (0)

Благотворительность, завернутая в достоинство. Леди спрашивает: "Сколько вы продаете...

Анимация перемещения блика - (0)

Анимация перемещения блика по объекту в фотошопе

при восстановлении компьютера с Windows 10 возникла проблема – изменения не внесены - (1)

Урок 1148: при восстановлении компьютера с Windows 10 возникла проблема – изменения не внесены К...

 -Фотоальбом

Посмотреть все фотографии серии Турция
Турция
15:45 02.12.2013
Фотографий: 1
Посмотреть все фотографии серии Фото
Фото
19:55 27.02.2011
Фотографий: 4

 -

пїЅпїЅпїЅпїЅпїЅ пїЅ пїЅпїЅпїЅпїЅпїЅ
[Этот ролик находится на заблокированном домене]

пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅ пїЅ пїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ
В© пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ

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

Поиск сообщений в MJS63

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 29.12.2010
Записей: 1458
Комментариев: 63
Написано: 1573


Без заголовка

Понедельник, 05 Ноября 2012 г. 15:09 + в цитатник
Цитата сообщения Mademoiselle_Viv
Прочитать целикомВ свой цитатник или сообщество!
Анимация текста в Photoshop CS 6

Анимированный-текст-в-CS6 (700x467, 204Kb)

1. Подготовка к Анимации


Создаем фон


Откроем выбранную картинку в Фотошопе. Я взяла вот эту:


Пишем текст


Для удобства я пишу короткое слово " Привет!".
Каждая буква должна находится на отдельном слое. Можно применить к буквам стиль слоя (у меня на скрине стиль на буквах скрыт)
В итоге подготовительного этапа у меня получилось 7 слоев: фон и каждая буква из слова (восклицательный знак я соединю с последней буквой).
2012-11-03_222947 (259x408, 18Kb)2012-11-03_230434 (272x447, 23Kb)

2. Анимация


Шаг 1. Добавляем рабочую область


Чтобы заставить буквы двигаться, нужно открыть специальные инструменты для анимации. Для этого заходим в опции "Окно"=>Рабочая среда" и выбираем "Движение" (в других версиях "Анимация") или Окно"=>"Шкала времени"
2012-11-03_235309 (538x281, 36Kb)

После этого к  привычным настройкам рабочего пространства фотошопа добавляется особая панель.


2012-11-03_235809 (574x175, 17Kb)

Шаг 2. Переходим в режим раскадровки


2012-11-04_001100 (575x321, 34Kb)

Шаг 3. Создаем дубликаты кадров


Для этого щелкнем по иконке, знакомой нам по панели слоев. После каждого клика появляется новый кадр. Все кадры будут дубликатами первого. В следующем шаге мы это изменим.
2012-11-04_001458 (578x320, 34Kb)
Я создала 7 кадров для каждой буквы и фона.

Шаг 4. Задаем порядок появления каждой буквы


Чтобы в нужное время на нашей анимированной картинке появлялась нужная буква, нужно выполнить несколько операций:

  1. Выделяем кадр на шкале времени.

  2. Включаем видимость тех слоев, которые должны быть в кадре, остальные отключаем.

  3. Выделяем слои на панели слоев, которые должны отображаться в кадре.


  • В 1-ом кадре выделен  только фон, он видим, видимость (глазок) остальных слоев отключена.

    • 2012-11-04_003631 (700x447, 83Kb)
  • Во 2-ом кадре выделены и видимы уже два слоя: фон и первая буква слова.

    • 2012-11-04_004325 (700x448, 110Kb)
    Так на каждом следующем кадре будет прибавляться 1 слой с буквой и в 7-ом кадре будут выделены и видимы все слои.
    2012-11-04_004756 (699x453, 68Kb)

    Шаг 5. Выставляем время показа каждого кадра


    Для первого и последнего кадра я выбрала время 0,5 сек, для остальных 0,2 сек.


    2012-11-04_005318 (700x445, 69Kb)

    Шаг 6. Выбор параметров цикла


    Для того, чтобы движение анимации не прекращалось, нужно установить параметр "Постоянно".


    2012-11-04_005659 (471x211, 22Kb)
    Теперь можно посмотреть результат проделанной работы. Нажмите в нижней строке панели стрелку "Запуск воспроизведения анимации".
    2012-11-04_010007 (469x164, 20Kb)

    Этап 4. Сохраняем анимированный текст


    Для этого в меню Файл выбираем Сохранить для Web. В открывшемся окне можно еще раз посмотреть полученный результат, изменить цветовые параметры, формат и другое. Я выбрала такие установки.
    2012-11-04_010630 (700x499, 88Kb)
    Без-имени-1 (286x302, 62Kb)

    Серия сообщений "уроки анимации":
    Часть 1 - Без заголовка
    Часть 2 - Без заголовка
    ...
    Часть 17 - Без заголовка
    Часть 18 - Без заголовка
    Часть 19 - Без заголовка
    Часть 20 - Без заголовка
    Часть 21 - для создания движения
    Часть 22 - Без заголовка

    Нравится

    Комментировать — К дневнику — Страницы: [1] [Новые]
     

    Добавить комментарий:
    Текст комментария: смайлики

    Проверка орфографии: (найти ошибки)

    		Прикрепить картинку:

     Переводить URL в ссылку
     Подписаться на комментарии
     Подписать картинку


    О проекте