Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Эффект ближнего свечения в Adobe Photoshop

Эффект ближнего свечения в Adobe Photoshop


  • Информатика

Поделитесь материалом с коллегами:

22.03.2016

1 группа

По списку 8 человек, присутствовало 7 человек

Конспект урока

Тема урока: Практическая работа «Эффект ближнего свечения»

Класс: 9-11 классы;

Цели урока:

  • обучающие:

    • закрепление практических навыков работы со слоями, а так же с инструментами выделения в Adobe PhotoShop , перемещения фрагментов изображения;

    • освоение приемов по созданию эффекта ближнего свечения

  • развивающие: развитие памяти, внимания, самостоятельности при работе с программным продуктом.

  • воспитательные: воспитание аккуратности, терпения, усидчивости.

Тип урока: урок изучения нового материала.

Вид урока: практическая работа.

Методы: объяснительно-иллюстративный, репродуктивный.

Используемые материалы:

  • класс, оборудованный ПК;

  • PhotoShop не ниже версии 5.5;

  • презентация;

  • проектор;

  • пошаговая инструкция выполнения практической работы;

  • файлы изображений.

















План урока 

Содержание урока:

Организационный момент:

Проверка наличия отсутствующих на занятии, объявление темы урока.


Новый материал:

Сегодня мы познакомимся с несложным приемом, с помощью которого можно создать прекрасный, четко очерченный, изящный эффект сияния и применить его к любому тонкому контуру. Для достижения цели нам понадобится перо (Pen Tool), умение работать со стилями и режимами наложения слоев.

1 Шаг

