На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 4081
Средней сложности Размещено: 03.05.2011 г.

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


Добро пожаловать на урок по созданию темных обоев в стиле минимализма. В этом уроке Фотошоп вы узнаете, как работать с выделением объектов и масками слоя (Layer Masks), а также, как правильно использовать Обтравочные маски (Clipping Masks) для создания стильной иллюстрации. Начинаем!

Предварительный просмотр финального результата:


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


Шаг 1.


Создаем новый документ (Ctrl+N) в Фотошоп размером 1920×1080 рх. Создаем новый градиентный слой-заливку (Layer>New Fill Layer>Gradient). Устанавливаем Радиальный градиент (Radial Gradient), используя настройки цвета, данные ниже. Вы можете удалить фоновый слой, перетянув его на иконку корзины внизу панели слоев.


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


Шаг 2.


Далее, мы создадим две металлические горизонтальные фигуры. Чтобы сделать этот процесс легким и необременительным для вас, я предоставил в материалах урока уже сделанные мной фигуры. Вы можете загрузить их в библиотеку фигур через меню Редактирование-Управление наборами-Фигуры (Edit-Preset Manager-Shapes).


Для правильной установки фигур по центру холста воспользуйтесь направляющей (Ctrl+R (вызов линеек), затем инструментом Перемещение (Move Tool) вытяните из линеек вертикальную направляющую, и установите ее по центру документа).


Выбираем инструмент Произвольная фигура (Custom Shapes) и в верхнем меню находим нашу изогнутую фигуру, выбрав ее из перечня фигур. В режиме создания слой-фигуры (иконка рамки в верхнем меню), рисуем первую фигуру, удерживая клавишу Shift (для сохранения пропорций).


Затем дублируем слой с фигурой (Ctrl+J) и отражаем дубликат по вертикали (Edit-Transform-Flip to Vertical). Сдвигаем копию под оригинал, как на примере ниже.


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


Шаг 3.


Загружаем в Фотошоп набор узоров металлической сетки в формате PAT из ресурсов урока через меню Редактирование-Управление наборами-Узоры (Edit-Preset Manager-Pattern). Создаем новый слой-заливку узором (Layer-New Fill Layer-Pattern) и в диалоговом окне заливки выбираем наш паттерн сетки. Помещаем этот слой между фоновым слоем с градиентом и слоями с фигурами. На маске узорного слоя скрываем среднюю часть сетки при помощи черной Кисти (Brrush), чтобы она осталась только вверху и внизу документа. В середине мы потом добавим другую текстуру.


Устанавливаем режим смешивания (Blending Mode) слоя с сеткой на Мягкий свет (Soft Light).


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


Шаг 4.


