Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат (кликните на изображении):

Блуждающее свечение на букве


Шаг 1
Создайте новый документ в Photoshop. Залейте фон любым цветом и примените к нему стиль Наложение градиента (Layer Style – Gradient Overlay): Режим – Нормальный, Стиль – Радиальный, Градиент: #38556f и чёрный.

Блуждающее свечение на букве


Шаг 2
Создайте новый слой (Create New Layer) и залейте его узором через стиль Наложение узора (Layer Style – Pattern Overlay). Я использовал узор «Broken Noise» с сайта http://subtlepatterns.com/.

Режим – Мягкий свет

Блуждающее свечение на букве


Шаг 3
Создайте букву при помощи инструмента Горизонтальный текст (Horizontal Type Tool). Я использовал шрифт «Major Snafu».

Блуждающее свечение на букве


Шаг 4
Кликните дважды на текстовом слое, чтобы открыть окно стилей. Примените следующие стили:

Тиснение: Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление основы, Режим тени – Осветление основы

Блуждающее свечение на букве


Внутренняя тень: Режим – Осветление основы

Блуждающее свечение на букве


Внутреннее свечение: Режим – Осветление основы, Метод – Мягкий

Блуждающее свечение на букве


Наложение цвета: Режим – Осветление основы

Блуждающее свечение на букве


Внешнее свечение: Режим – Осветление основы, Метод – Мягкий

Блуждающее свечение на букве


Отбрасывание тени: Режим – Умножение

Блуждающее свечение на букве


Шаг 5
Сделайте копию текстового слоя. Удалите все стили и примените следующие:

Внутренняя тень: Режим – Осветление основы

Блуждающее свечение на букве


Внутреннее свечение: Режим – Осветление основы, Метод – Мягкий

Блуждающее свечение на букве


Шаг 6
На скриншоте ниже показан результат после применения стилей.

Блуждающее свечение на букве


Шаг 7
Создайте два новых слоя поверх остальных (Create New Layer). Назовите эти слои «left» и «right» Поместите их в группу (Ctrl + G) и установите Режим наложения группы на Осветление основы (Blending Mode – Color Dodge). Выберите инструмент Кисть (Brush Tool) с мягкими краями и на слое «right» свечение на правой стороне буквы. Затем перейдите на слой «left» и нарисуйте свечение слева.

Блуждающее свечение на букве


Шаг 8
Перейдите в меню Окно > Временная шкала (Window > Timeline). Откроется новая панель. Первое на что нужно обратить внимание – это слои. Выберите два слоя, находящиеся в группе (слои со свечениями), раскройте их в дереве слева и убедитесь, что установлен нулевой кадр. Кликните на опцию Позиция (Position), чтобы создать кадр.

Блуждающее свечение на букве


Шаг 9
Переместите позицию на 1:00, а на холсте переместите слои туда, где они должны будут оказаться на первой минуте.

Блуждающее свечение на букве


Шаг 10
Это вторая позиция для обоих свечений:

Блуждающее свечение на букве


Шаг 11
Создайте ещё один кадр и расположите свечения, как показано ниже.

Блуждающее свечение на букве


Шаг 12
Продолжайте создавать кадры, пока на завершите анимацию.

Блуждающее свечение на букве


Временная шкала
Так должна выглядеть Ваша шкала времени.

Блуждающее свечение на букве


Конечный результат (кликните на изображении):

Блуждающее свечение на букве




Обсудить данный урок на форуме




PSD файл

Ссылка на источник урока

написал : Igor

А как залить узором новый слой во 2 шаге

---------------


написал : positive11

Кликните дважды на новом слое, чтобы открыть окно стилей. Затем выберите стиль Наложение узора (Pattern Overlay) и настройте там, как показывает скриншот.

---------------


написал : Андрей.

positive1, дай мне пожалуста ваш скайп.

---------------


написал : positive11

Андрей.
Пишите ЛС - Ваш вопрос и e-mail или скайп.

---------------


написал : positive11

скажите пожалуйста, а можно ли как-то сделать такое свечение в вектроре, например в кореле или илюстраторе?


Можно сделать всё! только в векторных программах это будет сделать труднее.
обычно объект рисуется в кореле или в иллюстраторе. а в Фотошопе добавляют эффекты. ну или всё полностью делают в Фотошопе.

---------------


написал : genyfox

Мне не понятно как получилось на скриншоте в 6 шаге? Это почему то пропустил автор (тот куда ссылка ведет) laughing . Я скачал с сайта автора psd-файл но и там 2 последних слоя без стилей уже в готовом виде. К ним только добавлен режим мягкий свет. Все остальные 5 шагов у меня получились с точностью. Объясните пожалуйста как сделать, чтобы было как в 6 шаге! winked

---------------


написал : positive11

genyfox
Эти два слоя получились путём объединения всех остальных слоёв на один отдельный.
Выберите все слои, созданные до шага 6. Нажмите Ctrl + Alt + SHIft + E. У Вас будет создан новый слой со всем содержимым холста. Установите ему нужный режим наложения и понизьте непрозорачность.
после этого выберите мягкую кисть белого цвета. понизьте её непрозрачность до 50-70%. Удерживая Ctrl, кликните на миниатюре текстового слоя (нужно выделить букву). одиночныи кликами обрисуйте букву в тех местах, которые должны быть светлее. убарите выделение (Ctrl + D) и увидите результат.

