Уроки Все для дизайнера Александра 28 февраля 2011

Создай стильные обои в Фотошоп

Сложность урока: Средний

Итоговое изображение:

Ресурсы

Архив

Шаг 1. Откройте новый документ с белым фоном 1600×1200 72dpi. Добавьте большой блик над фоновым (background) слоем. Мой блик был создан с помощью плагина  Knoll Light Factory. Если у вас есть этот плагин, создайте слой, залитый черным цветом над фоновым слоем, запустите Knoll Light Factory и выберите настройку блика, которая называется Bright Bluelight. Вы можете скачать блик, который создал я, если у вас нет этого плагина.

Измените режим наложения блика на Свечение (Luminosity).

Шаг 2. Смягчим блик, применив Линейный (Linear) Градиент (Gradient) черного к прозрачному (black transparent): установите в качестве основного цвета – черный, кликните по инструменту Градиент (Gradient), чтобы активировать параметры градиента. Установите настройки градиента, как на изображении ниже, затем нажмите Ок.

При активном инструменте Градиент (Gradient) создайте новый слой над слоем с бликом. Удерживая клавишу Shift проведите мышью от верхнего края документа к нижнему. Измените режим наложения на Мягкий свет (Soft light). Это смягчит края блика.

Добавьте пару цветочных узоров к фону. Я использовал Floral Brushes от solenero73. Используйте для инструмента Кисть (Brush) белый цвет и установите для слоя Непрозрачность (Opacity) 70%. Вы сможете подкорректировать положение цветов позднее.

Добавьте еще немного свечения фону, нарисовав большой овал на новом слое с помощью инструмента Овальное выделение (Elliptical Marquee). Залейте выделение белым, затем примените к слою 170% Размытия по Гауссу (Gaussian Blur). Фильтр (Filter) – Размытие (Blur) – Размытие по Гауссу (Gaussian Blur), затем уменьшите Непрозрачность (Opacity) до 25% и измените режим наложения на Мягкий свет (Soft light).

Откройте текстуру стены от ~T~ [tirilhauan]

Подчистите текстуру, удалив большие трещины с помощью инструмента Штамп (Stamp). Используйте кисть с мягкими краями, затем зажмите клавишу Alt и кликните по месту, где нет серых пятен, для клонирования, затем начинайте закрашивать трещину.

Добавьте 24% Шум (Noise) к текстуре стены. Фильтр (Filter) – Шум (Noise) – Добавить шум (Add Noise), затем поместите текстуру стены над остальными слоями. Уменьшите Непрозрачность (Opacity) до 25%.

Шаг 3. Добавьте немного цвета к общей сцене, используя Корректирующие слои (Adjustment Layers) (Цветовой баланс (Color Balance), Градиентную заливку (Gradients Fills) и Цветовой тон (Hue)/Насыщенность (Saturation)).

Цветовой баланс (Color Balance) 1: Кликните по значку полумесяца в нижней части палитры слоев и выберите Цветовой баланс (Color Balance) из меню, примените следующие настройки:
Голубой (Cyan): -41
Маджента (пурпурный) (Magenta): -21
Желтый (Yellow): -16

Уменьшите параметр Заливка (Fill) до 56 %.

Заливка градиентом (Gradient Fill) 1: Кликните по иконке в виде полумесяца в нижней части палитры слоев и выберите из меню Градиент (Gradient).
Используйте эти цвета: #ed9017 #f8d04a #f6e6b5

Измените Режим смешивания (Blending mode) на Линейный затемнитель (Linear Burn), измените Непрозрачность (Opacity) на 48% и Заливку (Fill) на 74%.

Заливка градиентом (Gradient Fill) 2: создайте еще один слой с заливкой градиентом с параметрами, представленными ниже
Используйте эти цвета: #b7ad70 #d5cea6
Измените Режим смешивания (Blending mode) на Яркий свет (Vivid Light), оставьте Непрозрачность (Opacity) на 100%.

Цветовой баланс (Color Balance) 2: кликните по иконке в виде полумесяца в нижней части палитры слоев и выберите из меню Цветовой баланс (Color Balance).
Голубой (Cyan): +9
Маджента (пурпурный) (Magenta): +14
Желтый (Yellow): +4

Оставьте параметр Заливка (Fill) на 100%.

Создайте группу из слоев Цветовой баланс (Color Balance) и Заливка градиентом (Gradient Fill). Выделите все слои, зажмите клавишу Shift и одновременно кликните по иконке Создать новую группу (Create a New Group) (иконка в виде папки рядом с иконкой полумесяца в нижней части палитры слоев). Назовите группу «Яркий цвет» (Light color). Все элементы вашего дизайна будут под этой группой.

Шаг 4. Сохраните свой Photoshop документ, затем загрузите программу Xara 3D, чтобы начать создавать 3D текст.

Шрифт (Font) : Roland, на моем PC это был стандартный шрифт, но подойдет любой.
Тип тиснения (Bevel Type): Rolled (закругленный),  Depth (Глубина) 21.
Тени (Shadows): отключены (off).
Выдавливание (Extrusion): Глубина (Depth) 59 Контур (Outline), Ширина (Width) 20.

Шаг 5.

Light  (Свет) 1: (Left) (Слева): # FFFFFF
Light 2: (Back) (Сзади): # 140D24
Light 3: (Front) (Спереди): # FFFFFF

Шаг 6. Настройте свой документ Xara 3D для экспорта 3D шрифта. Окно (Window) – Качество настроек (Quality Settings) – установите Качество экспорта (Export Quality) на Высокое (High), затем нажмите Ок. Затем нажмите Файл (File) – Экспорт (Export), задайте имя своему файлу «Music» (Музыка) и сохраните его в формате .png. Появится диалоговое окно экспорта, используйте настройки, показанные на изображении ниже, затем нажмите Сохранить (Save).

