Как в фотошопе сделать фотообои
В этом уроке мы используем всю мощь вектора, режимов наложения и цветокорректирующих слоев Фотошопа, чтобы создал гибкие, легко настраиваемые обои в стиле Windows 7. Мы создадим обои необычным способом и как всегда в конце урока вы сможете скачать мой PSD фаил с которым я работал. К концу урока мы углубимся ещё сильнее и я покажу вам более продвинутые приемы по созданию красивых обоев. Никакой растеризации, никаких растровых кусков графики и никаких сливаний слоев. Все элементы нашего дизайна будут оставаться гибкими и легко изменяемыми. Если на каком-то этапе у вас возникнут затруднения, читайте дополнительные статьи на которые я буду приводить ссылки.
В каком разрешении делать обои?
Обои — это не более чем фотография с определенным размером. Размер зависит исключительно от разрешения вашего монитора. Если на мониторе установлено 1280 на 1024 px то и обои должны быть такого же размера. Если они будут другого размера Windows просто растянет их до нужного, что, чаще всего означает искажение пропорций и ухудшение качества. Сделать обои в Фотошопе не сложно. Достаточно взять любую фотографию большого размера и встроить её в правильное разрешение.
Выбирайте максимальное разрешение. Например делайте обои в размере 1920 на 1200 px. Тогда вы легко сможете преобразовать их во все нижеследующие размеры. В 800 на 600 px, в 1024 на 768 px, в 1280 на 720 px и так далее. Если вам это не нужно просто выберите размер вашего разрешения и создавайте обои нужного вам размера. Но лучше больше чем меньше.
Создаем новый фаил
Начнем создание обоев с нового фаила. Создаем новый фаил через File > New В настройках диалогового окна у указал 1280 на 1024 px и это будут размеры моих обоев для Фотошопа.
Правильная работа со слоями
Когда мы работаем в Фотошопе мы прежде всего хотим оставить возможность вернуться к середине работы и произвести изменения. И мы наверняка захотим сделать это через несколько дней, когда воспользоваться History будет невозможно. Поэтому я категорический противник использования всякого рода сливания слоев и растеризации, о чем подробно можно почитать в первой части статьи Как не нужно работать в Фотошопе.
Правильная работа — это последовательная работа. Нам не нужен цвет. Мы зададим любой цвет в конце работы, хоть голубой хоть серо-буро-малиновый. Все что нам нужно — правильные объекты с правильными тенями. Затем мы создадим слои для раскраски обоев. Подробно я проделывал это в уроке Как раскрасить черно-белую фотографию. А после создадим цветокорректирующие слои, чтобы регулировать резкость, тон и свет.
Я просмотрел массу уроков по Фотошопу и большая их часть основывается на инструментах выделения Select и растровых не настраиваемых градиентах. Похоже на дворе до сих пор 1999 год. Создавая мертвые растровые куски через инструменты выделения и инструмент градиента Gradient Tool вы имеете весьма скромные возможности настройки своей работы, и практически никакой возможности изменить формы. Все придется переделывать с нуля.
Создаем заливочные слои градиента
Вначале я хотел создать объекты через инструменты рисования вектора в режиме Shape Layers. Они как известно по умолчанию используют заливочный слой Solid Color. Далее я хотел задавать градиенты через стили, однако заходить в окно стилей по 100 раз, чтобы изменить градиент слишком утомительно. Почему бы не воспользоваться на прямую слоями заливки градиента Gradient. Не смотря на то, что они создаются без маски, приделать к ним маску пара пустяков. Если вы не представляете что такое маска, а в частности что такое векторная маска, вам стоит прочитать цикл моих статей Все о маске в Фотошопе.
Выбираем инструмент Rectangle Tool, на панели настроек Shape Layer. Нарисуем большой прямоугольник на всю рабочую область. Цвет выберите серый. Подробнее про векторные примитивы можно прочесть в статье Векторные примитивы в Фотошопе. А если вам непонятен смысл настройки Shape Layer читайте статью о настройках Shape layer, Path и Fill Pixels.
Создаем слой заливки Layer > New Fill Layer > Gradient Более оперативный способ вызвать этот слой, прямо из панели слоев Layers — иконка в виде черно белой окружности в футере панели.
Cледите за руками. Сейчас будет много действий с маской. Если вы не отступитесь от списка у вас все получится.
Смысл, конечно, не в градиентах, а в создании свечения и теней через градиенты разных видов.
Чтобы создать правильный градиент вам нужно зайти в диалоговое окно Gradient Editor. Это легко сделать просто щелкнув по полоске градиента в окне слоя заливки градиента, и там настроить следующий градиент. 2 ключевых цвета — белого цвета. Но правый верхний ползунок, отвечающий за степень невидимости на 0% Я бы сразу сохранил этот градиент, чтобы далее не создавать его вновь, а просто выбирать из списка градиентов.
Пользуясь той же техникой создайте новый градиент на основе слоя заливки Gradient. Присвойте ему векторную маску и нарисуйте на ней новую векторную фигуру. На этот раз мы создаем тень, поэтому в Gradien Editor выберите черными оба ползунка, а верхний на 0% чтобы создать полупрозрачность. Чтобы регулировать мягкость градиента меняйте параметр Scale. Чтобы регулировать видимость меняете Opacity на панели слоев.
Создайте ещё один слой градиента и при помощи инструмента Pen Tool нарисуйте векторную овальную маску.
В этот раз фигура сложнее.
- Создайте заливочный градиент и с помощью Rectangle Tool создайте маску, покрывающую всю рабочую область.
- Теперь выберите инструмент Pen Tool, а в панели настроек переключитесь на режим вырезания Subtract from Shape (-) Нарисуйте 2 большие фигуры сверху и снизу.
- Градиент настройте так, чтобы он подсвечивался с верхнего левого края.
Теперь мне нужен нижний закругленный контур из предыдущего слоя. Поскольку мы уже нарисовали его в предыдущей маске сделайте вот что:
- Создайте новый слой градиента, темную тень.
- Кликните по маске нижнего слоя, затем инструментом Path Selection Tool кликните по нужному контуру и скопируйте его Ctrl+C.
- Перейдите на новый слой градиента, создайте там векторную маску.
- Скопируйте Ctrl+V на пустую маску. Маска при этом должна быть выделена. Иначе вы просто скопируете свободный, ни к чему не привязанный контур.
Я создал ещё несколько слоев градиента используя старую маску. И скопировать векторную маску на другой слой можно просто перетащив её на панели слоев и удерживая ALT. Чтобы создать такой резкий блик я немного подкорректировал градиент в редакторе.
Под конец работы я создал ещё несколько фигур с градиентами, и закончив эту работу выделил все слои и нажал Ctrl+G или Layer > Group Layers чтобы поместить все в одну папку.
Папку можно закрыть и заблокировать замочком. Она нам больше не понадобится, потому что мы переходим к следующей стадии — раскраске.
Раскрашиваем обои
Я задам слой с помощью режимов наложения. И подробнее о том что это такое можно прочитать в статье Режимы наложения в Фотошопе.
Сейчас просто создайте новый заливочный слой Solid Color, из того же меню из которого вы создавали градиенты. Выберите цвет. А в режимах наложения поставьте Color.
- Создайте новый слой заливки с другим цветом Layer > New Fill Layer > Solid Color
- Присвойте ему черную закрытую маску Layer > Layer Mask > Reveal All
- Если у слоя уже есть открытая маска кликните по кнопке Invert на панели Mask или залейте маску черным цветом при помощи ведерка Paint Bucket Tool
- Выберите кисть Brush Tool большого размера с низким значением Flow на панели настроек и белым цветом.
- Кликните по маске и начните проявлять эффект слоя заливки, создавая легкие оттенки.
- Меняйте Opasity чтобы эффект был явным но не слишком сильным.
- Под конец создайте папку Color и поместите туда все слои.
Цветокоррекция обоев для фотошопа
Переходим к цветокоррекции. Создайте два цветокорректирующих слоя Hue/Saturation и Levels. Сделать это можно из того же меню на панели Layers — иконка с черно белой окружностью. Или из меню Layers > New Adjustiments Layers >
Теперь при клике по иконке цветокорректирующего слоя можно вызвать панель Adjustiments и произвести в ней изменения.
С помощью Levels настраиваем свет и резкость обоев в Фотошопе.
С помощью Hue/Saturations выбираем любой цвет, насыщенность и уровень света.
Использование смарт слоев
Выделите все слои и создайте на их основе Смарт слой через Layer > Smart Objects > Convert to Smart objects. Теперь вы можете смело подсоединять любые эффекты из меню фильтров и эксперементировать с обоями. Например вот что получилось у меня когда я использовал фильтр Diffuse Glow.
Финальный вариант
Свой конечный вариант обоев, сделанных в Фотошопе я оставил без смарт слоя. Как обычно вы можете скачать мой PSD фаил и посмотреть что конкретно я делал и как работал.
В этом небольшом уроке я расскажу вам как примерить фото обои в свою ванную комнату в фотошопе. Фото обои сейчас очень популярны. Если вы желаете украсить свою квартиру красивыми фотообоями, но не уверены как они будут смотреться в интерьере вашей квартиры, этот урок вам пригодится.
Начинаем делать фото обои
Для урока нам понадобится фото ванной комнаты и эскиз обоев. Я нашла исходники в интернете.
Открываем фотографию ванной (Ctrl+O) -> «Загрузить».
Открываем палитру «Layers» (Слои) — F7.
Сейчас в палитре только один слой с исходником.
Создадим новый пустой слой, нажав на иконку нового слоя внизу палитры слоев, либо комбинацией клавиш Ctrl+Shift+N.
Берем инструмент «Polugonal Lasso Tool» (L) на панели инструментов слева.
Обводим область, где у нас будут фото обои, зажимая Shift, если необходимо провести прямую линию.
Убедитесь, что в панели слоев выделен новый пустой слой.
Выберите на панели слева инструмент, похожий на ведерко с краской «Paint Bucket Tool(B)», щелкните внутри выделения и залейте выделенную область любым цветом (у меня — голубой).
Открываем теперь наше изображение с фото обоями (Ctrl+O) -> «Загрузить».
Теперь нам нужно объединить две фотографии в одном документе. Для этого откройте палитру слоев — клавиша F7, выделите окно с фото обоями и перетащите слой «Background» из палитры слоев на фото с ванной комнатой.
Если вы сделали все правильно, в палитре слоев первого документа у вас будет три слоя: 1. исходная ванная комната, 2. слой с заливкой под обои и 3.слой с фотообоями. Второй документ можем закрыть без сохранения.
Задача теперь перед нами следующая: подогнать фото обои под размеры и перспективу стен.
Находимся на последнем слое с фото обоями.
Чтобы видеть нижний слой, необходимо временно снизить непрозрачность слоя с фотообоями в палитре слоев. Я установила «Opacity»(Непрозрачность) слоя 60%.
Нажимаем Ctrl+T (Свободная трансформация), чтобы подогнать картинку по размерам стен.
В уголках изображения появляются маленькие квадратные маркеры. Если края изображения не видны в пределах окна, нажмите «Ctrl -«, чтобы отдалить изображение (приблизить — «Ctrl+»).
Теперь зажимаем Shift (чтобы изображение трансформировалось пропорционально соотношению сторон), берем за уголок изображения и тянем его по диагонали, чтобы уменьшить изображение.
Подгоняем примерно на глаз, таким образом, чтобы изображение попадало на обе стены.
На панели инструментов выбираем Restangular Marquee Tool(M). Выделяем квадратиком стену, которая смотрит прямо на нас, щелкаем правой кнопкой по выделению, выбираем «Layer via cut» (вырезать на новый слой). Таким образом, у нас получилось, что фото обои для двух разных стен находятся теперь на двух разных слоях. Измените «Opacity» слоев с фото обоями на 100%.
Выделяем в палитре слоев самый верхний, 4ый слой снизу. Переносим его ниже на один уровень, таким образом, чтобы он находился прямо над слоем с заливкой (получается он станет третьим по счету снизу). Ставим курсор между 2 и 3 слоем, нажимаем Alt(курсор поменяется на два пересекающихся кружка) и кликаем мышкой между слоями.
Третий слой после этого должен полностью вписаться во второй. Слой с заливкой стал для него как бы контейнером,маской. Однако вы по-прежнему можете трансформировать слой с фото обоями, при этом он будет изменяться в пределах слоя-маски.
Прежде, чем загонять в маску фотообои для второй стены, необходимо трансформировать изображение с учетом перспективного искажения.
Выделяем последний слой в палитре слоев. Нажимаем Ctrl+T, щелкаем правой кнопкой по выделению, выбираем «Distort». Управляя маркерами, подгоните изображение под наклон и перспективу стены. Вы также должны учитывать совмещение рисунка с соседней стеной.
После того как закончите, нажмите «Enter». Перейдите в палитру слоев F7. Подведите курсор в место между третьим и четвертым слоем, нажмите Alt и кликните, чтобы задать маску для второго слоя с фотообоями. Вот что получилось у меня.
Поскольку стены не могут быть освещены одинаково, нам нужно сделать различие между освещением боковой и центральной стены, за счет этого появится и пространство.
Находясь на последнем слое, заходим в меню «Image» -«Adjustments» — «Hue/Saturation». Делаем такие настройки:
Красивые фотообои для вашей ванной комнаты готовы!
В этом уроке мы посмотрели как можно примерить различные фото обои к своей ванной комнате. Надеюсь урок был вам интересен, и вы получили из него новые знания.
В этом уроке вы узнаете, как создать отличные обои для рабочего стола с помощью Adobe Photoshop CS6. Этот урок универсален и пригодится для создания других обоев. К уроку прилагается PSD файл, разделенный на слои. Давайте начнем!
Перед началом работы в Adobe Photoshop CS6 нужно создать новый документ (Ctrl + N) с размером 1920px на 1200px, режимом цвета RGB (Color mode > RGB Color), разрешением 72 пикселя/дюйм (Resolution > 72px/inch) и прозрачным фоном. Кликните на иконку Добавить стиль слоя (Add a layer style) в нижней части Панели слоев (Layers panel) и выберите Наложение Градиента (Gradient Overlay).
Кликните на панель цветов (color bar), чтобы открыть Редактор Градиентов (Gradient Editor) и настроить метки цветов (color stops) как показано на рисунке. Нажмите ОК, чтобы закрыть диалоговое окно Редактора Градиентов (Gradient Editor).
Мы получим такой результат:
После этого рисуем небольшой эллипс, используя кнопку Эллипс (Ellipse Tool) или U на клавиатуре.
Результат получился такой:
Кликните на кнопку Добавить стиль слоя (Add a layer style) на панели слоев (Layers panel) и выберите Обводка(Stroke).
Добавьте Внутреннее Свечение (Inner Glow):
Примените Наложение Градиента (Gradient Overlay):
Кликните на панель цветов (color bar), чтобы открыть Редактор Градиентов (Gradient Editor) и настроить метки цветов (color stops) как показано на рисунке. Нажмите ОК, чтобы закрыть диалоговое окно Редактора Градиентов (Gradient Editor).
Результат будет таким:
Получается такой результат:
Измените Режим наложения (Blending mode) этого слоя на Перекрытие (Overlay).
Установите Заливку (Fill) этого слоя на 50%.
Сделайте много копий слоя, содержащего меньший эллипс и используйте команду Свободное Трансформирование (Free Transform (Ctrl + T), чтобы изменить их размер, располагая при этом как показано на рисунке:
Используя те же методы, нужно нарисовать еще несколько эллипсов с большим диаметром, применяя тот же цвет и Заливку (Fill) - 20%. Слой с большими кругами так само должен быть под слоем с темным кругом.
Используя инструмент Эллипс (Ellipse Tool), нужно нарисовать новый эллипс, слой которого будет расположен поверх всех остальных.
Мы получим такой результат:
Создайте новый слой и выберите Мягкую Круглую кисть (Soft Round brush) белого цвета, Непрозрачность (Opacity) - 20%. Затем порисуйте поверх сделанного эллипса.
Измените Режим наложения (Blending mode) этого слоя на Перекрытие (Overlay).
Скопируйте эллипс, который вы создали перед этим. Используйте инструмент Свободное Трансформирование (Free Transform (Ctrl + T) и разместите копию как показано на рисунке ниже.
Кликните на кнопку Добавить стиль слоя (Add a layer style) на панели слоев (Layers panel) и выберите Обводка (Stroke).
Сделайте десять копий последнего представленного слоя, затем при помощи инструмента Свободное Трансформирование (Free Transform (Ctrl + T) переместите копии как показано на следующем рисунке.
Пришло время вставить текст в наши обои, используя инструмент Горизонтальный Текст (Horizontal Type tool (Т). Выберите шрифт, размер и цвет в Панели Символов (Character panel). Я использовал этот шрифт с сайта FontSquirrel.
В этом уроке мы создадим красочные обои для Вашего iPhone, используя несколько космических изображений.
Сложность урока: Средний
В этом уроке мы создадим красочные обои для Вашего iPhone, используя несколько космических объектов.
Материалы для урока:
Конечный результат:
Шаг 1
Создайте новый документ в Фотошопе (Ctrl + N) размером 640х960 пикселей с разрешением 326 пиксель/дюйм. Данный размер подойдёт под разрешение экрана iPhone 4 с Retina дисплеем.
Шаг 2
Вставьте в наш документ изображение космоса через меню Файл > Поместить (File > Place).
При помощи корректирующего слоя Кривые (Curves) улучшите контрастность изображения. Когда откроется окно коррекции, выберите белую пипетку и кликните на светлом участке изображения. Затем выберите чёрную пипетку и кликните на тёмном участке.
Шаг 3
Откройте изображение Луны. Инструментом Овальная область (Elliptical Marquee Tool) (M) выделите Луну.
Скопируйте выделенную область (Ctrl + C), вернитесь в основной документ и вставьте Луну (Ctrl + V). Измените размер Луны при помощи инструмента Свободное трансформирование (Ctrl + T).
Измените контрастность Луны при помощи корректирующего слоя Кривые (Curves) с обтравочной маской (Ctrl + Alt + G).
Шаг 4
Кликните дважды на слое Луны, чтобы открыть окно стилей. Примените стиль Внешнее свечение (Outer Glow):
Следующий стиль – Внутреннее свечение (Inner Glow):
Шаг 5
Создайте новый слой (Ctrl + Shift + Alt + N) над слоями Луны. Залейте его чёрным цветом при помощи инструмента Заливка (Paint Bucket Tool) (G). Затем примените фильтр Блик (Фильтр > Рендеринг > Блик / Filter > Render > Lens Flare).
Установите Режим наложения слоя с сиянием на Осветление (Screen).
Шаг 6
Возьмите изображение астероидов из этого набора.
Перенесите астероиды в наш документ и инструментом Свободное трансформирование (Ctrl + T) наклоните их.
Шаг 7
Создайте новый слой над астероидами. Выберите инструмент Градиент (Gradient Tool) (G): Стиль (Style) – Радиальный (Radial), от белого к прозрачному. Протяните небольшую заливку из центра сияния.
Шаг 8
Сейчас мы создадим звёзды. Инструментом Эллипс (Ellipse Tool) (U) создайте овал, показанный ниже.
Примените к овалу фильтр Размытие в движении (Фильтр > Размытие > Размытие в движении / Filter > Blur > Motion Blur).
Создайте копию размытого овала (Ctrl + J) и поверните её на 90 градусов инструментом Свободное трансформирование (Ctrl + T). Выберите оба слоя и объедините их (Ctrl + E).
Создайте несколько копий звёзд и раскидайте их по холсту. Уменьшите размер дальних звёзд.
В завершении урока мы проделаем общую цветовую коррекцию через корректирующие слои. Первый корректирующий слой – Цветовой тон/Насыщенность (Hue/Saturation).
В этом уроке я покажу вам, как сделать фотографию наиболее красивой, при помощи несложных действий.
Создайте новый документ (File>New) размером 1920x1200px/72 точек на дюйм. Используя инструмент Заливка (Paint Bucket Tool (G)), заполните фон черным цветом.
Создайте еще один документ размером 1000х1000, также залейте его черным цветом.
Используя Градиент (Gradient Tool (G)) сделайте вот такой плавный переход, как показано на рисунке ниже:
Теперь выбираем Filter>Distort>Wave (Фильтр > Искажение > Волна), установите параметры как показано ниже:
Выберите Filter > Distort > Polar Coordinates (Фильтр > Искажение > Полярные координаты)
Переместите файл с лучами на созданный ранее документ
Используя Free Transform (Свободное трансформирование) ( CTRL + T ) растяните лучи
Добавьте маску к слою и выберите Rectangular Marquee Tool (M) (Прямоугольная область), выделите небольшую часть лучей снизу. Используя ластик или кисть чёрного цвета, сотрите те лучи, которые оказались в выделенной области в нижней части слоя:
Сделайте копию этого слоя ( CTRL + J ) и при помощи Free Transform (CTRL+T) сдвиньте лучи немного пониже, как показано на рисунке:
Работайте на слой-маске дублированного слоя, используя инструмент Прямоугольная область и ластик (или кисть чёрного цвета), уберите лишнее:
Примечание: когда мы дублировали слой, то продублировали его вместе с маской слоя. Используя инструмент выделения, выделите большую часть слоя.
Установите для обоих слоев с лучами способ смешивания на Overlay (Перекрытие).
Примечание: вместо изменения режима наложения попробуйте установить для обоих слоев с лучами Непрозрачность (Opacity) слоя 35%.
Измените режим смешивания на Мягкий свет (Soft light)
Измените режим смешивания на Overlay (Перекрытие)
Используя Ластик , установите непрозрачность 20% (Opacity 20%), сотрите края у лучей:
Откройте фотографию девушки
Отделите девушку от фона и поместите в документ с лучами
Выберите Стиль слоя >Внутреннее свечение (Blending Options>Inner Glow)
Тиснение (Bevel and Emboss)
Сделайте копию слоя с девушкой, поместите его ниже самого первого слоя с девушкой. Нажмите CTRL + T и при помощи свободного трансформирования поверните по часовой стрелке на несколько миллиметров.
Нажмите CTRL+SHIFT+U и затем CTRL+U
Сделайте копию слоя, скройте первый слой с девушкой, чтобы посмотреть что получилось
Параметры слоя: заливка ( full ) 72 %, режим смешивания – Яркий свет (Vivid Light)
Сделайте три копии слоя, который только что редактировали. Каждый слой должен быть помещен ниже, чем предыдущий. Параметры первого слоя, заливка – 72%, второго – 39%, третьего – 48%.
Установите стили для самой нижней копии: Outer Glow (Внешнее свечение)
Для следующего шага потребуются кисти. Создайте новый слой и примените кисть из загруженного набора, поместите этот слой под самый первый слой с девушкой.
Сделайте копию самого первого слоя с девушкой и при помощи свободного трансформирования ( CTRL + T ) переместите его так, как показано на рисунке ниже, для того чтобы сделать отражение:
Добавьте маску к этому слою и при помощи ластика или жёсткой кисти чёрного цвета сделайте мягкое отражение. Установите непрозрачность на 20%
Теперь нужно нарисовать несколько линий при помощи Пера (Pen Tool (P))
Возьмите кисть и сделайте обводку только что нарисованных линий
Возьмите ластик с непрозрачностью 40% и сотрите кончики линий
Установите следующие параметры для этого слоя: заливка 63%, способ смешивания – перекрытие ( overlay )
Создайте копию слоя, содержащего линии. Примените Фильтр > Размытие > Размытие по Гауссу (Filter>Blur>Gaussian blur)
Способ смешивания измените на Overlay (Перекрытие)
Создайте новый слой, выберите кисть с небольшим диаметром и нарисуйте небольшие точки белым цветом.
Способ смешивания измените на Overlay (Перекрытие)
Сделайте копию последнего слоя с точками и установите следующие параметры для этого слоя: заливка 70%, способ смешивания Мягкий свет ( Soft Light ).
Читайте также: