Как сделать розовый фон в фотошопе. Создаем фон с эффектом «боке» в Фотошопе

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

Материалы для урока:

Начнем с создания нового документа (CTRL+N) размером 1280х1024px (режим RGB) разрешением 300 pixels/inch. Загружаем Red grunge background и вставляем на рабочий документ.

Теперь загружаем набор кистей c130_splatter и stars_and_blinks. Создаем новый слой и выбираем кисть из набора c130_splatter. Цвет кисти черный, Opacity (Непрозрачность) 60%.

Используем эту кисть , чтобы закрасить фон, как показано ниже:

Устанавливаем параметр Fill (Заливка) для этого слоя на 30%.

Дублируем (CTRL+J) этот слой и применяем к копии фильтр

Устанавливаем Fill (Заливка) на 30% и меняем режим смешивания на Hard Light (Жесткий свет).

Создаем новый слой и выбираем следующую кисть из набора c130_splatter, цвет #C78987.

Используем кисть, чтобы создать линии на фоне, как показано ниже:

Создаем новый слой, этой же кистью рисуем новые линии. В этот раз выбираем цвет #903E23.

Устанавливаем режим смешивания этого слоя на Color Dodge (Осветление основы).

Создаем новый слой и выбираем мягкую круглую кисть (B) черного цвета с Opacity (Непрозрачность) 20%.

Используем ее, чтобы затемнить края фона.

Устанавливаем Fill (Заливка) этого слоя на 50% и меняем режим смешивания на Multiply (Умножение).

Жмем на кнопку Hue/Saturation (Цветовой тон/Насыщенность).

Перемещаем ползунки вправо, чтобы увеличить параметры Hue (Цветовой тон) и Saturation (Насыщенность).

Снова жмем по этой кнопке и выбираем Curves (Кривые). Корректируем форму кривой, чтобы отрегулировать цвет.

Получаем следующий результат:

Используя Line Tool (Линия) (U), рисуем нити разной толщины, за которые будут подвешены звезды. Цвет #FDF8C1.

Объединяем в группу все слои с нитями (выделяем нужные слои и жмем CTRL+G). Устанавливаем Opacity (Непрозрачность) для группы на 70%.

Выбираем Custom Shape Tool (Произвольная форма) (U), на панели параметров инструмента открываем меню с формами. Находим форму пятиконечной звезды и активируем ее.

Выбираем цвет #FDF8C1 и рисуем звезду.

Жмем на кнопку Add a layer style (Добавить стиль слоя) внизу панели слоев и выбираем Outer Glow (Внешнее свечение).

Inner Glow (Внутреннее свечение).

Получаем следующий результат:

Десять раз дублируем (CTRL+J) слой со звездой и активируем Free Transform (Свободное трансформирование) (CTRL+T). Корректируем расположение и размер каждой копии, как показано ниже:

Создаем новый слой, выбираем кисть белого цвета из набора c130_splatter.

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

Устанавливаем режим смешивания на Overlay (Перекрытие).

Создаем новый слой и выбираем новую кисть из набора c130_splatter. C помощью этой кисти мы будем рисовать гирлянды. Цвет #FDF9CA.

Теперь нам необходимо настроить кисть. Для этого вызываем панели параметров кисти (F5). Выбираем Brush Tip Shape (Форма отпечатка кисти). Меняем размер, расстояние и угол кисти.

Затем переходим в Shape Dynamics (Динамика формы):

Теперь мы можем рисовать гирлянды, как показано ниже. Этот слоя должен быть расположен под слоем со звездами.

Дублируем (CTRL+J) слоя и применяем фильтр Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу).

Получаем следующий результат:

Добавляем слой-маску, кликнув по кнопке Add layer mask (Добавить слой-маску) внизу панели слоев.
Выбираем черную кисть Soft Mechanical с Opacity (Непрозрачность) 10%.

Работаем этой кистью по слой-маске , чтобы скрыть некоторые участки слоя с сиянием.

Создаем новый слой, выбираем кисть из набора stars_and_blinks, чтобы нарисовать яркие лучики от звезд. Используем тот же цвет, что и у звезд. Располагаем этот слой под слоем со звездами.

