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

Поиск сообщений в Жагуара

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

 

 -Статистика

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


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

Среда, 06 Октября 2010 г. 09:18 + в цитатник

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

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




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


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



Рубрики:  Фотошоп
Метки:  

Процитировано 214 раз
Понравилось: 21 пользователям

chistoe_nebo   обратиться по имени Среда, 06 Октября 2010 г. 09:55 (ссылка)
Добрый день! В одном из Ваших постов был рассказ о том,
как убрать не нужный объект из фото.
Я установил эту программу.Освоил сам процесс.Всё действи-
тельно легко и просто.
Есть одно неудобство: вывести отредактированное фото
в печать или в свой дневник "за так "невозможно.Надо
платить.
Какой тогда смысл устанавливать эту программу?????
 (441x94, 34Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 06 Октября 2010 г. 10:34ссылка
Это был не мой пост. Я сама у кого-то процитировала размещенную информацию. Программу пока даже не смотрела.
Перейти к дневнику

Четверг, 07 Октября 2010 г. 00:09ссылка
А вы попробуйте сделать его снимок с экрана программкой клип нет и потом сохранить на комп.
Перейти к дневнику

Четверг, 07 Октября 2010 г. 09:40ссылка
Доброе утро,Нина!Что-то я о такой программке не слышал.
Подскажите,пожалуйста,где её можно взять?
Спасибо!:dntknw:
Перейти к дневнику

Четверг, 07 Октября 2010 г. 15:21ссылка
Можно еще снимок с экрана сделать с помощью программы floomby - http://www.floomby.ru
Перейти к дневнику

Четверг, 07 Октября 2010 г. 20:12ссылка
http://epidema.net/2008/02/09/clip2net_0.7.0b_novaja_versija.html Вот по ссылке можно скачать эту программку бесплатно. Если будет непонятно как в ней работать напишу вам урок.
MACGKA   обратиться по имени Среда, 06 Октября 2010 г. 11:20 (ссылка)
Спасиба.Попробуем
Ответить С цитатой В цитатник
vasilisa4   обратиться по имени Среда, 06 Октября 2010 г. 13:40 (ссылка)
Благодарю за очень интересный пост...!Буду пробовать....
Ответить С цитатой В цитатник
Перейти к дневнику
lanalba   обратиться по имени Среда, 06 Октября 2010 г. 14:29 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 07 Октября 2010 г. 09:54ссылка
Пожалуйста ))
Оленька_Коваленко   обратиться по имени Среда, 06 Октября 2010 г. 15:58 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
татьяна_татуревич   обратиться по имени Среда, 06 Октября 2010 г. 18:24 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
jelle   обратиться по имени Среда, 06 Октября 2010 г. 20:40 (ссылка)
спасибо
Ответить С цитатой В цитатник
Перейти к дневнику
jelle   обратиться по имени Среда, 06 Октября 2010 г. 21:07 (ссылка)
как написать текст с помощью Horizontal Type Text ? у меня получается только прямоугольник из пунктира. спасибо
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 07 Октября 2010 г. 09:57ссылка
Я просто выбираю этот инструмент, кликаю мышкой в то место документа откуда надо начать писать текст и у меня появляется мигающая вертикальная палочка. И затем на клавиатуре уже набираю текст и затем в правом верхнем углу жму на галочку, чтобы подтвердить ввод.
medissa71   обратиться по имени Среда, 06 Октября 2010 г. 22:43 (ссылка)
Присоединюськ вопросу jelle, у меня тоже почему-то не получается писать тексты, может быть, что-то неправильно делаю. Спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 07 Октября 2010 г. 09:58ссылка
Может быть проблема со шрифтом какая-то? А какая у Вас версия фотошопа?
Перейти к дневнику

Четверг, 07 Октября 2010 г. 13:10ссылка
Сначала пробовала в ФШ5, там почему-то не получалось. Сейчас в ФШCS3 по Вашей подсказке jelle получилось, только нужно еще настроить размер шрифта. А далее буду пробовать осваивать Ваш урок. Спасибо большое!
ЕВГЕНИЯ_ГРАНДЕ   обратиться по имени Четверг, 07 Октября 2010 г. 07:25 (ссылка)
СПАСИБО.УРОК ОЧЕНЬ ИНТЕРЕСНЫЙ.НО ВОТ ПОЛУЧИТСЯ ЛИ?
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 07 Октября 2010 г. 10:00ссылка
Пожалуйста ) Не сомневайтесь в своих способностях и все получится )
Людмила_Морозова   обратиться по имени Четверг, 07 Октября 2010 г. 09:32 (ссылка)
Большое спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику
yaqut   обратиться по имени Четверг, 07 Октября 2010 г. 10:56 (ссылка)


 (446x600, 90Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
Elena_shvedova   обратиться по имени Четверг, 07 Октября 2010 г. 11:46 (ссылка)
Леночка, огромное спасибо за урок!
Желаю приятного дня!
 (640x480, 360Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 07 Октября 2010 г. 15:24ссылка
Пожалуйста )) Удачного дня!!!
jgein-5   обратиться по имени Четверг, 07 Октября 2010 г. 13:24 (ссылка)

 (355x426, 74Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 07 Октября 2010 г. 15:26ссылка
Спасибо )) Удачного дня )
Svetlana_Strelec   обратиться по имени Четверг, 07 Октября 2010 г. 21:57 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
овно4ка   обратиться по имени Четверг, 07 Октября 2010 г. 22:02 (ссылка)
спасибо за урок!!:good:
Ответить С цитатой В цитатник
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Пятница, 08 Октября 2010 г. 13:11 (ссылка)
СПАСИБО.
Ответить С цитатой В цитатник
Scor-Piona   обратиться по имени Воскресенье, 10 Октября 2010 г. 00:09 (ссылка)
СПАСИБО!!!
 (517x60, 111Kb)
Ответить С цитатой В цитатник
Scor-Piona   обратиться по имени Воскресенье, 10 Октября 2010 г. 00:14 (ссылка)
Время выставила на картинке как написано в уроке,в самом фотошопе анимация проходит как положено ,а когда выставила его в комментарий то почему-то немного дергается анимашка
 (696x105, 37Kb)
Ответить С цитатой В цитатник
ГАЛИНА_АЛАШНИКОВА   обратиться по имени Понедельник, 11 Октября 2010 г. 12:41 (ссылка)
спасибки ,пригодится.
Ответить С цитатой В цитатник
Silwija   обратиться по имени Вторник, 12 Октября 2010 г. 18:16 (ссылка)
Ответить С цитатой В цитатник
briliant22k   обратиться по имени Понедельник, 15 Ноября 2010 г. 11:47 (ссылка)
Огромное спасибо за урок
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 22 Ноября 2010 г. 10:43ссылка
Спасибо за урок
Valysha-66   обратиться по имени Среда, 24 Ноября 2010 г. 11:59 (ссылка)
Spasibo za urok!
Ответить С цитатой В цитатник
Пентежка   обратиться по имени Пятница, 25 Января 2013 г. 19:19 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Полотнянозаводчанка   обратиться по имени Четверг, 14 Марта 2013 г. 11:52 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Акинина_Валентина   обратиться по имени Воскресенье, 04 Февраля 2018 г. 13:01 (ссылка)
Благодарю!!!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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