Откройте 3D текст в Photoshop, затем, прежде чем перетаскивать его в основной документ, измените его цветовой режим (color mode) с Индексированные цвета (Index) на RGB. Изображение (Image) – Режим (Mode) – RGB. Теперь поместите 3D текст в наш документ под группой «Яркий цвет» (Light color).

Создайте выделение 3D текста путем зажатия клавиши Ctrl и клика по иконке слоя в палитре слоев. Создайте Новый слой (New Layer) над  объемными буквами и закрасьте выделение черным цветом с помощью инструмента Заливка (Paint Bucket) (G).

Измените Режим смешивания (Blending mode) черного слоя на Умножение (Multiply). Откройте и поместите в документ текстуру стены от ~T~ [tirilhauan] над черным слоем.  Уменьшите размер текстуры под размер 3D текста.

Поместите курсор мыши прямо между слоями «Текстура стены» (Wall Texture) и «Черный слой» (Black Layer) и, зажав клавишу Alt, кликните левой кнопкой мыши, когда вы увидите символ в виде двух перекрывающихся кружков, смотрите изображение ниже.

Шаг 7. Теперь мы создадим 3D сферы с помощью инструмента Эллипс (Овал) (Ellipse) и стилей слоя (Layer Styles).

А. Используйте инструмент Эллипс (Овал) (Ellipse) в режиме
В. Слой - фигура (Shape Layer) (Этот режим позволит изменять размер круга без разрушения пикселей).
С. Удерживайте клавишу Shift при рисовании для получения идеального круга.

Примените Перекрытие градиентом (Gradient Overlay) к кругу и поместите самый яркий участок в верхней части круга, как показано на изображении ниже.
Цвета градиента: #fcfcfa, #976d14, #2a211c

Примените Внутреннее свечение (Inner Glow) с цветом #2c2614

Добавьте легкую Тень (Drop Shadow) с цветом: #2a2d21              

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

Дублируйте, измените размер и сгруппируйте сферы, а также расположите их за текстом 3D. Я сгруппировал некоторые из них и превратил группу в смарт-объект (Smart-object). Я также поместил некоторые размытые сферы, растворяющиеся на заднем плане, под слоем «Текстура стены» (Wall Texture), который я создал во втором шаге. Этот прием задаст чувство глубины.

Поместите меньшие по размеру сферы перед объемным текстом. Затем поместите некоторые векторные музыкальные инструменты от trait designs позади и между сферами, используя ту же технику размытия для задания глубины.

Шаг 8. Создайте яркие линии с помощью инструмента Перо (Pen), Обводки кисти (Brush stroke) и Стилей слоя (Layer Styles). Начните с создания Нового слоя (New Layer) над слоями со сферами и 3D текстом.

А. Нарисуйте длинный кривой контур с помощью инструмента Перо (Pen),
В. В то время как инструмент Перо (Pen) все еще активен, кликните правой кнопкой мыши по контуру и выберите Обвести контур (Stroke Path) из контекстного меню.
С. Выберите обводку контура с помощью инструмента Кисть (Brush) при активном параметре Имитировать нажим (Simulate Pressure).

Удалите контур (Вы можете его найти в палитре Контуры (Path)). Вернитесь обратно к палитре слоев и примените следующие стили слоя (Layer Style) к обводке:
Перекрытие градиентом (Gradient Overlay): #fcfcfa,  #976d14.

Внешнее свечение (Outer Glow): #d38e21.

Шаг 9. Дублируйте, сгруппируйте и измените размеры ярких линий, затем сделайте еще дубликатов и поместите их вокруг 3D текста и сфер.

Итоговое изображение


(нажмите на изображение, чтобы увеличить)

Заключение:
Мы успешно создали реалистичную 3D композицию с помощью Xara 3D и Photoshop. Xara – отличная 3D программа и очень полезный инструмент в вашей работе.
(прим. пер.:  я не стала давать перевод отрывка из Книги Судей, который представил автор, по определенным соображениям).

Автор: loswl
Перевод: Анцыперович Александра.
Ссылка на источник

Источник: www.inspiks.com

63 тыс. 75
Печать Жалоба

Комментарии 75

Очень понравился урок!

Очень понравился эффект с шариками под текстурой, и вообще, создание этой объемности очень полезно )) Спасибо за урок )

Спасибо за урок.Понравился.

Спасибо!

спасибо за урок)

Урок хорош! спасибо!

Действительно, получается стильно. Только я не один исходник не смогла скачать, пришлось делать со своими

Спасибо за урок!

Урок класс!!!

Спасибо! :)

СПАСИБО))))))))))))))))

Здорово)) Xara очень понравилась.. И блики здорово получаются... ну и как результат...

Сделала по своему

Делала.долго.поняла ксара не мое xD.

Хороший урок спасибо за перевод ;)

Может кому пригодится - Я скачала Xara 3D с рутракера, введите - Xara3D 6.0(Portable) русская версия, плюс раздающий портировал программу. Ее можно брать с собой, на флэшке к клиенту на дом, коды не просит.

Великолепный урок! Спасибо автору за урок и за перевод.

Очень интересный урок, спасибо

Замечательный урок, спасибо за перевод!

Как-то так =)

Спасибо за урок

я немного своё..)) спасибо за урок..и перевод.. !!!

Дякую!!! Урок приголомшливий!!! Дуже гарно вийшло!!!

Спасибо хорошие обои получились

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее