-Цитатник

Рамки - валентинки - (0)

Рамки - валентинки А до Дня Святого Валентина осталось всего-то 18 дней ) Пора уже думать о небол...

Перекидные календари на 2011 год - (3)

Перекидные календари на 2011 год Делюсь с Вами еще двумя перекидными календарями на 2011 год. &n...

Текстуры для коллажей - (7)

Текстуры для коллажей Abstract Bokeh Textures  Размер 3200х2400, формат jpeg. Кликабельны д...

5 наборов фонов - (1)

5 наборов фонов Набор фонов "Cool Breeze"  14 JPЕG | 3600 x 3600 px | 300 dpi...

Коллекция осенних рамочек - (4)

Коллекция осенних рамочек С помощью этих рамочек можно красиво оформить Ваши осенние фотографии ...

 -Сообщества

Участник сообществ (Всего в списке: 1) Photoshopia
Читатель сообществ (Всего в списке: 1) Я-МОДЕРАТОР

 -Статистика

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


Текст с эффектом появления

Вторник, 10 Марта 2009 г. 15:51 + в цитатник
Sheree все записи автора

Уроки Фотошоп: Текст с эффектом появления

В этом уроке мы научимся создавать анимашки с появляющимся и исчезающим текстом.



Итак, приступим :)



1. Открываем Adobe Photoshop и создаем новый документ вот с такими параметрами:



Должно получиться вот такое изображение:



Сетка серо-белого цвета на данном изображении обозначает прозрачность фона.

2. Выберем уже знакомый нам инструмент Horizontal Type Text  и напишем текст:



3. Мда… Текст как-будто размазан, да и вообще не впечатляет, скажете Вы. Именно поэтому в Фотошопе существует такая замечательная вещь, как стили! Посмотрим в панель Color и заметим вкладку справа, называющуюся Styles (на рисунке выделено красным):



4. Нажмем на эту вкладку, и нам откроется панель с разнообразными стилями, обозначенными маленькими квадратами. Теперь нажмем на кнопку, выделенную на рисунке красным цветом:



В нижней части открывшегося меню представлены отдельные группы разнообразных стилей (на рисунке они отмечены красными точками):



5. Выберем, к примеру, группу Text Effects. В панели Styles высветится другая группа стилей:



Я выбрала самый первый стиль, Вы можете выбрать на свой вкус любой стиль из любой группы. Получаем вот такое изображение:



6. Теперь сохраняем наше изображение в формате Photoshop:




7. Запускаем Adobe ImageReady (В Photoshop CS3 и выше Image Ready нет. Окошко анимации открывается через меню Window - Animation) и открываем наш сохраненный файл. В окне Animation - 1 кадр:



8. В панели Layers уберем видимость последнего (и единственного) слоя:



9. В панели Animation (а также в самом документе) останется пустое изображение. Создадим новый кадр, нажав кнопку, выделенную красным:



10.Далее переходим в панель слоев Layers и делаем видимым наш слой:



11. Теперь приступим к самой ответственной части нашей работы. Обратим внимание на кнопку Tween, выделенную красным. Это кнопка создает промежуточные кадры, таким образом, очень сильно облегчая работу аниматора. Нажимаем эту кнопку:



На экране появляется окно с настройками промежуточных кадров.

Tween with – команда, с помощью которой можно выбрать, между какими кадрами мы хотим сделать промежуточные (с предыдущим кадром или же с первым);

Frames to Add - сколько промежуточных кадров мы хотим вставить;

Layers – все слои или только выделенные;

Parameters – по каким параметрам должны изменяться промежуточные кадры (позиция, прозрачность, эффекты)

12. Выбираем настройки, указанные на рисунке:



13. Нажимаем ОК и получаем 7 кадров. Далее создаем новый, восьмой, кадр:



14. Убираем видимость нашего слоя:




15. Снова переходим к созданию промежуточных кадров с помощью кнопки Tween:



Теперь мы имеем 13 кадров в панели Animation:



16. Перейдем к кадру под номером один. Зажав Shift, выделим первые шесть кадров, как показано на рисунке:



17. Теперь изменим время показа этих кадров на 0,1 секунды, нажав на любом из них:



Далее выставим время показа остальных кадров: 7 кадр – 1 секунда, 8 – 12 кадры – 0,1 секунды, 13 кадр – 1 секунда.

18. Теперь выберем инструмент Crop Tool и обрежем нашу надпись. Выделим нашу надпись и вне выделенной зоны (на рисунке показано стрелкой) нажмем 2 раза левой кнопкой мыши:




19. Нажимаем кнопку Play в панели Animation, наслаждаемся результатом и сохраняем нашу анимашку:



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



Автор: KiberGirl

Рубрики:  Уроки
Метки:  

Процитировано 58 раз

EgoEl   обратиться по имени Вторник, 10 Марта 2009 г. 15:57 (ссылка)
отлично! Попробую и выложу результат!
Ответить С цитатой В цитатник
Sheree   обратиться по имени Вторник, 10 Марта 2009 г. 15:58 (ссылка)