Устанавливаем Fill (Заливка) на 20%.

Дублируем (CTRL+J) этот слой и применяем фильтр Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу).

Получаем следующий результат:

Устанавливаем Fill (Заливка) этого слоя на 50% и меняем режим смешивания на Pin Light (Точечный свет).

Жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) внизу панели слоев и выбираем Curves (Кривые).

Получаем следующий результат:

Теперь выбираем Hue/Saturation (Цветовой тон/Насыщенность).

Перемещаем ползунки вправо, чтобы увеличить Hue (Цветовой тон) и Saturation (Насыщенность), затем перемещаем ползунок Lightness (Яркость) влево, чтобы уменьшить значение.

Довольно часто можно найти в Интернете подходящее изображение, например, чтобы вставить его на веб-сайт. А возможно, Вы делаете коллаж, и нужно на один рисунок добавить другие. Вот только нужные изображения обычно имеют какой-либо фон.

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

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

Для начала рассмотрим простой пример. Предположим, у Вас есть изображение на однотонном фоне, это может быть логотип или название чего-либо. Сделаем этот логотип или надпись на прозрачном фоне в фотошоп .

Открываем нужное изображение в редакторе. Теперь сделаем прозрачный фон для слоя. В окне «Слои» кликаем два раза мышкой по добавленному слою – напротив него будет стоять замочек. Откроется окно «Новый слой» , нажмите в нем «ОК» . После этого замочек исчезнет.

Выбираем инструмент «Волшебная палочка» . В строке свойств укажите уровень чувствительности, позадавайте разные значения, чтобы понять, как он работает, например 20 и 100. Чтобы снять выделение с рисунка нажмите «Ctrl+D» .

Задаем чувствительность и нажимаем волшебной палочкой на область фона. Чтобы добавить к выделенному фону, те части, которые не выделились, зажмите «Shift» и продолжайте выделение. Для удаления выделенных областей нажмите «Delete» .

Теперь вместо фона шахматная доска – это значит, что у нас получилось сделать белый фон прозрачным. Снимаем выделение – «Ctrl+D» .

Если у Вас изображение или фотография, на которой много различных цветов и объектов, рассмотрим, как сделать прозрачный фон для изображения в фотошопе .

В этом случае, воспользуемся инструментом «Быстрое выделение» . Кликаем по волшебной палочке левой кнопкой мыши с небольшой задержкой и выбираем из меню нужный инструмент.

Теперь нужно выделить объект, который мы хотим оставить на прозрачном фоне. В строке свойств устанавливайте различные размеры и кликайте на объект, добавляя к нему области. Если ошибочно выделится ненужный фон, нажмите «Alt» и уберите его.

Для просмотра результата нажмите «Q» . Розовым будут выделены те части изображения, которые станут прозрачными.

Копируем выделенные области, нажав «Ctrl+C» . Дальше создаем новый файл, «Ctrl+N» , с прозрачным фоном.

Вставляем в него скопированные фрагменты, «Ctrl+V» . Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик» . Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.

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

Оценить статью:

03.09.2016 (admin)
Замена фона – не простая операция, особенно для новичка. Объект нужно аккуратно вырезать, в противном случае – фото с новым фоном не будет смотреться естественно. Есть более простые способы скрыть неудачный фон – не менять его полностью, а всего лишь завуалировать, акцентировать внимание на основном объекте съемки. Для этого резонно использовать фильтры, которые в изобилии имеются в графическом редакторе. Они помогут сделать красивый фон в Фотошопе легко и быстро. Редактирование фона с помощью фильтра «Размытие»

Откройте исходное фото и продублируйте основной слой, нажав CTRL+J.

Выберите меню «Фильтры» и найдите «Размытие» с несколькими категориями. Лучше использовать «Размытие по Гауссу» или «Радиальное размытие», хотя можно поэкспериментировать и с другими.

Отрегулируйте радиус размытия, завуалировав фон по вашему вкусу. Не обращайте внимания на то, что основной объект съемки тоже станет размытым. Исправим это позже.