Начнем с создания фона для изображения. Выберите инструмент Gradient Tool (G), переключите его тип на радиальный и залейте фон цветом от красно-коричневого к черному (цвета #922f00, #000000).


hello_html_13bc58fb.png

2 Шаг

Нам понадобится довольно яркий цвет в середине, поэтому дублируйте слой с фоном и задайте для него режим наложения Color Dodge. Существует несколько типов режимов наложения: затемняющие, осветляющие, раскрашивающие и инвертирующие. Color Dodge, наверное, самый сильный осветляющий режим. Как видно на рисунке ниже — получился довольно неплохой яркий центр.

hello_html_18d7aec8.png

3 Шаг

Теперь из этого фона было бы неплохо получить хорошую текстурированную подложку. Поэтому сейчас будем создавать некую туманную дымку. Создайте новый слой, установите для основного цвета белый, для фонового — черный. Теперь открываем Filter > Render > Clouds, в результате мы получим что-то наподобие рисунка ниже.

hello_html_m2621c968.png


4 Шаг

Установите непрозрачность (Opacity) слоя равной 30% и задайте ему режим наложения Overlay. Во многих случаях этого было бы достаточно, но мы еще больше усилим эффект.

Откройте Filter > Sketch > Chrome и используйте значения 4 и 7 для параметров Detail и Smoothness соответственно.

По окончании манипуляций результат должен быть более реалистичным .

hello_html_m7b5cba6f.png

5 Шаг

Теперь, прежде чем начать создавать свечение нам нужно что-то, что будет светиться. Здесь мы берем в руки перо (Pen Tool) и наносим на рисунок какую-нибудь изящную кривую. К счастью, это не так сложно. Пример такой S-образной кривой показан на иллюстрации ниже.

hello_html_6b7c295.png


6 Шаг

Теперь создайте новый слой, выберите инструмент Paintbrush Tool (B) и выберите тонкую жесткую кисть. Поскольку мягкие кисточки — относительно размытые, нам нужна твердая с параметром Hardness 100%. Толщину кисти возьмите равной 3px. Цвет можете выбрать любой — мы все равно его перекроем цветом стиля.

hello_html_m4a056768.png


7 Шаг

Снова переключитесь на Pen Tool (P). Теперь сделайте правый клик мышкой и выберите пункт Stroke Path. Там обозначьте Brush и обязательно — пункт Simulate Pressure. Жмем OK и смотрим, что получилось. Еще раз совершаем клик правой клавишей и выбираем пункт Delete Path.

hello_html_m75e8e2fc.png


8 Шаг

У вас должно получиться нечто похожее на рисунок ниже. Просто тонкая, изящная линия.

hello_html_c1c58b8.png


9 Шаг

Добавим немного свечения. Самый легкий пусть создать ауру свечения — использование стилей. Словом, я добавил два эффекта свечения. Первым я настроил Outer Glow и затем добавил Drop Shadow с настройками, которые из него делают не тень, а свечение. Этого можно достичь путем настройки дистанции и изменения режима наложения на что-нибудь по типу Color Dodge. Да, и также я использовал Color Overlay, чтобы сделать линию ярко белой, что создаст впечатление, будто она светится изнутри.

hello_html_m32054ca4.png



10 Шаг

И так теперь у нас есть испускающая свечение линия. Прелесть использования стилей заключается в том, что их можно копировать и добавлять к другим слоям. Чтобы это сделать выполните щелчок правой кнопкой мыши на слое, выберите пункт Copy Lyer Style, затем создайте новый слой, сделайте правый клик по нему и выберите пункт Paste Layer Style.

hello_html_117d32d4.png



11 Шаг

Теперь проделайте процесс еще несколько раз, чтобы получить еще пару волнистых линий. Здесь я сделала одну из них более толстой, изменив перед процессом наведения контура (Stroke Path) размер кисти. Также я стер часть третей линии ластиком, чтобы соединить ее таким образом с остальными. Получилась замечательная треугольная фигура.

hello_html_m69bed0c8.png





12 Шаг

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

Очень важно уделить максимум внимания вашему тексту. Используйте простые шрифты и поиграйте с их размерами и расстоянием между буквами. Используя простые хитрости можно многого добиться. Я получил хороший контраст, увеличив свечение для слов, затем сделала слова Advanced и FX намного меньше кеглем и сделала им разрядку по буквам.

Регулировать разрядку можно с помощью окна Character. Если оно у вас не открыто, откройте его через меню Window > Character. Поиграйте с каждым параметром, чтобы понять, какой из них за что отвечает.

hello_html_3ffcca3b.png


13 Шаг

Теперь нанесем на изображение светящиеся частицы. Создайте новый слой, выберите тонкую кисть (Paint Brush) размера 3px и нанесите несколько точек на рисунок. Будет хорошо смотреться, если их сосредоточить рядом с центром, чтобы выглядело, будто частицы излучаются из этой области. Точки ближе к центру можно немного увеличить, кликая по ним кисть повторно, как бы расширяя их. Теперь скопируйте стили свечения и добавьте их к этому текущему слою.

hello_html_35c81fd0.png


14 Шаг

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

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

hello_html_10d6e454.png






15 Шаг

Теперь установите режим наложения слоя в Color и смените его непрозрачность (Opacity) на 50%.

Это добавило синевы к нашему рисунку. Я также добавил еще пару слоев с такими же градиентами слабо желтого и пурпурного цветов. Как я это делал показано на рисунке ниже.

Режимы наложения для каждого слоя я поменял на Color и уменьшил Opacity, чтобы они сглаживались все вместе.

hello_html_5ee80399.png





16 Шаг

Вот и все: придвинутый эффект сияния в сочетании с красивой, тонкой дымкой фона дает отличный результат. Не забывайте экспериментировать с настройками и пробовать разные варианты сияния — существует множество комбинаций цветов, которые выглядят просто поразительно.

hello_html_3301ee97.png


Практическая работа “Эффект ближнего свечения” – индивидуальная работа учащихся за ПК.


Подведение итогов работы: Просмотр учителем выполненной работы.

































11



Автор
Дата добавления 11.04.2016
Раздел Информатика
Подраздел Конспекты
Просмотров89
Номер материала ДБ-022579
Получить свидетельство о публикации

Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх