Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Обои в стиле Windows 10 в Adobe Photoshop

4 ноября 2015 | Опубликовано в Уроки | 3 Комментариев »

В этом уроке вы научитесь создавать эффект в стиле обоев Windows 10 в Adobe Photoshop. В итоге у вас получится интересная работа, а ваш арсенал приемов пополнится новой техникой. Вы узнаете как сделать крутой светящийся переход, будете работать с фильтрами, режимами наложения, масками и стилями слоя.

 

Результат

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Шаг 1

Откройте в Photoshop ваш логотип и укажите ему белый цвет. Важен также цвет фона. В нашем случае это #101921

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Шаг 2

Дублируйте слой с логотипом и для копии укажите 0 в параметре fill/заливка и добавьте stroke/обводку белого цвета толщиной в 3 px при помощи стилей слоя. Слою оригинала снизьте opacity/непрозрачность до 30%.

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Шаг 4

Теперь создадим эффект перспективы, чтобы приблизиться к стилистике логотипа Windows 10. Для этого выберите в меню Edit>Transform>Perspective/Редактировать>Трансформирование>Перспектива. Удобнее будет, если вы создадите новую папку и переместите в нее все слои. Также смените Blend Mode/Режим наложения группы на Color Dodge/Осветление основы.

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Шаг 5

Дублируйте слой с обводкой и в меню выберите Filter>Blur>Radial Blur/Фильтр>Размытие>Радиальное размытие. Настройте параметрыры размытия как показано ниже.

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Шаг 6

Результат должен быть почти невидимым. Дублируйте слой пока не добьетесь желаемого уровня видимости — в этом и фокус. Когда закончите, объедините все дублированные слои в один.

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Шаг 7

Примените такой же эффект Radial Blur/Радиальное размытие к слою, в котором вы объединили все предыдущие слои. Повторите процесс еще раз.

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Шаг 8

После неоднократного повторения вышеописанной процедуры, у вас должно получиться нечто похожее на то, что вы видите ниже.

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Шаг 9

Выберите оригинальный слой с обводкой и дублируйте его. После этого смените толщину обводки на более тонкую. Укажите этому слою маску и в этом слое-маске примените фильтр Filter>Render>Clouds/Фильтр>Рендеринг>Облака в черно-белом варианте. Так мы скроем некоторые части изображения. Настройте Levels/Уровни в маске, чтобы остались только черный и белый цвета.

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Шаг 10

Теперь добавим бликов. Вы можете взять соответствующие кисти, или найти изображения с бликами. (В примере использован файл Abstract image of lighting flare от 21). Добавьте две копии блика к вашей работе.

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Шаг 11

Еще немного деталей. Возьмите изображение дыма (в нашем случае это Abstract smoke moves on a black background от Vagengeim). Добавьте дыма к работе.

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Результат

Финальные штрихи. Создайте копию слоя со всех видимых слоев (Command/Ctrl + Option/Alt + Shift + E). Примените к новому слою Gaussian Blur/Размытие по Гауссу на радиусе в 15 px. Дублируйте слой, чтобы их у вас было два. Одному слою (тому что выше) укажите Blend Mode/Режим наложения Soft Light/Мягкий свет и 50% opacity/непрозрачности. А второму слою укажите режим Screen/Осветление на 70% opacity/непрозрачности.

ABDZ 04 - Windows 10 Wallpaper in Photoshop

Автор урока abduzeedo

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Макс
    Thumb up Thumb down 0

    Сбился уже на втором шаге, ахаха. Где эта заливка?

    Т Ответ:

    Thumb up Thumb down 0

    насколько понимаю, имеется в виду заливка в окне со слоями.

    xWOmbnl.png

  2. Т
    Thumb up Thumb down 0

    все же не получается...

    "Результат должен быть почти невидимым. Дублируйте слой пока не добьетесь желаемого уровня видимости — в этом и фокус. "

    у меня с первого размытия выходит неприглядное, жирное пятно. %) попробую в другой раз...