Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 2 гостей и 0 пользователей онлайн
Нет пользователей онлайн.

altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

Если вы совсем новичок, я советую вам нажать кнопку "подробнее", чтобы узнать с чего начать изучение уроков.

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Лучистый текст
Автор: Алиса   

При помощи этого урока мы сможем придать нашему тексту вот такую лучистость:

 

alt

 

С чем мы познакомимся в этом уроке: фильтры "Render - Сlouds", "Offset",  инструмент Patch Tool

Потребуется знание уроков: Плавный переход между кадрамиПишем текст + дополнительный плагин "Luce" 

 

Урок был взят с демиарта, но его решено было расписать подробно, чтобы наконец-то смогли выполнить все :)

 

Что понадобится для этого урока?
Прежде всего для этого урока нам понадобится дополнительный плагин в фотошоп под названием "Luce". Скачать его можно ОТСЮДА.

Далее следует установить этот плагин в ваш фотошоп.

 

1. Создаем новый документ.
Или используем любой другой документ (вашу аватару, на котором хотим написать лучистый текст). лучистый

Я буду рассматривать вариант "с нуля", т.е. создавать новый документ.
Итак, мой документ размером 400 на 200 пикселей.
Для создания я выбрала команду "File - New" (Файл - СОздать", вот с такими параметрами:

 

alt

 

2. Заливаем новый слой черным цветом.

Выбираем инструмент Paint baсket tool (заливка), щелкая по цветному квадратику выбираем нужный цвет, жмем ок.
Потом "ведром" щелкаем по документу.
Залили.

 

alt  



3. Затем внизу пишем какое-нибудь слово белым цветом.

Для тех, кто не знает как писать в фотошопе, есть специальный урок "Пишем текст".

 

alt

 

4. Дублируем слой с текстом.
Чтобы дублировать слой с текстом необходимо его выделить (щелкнув по нему) и нажать на клавиатуре "Ctrl + J":

 

alt

 

У меня получились слои: Alisa и Alisa copy.

5. Слой с текстом (изначальный, т.е. в моем случае слой Alisa) нужно объединить с черным фоном.

Чтобы объединить нужные слои, нужно, зажав Ctrl на клавиатуре, выделить нажатием оба нужных слоя ( т.е. черный фон и слой Alisa) и нажав правой кнопкой мыши по слою с черным фоном выбрать команду "Merge Layers" (Объединить слои):

 

alt

 

6. Применяем новый фильтр.

Выделяем получившийся объединенный слой (нажатием левой кнопкой мыши) и ищем наш новый фильтр по адресу "Filter - L'amico Perry - Luce...":

 

alt

 

видим следующее:


alt

 

Давайте разбираться в настройках.

В основном в этом фильтре вам понадобится настройка "Light" (свет), там настройка Intensity (интенсивность). Делаем простой вывод - здесь регулируется интенсивность света. Изменяя значения вы легко добьетесь нужного вам результата. А пока я все оставила как есть.

И самое важное в настройках: наведя на пред просмотр вашего результата вместо обычного курсора у вас появится лампочка. Если пощелкать этой лампочкой по изображению вы сможете изменить направление вашего света. Чтобы установить нужный нам свет (падающий вверх) нужно щелкнуть лампочкой по центру слова.

Вот результат:

 

alt

 

Итак, сам эффект мы уже изучили. Наш текст уже стал красивее. Но на этом мы не остановимся. Мы еще не выяснили как же анимировать такой свет. Поехали дальше? ;)

7. Создаем новый слой.

Новый слой можно создать нажатием кнопки "create a new layer" (создать новый слой) внизу на панели "Layers" (слои):

 

alt

 

Назовем этот слой "Clouds", (облака) чтобы не запутаться ;) Переименовать слой легко, просто щелкнете по нему правой кнопкой и выберите "Layer Properties" (свойства/параметры слоя).


alt

 

8. Применяем к этому новому слою фильтр "Filter - Render - Сlouds" (Фильтр - Визуализация - Облака)
Скрываем все слои, кроме "clouds", нажав на глазик рядом с ними:


alt

 

9. Теперь применяем к слою "clouds" другой фильтр: Filter - Other - Offset. В появившемся окне выставляем следующие настроки:

Horizontal - 0,
Vertical -100,
Ставим галку рядом с "Wrap Around"


alt

 

Наш промежуточный результат:

 

alt

 

Затем нам надо сгладить слишком четкую линию переход. Будем делать это с помощью инструмента Patch Tool, инструмент выглядит вот так:

 

alt

 

Выделяем границу инструментом и перетаскиваем на соседний участок слоя, затем убираем выделение (Ctrl+D):


alt

 

Получился хороший такой ровный переход :)


alt

 

10. Дублируем слой "clouds" нажатем "Ctrl + J".

Применяем к новому слою Edit - Free Transform (Редактирование - Свободная трансформация), изменяем только один показатель, смещаем картинку на 200 pixels вниз (к 100 pixels прибавляем 200, получится 300):

 

alt

 

11. Объединяем (как объединять указано выше) слой "clouds" и "clouds copy".

12. Blending mode (параметры наложения) выставляем на Soft Light, (мягкий свет):


alt

 

Теперь делаем видимыми все слои, проставив значки "глаза" около слоев:


alt

 

13. Переходим в Image Ready.
Теперь работаем с Имедж Риди...

Наша анимация будет состоять из 10 кадров. Сразу дублируем наш кадр один раз с помощью кнопки "Duplicate Current frame" (дублировать кадр) на панели "Animation" (Анимация):


alt

 

Теперь наша задача - заставить двигаться наш свет.
Для этого первый наш кадр мы оставляем как есть, работать будем со вторым. Выделяем второй кадр, берем инструмент "Move tool" (инструмент перемещения) и зажимая левой кнопкой мыши двигаем слой "clouds" немного вверх, жмем enter для подтверждения того, что мы закончили.

 

Примечание: понимаю, что понятие "подвиньте немного" растяжимое :) Но здесь от того как именно (насколько) вы подвинете слой зависет насколько плавный будет переход при растяжке от первого ко второму кадру. Поэтому поэкспериментируйте. Я сохранила свой первый результат из нехватки времени, по настоящему результат может быть куда плавнее.

 

А теперь делаем между первым и вторым кадром растяжку в 10 кадров.
(Для тех, кто не помнит как делать плавный переход между кадрами советую прочесть урок "Плавный переход между кадрами"). Ну а потом остается только уменьшить нашу картинку (чтобы она не очень много весила) запустить нашу анимацию и любоваться результатом :)

 

alt

 

Скачать файл PSD вы можете ОТСЮДА.

Удачи вам!

 

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)

 

Комментарии  

 
#2 Alisa 06.11.2009 13:45
Цитирую Radamira:
Спасибо огромное!!!!
У меня получилось и
я в восторге!!!

На здоровье! :) Спасибо вам за ваш комментарий! Присоединяйте свою работу - будет любопытно посмотреть :)
Цитировать
 
 
#1 Radamira 05.11.2009 14:01
Спасибо огромное!!!!
У меня получилось и
я в восторге!!!
Цитировать
 

Добавить комментарий


Защитный код
Обновить