В окне «Слои», убедившись, что вы находитесь на верхнем (размытом) слое, добавьте к нему слой-маску, нажав соответствующий значок внизу окошка.

Выберите в инструментах кисть с мягкими краями и черным цветом.

Кликните мышкой по слою-маске, он должен выделиться. Теперь кистью начинайте удалять верхний слой с объекта, которому нужно вернуть первоначальный вид. В нашем случае это девушка.

Если где-то вы удалите лишнее, то исправить это можно очень легко – достаточно переключиться на белый цвет и пройтись снова по этому участку. Удаленная область вернется. Именно поэтому лучше использовать слой-маску, а не ластик.

Таким образом, фильтр останется только на фоне.

Теперь вы знаете, как сделать размытый фон в Фотошоп. Но этот фильтр мы взяли для примера, вместо него можно использовать любые другие. Чтобы подобрать подходящий, выберите в меню «Фильтр» «Галерея фильтров». Но прежде убедитесь, что на панели инструментов стоят стандартные цвета – черный и белый. Галерея откроется в отдельном окне, слева — превью фото, справа — настройки, регулируя их, можно изменить изображение по своему вкусу.

Для фона часто используют фильтр «Стекло» из раздела «Искажение».

Можно экспериментировать и с другими. Например, «Оформление-Кристаллизация», и так далее.

Дополнительные манипуляции

Вариант 1 – наложение цвета

Этот способ подойдет, если фон не слишком темный.

Можно также использовать цветной градиент, создав слой с маской (значок внизу окна «Слои») и откорректировать его таким же образом, как описано выше.

Вариант 2 – рисуем «Пальцем»

Все эти нехитрые приемы помогут не только замаскировать неудачный фон, но и сделать фото оригинальным.

Как сделать красивый фон в фотошопе, без его замены обновлено: Февраль 19, 2017 автором: admin

1 голос

Доброго времени суток, уважаемые читатели моего блога. Фон – один из самых важных элементов картинки. Благодаря ему можно даже самую неважную фотку превратить в стильную и современную. Сделать это нетрудно даже для новичка, обладающего минимальными знаниями программы Photoshop.

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

Приступим?

Инструмент «Заливка»

Если вы хотите залить фон на готовой фотографии, то у вас ничего не получится, пока вы не избавитесь от уже имеющегося заднего фона. Сделать это можно несколькими способами. Я рекомендую вам для начала разобраться с заливкой, поработав с текущей публикаций и «чистым» документом, а потом прочитать статью в моем блоге о том, и работать с png.

Создайте новый документ через меню «Файл» — «Создать».

В Фотошопе некоторые инструменты располагаются на одной и той же кнопке. Как, например, «Градиент» и «Заливка». Чтобы открыть дополнительное меню, нужно просто на несколько секунд зажать левую кнопку мыши, оно откроется и вы сможете выбрать то, что вам нужно.

Так как я пользуюсь самой последней версией Photoshop CC, то у меня еще есть «Выбор 3D-материала». Сказать честно, я этой функцией никогда не пользовался.

Если вы хотите залить документ одним цветом, то вам понадобится обычная «Заливка».

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

Кроме того, некоторые двухцветные фильтры, например, «Облака» отображаются в той цветовой гамме, которая у вас выставлена в этом меню, но это совсем другая история.

Щелкните по верхнему цвету левой кнопкой мыши и у вас откроется дополнительное окно выбора. Сначала в полосе справа вы выбираете основной цвет, а в квадрате слева определяетесь с оттенком. Затем жмете «Ок», чтобы применить изменения.

Жмете мышью в любом месте рабочего поля с картинкой и фон меняет свой цвет на тот, который вы только что выбрали.

Применение фильтров

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

Обычно на фон я, как минимум добавляю «Шум». Вы можете открыть галерею фильтров и попробовать на практике тот или иной вариант, чтобы понимать, как он выглядит. Ну или просто воспользуйтесь моей схемой. В одной из своих статей я рассказал , возможно эта статья окажется для вас полезной.

Выберите «Шум», а затем «Добавить шум».

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