Подобное со вторым слоем (Screen). хотя я ничего не рисовал на нём. я просто объединил все имеющиеся слои (Ctrl + Shift + Alt + E), сменил режим наложения и поэкспериментировал с непрозрачностью. результат был очень похож на тот, что у автора.

---------------


написал : genyfox

Здравствуйте! Подскажите, как эту анимацию можно перевести в gif?
Всяко пробовал, но почему то выдаёт ошибку. Сохранял для Web и делал рендеринг, но увы ни как!

---------------


написал : positive11

genyfox
В левом нижнем углу она Шкалы времени есть иконка слева от стрелки (три квадратика). кликните на неё, чтобы преобразовать шкалу в кадры. после этого можно сохранить в GIF через CTRL Ctrl + Shift + S.

---------------


написал : genyfox

positive1, вы меня не поняли. При таком сохранении, что вы предлагаете, сохраняется только один кадр. Даже если выделить все кадры. А нужно чтобы была анимация в gif. Я пробовал даже сохранить ваш родной psd-файл в gif, но он также пишет - "Невозможно сохранить данную операцию. Произошла неизвестная ошибка.". Что у меня не так? Может вы у себя попробуете этот файл в gif сделать, может в нем проблема?

---------------


написал : positive11

genyfox
Чтобы создать GIF файл, перейдите в меню Файл > Сохранить для Web (Ctrl + Shift + Alt + S). В этом окне у меня ничего не показывается. пишет ошибка - недостаточно памяти или слишком большой размер изображения. Если всё равно нажать ОК - то напишет ещё о другой ошибке. То есть в итоге не получается сохранить работу в GIF формате.
Думаю это всё из-за размера. 2560х1600 - слишком большой размер для анимации. Думаю урок расчитан на то, что всё-таки пользователь сохранит анимацию в MP4 (или, возможно, у пользователя мощный компьютер).
Чтобы создать GIF картинку, нужно уменшить размер изображения. Перейдите в меню Изображение - Размер изображения (Image - Image Size). Введите Ширину (Width) на своё усмотрение (я пробовал 300 пикселей). Высота (Height) уменьшится автоматически. После этого пробуйте Ctrl + Shift + Alt + S и всё прекрасно сохраняется и работает. Вот пример: GIF картинка

---------------


написал : genyfox

Спасибо, positive1! Всё получилось! wink lol

---------------


написал : positive11

genyfox, рады были помочь Вам. Попробуйте проделать уроки из других разделов, например из раздела Digital Art. Там собрано много уроков по коллажу.

---------------


написал : Нина

У меня ничего не получается, не двигается свечение...точки растравлены...но ничего не двигается((

---------------


написал : positive11

Нина, когда нажимаете на кнопку вопроизведения, ничего не происходит?

---------------


написал : Oleg76

positive1, вы писали для genyfox -
Удерживая Ctrl, кликните на миниатюре текстового слоя (нужно выделить букву). одиночныи кликами обрисуйте букву в тех местах, которые должны быть светлее. убарите выделение (Ctrl + D) и увидите результат.

Я тоже дошел до этого шага, только не могу понять на какой миниатюре текстового слоя надо нажать! Если нажать ctrl и на слой, то выбирается второй слой, а когда выделены два слоя кисть не рисует. Если же в самом окне нажать ctrl то он просто начинает его перемещать.
Обьясните по подробнее что я делаю не так!

---------------


написал : positive11

Oleg76, миниатюра слоя - квадратная иконка слева от имени слоя. у текстовых слоёв там буква "Т" на белом фоне.

---------------


написал : Enzo

Шрифт в туторе не тот, что по ссылке даете. В шаге 3 шрифт показан, состоящий только из контуров. По ссылки полностью залитый шрифт. Потому ничего у многих и не получается.

---------------


написал : Вячеслав

Здравствуйте! Делайте видео уроки с озвучкой, намного лучше будет все равно Вы время тратите что бы все это писать...

А видео в 100% раз лучше + загоните себе с утуба немеренно траффика..

---------------


написал : positive11

Вячеслав, Здравствуйте! В будущем мы это реализуем. Большое спасибо за совет!

---------------


написал : Sanya Torbins

Помогите пожалуйста. Почему у всех функция таймлайн (Timeline) имеет временную шкалу и куча разных закладок, а у меня нет?

http://cs624316.vk.me/v624316857/9280/z70yEQf3MI8.jpg

http://cs624316.vk.me/v624316857/9277/uTED3t7XOpc.jpg

---------------


написал : positive11

Sanya Torbins, видимо из-за того, что у вас старая версия Фотошопа. У меня CC 2014. и есть такая вот иконка в нижнем углу, которая переключает вид панели Timeline.


---------------


написал : Sanya Torbins

Спасибо! Да, дело скорее всего в том что у меня версия не Extended.

---------------


написал : Дмитрий Л

У меня фотошоп cs4. Не могу добавить новый кадр на временную шкалу. В слое нет никаких управляющих элементов! А если переключить на последовательность кадров и добавить несколько (как я раньше уже делал), то все изменения проведенные в любом из них портят сразу все кадры! Ничего не пойму - раньше я так делал, а теперь этот дебильный фотошоп делает всё что угодно, только не то что надо! Помогите пожалуйста!

---------------


написал : positive11

Дмитрий Л, на шкале времени Вы видите иконку нового кадра? она неактивна?

---------------


написал : Kate

скажите, пожалуйста, а как вы сделали шрифт из контуров? Ведь на самом деле он другой.

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: