-Рубрики

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

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

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

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

 

 -Статистика

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


Glow text, Анимация.

Суббота, 02 Апреля 2011 г. 09:44 + в цитатник

Вот недавно забрёл на один из Photoshop'овских сайтов и нашёл там довольно-таки интересный урок, но вот только одна проблема, урок - видео, так что не обесудте, рисунки и иллюстрации мои, так что за недочёты и ошибки попрошу винить меня и только меня. Ну а я в свою очередь постараюсь сделать лучшее на что я способен и даже больше.
Коль притензий не поступило, я пожалуй начну.

1. В новом документе (920*353) я создал надпись "Demiart" тёплым оранжевым цветом (#fe6c00). Скучный стандартный шрифт "Times New Roman" поменял неглядя на "Calisto MT" в 41 px. Так же неплохо создать слой (ласково назовём его "Фон") под текстом с таким цветом, что б он оттенял наш текст. И лучше всего в нашем случае взять чёрный цвет.



2. Создаём новый слой ("Свечение") и на нём с "Gradient Tool" (функция "Radial") заливаем небольшую область от центра и практически до самого верха.



3. Дублируем слой "Свечение", у копии щёлкаем по самой левой кнопке у надписи "Lock:" для замыкания прозрачности и меняем цвет заливки на белый. Щёкнув "Ctrl+T" и зажав "Alt+Shift" уменьшаем размер шарика раза в полтора и сливаем слой с белым шариком со слоём "Свечение" ("Ctrl+E").



4. Загружаем выделение слоя "Demiart" ("Ctrl+Левая Кнопка Мыши на слое"). С выбранным слоём "Свечение" щёлкаем по значку "Add Layer Mask". Следом надо отщелкнуть цепь между картинкой и маской и переключиться на картинку. (Это важно!!! можете попробовать попереносить слой без этих действий и с ними для того что бы улицезреть разницу. )


5. Щёлкаем по маске и идём в "Filter>>Other>>Maximum" и увеличиваем картинку на 3 px. Затем, "Filter>>Blur>>Gaussian Blur" в 4.0 px.




6. Щёкнув "Ctrl+T" и зажав "Alt+Shift" увеличиваем размер маски на чуть-чуть. Затем, создаём новый слой "Свч ткст" и на нём с "Gradient Tool" (функция "Radial") заливаем небольшую область от центра и практически до самого верха белым.



7. Меняем стиль слоя на"Свч ткст" "Overlay" и свяжите его со слоем "Свечение".



8. Вызываем панель анимации "Window>>Animation" Перетаскиваем слои с градиэнтами("Свч ткст" и "Свечение") в левый конец картинки. Создаем копию кадра и перетаскиваем эти же самые слои в правый конец.



9. Последний шаг щёлкаем "Tween Animations Frames" и ставим значение на 23 кадра. Во всех кадрах кроме первого ставим во времени "No Delay", в первом - 0,2 sec.



Изменяем размер под сайт, сохраняем ("File>>Save for Web") и наслаждаемся результатом.



До следующего перевода!!!

Автор: Corey Barker

Рубрики:  - Фотошоп АНИМАЦИЯ -


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

ludmila-gultae   обратиться по имени Суббота, 02 Апреля 2011 г. 14:35 (ссылка)
Пойду пробовать и этот эффект.Спасибо за урок!!
Ответить С цитатой В цитатник
борисюлька   обратиться по имени Суббота, 02 Апреля 2011 г. 18:25 (ссылка)
Спасибо большое)
Ответить С цитатой В цитатник
ledi_Meledi   обратиться по имени Суббота, 02 Апреля 2011 г. 21:49 (ссылка)
ludmila-gultae, Желаю хорошего творения.
Ответить С цитатой В цитатник
ledi_Meledi   обратиться по имени Суббота, 02 Апреля 2011 г. 21:49 (ссылка)
борисюлька, Пожалуйста.
Ответить С цитатой В цитатник
ludmila-gultae   обратиться по имени Воскресенье, 03 Апреля 2011 г. 09:58 (ссылка)

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

Намучилась с анимацией..Вроде все понятно, а начинаю делать и при передвижении и в первом кадре передвигается. Так и не поняла что не так делаю. В результате получилось, но как-то нечаянно.
 (700x266, 215Kb)
Ответить С цитатой В цитатник
ledi_Meledi   обратиться по имени Воскресенье, 03 Апреля 2011 г. 11:58 (ссылка)
ludmila-gultae, Даже очень суперски получилось!!!
Ответить С цитатой В цитатник
Lesik_milashka   обратиться по имени Понедельник, 04 Апреля 2011 г. 22:02 (ссылка)
Красиво очень!!!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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