Вот такой результат у меня получился. Для некоторых цветов я применяю еще и фильтр «Размытие» — «Размытие по Гауссу», но в случае с фиолетовым это лишнее. А вот вам может пригодиться. Попробуйте сделать это самостоятельно.

Я заметил, что не так много людей пользуется «Историей», в которой отображаются все действия, применяемые пользователем. Зря, ведь это очень удобно. Один щелчок по определенному шагу возвращает вас к тому моменту, где вы его выполняли.

Откройте «Окно», поставьте галочку напротив «История» и поместите ее в нижнюю панель справа.

Теперь, чтобы вернуться к началу мне просто нужно нажать на «Новый» и уберутся все цвета и шумы. Можно начинать сначала

Инструмент «Градиент»

Откройте папку с изображением и перетащите его в рабочее окно.

Осталось лишь растянуть. В этом нет ничего сложного. Но можете прочитать статью о том, Возможно, узнаете кое-что новое.

Ну вот почти и все.

Видео инструкция

После того как я написал статью, я подумал, что некоторым из вас могут быть интересны коллажи. То есть у вас есть какая-то основа, а сверху вы добавите картинку, в качестве фона. При создании ролика я сразу поставил в центр изображения объект. В данном случае страница товара с АлиЭкспресс — Телескоп для телефона .

Чтобы залить фон, вам просто нужно активировать фон, нажать на него. Тогда все изменения будут применяться не к самому объекту, а именно к заднему слою. Ну, думаю, что вы поймете, когда увидите ролик. Я специально не стал из него ничего вырезать.

Можете посмотреть с какими трудностями я столкнулся во время работы.

Если вам понравилась эта статья – подписывайтесь на рассылку и узнавайте о фотошопе больше. Ну а если вам хочется научиться работать с программой профессионально и знать все о ее инструментах и возможностях, могу посоветовать видео курс «Фотошоп с нуля в видео формате ».

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

Ну вот и все. До новых встреч и удачи.

Первое, что мы не можем сделать с фоном, это перемещать его содержимое. Обычно, для перемещения содержимого слоя используется одноимённый инструмент "Перемещение" (Move Tool), он находится в верхней части панели инструментов:

Если мы возьмём этот инструмент и попробуем переместить фон, или даже просто кликнуть внутри окна документа, то Photoshop выдаст нам сообщение: "Применение инструмента "Перемещение" невозможно: слой закреплен." (Could not complete your request because the layer is locked).

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

Правило 2: Не поддерживает прозрачность

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

Во-первых, мне нужно создать выделенную область внутри рамки, и т.к. она заполнена белым цветом, я буду использовать инструмент "Волшебная палочка" (Magic Wand Tool). В Photoshop CS3 и выше (я здесь использую Photoshop CS6), "Волшебная палочка" вложена за инструментом "Быстрое выделение" (Quick Selection Tool), поэтому нажмите на инструмент "Быстрое выделение" и удерживайте клавишу мыши секунду-две, пока не откроется выпадающее меню, а уже из него выберите "Волшебную палочку":

"Волшебной палочкой" я кликну по белому квадрату внутри рамки, после чего появится выделенная область, ограниченная пунктирной линией "бегущие муравьи" по периметру прямоугольника:

Чтобы удалить пиксели внутри выделенной области, мне нужно нажать клавишу клавиатуры Backspace или Delete, но вместо удаления области и замены её прозрачностью, как получилось бы на обычном слое, Photoshop почему-то открывает диалоговое окно Заливки (Fill) для выбора цветов для заполнения области:

Мне это не надо, поэтому я нажму на кнопку "Отмена" (Cancel), чтобы закрыть это диалоговое окно, ведь хотел удалить белую область внутри рамки, а не заполнять её другим цветом. Предположим, что Photoshop просто ошибся, так что я буду пробую другой способ удаления пикселей. Пройдём по вкладке главного меню Редактирование --> Вырезать (Edit --> Cut). На обычном слое после этого действия на месте выделенной области появится прозрачная (пустая) область, а у меня опять получился неожиданный результат - выделенная область заполнена чёрным:

