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

 -Цитатник

Список уроков.Как ОФОРМИТЬ ДНЕВНИК. - (13)

Список уроков.Как ОФОРМИТЬ ДНЕВНИК. Здесь я собрала всё самое Основное, И НЕОБХОДИМО...

Удобные flash-генераторы для подборки нужного вам цвета! - (3)

Удобные flash-генераторы для подборки нужного вам цвета!   Очень удобные flash-генерат...

Знаменитые фильтры KPT 6 для Фотошопа - (3)

Знаменитые фильтры KPT 6 для Фотошопа Чтобы посмотреть эффекты, нужно нажать на название фильт...

Инструкция для Золушки, или как выйти замуж за Принца в тайском лакорне - (0)

Инструкция для Золушки, или как выйти замуж за Принца в тайском лакорне   МИССИЯ...

 -Рубрики

 -ТоррНАДО - торрент-трекер для блогов

Делюсь моими файлами
    Скачал и помогаю скачать

      Показать все (1)

       -Всегда под рукой

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

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


      Анимация текста в Photoshop CS 6

      Понедельник, 05 Ноября 2012 г. 06:25 + в цитатник
      Цитата сообщения 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)

      Рубрики:  ФОТОШОП/ФШ текст
      Метки:  
      Нравится

      Katrin_tvorit   обратиться по имени Среда, 23 Января 2013 г. 14:53 (ссылка)
      Спасибо большое!!!!!
      Ответить С цитатой В цитатник
      Комментировать — К дневнику — Страницы: [1] [Новые]
       

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

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

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

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


      О проекте