Ответ на комментарий EgoEl

И я вечером попробую )
Ответить С цитатой В цитатник
Koloshenka   обратиться по имени Вторник, 10 Марта 2009 г. 16:14 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
EgoEl   обратиться по имени Вторник, 10 Марта 2009 г. 16:44 (ссылка)
вот так вот получилось
 (245x129, 67Kb)
Ответить С цитатой В цитатник
Sheree   обратиться по имени Вторник, 10 Марта 2009 г. 17:00 (ссылка)

Ответ на комментарий Koloshenka

Пожалуйста )))
Ответить С цитатой В цитатник
Sheree   обратиться по имени Вторник, 10 Марта 2009 г. 17:01 (ссылка)
Ответить С цитатой В цитатник
Lissaa   обратиться по имени Вторник, 10 Марта 2009 г. 18:08 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Sheree   обратиться по имени Вторник, 10 Марта 2009 г. 18:22 (ссылка)

Ответ на комментарий Lissaa

Пожалуйста )
Ответить С цитатой В цитатник
Dany_kleine_Welt   обратиться по имени Вторник, 10 Марта 2009 г. 18:30 (ссылка)
Sheree, пасиб))
Ответить С цитатой В цитатник
Sheree   обратиться по имени Вторник, 10 Марта 2009 г. 18:34 (ссылка)

Ответ на комментарий Dany_kleine_Welt

Пожалуйста )
Ответить С цитатой В цитатник
ВЕТЕР__ПЕРЕМЕН   обратиться по имени Вторник, 10 Марта 2009 г. 22:51 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Sheree   обратиться по имени Вторник, 10 Марта 2009 г. 23:00 (ссылка)

Ответ на комментарий ВЕТЕР__ПЕРЕМЕН

Пожалуйста )
Ответить С цитатой В цитатник
парус_надежды   обратиться по имени Среда, 11 Марта 2009 г. 14:16 (ссылка)

Ответ на комментарий Sheree

Sheree, что-то пока не удается..буду пробовать еще...вроде написано все понятно...
Ответить С цитатой В цитатник
Жагуара   обратиться по имени Среда, 11 Марта 2009 г. 14:18 (ссылка)

Ответ на комментарий парус_надежды

А какая у вас версия ФШ? Может подскажу чего )
Ответить С цитатой В цитатник
-Ann-G-   обратиться по имени Четверг, 12 Марта 2009 г. 00:14 (ссылка)
у меня CS3 у меня вопрос только щас понела то я что там можно сделать анемацию но проблема как открыть все одной папкой чтоб получилась " дорожка" всех слайдов в окне анимации оО пмогите пжлста
Ответить С цитатой В цитатник
Аноним   обратиться по имени Четверг, 12 Марта 2009 г. 00:43 (ссылка)
Хоть и не в тему но вот нашел и делюсь с вами! паркурных клипов здесь очень много, при этом бесплатно! посмотрите, кому интересно! http://parkouron.com/clips.php
Ответить С цитатой В цитатник
La_crepusculaire   обратиться по имени Четверг, 12 Марта 2009 г. 16:10 (ссылка)
.
 (300x99, 102Kb)
Ответить С цитатой В цитатник
Ниэнор   обратиться по имени Пятница, 13 Марта 2009 г. 09:46 (ссылка)
Что-то у меня не ладится когда сохраняю файл,подскажите все точные параметры сохранения.
Ответить С цитатой В цитатник
Владимир_Шильников   обратиться по имени Пятница, 13 Марта 2009 г. 22:37 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Валентина1   обратиться по имени Пятница, 13 Марта 2009 г. 22:46 (ссылка)
Ответить С цитатой В цитатник
Sheree   обратиться по имени Пятница, 13 Марта 2009 г. 23:10 (ссылка)

Ответ на комментарий Ниэнор

Filel - Save optimized as... (Если делали анимацию в имейдж реди)

File - Save for web - ставите формат gif и сохраняете (Если версия ФШ CS3 и выше)
Ответить С цитатой В цитатник
Sheree   обратиться по имени Пятница, 13 Марта 2009 г. 23:10 (ссылка)
Ответить С цитатой В цитатник
---Midori---   обратиться по имени Суббота, 14 Марта 2009 г. 19:46 (ссылка)
спсиб))
Ответить С цитатой В цитатник
Denchis   обратиться по имени Четверг, 16 Апреля 2009 г. 17:49 (ссылка)
Спасибо)
Ответить С цитатой В цитатник
Солнечный_лис   обратиться по имени Четверг, 16 Апреля 2009 г. 21:39 (ссылка)
Спасибо!!! Попробую!!!!
Ответить С цитатой В цитатник
Аноним   обратиться по имени Вторник, 02 Июня 2009 г. 13:47 (ссылка)
Спасибо!
 (300x50, 97Kb)
Ответить С цитатой В цитатник
Мария_Шефнер   обратиться по имени Воскресенье, 14 Июня 2009 г. 00:22 (ссылка)
Взяла урок себе спасибо
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

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

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

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

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