Ну и почему так получилось?
Как оказалось, Photoshop заполнил эту область черным, потому что, на цветовой палитре цвет фона (правый нижний образец) на данный момент - чёрный. Если бы цвет фона на данный момент был бы установлен, к примеру, фиолетовым, то область и заполнилась бы фиолетовым:

Так почему же Photoshop отказывается удалить белую область внутри рамки, а вместо этого заполняет ее с другими цветами?
Причина заключается в том, что фоновый слой не поддерживает прозрачность . В конце концов, так как фоновый слой является фоном у всего документа, не имеется никакой необходимости видеть сквозь него, просто потому что под ним ничего не должно быть, ведь фон находится в самом низу! Невозможно удалить область область внутри рамки, пока это изображение остается на фоновом слое.

Так как же я смогу разместить фотографию внутри рамки? Давайте отложим эту проблему на некоторое время и вернемся к ней чуть позже.

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

Вот фото, которое я хочу поместить внутри моей фоторамки:

Это изображение в настоящее время открыто у меня в отдельном окне Фотошопа, так что я быстро скопирую его в документ фоторамки, нажав комбинацию клавиш Ctrl+A для выбора всей фотографии, затем Ctrl+C, чтобы скопировать изображение в буфер обмена. Затем перехожу на документ фоторамки и нажимаю Ctrl+ V для вставки изображения в документ. Photoshop помещает изображение на новый слой "Слой 1" (Layer 1) выше фонового слоя с фоторамкой:

В окне документа мы видим, что новое изображение появилось в документе над рамкой, у самой рамки видны только нижний и верхний края:

Для того, чтобы мое второе изображение оказалось внутри рамки, мне нужно изменить порядок слоёв в панели слоёв так, чтобы слой с рамкой находился над слоем с изображением. Как правило, перемещение одного слой поверх другого осуществляется элементарно с помощью мыши, но сейчас у нас не тот случай, т.к. слой, который нам нужно переместить, является фоновым. При попытке перетащить его выше изображения на "Слой 1", Photoshop отображает символ в виде круга с диагональной линией (международный символ запрета чего-либо), давая понять, что по какой-то причине это действие неосуществимо:

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

Правило 4: нельзя поместить любые слои ниже фонового

Итак, мы не можем двигаться фоновый слой поверх другого слоя. Что, если мы попробуем переместить обычный слой ниже фонового? Если я попытаюсь перетащить "Слой 1" под фоновый, то Фотошоп выдаст такой же символ запрета, как и в случае выше:

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

Давайте подведём итог. Мы узнали, что Photoshop не позволит нам переместить содержимое фонового слоя инструментом "Перемещение" (Move Tool), потому что слой зафиксирован на месте. Мы узнали, что фоновый слой не поддерживает прозрачность, так что нет никакого способа, чтобы удалить что-либо на нём. И мы узнали, что фоновый слой всегда должен оставаться нижнего всех слоёв в панели. Мы не можем перетащите его выше других слоёв, и мы не можем перетащить другие слои ниже.

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

Преобразуем фоновый слой в обычный (разблокирование фонового слоя)

1) Пройдите по вкладке главного меню Слой --> Новый --> Слой из Фона (Layer --> New --> Layer From Background).

2) Имеется и более быстрый способ - просто дважды щелкнуть непосредственно по слову Фон (Background) , либо по иконке замочка в панели слоёв:

В любом случае из двух указанных выше способов откроется окно, где Вы можете ввести своё название, либо оставить предложенное Фотошопом по умолчанию, затем нажать ОК:

3) И самый быстрый способ. Зажмите клавишу Alt и дважды щёлкните мышкой по слову Фон (Background) , после чего Фотошоп мгновенно преобразует слой в обычный и переименует его в "Слой 0" (Layer 0), минуя диалоговое окно.

Итог

После того, как мы преобразовали фоновый слой в обычный, все ограничения сняты и на него действуют правила обычных слоёв.
Теперь мы можем свободно перемещать его содержимое с помощью инструмента "Перемещение" (Move Tool), мы можем удалять какие-либо элементы на слое и заменять их прозрачностью, и мы можем свободно перемещать его выше или ниже других слоёв.