Теперь, добавляем текстуру на центральную часть обоев. Создаем новый слой (Ctrl+Shift+N) выше слоя с сеткой и заполняем его (Edit-Fill) черным цветом (#000000). Затем, переходим в меню Фильтр-Шум-Добавить шум (Filter>Noise>Add noise) и устанавливаем Эффект (Amount) на 100% с активной функцией Монохромный (Monochromatic).


Теперь нам нужно удалить текстуру шума по краям изображения. Для этого, загружаем выделение маски слоя с сеткой (Ctrl+клик по иконке маски этого слоя), инвертируем выделение (Ctrl+Shift+I) и на слой с шумом добавляем маску (клик по иконке круга в квадрате внизу панели слоев), чтобы скрыть лишнее.


Добавляем фильтр Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 0,4 рх на слой с шумом, затем изменяем режим смешивания на Перекрытие (Overlay) и снижаем уровень заливки (Fill) этого слоя до 20%.


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


Шаг 5.


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


Создаем новый документ (Ctrl+N) размером 300х300 рх. Выбираем инструмент Прямоугольное выделение (Rectangle Marquee Tool) и в верхнем меню устанавливаем стиль Заданные пропорции (Fixed Size) c шириной 17 рх, высотой 210 рх.


Рисуем прямоугольное выделение и заполняем его (Edit-Fill) черным цветом. Далее переходим в меню Редактирование-Определить кисть (Edit>Define Brush Preset). Присваиваем имя кисти и нажимаем Ок. Снимаем выделение (Ctrl+D). Теперь вы можете увидеть свою новую кисточку в палитре кистей самой последней.


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


Возвращаемся в документ с обоями и встаем на слой с верхней металлической фигурой, добавляем на этот слой маску (клик по иконке «Add Layer Mask» внизу панели слоев). Активируем инструмент Кисть (Brush) и выбираем нашу кисть-отверстие. Открываем палитру кистей (F5) и устанавливаем в разделе Форма отпечатка кисти (Tip Shapes) интервал (Spacing) на 170%.


Cоздаем новый слой (Ctrl+Shift+N) выше слоя с фигурой (в примере ниже пока этот слой находится ниже для наглядности), и проводим кистью по всей длине пластины. Установите размер кисти, немного превышающий высоту пластины. Чтобы нарисовать отверстия ровно, удерживаем клавишу Shift.


Цвет кисти не имеет значения, поскольку на месте линий будут прорези (я нарисовал линии белым, чтобы вы лучше понимали, о чем идет речь).


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


Шаг 6.


Теперь мы оставим отверстия, которые нарисовали в предыдущем шаге, только на самой фигуре, удалив лишнее. Загружаем выделение слоя с линиями (Ctrl+клик по иконке этого слоя), затем инвертируем выделение (Ctrl+Shift+I) и удаляем лишнее клавишей Delete.


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


Мы почти у цели. Подкорректируем немного положение отверстий на пластине. Загружаем выделение слоя с верхней фигурой (Ctrl+клик по иконке этого слоя) и переходим в меню Выделение-Модификация-Сжать (Select>Modify>Contract). Устанавливаем радиус сжатия в 10 рх. Инвертируем выделение (Ctrl+Shift+I) и на слое с отверстиями удаляем лишнее клавишей Delete.


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


Шаг 7.


Теперь немного закруглим наши отверстия. Загружаем выделение слоя с ними (Ctrl+клик по иконке этого слоя).


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


После загрузки выделения вы можете выключить видимость слоя с отверстиями (клик по глазику миниатюры). Переходим в меню Выделение-Модификация-Сгладить (Select>Modify>Smooth) и устанавливаем радиус на 3 рх. Теперь, не снимая выделения, переходим на маску слоя с верхней пластиной и заливаем (Edit-Fill) отверстия на ней черным цветом (#000000). Снимаем выделение (Ctrl+D). После этого вы можете удалить слой с отверстиями, он нам больше не нужен.


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


Сделаем то же самое для другой пластины (нижней). Вы можете скопировать маску со слоя верхней фигуры на нижнюю. Удерживая Alt, перетяните маску на миниатюру слоя нижней пластины. Затем, отразите по вертикали копию маски (Edit-Transform-Flip Vertical), предварительно разъединив ее с сами слоем (клик по иконке скрепки на миниатюре) и поместите на фигуру. Если вы не разъедините слой с маской, перевернется вся фигура.


Шаг 8.


Теперь мы добавим стиль нашим фигурам и металлический вид. Для создания эффекта полированного металла мы применим классическую технику сочетания фильтра Шум (Noise) и Размытия в движении (Motion Blur).


Создаем новый слой (Ctrl+Shift+N) с обтравочной маской (клик пр.кн.мыши по миниатюре слоя и выбираем из меню «Create Clipping Mask»). Заполняем слой черным цветом (Edit-Fill) и добавляем на него Шум (Filter-Noise-Add Noise) c Эффектом 100% и активным Монохромным (Monochromatic). Затем, добавляем фильтр Размытие в движении (Filter-Blur- Motion Blur) c углом 0°. Изменяем режим смешивания этого слоя на Перекрытие (Overlay).


Далее, сделаем имитацию бликующего металла пластины при помощи градиента. Я использовал градиент из набора «Металлик». Создаем еще один обтравочный слой (Ctrl+Shift+N с активацией обтравки) и заполняем его по-диагонали градиентом. Изменяем режим смешивания для этого слоя на Умножение (Multiply).


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


Шаг 9.


Для придания пластине красивого 3d-эффекта воспользуемся стилями слоя (Layer Style). Открываем диалоговое окно стилей, дважды нажав л.кн.мыши по миниатюре слоя с верхней пластиной. Выбираем параметры Тень (Drop shadow) и Тиснение (Bevel and Emboss), выполняем настройки значений со скриншота.


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


У вас должно получиться что-то похожее. Обратите внимание на блики в верхней части фигуры.


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


Копируем стили слоя на нижнюю фигуру (клик пр.кн.мыши по миниатюре слоя с верхней пластиной и выбираем – Copy Layer Style, затем переходим на миниатюру слоя нижней фигуры и снова нажимаем пр.кн.мыши, выбирая – Paste Layer Style). Скопировав стили, откройте стиль Тиснение (Bevel and Emboss) на нижней фигуре и измените значение угла на - 85°, чтобы свет распределялся правильно по фигуре.


Вот так выглядит теперь наша нижняя пластина:


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


Шаг 10.


Теперь, когда основа обоев создана, добавим цвет. Сначала я написал буквы внутри изгиба пластин и применил к ним некоторые стили. Загрузите в программу шрифт из материалов урока и, активировав инструмент Текст (Type Tool), напишите крупные буквы, как на примере ниже.


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


Шаг 11.


Яркие световые стили, которые я применил для букв, достаточно сложные, поэтому я предоставил их уже в готовом виде для вас. Установите в программу стили из ресурсов урока через меню Редактирование-Управление наборами-Стили (Edit-Preset Manager-Styles). Находясь на текстовом слое, откройте панель стилей (Window-Styles) и выберите понравившийся вам стиль для букв.


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


Шаг 12.


Чтобы подчеркнуть свечение букв еще больше, добавим цветные пятна под слоем с ними. Создаем новый слой (Ctrl+Shift+N) ниже слоя с буквами и выбираем Кисть (Brush) с мягкими краями. Устанавливаем цвет для кисти со скриншота внизу и делаем по одному клику кистью на каждой букве. Изменяем режим смешивания этого слоя на Осветление Основы (Color Dodge).


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


Шаг 13.


В качестве последнего штриха я добавил три округлых светящихся треугольника в центре обоев. Выбираем инструмент Многоугольник (Polygon Tool (U)) и в верхнем меню нажимаем его иконку. Устанавливаем количество сторон (Sides) 3, в Геометрических параметрах (стрелочка вниз) активируем опцию Сгладить внешние углы (Smooth Corners). Теперь рисуем три треугольника и применяем к ним те же яркие стили, какие мы использовали для букв из моего набора.


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


Мы закончили! Надеюсь, вам понравилась идея этого урока, и вы узнали для себя что-то новое. Успехов в творчестве!


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


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


Пакет стилей и фигур
Узоры металлической сетки
Шрифт «Ethnocentric»

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




Категория: Уроки Фотошопа
Автор (переводчик): Andrei Oprinca/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 14




Рейтинг популярности: 2.3/5 (Всего оценок: 23)

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



В галерею
18.10.2013 18.10.2013  kolly

Большое спасибо, очень понравился урок!