40 красочных абстрактных фонов, паттерны и туториалы по их созданию

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

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

Бекграунды и обои

Эти фоны и обои вы сможете комбинировать и применять в любой своей работе.

Красочный спектр

Красочная палитра

Красочные обои

Яркая красочная музыка

Венецианские обои

Ощущение потока

Красочная жизнь

Радужный твист

Красочный фон

Абстрактная листва

Бекграунд

Градиентные волны

Красочные цветочные обои

Яркие краски

Фонтан красоты

Страстные обои

Красочный центр

Летний коктейль

Радиальная радуга

Красочные линии

Красочные абстрактные огни

Обои

Красочные паттерны

Разноцветные паттерны и эффекты.

Яркие паттерны

Бело зелено голубые паттерны

Векторные бледные паттерны

Яркий милый цветочный фон

Желто зелено оранжевый ретро бекграунд

Круговые световые паттерны

Бекграунд в ромбик

Яркие шрифты

Разноцветные ретро паттерны

Паттерны в виде ретро кирпичиков

Туториалы по созданию ярких бекграундов

Создайте абстрактный яркий фон

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

Создайте красивые абстрактные обои

Отличный туториал рассказывающий о создании абстрактных обоев в художественном стиле.

Как создать абстрактный яркий радужный бекграунд

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

Создайте фон с эффектом диско кругов света

Фон из дыма

Отличный туториал по созданию креативного абстрактного фона.

Красочный водоворот

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

Эффект космического света за 10 шагов

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

Стильный абстрактный фон

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

Автор – graphicmania

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



Комментарии

Оставить ответ

Похожие статьи

Случайные статьи

Замена фона в фотошоп

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Чаще всего при обработке фотографий люди сталкиваются с проблемой замены фона. Это наиболее часто выполняемая работа при обработке фотографий. Программа Adobe Photoshop отлично справляется с этой задачей.

Зачем нужна замена фона? В каких случаях нужно полностью заменить фон, а в каких только слегка подретушировать?

Рассмотрим несколько изображений:

Красивая старинная церковь, яркий насыщенный цвет и совершенно невнятное, бледное небо (а когда фотографировали, было ярко голубого цвета!). Небо очень часто оказывается пересвеченным на фото. Что делают в таких случаях? Да просто в фотошопе удаляют белое небо и меняют его на красивое синее небо с белыми облаками из другой фотографии. Замена неба на фотографии.

Море, пляж, отдых и ваше прекрасное фото на фоне волн испортили какие-то толстые тетки своим присутствием. Знакомая ситуация? Что нужно делать?

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

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

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

Задача замены фона в Photoshop – это, по сути, задача правильного выделения.

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

Рассмотрим несколько вариантов замены фона на фотографии.

Удаление фона в фотошоп для изображения с несложным фоном

1 способ. Удаление фона с помощью фонового ластика

На этом изображении фон однородный, светлый, волосы темные и хорошо контрастируют с фоном. Воспользуемся инструментом Photoshop Polygonal Lasso (Многоугольное Лассо) и выделим фон возле рук девушки. Удалим фон из этих областей. Теперь перейдем к более сложной задаче — вырезанию волос девушки.

Для выделения волос попробуем воспользоваться простым способом. Используем инструмент Background Erazer Tool (Фоновый ластик), который специально предназначен в фотошопе для быстрого удаления фона на изображении.

Настройки для инструмента задайте такие как на панели параметров.

Курсор у этого ластика имеет форму прицела. Щелкаем мышкой достаточно близко возле нашего объекта, волос, так, чтобы крестик оказался над пикселями фона. Выбранный таким образом цвет и будет образцом для удаления. Не отпуская кнопки мыши, передвигаем курсор вдоль линии волос. Ластик стирает только цвет-образец и близкие к нему цвета, не затрагивая пиксели другого цвета. Разброс цветов зависит от параметра Tolerance (Допуск). Чтобы взять другой цвет для образца, щелкните мышкой так, чтобы крестик попал на новый цвет, и повторите операцию.

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

Кнопка Sampling (взятие образца) в виде пипетки в данном случае лучше выбрать Once (однократно). То есть образец берется один раз, в тот момент, когда вы щелкаете мышкой, и действует, пока вы перемещаете мышку по рисунку, не отпуская кнопки. Это удобно, если фон на фотографии однородный.

Если выбрать другую кнопку Sampling — Continuous (с продолжением), то программа будет сама брать новый образец, когда решит, что фон под курсором изменился уже настолько, что пора взять новую пробу и начать стирать другой цвет. При этом нужно очень осторожно перемещать курсор – легко можно стереть не только ненужный фон, но и часть волос.

Можно поставить галочку в строке Protect Foreground Color (защитить первый цвет) и щелкнуть с клавишей Alt по цвету волос, который следует защитить. Но волосы имеют блики, разброс цветов достаточно большой и нет возможности настроить более точно.

Этот способ дает неплохой результат в данном случае.

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

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

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

2 способ. Замена фона с помощью тоновой коррекции одного из каналов изображения.

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

Перейдите к палитре Channels (Каналы) и рассмотрите каждый канал по отдельности (красный, зеленый, синий). Выберите тот канал, в котором наиболее выражен контраст, между фоном и девушкой, в данном случае синий. Мышкой перетяните его на иконку Create new channel, в результате будет создан новый канал Blue copy.

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

Выберите только что созданный канал и нажмите (Ctrl + L) для вызова окна Levels (уровни), после чего усильте контраст между светом и тенью. В частности, можно установить такие значения как здесь.

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

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

Зажмите Ctrl и щелкните на канале Blue copy в палитре Channels (Каналы) (не наоборот! – сначала зажмите Ctrl и только потом щелкните на канале). У вас загрузится выделение и вы увидите, что выделены все светлые части изображения. Перейдите на общий канал RGB и вернитесь на палитру Layers (Слои).

Выделенная область хорошо охватывает фон вокруг волос девушки.

Воспользуйтесь клавишей Delete (Удалить) и очистите фон. Оставшиеся участки фона удалите инструментом Polygonal Lasso (Многоугольное Лассо)

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

Вставка нового фона

Теперь в палитре Layers (Слои) под слоем с девушкой вставьте новый слой и в этот слой скопируйте красивый фон с другой фотографии. Если размер вставленного фрагмента не совпадает с исходным по размеру, используйте Edit (Редактирование) > Transform (Трансформация) > Scale (Масштаб) и инструмент Move Tool (Перемещение).

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

Замена сложного фона

Сложным фоном можно считать пестрый, разноцветный фон, содержащий темные и светлые участки. Примером может быть это изображение.

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

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

Чтобы легко и быстро разделить изображение на части, размещенные в разных слоях, инструментом квадратное выделение выделите нужную вам часть изображения и используйте команду Layer (Слой) > New (Новый) >Layer Via Cut (Слой через вырезание) для создания нового слоя с выделенным фрагментом.

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

В тех частях изображения, где волосы светлее фона, выделится светлая часть, волосы, а не фон. Нужно выполнить команду Select (Выделение) > Inverse (Инвертировать), после чего удалить фон.

Можете попробовать сделать это самостоятельно, но лучше задайте себе вопрос: вам действительно так дороги эти ваши тонкие волоски и пушинки на голове? Не проще ли вырезать объект без них, довольно грубо, но быстро, а потом просто дорисовать эти тонкие прядки, кудряшки и отдельные волоски используя специальные кисти для фотошопа?

Замена фона с помощью быстрой маски с дорисовкой кистями Photoshop

Используем фото на сложном фоне.

Выделите с помощью волшебной палочки любой фрагмент изображения девушки. Перейдите в режим быстрой маски (для перехода в этот режим используйте клавишу Q или кнопку внизу панели инструментов Photoshop Edit in Standard Mode (Редактировать в стандартном режиме)) и, используя черную кисть для добавления участков к маске и белую кисть для того, чтобы удалить ошибочно выделенные фрагменты, создайте маску для выделения. Сначала белой кистью большого диаметра прорисуйте человека в общих чертах, не пропуская внутренних областей, а затем, чередуя белую и черную кисть меньшего диаметра, пройдите по сложным участкам и подправьте маску. Крупные пряди волос включите в изображение, а всякие пушинки и ворсинки оставьте в покое. Не следует тратить много времени на это.

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

Нажмите клавишу Q для перехода в обычный режим. Изображение девушки выделено.

На этом этапе можно инвертировать выделение и удалить фон, но лучше использовать маску слоя, — если не будете довольны результатом, сможете все исправить. На палитре Layers (Слои) нажмите кнопку Add Vector Mask (Добавить векторную маску):

Фон скрыт, результат примерно такой.

Пришло время дорисовать тонкие волосы для придания естественности. Для этого используют специальные кисти для фотошопа. Скачайте и загрузите подходящие Кисти Волосы из коллекции кистей.

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

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

В результате этой работы должно получиться следующее:

А это отдельно слои с нарисованными волосами (слой с девушкой выключен).

Осталось объединить слои с нарисованными волосами и под ними добавить красивый фон.

Как сделать фон прозрачным (photoshop)

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

И так, открываем нашу картинку в фотошопе.

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

Замочек должен исчезнуть

2. Далее…

Если фон однотонный:
Выбираем инструмент «Волшебная палочка» — это очень гибкий инструмент для выделения нужной области. Наша задача выделить весь фон, кроме рисунка. Для этого подгоняем настройки волшебной палочки (параметр допуск), пока не получим нужный результат. Так-же пользуемся клавишей Shift, чтобы выделить область помимо уже выделенной. Нажимаем Del и выделенная облась удаляется.

Если фон разноцветный:
Используем инструмент «Быстрое выделение«. Тут наша задача выделить не фон, а сам объект, который должен остаться. Нажимаем до тех пор, пока не выделится нужная область. Если выделилось лишнее, зажимаем Alt и минусуем облась. Посмотреть результат можно клавишей Q.
Когда выделение готово, копируем его Ctrl+C. Создаем новый документ с прозрачным фоном (Ctrl+N) и вставляем туда объект Ctrl+V.

3. Если на рисунке осталось что-то лишнее, используем инструмент «Ластик«, просто затираем лишний фон.

4. Сохраняем изображение для Web (Alt+Shift+Ctrl+S) выбираем формат GIF либо PNG (в других наш прозрачный фон превратится в белый).

Полезное видео в тему:

Похожее

Запись опубликована в рубрике Разное с метками Photoshop.

Фотошоп, прозрачный, белый и другой фон.

Поделиться статьёй:

Фон важен для любой фотографии, коллажа, открытки, рекламного макета. Фон — основа основ, на которой создается основная композиция. Цвет и фактура играют большую роль, задают настроение картинке. Но далеко не всегда естественный фон отвечает всем требованиям творческой задумки. Зачастую дефекты становятся видны уже с монитора компьютера. Или же перед вами стоит задача наложить изображение на тематический фон, который нужно выдержать в соответствии с техническим заданием конкретного проекта.

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

Делаем фон в Фотошопе простой и с размытием

Шаг 1. Начинаем с определения параметров. Открываем документ, который и будет основным полотном для фона. Сверху можете наложить текст — если, к примеру, создаете открытку или макет рекламного баннера. Не забудьте в диалоговом окне написать имя файла (иначе при сохранении может затеряться в списке других документов). Следующий шаг — указываем размер. Для открытки лучше выбрать стандартный А4 (если рабочее поле получится меньше, края обрезаются). И определяем текстуру фона: прозрачная или белая матовая.

Шаг 2.  Теперь решаем, какой у вас будет базовый цвет фона. Для этого обращаем внимание на панель, расположенную с левой стороны по вертикали. На этой рабочей полоске расположены все основные инструменты, которыми пользуются дизайнеры и фотографы при обработке своих снимков. Ваша задача — найти палитру оттенков и выбрать нужный. Все просто: наводите мышкой на верхний квадрат, щелкаете и меняете цветовую гамму. Чтобы не тратить лишнее время на примерку гаммы, с оттенком лучше определиться заранее.

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

Шаг 4. Создаем градиентный перелив. Если вам не нравится однотонный фон, хотите задать области несколько оттенков — используйте инструмент Градиент, который также расположен на вертикальной панели слева. В параметрах увидите много интересных вариантов с полосами, треугольниками, контрастными переливами.  

Шаг 5. Эксперименты с фильтрами. Хотите сделать изображение еще более эффектным — примените фильтры. Их можно выбрать в окне, расположенном в самой верхней панели — “Фильтр”, затем из выплывающего окна “Галерея фильтров”.

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

Создаем фон в фотошопе с эффектом Затмения Солнца

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

Шаг 1. Заходим в Фотошоп и, как описано выше, создаем базовый документ. Соблюдаем размер 1900х1200 pixel. Затем нам нужно из вертикальной панели инструментов выбрать значок с пунктирным прямоугольником — Прямоугольная область (если у вас англоязычная версия — Rectangular Marquee Tool (M). Ваша задача — выделить на черном фоне область и потом залить ее серым цветом (на новом слое).

Шаг 2. Теперь нам нужно определить настройки для кисти, которая будет выполнять основную художественную задачу. В меню выбираем Редактирование, затем — Определить кисть (для англоязычной версии Фотошопа — это Edit и Define Brush Preset). Ва нужно переименовать кисть в “Полосы кисть” (Strips Brush).

Шаг 3. Настраиваем параметры кисти. Выбираем в Окне — Кисть (для англо-версии Window и Brushes). Для поставленной задачи вам нужно использовать Динамику формы (на english — Dynamics Shape), Передачу, Динамику цвета (Dynamics Color) и Рассеивание. Ваша рабочий инструмент — Strips Brush.  

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

Задаем параметр по Динамике формы:

• Ставим галочку рядом с Рассеиванием. На шкале определяем требуемые значения:

Теперь переходим к Динамике цвета. Обратите внимание на частоту и проценты в колебании переднего и заднего плана, тона, насыщенности и яркости. Оптимальные показатели — 50%:

И Передача. Здесь задаем параметры колебаниям непрозрачности и количества краски (в пределах 40 и 70%):

Шаг 4. Создаем полосы, которые в итоге станут красивыми бликами солнечного сияния. Сначала нам нужно сделать темный фон, который будет контрастировать с разноцветными элементами основной композиции. Для этого нам надо спрятать слой, на котором была создана базовая кисть, назовите его, к примеру, “Для работы с кистью”. Затем делаем новый слой и проводим по нему кистью горизонталь слева направо. Создаем Стиль слоя и идем к стилю Тень. Обязательно применяем параметры Затемнения основы: размер 10 pixel, непрозрачность на 70-75%, смещение — 5 и угол 125°.

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

Вам нужно будет повторить эти действия два раза: создавать новые слои, проводить кистью полосу слева направо и задавать параметры в Затемнении основы. Затем объединяем все получившиеся слои с полосками и меняем размер в горизонтали, используя в одновременном нажатии клавиши Ctrl и T:

Шаг 5. Работаем с цветом полосок. Начинаем с цепочки Меню — Фильтр — Размытие — Размытие в движении. Устанавливаем показатели: смещение на 155 pixel, угол 90°. Следующая цепочка: Слои — Новый слой — Заливка — Градиент. Нам нужен линейный стиль, непрерывный градиент, угол 90°, масштабируем на 80% и выбираем нужный оттенок.

Затем меняем Смешивание на режим Перекрытия (на english версии — Overlay).

Если на знакомство с Фотошопом ушло много времени и вы нетерпеливы, на этом варианте можно вполне остановиться и самостоятельно использовать эту картинку как фоновую заставку. Но можно и пойти дальше, довести дело до конца — до эффектного “Затмения Солнца”.  

Шаг 6. В панели инструментов находим Эллипс (в англо-версии при наведении мышкой на значок будет написано Ellipse Tool). Рисуем большой эллипс, выбрав стиль Фигуру. Используем темную заливку.

Возвращаемся к слою с полосками и накладываем Маску слоя. Потом в ход идет мягкая кисть с нулевой жесткостью (в параметрах указываете 0, непрозрачность — до 20%, размер 200 pixel, черный цвет). Ваша задача — с помощью кисти смягчить полоски. На фото красным маркером выделены области для работы с этим инструментом:

Шаг 7. Создаем сияние. Для этого нам опять нужен новый слой, который заполняем черным слоем. Идем по цепочке в верхнем меню: Фильтр — Ренденинг — Блик (и для английской версии: Filter — Render — Lens Flare). Рабочими параметрами должны быть: 50-300 трансфокатор в Типе объектива, 100% яркости. И выбираем режим Экран (Screen).

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

Шаг 8. Совмещаем изображение с картинкой, скаченной из Интернета. Вы без труда найдете подобную. Сложность скорее будет в ее масштабировании под размеры исходной каринки, но и с этим справитесь.

Снова меняем режим: Наложение на Экран. Выбираем Эллипс, переходим в Стиль слоя, останавливаемся на Внешнем сечении. Наложение делаем с параметрами Жесткого света, 60% непрозрачности, с размером в 60 pixel, свечению задаем ярко желтый цвет.

Затем создаем верхний слой черного цвета и переходим по цепочке Фильтр — Галерея фильтров — Текстуры — Зерно. Меняем режим на Soft Light и задаем значение 60%. Теперь нужно уменьшить непрозрачность до 50%. Урок закончен, ваше Солнечное Затмение готово!  

Подводим итоги

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

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

Поделиться статьёй:

Однотонные цветные фоны. Однотонный фон в Photoshop: простые приемы для новичков

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

Пример фотографии розовой розы без изменений и после замены однотонного фона на прозрачный, белый и зелёный:

Первый пример с цветком розы на прозрачном фоне сделан с такими настройками:
 1) Интенсивность замены — 38;
 2) Сглаживание по краям — 5;
 3) Заменить однотонный фон на — прозрачный;
 4) Обрезка (0) по краям — «-70»;
 5) Инвертировать — отключено (галка не стоит).

Для создания второго примера , с белым фоном, использовались такие же настройки, как и в первом примере, кроме параметра: «Заменить однотонный фон на» — белый. В третьем примере , с зелёным фоном, также использованы настройки, как и в первом примере, кроме параметра: «цвет в формате hex» — #245a2d.

Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка с прозрачным или указанным вами фоном.

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

Инструменты Photoshop для вырезания объекта с фона

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

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

• Одним из самых простых инструментов для выделения объекта или фона является волшебная палочка. Для ее использования необходимо, чтобы тот объект, который вам бы хотелось выделить, был однотонный. Этот инструмент способен выделить объект по оттенку. Это очень быстрый способ отделения предмета от фона, к тому же контур выделения получается гораздо плавнее, чем при использовании таких инструментов, как лассо или перо. Но существуют и недостатки такого метода. Так, например, если вы выделяете светло-бежевый предмет, находящийся на белом фоне, есть большая вероятность, что выделится вся картинка, а не та ее часть, которая вам необходима. А все потому, что эти цвета слишком похожи и нет явной границы, разделяющей их. Кстати, есть вероятность инверсии выделенного объекта. Допустим, на картинке есть однотонный предмет, который достаточно легко выделить, но вам необходимо осуществить изменение фона. Поэтому, выделив часть изображения волшебной палочкой, необходимо нажать на него правой кнопкой мыши и выбрать пункт в открывшемся меню «Инверсия выделенной области». Так вам удастся выбрать именно ту часть рисунка, в которой необходимо сделать однотонный фон.

• Магнитное лассо. Этот инструмент как бы примагничивается к краям объекта, автоматически устанавливая точки, между которыми проводится линия выделения. После обведения всего контура предмета линия превращается в штриховку, выделяя всю область. Переносим выделенный объект на новый слой и можем сделать любой фон: однотонный, светлый, темный, с рисунком. Теперь можно ставить какой угодно и не волноваться, что он зацепит наш объект.
• Выделение прямоугольной или овальной зоной. Такой способ выделения подойдет не ко всем объектам, находящимся на изображении. Если у вас круглый или квадратный предмет, с помощью зажатия клавиши Shift и проведения тех же операций по выделению вы можете точно их выделить с одинаковым радиусом или равными сторонами. После перенесения объекта на новый слой можно редактировать фон.
• Существует еще и выделение объекта с помощью маски. Данный инструмент позволяет выделять самые сложные объекты, такие как грива, трава, шерсть, волосы.
• Перо подобно выделению с помощью магнитного лассо, только точки выделения выставляются не автоматически, а в вручную.

Эти инструменты позволят качественно создать новый фон для «Фотошопа»: однотонный, с узором, градиентный и другие — не зацепив объект переднего плана.

Немного о слоях

Выделив объект на фотографии или какую-то часть изображения, необходимо перенести его на новый слой, чтобы можно было осуществить последующую обработку с возможностью отмены действий. Кроме того, работа со слоями дает возможность закреплять их или делать невидимыми в целях неприкосновенности объекта. Чтобы вырезать часть изображения на новый слой, необходимо после выделения его одним из вышеуказанных инструментов, нажать сочетание кнопок Ctrl+J.

Такие действия приведут к копированию выделенной части изображения на новый слой. Есть и вероятность вырезания части картинки на новый слой. В этом случае на выделенном объекте необходимо нажать правой кнопкой оптического манипулятора. В появившемся окне выбрать пункт «Вырезать на новый слой». Благодаря проведению таких действий можно, не зацепив важные объекты, правильно, точно и аккуратно сменить фон. Для «Фотошопа» однотонный, градиентный фон — не проблема, все можно изменить, отредактировать или поставить что-то новое, более креативное.

Замена фона на однотонный

Рассмотрев необходимые инструменты по выделению объектов фотографии, можно переходить к пункту замены фона.

Наиболее простым способом можно назвать его замену на однотонный фон. Как это делается? Выделяем объект, нажатием правой кнопки оптического манипулятора вызываем дополнительное меню, в котором выбираем пункт инверсии выделенной области, нажимаем кнопку клавиатуры Delete.

Эти действия вызовут окно заполнения фона цветом. В нем выбираем любой цвет из палитры, устанавливаем непрозрачность цвета 100% и сохраняем нажатием на кнопку Ок. Теперь мы видим, что фон изменился на однотонный.

Создание однотонного фона фотографии

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

Создание фона с использованием готовых текстур

В глобальной сети Интернет можно встретить достаточно много уже готовых текстур дерева, однотонной ткани, натурального камня или узорного фона. Но они созданы обычно в очень маленьком формате. Чтобы сделать красивый однотонный фон для любого изображения, необходимо открыть готовую текстуру, скачанную с Интернета, в отдельном окне Photoshop, загрузить изображение, которое необходимо редактировать.

Эти две картинки должны быть открыты в разных вкладках. Далее необходимо выделить текстуру, нажав сочетание клавиш Ctrl+A. Выбираем инструмент «перемещение» или нажимаем горячую кнопку V и тянем нашу текстуру на вкладку с изображением. Там уже должен быть отделен слой объекта от слоя фона. После перетаскивания текстура встанет на первый план. Ее необходимо переместить под слой объекта, над фоном. Все это осуществляется их перетаскиванием мышью в окне слоев. Конечно, наше изображение будет большим по размеру холста, чем текстура.

Чтобы поставить однотонный фон изображения из готовой текстуры, необходимо скопировать ее и вставить рядом, преждевременно перевернув ее зеркально, чтобы не был виден стык между двумя частями. Как это сделать? Выделяем весь слой с текстурой так, чтобы она была обведена пунктирной линией. Далее, как и во всех программах, нажимаем Ctrl+C, затем Ctrl+V. Вставившийся скопированный слой текстуры трансформируем, нажав сочетание кнопок Ctrl+T, и зеркально переворачиваем, потянув за появившиеся точки. Чтобы соединить два слоя в один, необходимо выделить 2 или больше слоев, нажать сочетание кнопок клавиатуры Ctrl+J. Данное действие приведет к их объединению в одно изображение.

1. Необходимо научиться работать со слоями. Так гораздо легче изменить любую часть изображения, не испортив объекты переднего плана.
2. Если с первого раза не вышло поставить фоновый рисунок, всегда есть возможность отмены действия нажатием сочетания клавиш Ctrl+Z или Ctrl+Alt+Z.

Обои, относящиеся к категории «Текстурные», приобретают всё большую и большую популярность. Ненавязчивые, пастельные тона и успокаивающая текстура способствует тому, что во время работы за компьютером повышается работоспособность и снижается нервное напряжение.

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

Широчайший выбор

В разделе вы найдете следующий ассортимент картинок:

• Абстракция;
• Креатив;
• Полосы;
• Текстура;
• Кожа и т. п.

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

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

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

Три способа, как сделать прозрачный фон картинки в Photoshop (фотошоп)

Три способа, как сделать прозрачный фон картинки в Photoshop (фотошоп)

Здравствуйте, дорогие друзья!
В этой статье я расскажу, как в Photoshop (фотошопе) сделать фон картинки прозрачным.
Для чего нужен прозрачный фон?
Часто фон одной картинки закрывает другую картинку. В таких и подобных случаях полезно уметь делать фон прозрачным.

Будем работать с рисунком, который вы видите снизу: у нас есть пенек, а на пенек мы посадили колобка. Как видите, белый фон вокруг колобка закрывает пенек, да и вообще портит всю картину:

Значит, нам нужно удалить этот белый фон, фактически мы его не удаляем (ведь размер картинки остается прежний), а делаем его прозрачным, невидимым.
Есть три способа удаления мешающего фона.
○ 1 способ:
Будем использовать инструмент «Волшебная палочка».
В графическом редакторе Photoshop откройте изображение.  Справа, в слоях, нажмите двойным щелчком правой кнопкой мыши по замочку:

Далее откроется окошко, где нужно нажать на кнопку «Ок». Теперь нажмите на инструмент «Волшебная палочка» и в «Допуске» мы ставим параметр «10»:

Нажмите «Волшебной палочкой» на белый фон. Когда фон выделится, жмите на клавиатуре клавишу «Delete»:

Все, фон исчез:

○ 2 способ:

Удаляем фон при помощи инструмента «Магнитное лассо»:

Нажимайте возле колобка и просто ведите курсор вокруг него. Линия сама будет притягиваться по контуру:

После выделения нужно перейти в верхнем меню на пункт «Выделение» => «Инверсия»:

Жмите на клавиатуре клавишу «Delete». Все, фон исчез:

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

○ 3 способ:
Удаляем фон при помощи режима «Быстрая маска». Она находится внизу:

Нажимаем на «Быструю маску», выбираем инструмент «Кисть» и просто зарисовываем колобка, но не затрагивая фон:

Когда зарисовали колобка, нужно отжать кнопку «Быстрая маска»:

А на клавиатуре нажать клавишу «Delete». Все, фон исчез:

Теперь самое важное: как сохранить?

Как сохранить изображение с прозрачным фоном

Если картинку сохранить в формате JEPG, то вместо прозрачного фона он будет белым. Сохранять нужно в формате PNG или GIF.
Итак, сохраняем:
Жмите в меню на «Файл» => «Сохранить как…»:

В «Имя файла:» дайте название картинке, в «Тип файла» найдите и выберите формат «PNG». Жмите на кнопку «Сохранить»:

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

Можете посмотреть мой видео-урок по теме «Как сделать прозрачный фон картинки в Photoshop»:

Подписывайтесь на обновление моего блога .

Обзор плагинов и фильтров для Photoshop для эффекта размытия заднего плана

1. На фото результат применения фильтра Frischluft Lenscare для получения эффекта размытия, этот плагин мне нравится больше других, о нем и других плагинах читайте далее.

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

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

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

Фильтры, которые я рассмотрел в видео, результат название и краткое описание (фотографии увеличиваются при нажатии)

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

---

 

 

 

 

 

 

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

---

 

 

 

 Frischluft Lenscare – мощнейший плагин для формирования естественного эффекта размытия, блики на размытии конечно носят искусственный, пластиковый характер, однако по сравнению с другими плагинами это не так бросается в глаза. Также интересна возможность растягивать блики, получается рисунок похожий на анаморфот(объективы специальной оптической схемы, то на что снимали раньше фильмы, что бы получить широкоэкранное кино на стандартном кадре, на такие же объективы снимались многие сцены в фильме «Высоцкий спасибо что живой», при просмотре фильма снятого на анаморфот, также необходимы специальные оптические системы для кинопроекторов), хотя конечно для имитации такого рисунка, просто вытянутых бликов мало.. Недостаток плагина в том, что он не умеет формировать переход из резкости в нерезкость. То есть опять придется менять непрозрачность и выглядеть такое уже будет не очень естественно. Хотя для случаев, где нет ни какой изменяющейся перспективы размытия, а есть только главный объект и фон – этот плагин станет лучшим выбором.

Исходники фотографий, также увеличиваются при нажатии и их можно перелистывать

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

Ну и видео урок:

5 различных способов создать красивый красочный фон — Medialoot

Цветные фоны в Photoshop

Цветные фоны для заголовков веб-сайтов — верный тренд последних нескольких месяцев. К счастью, есть масса разных способов сделать их в Photoshop. Вот 5 различных (и очень быстрых и простых) способов создать красивый цветной фон в Photoshop, который позже можно будет использовать в заголовках вашего веб-сайта, баннерах, социальных сетях (или что-то еще).

Метод 1

Step 1

Создайте новый документ Photoshop любого размера. В этом случае я установлю свой размер 1800 x 1200 пикселей.

Шаг 2

Установите цвет переднего плана на #dbdbdb и цвет фона на # 919191.

Шаг 3

Выберите инструмент «Градиент». Убедитесь, что на верхней панели инструментов выбран градиент от переднего плана к фону, градиент установлен на линейный, режим на нормальный и непрозрачность установлена ​​на 100%.

Шаг 4

Щелкните и перетащите из верхнего левого угла в нижний правый угол документа, чтобы применить градиент.

Шаг 5

Перейдите в Фильтр> Пикселизация> Мозаика. Установите размер ячейки около 120 и нажмите ОК.

Шаг 6

Перейдите в Layer> New Fill Layer> Solid Color. Назовите этот слой «Цвет», установите режим «Яркий свет» и нажмите «ОК».

Шаг 7

В окне «Палитра цветов» установите цвет на # cf5ad0 и нажмите «ОК».

Шаг 8

Теперь просто добавьте свой контент поверх нового созданного фона.

Метод 2

Шаг 1

Создайте новый документ Photoshop любого размера. В этом случае я установлю свой размер 1800 x 1200 пикселей.

Шаг 2

Выберите инструмент «Прямоугольник» (U). Убедитесь, что для параметра Mode установлено значение Shape, а для заливки — # bcbec0 на верхней панели инструментов. Нарисуйте прямоугольник внизу холста, как показано.

Шаг 3

Нарисуйте еще один прямоугольник на новом слое в верхней части первого, как показано.Установите цвет этого прямоугольника на # d1d3d4.

Шаг 4

Нарисуйте еще несколько прямоугольников, меняя размер и углы, и делайте их немного светлее / темнее каждый раз, когда вы рисуете новый. В данном случае я нарисовал еще 9 прямоугольников.

Шаг 5

Выделите верхний прямоугольник и перейдите в Layer> Layer Style> Drop Shadow. Примените следующие настройки и нажмите ОК.

Шаг 6

Щелкните слой правой кнопкой мыши и выберите «Копировать стиль слоя». Выделите несколько слоев прямоугольника, щелкните любой из них правой кнопкой мыши и выберите «Вставить стиль слоя».

Шаг 7

Выберите верхний слой и перейдите в Слой> Новый слой заливки> Градиент. Назовите этот слой «Градиент», установите режим «Умножение» и нажмите «ОК».

Шаг 8

Установите градиент на любые цвета, которые вам нравятся (в данном случае я использую # f0c27b — # 4b1248), стиль на линейный, угол на -50º и нажмите OK.

Шаг 9

Теперь просто поместите свой контент на новый созданный фон.

Метод 3

Шаг 1

Создайте новый документ Photoshop любого размера.В этом случае я установлю свой размер 1800 x 1200 пикселей.

Шаг 2

Выберите инструмент «Кисть» (B). На верхней панели инструментов убедитесь, что для параметра Mode установлено значение Normal, для Opacity и Flow установлено значение 100%, для Hardness установлено значение 0, и выберите любой размер кисти, который вам удобен, чтобы рисовать поверх холста.

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

Повторите этот процесс столько раз, сколько хотите, пока не покроете весь холст.

Шаг 7

Перейдите в Layer> Merge Visible.

Шаг 8

Перейдите в Фильтр> Размытие> Размытие по Гауссу. Установите Радиус размытия около 96 и нажмите ОК.

Шаг 9

Теперь вам просто нужно разместить свой контент на новом созданном фоне.

Метод 4

Шаг 1

Откройте любое изображение в Photoshop. В этом случае я использую акварельный градиент с сайта Pixabay, который вы можете скачать здесь.

Шаг 2

Перейдите в «Фильтр»> «Пластика». В окне «Пластика» выберите любой размер кисти, установите Brush Pressure примерно на 80 и убедитесь, что выбран инструмент «Forward Warp Tool».

Шаг 3

Теперь просто щелкните и перетащите, чтобы изменить сетку. Когда вы довольны результатом, нажмите ОК.

Шаг 4

Перейдите в Фильтр> Размытие> Размытие по Гауссу. Установите Радиус размытия около 60 и нажмите ОК.

Шаг 5

Теперь вам просто нужно добавить свой контент поверх нового созданного фона.

Метод 5

Шаг 1

Создайте новый документ Photoshop любого размера. В этом случае я установлю свой размер 1800 x 1200 пикселей.

Шаг 2

Установите цвет переднего плана на # c33764 и цвет фона на # 1d2671.

Шаг 3

Выберите инструмент «Градиент». Убедитесь, что на верхней панели инструментов выбран градиент от переднего плана к фону, градиент установлен на линейный, режим на нормальный и непрозрачность установлена ​​на 100%.

Шаг 4

Щелкните и перетащите из верхнего правого угла в нижний левый угол документа, чтобы применить градиент.

Шаг 5

Выберите инструмент «Перо» (P) и убедитесь, что для параметра «Режим» установлено значение «Форма» на верхней панели инструментов.

Шаг 6

Нарисуйте любую абстрактную фигуру.

Шаг 7

Опять же, используя Pen Tool, нарисуйте еще несколько фигур (по одной на слой).

Шаг 8

Выберите первый слой-фигуру и перейдите в Слой> Стиль слоя> Наложение градиента. Убедитесь, что для градиента установлено значение «От переднего плана к фоновому», затем примените следующие настройки и нажмите «ОК».

Шаг 9

Щелкните слой правой кнопкой мыши и выберите «Копировать стиль слоя». Выберите оставшиеся слои-фигуры, щелкните любой из них правой кнопкой мыши и выберите «Вставить стиль слоя».

Шаг 10

Дважды щелкните нижний слой-фигуру и в окне «Стиль слоя» выделите параметр «Наложение градиента».

Шаг 11

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

Шаг 12

Повторите этот последний процесс для остальных слоев-фигур.

Шаг 13

Выберите любой из слоев формы и перейдите в меню «Слой»> «Стиль слоя»> «Тень».Примените следующие настройки и нажмите ОК.

Шаг 14

Теперь все, что вам нужно сделать, это разместить ваш контент на новом фоне.

Добавьте реалистичную радугу к фотографии с помощью Photoshop

Как добавить радугу к фотографии

Шаг 1. Добавьте новый пустой слой

С изображением, недавно открытым в Photoshop, если мы посмотрим на панель «Слои», мы увидим, что в настоящее время у нас есть один слой, фоновый слой, который содержит наше изображение:

Фотография размещается на фоновом слое панели «Слои».

Первое, что нам нужно сделать, это добавить новый пустой слой над фоновым слоем. Для этого щелкните значок New Layer внизу панели «Слои»:

Щелкните значок «Новый слой».

Photoshop добавляет новый пустой слой с именем «Слой 1» над фоновым слоем. Дважды щелкните непосредственно по названию слоя и измените его на «Радуга», так как мы добавим нашу первоначальную радугу к этому слою. Нажмите , введите (Win) / , верните (Mac), когда вы закончите, чтобы принять изменение имени:

Переименуйте новый слой в «Радуга».

Шаг 2: Выберите градиент радуги

Как я уже упоминал, Photoshop поставляется с готовым радужным градиентом, который мы можем использовать. Это не один из градиентов, которые Photoshop предоставляет нам по умолчанию, но все, что нам нужно сделать, это загрузить его вручную. Для этого выберите инструмент Gradient Tool на панели инструментов:

Выберите инструмент «Градиент».

Затем, выбрав инструмент «Градиент», нажмите «Палитра градиентов » на панели параметров вверху экрана:

Щелкните «Выбор градиента» на панели параметров.

Это открывает редактор градиентов Photoshop , который показывает нам маленькие эскизы градиентов, из которых мы можем выбирать. По умолчанию, градиент радуги не входит в их число, поэтому давайте загрузим его. Щелкните стрелку , указывающую вправо, в правом верхнем углу редактора градиентов:

Щелкните маленькую стрелку.

Появится список дополнительных наборов градиентов. Нам нужен Special Effects . Выберите его из списка:

Выберите градиенты «Специальные эффекты».

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

Щелкните «Добавить», чтобы добавить новые градиенты «Специальные эффекты» к исходным градиентам.

С добавлением новых градиентов спецэффектов тот, который нам нужен — Russell’s Rainbow — является последним внизу.Если у вас включены подсказки Photoshop в настройках (они включены по умолчанию), вы увидите название «Радуга Рассела», когда вы наведете указатель мыши на миниатюру градиента. Щелкните миниатюру, чтобы выбрать градиент, затем щелкните OK, чтобы выйти из редактора градиентов:

Щелкните миниатюру «Радуга Рассела», чтобы выбрать градиент.

Шаг 3. Выберите «Радиальный градиент» на панели параметров

Чтобы градиент радуги отображался как дуга, когда мы его рисуем, вернитесь на панель параметров в верхней части экрана и щелкните параметр Radial Gradient :

Выберите «Радиальный» на панели параметров.

Шаг 4. Нарисуйте радугу с помощью инструмента «Градиент»

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

Растягивание радиального градиента радуги справа налево на изображении.

Когда вы отпускаете кнопку мыши, Photoshop рисует градиент радуги. Это пока не выглядит очень реалистично, но это начало:

Photoshop рисует градиент, когда вы отпускаете кнопку мыши.

Шаг 5. Измените режим наложения слоя «Радуга» на «Экран»

Перейдите к режиму наложения опций в верхнем левом углу панели «Слои» (для этого раскрывающегося списка по умолчанию установлено значение «Нормальный») и измените режим наложения слоя «Радуга» на Экран :

Измените режим наложения слоя радуги на Screen.

Цвета радуги теперь лучше сочетаются с фотографией за ними:

Радуга после изменения режима наложения на Screen.

Шаг 6. Применение фильтра размытия по Гауссу

Давайте смешаем цвета радуги вместе, чтобы она выглядела более реалистично. Подойдите к меню Filter в строке меню вверху экрана, выберите Blur , затем выберите Gaussian Blur :

Перейдите в Фильтр> Размытие> Размытие по Гауссу.

Откроется диалоговое окно «Размытие по Гауссу» в Photoshop. Перетащите ползунок Radius в нижней части диалогового окна вправо, чтобы увеличить степень размытия, применяемого к радуге, следя за изображением при перетаскивании ползунка, чтобы вы могли предварительно увидеть, что происходит. Продолжайте перетаскивать ползунок вправо, пока переходы между цветами не станут более мягкими и естественными. Фактическое значение радиуса, которое вы выберете, будет во многом зависеть от размера и разрешения вашего изображения.Для меня значение около 50 пикселей работает хорошо. Нажмите OK, когда закончите, чтобы закрыть диалоговое окно:

Перетащите ползунок «Радиус», чтобы смягчить переходы цветов в радуге.

Вот мое изображение после применения фильтра Gaussian Blur:

Радуга теперь выглядит более реалистично после применения фильтра «Размытие по Гауссу».

Шаг 7: Добавьте маску слоя

Щелкните значок Layer Mask внизу панели слоев:

Щелкните значок «Маска слоя».

Пока ничего не произойдет в окне документа, но Photoshop добавляет миниатюру маски слоя справа от основной миниатюры предварительного просмотра на слое «Радуга». Если вы присмотритесь, вы увидите белое поле выделения вокруг миниатюры маски слоя. Это говорит нам о том, что выбрана маска, а не сам слой:

Миниатюра маски слоя сообщает нам, что маска была добавлена.

Шаг 8: Выберите градиент от черного к белому

Не снимая выделения с инструмента «Градиент», щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, (Mac) в любом месте окна документа, чтобы быстро получить доступ к эскизам предустановок градиента, тем же самым, что мы видели мгновение назад в полной версии Gradient Диалоговое окно редактора.Выберите градиент от черного к белому , щелкнув его миниатюру (третий слева, верхний ряд). Нажмите , введите (Win) / , верните (Mac), когда вы закончите, чтобы закрыть список градиентов:

Щелкните миниатюру градиента от черного к белому, чтобы выбрать его.

Шаг 9: Выберите «Линейный градиент» на панели параметров

Вернитесь на панель параметров и на этот раз щелкните параметр Linear Gradient :

Щелкните значок «Линейный» градиент.

Шаг 10: Перетащите градиент от черного к белому на маске слоя

Настоящая радуга обычно становится ярче, когда она поднимается выше в небо, поэтому мы собираемся дать нашей радуге из фотошопа тот же эффект, перетащив градиент от черного к белому от основания радуги (точки, где радуга и земля должна встретиться) в верхнюю часть изображения. Для этого, выбрав инструмент «Градиент», я щелкаю мышью где-нибудь в нижней части деревьев слева.Затем, все еще удерживая кнопку мыши нажатой, я также удерживаю нажатой клавишу Shift и перетаскиваю прямо вверх к верхнему краю изображения. Удерживая нажатой клавишу Shift, можно легко перетаскивать в вертикальном направлении:

Перетащите градиент от черного к белому от основания радуги к верхнему краю изображения.

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

Радуга больше не распространяется до самого низа фотографии благодаря маске слоя.

Шаг 11: Дублируйте слой радуги, чтобы увеличить его яркость

Чтобы увеличить яркость радуги, просто нажмите Ctrl + J (Win) / Command + J (Mac), чтобы дублировать слой. Если после дублирования слоя вы обнаружите, что радуга теперь на слишком яркая , верните ее на несколько ступеней, уменьшив непрозрачность дублированного слоя.Вы найдете опцию Opacity прямо напротив опции режима наложения в верхней части панели слоев. Я собираюсь снизить свою примерно до 70%:

Нажмите «Ctrl + J» (Win) / «Command + J» (Mac), чтобы продублировать слой радуги, затем уменьшите непрозрачность нового слоя по мере необходимости.

Вот мое изображение после дублирования слоя радуги и последующего уменьшения непрозрачности:

Теперь радуга стала ярче.

Шаг 12: Сгруппируйте два слоя радуги

Давайте немного поработаем на панели Layers, сгруппировав два слоя радуги вместе.Группировка связанных слоев упрощает организацию панели «Слои». Выделив верхний слой, удерживайте нажатой клавишу Shift и щелкните исходный слой с радугой прямо под ним, чтобы выбрать оба слоя одновременно. Вы увидите, что они оба выделены синим цветом, что означает, что они оба выбраны:

Выберите оба слоя радуги.

Затем перейдите в меню Layer вверху экрана и выберите Group Layers :

Перейдите в Layer> Group Layers.

Photoshop сгруппирует два слоя вместе на панели «Слои». Photoshop называет новую группу «Группа 1». По умолчанию группа слоев будет закрыта, и мы не сможем увидеть два слоя внутри нее, что пока нормально:

Два слоя радуги теперь находятся внутри «Группы 1».

Шаг 13: Добавьте новый пустой слой

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

Добавьте еще один новый слой.

Новый слой появится над группой слоев на панели «Слои». Дважды щелкните имя нового слоя и измените его на «Вторая радуга», затем нажмите Введите (Win) / Верните (Mac), чтобы принять изменение имени:

Переименуйте новый слой «Вторая радуга».

Шаг 14: повторно выберите градиент радуги

Щелкните еще раз на Gradient Picker на панели параметров в верхней части экрана:

Средство выбора градиента в настоящее время показывает градиент от черного к белому.

Когда откроется редактор градиентов, щелкните еще раз на миниатюре Russell’s Rainbow , чтобы выбрать градиент радуги, но пока не закрывайте редактор градиентов. Нам нужно внести в него некоторые изменения:

Снова выберите градиент радуги Рассела.

Шаг 15: Измените порядок цветов в градиенте

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

Перетащите синие, зеленые и желтые ограничители влево, чтобы временно их разложить.

Щелкните красный ограничитель цвета , чтобы выбрать его, затем введите значение 82% в опцию Местоположение . Это поместит остановку красного цвета в то же место, где изначально находилась остановка синего цвета:

Щелкните на красной отметке, затем введите 82% в поле «Местоположение».

Затем нажмите желтую цветовую точку , чтобы выбрать ее, затем установите значение Location на 85% . Желтый переместится на место, которое изначально занимал зеленый:

Щелкните на желтой отметке, затем введите 85% в поле «Местоположение».

Щелкните на отметке зеленого цвета , чтобы выбрать ее, затем установите значение Location на 88% , которое перемещает зеленый цвет в исходное положение желтого:

Щелкните на зеленой отметке, затем введите 88% в поле «Местоположение».

Наконец, щелкните синюю точку и измените ее значение Location на 92% , поместив его в исходное место красного цвета:

Щелкните синюю точку, затем введите 92% в поле «Местоположение».

Непосредственно над полосой предварительного просмотра градиента есть несколько остановок, заполненных белым, черным или некоторым оттенком серого. Эти остановки управляют уровнями прозрачности (непрозрачностью) цветов по всему градиенту. Щелкните светло-серый ограничитель непрозрачности (второй слева), чтобы выбрать его, затем измените его значение Непрозрачность с исходных 20% на 0% . Когда закончите, нажмите OK, чтобы выйти из редактора градиентов:

.

Щелкните светло-серый ограничитель над полосой предварительного просмотра градиента и измените его непрозрачность на 0%.

Шаг 16: растяните еще один градиент радуги

Теперь, когда цвета градиента перевернуты, мы готовы создать вторую радугу. Во-первых, я собираюсь временно скрыть свою исходную радугу от просмотра, щелкнув значок видимости группы слоев (глазное яблоко) на панели слоев:

Щелчок по значку видимости включает или выключает слои или группы слоев в документе.

Затем я растягиваю градиент радуги, как я делал это на шаге 4. Во-первых, мне нужно повторно выбрать параметр Radial Gradient на панели параметров, чтобы градиент отображался как дуга:

Снова выберите радиальный градиент.

Затем я нажимаю и перетаскиваю свою вторую радугу в то же место, что и первая:

Вытягиваем второй градиент радуги в том же месте.

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

Второй градиент радуги с перевернутыми цветами.

Шаг 17: Измените режим наложения на экран

Так же, как мы сделали с первой радугой, измените режим наложения новой радуги с Нормального на Экран :

Установите режим наложения на Screen.

Цвета радуги теперь лучше сочетаются с изображением:

Вторая радуга установлена ​​в режим наложения Screen.

Шаг 18: Применение фильтра размытия по Гауссу

Поскольку фильтр Gaussian Blur был последним фильтром, который мы применили, мы можем быстро повторно применить его с теми же настройками, нажав Ctrl + F (Win) / Command + F (Mac). Как и раньше, цветовые переходы теперь выглядят мягче и естественнее:

После размытия цветов радуга снова выглядит более реалистичной.

Шаг 19: скопируйте маску слоя на второй слой радуги

Нам нужно добавить маску слоя в этой точке и нарисовать линейный градиент от черного к белому на маске, чтобы скрыть радугу ниже точки, где она должна касаться земли, и чтобы она казалась увеличивающейся по мере того, как она достигает глубины. небо, точно так же, как мы делали это на шагах 7-10 с исходной радугой. Но зачем снова проходить через все эти хлопоты, когда мы можем просто скопировать одну из уже созданных масок слоя на второй слой радуги! Для этого мне сначала нужно открыть группу слоев, щелкнув маленький треугольник слева от имени группы:

Щелкните треугольник, чтобы открыть группу слоев.

Когда группа слоев открыта и два слоя, составляющие исходную радугу, теперь видны, удерживайте нажатой клавишу Alt (Win) / Option (Mac), щелкните миниатюру маски слоя для слоя «Копия радуги». и перетащите его на второй слой радуги:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), перетащите миниатюру маски слоя на верхний слой.

Когда вы увидите полосу выделения вокруг второго слоя радуги (показанного на предыдущем эскизе), отпустите кнопку мыши.Photoshop копирует маску слоя на второй слой радуги:

Маска слоя скопирована с одного слоя на другой.

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

Изображение после копирования маски слоя на второй слой радуги.

Шаг 20: переместите вторую радугу в положение

Все, что осталось сделать, это переместить вторую радугу на место.Выберите Photoshop Move Tool на панели инструментов или нажмите букву V на клавиатуре, чтобы быстро выбрать его с помощью сочетания клавиш:

Выберите инструмент «Перемещение».

Прежде чем что-либо переместить, я снова включу исходную радугу в документе, еще раз щелкнув значок видимости группы слоев на панели «Слои»:

Когда слой или группа скрыты, глаз на значке видимости также скрывается.

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

Используйте инструмент «Перемещение», чтобы перетащить вторую радугу на место на изображении.

Шаг 21: Уменьшите непрозрачность второй радуги

Наконец, поскольку я не хочу, чтобы моя вторая радуга выглядела такой же яркой, как оригинал, я уменьшу ее непрозрачность примерно до 70% в верхней части панели «Слои»:

Понижение непрозрачности второй радуги.

На этом мы закончили! Вот мой последний эффект двойной радуги в Photoshop после уменьшения непрозрачности:

Последний эффект радуги.

Как изменить цвет фона в Photoshop

Что нужно знать

• Новое изображение: в меню Photoshop File выберите New . Выберите цвет из раскрывающегося меню в разделе Фоновое содержимое . Выберите Создать .
• Выбор существующего изображения: выберите инструмент Magic Wand . Удерживая Shift , щелкните области фона, которые вы хотите заменить.
• Замена существующего изображения: Выбрав фон, используйте инструмент Заливка , чтобы применить новый цвет из цветовой палитры.

В этой статье объясняется, как изменить цвет фона в Photoshop 2020 для новых или существующих файлов изображений. Он включает информацию о нескольких инструментах, подходящих для выделения и нескольких методах применения цвета к выбранному фону.

Изменение цвета фона для нового изображения

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

Изменение фона в Photoshop перед созданием нового изображения — это самый быстрый способ настроить его по своему усмотрению.

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

В Photoshop CC 2018 и новее этот параметр будет в правом нижнем углу окна нового документа. В старых версиях Photoshop он будет расположен внизу окна.

Чтобы изменить цвет фона после создания изображения, вы можете создать новый фон любого цвета по вашему выбору:

1. Выберите вкладку Layer вверху окна.

2. Выберите New Fill Layer , затем выберите Solid Color — если вам не нужен градиент или узор фона.

3. Дайте новому слою имя, затем выберите OK , когда будет предложено.

4. Выберите цвет из палитры и снова выберите OK .

Изменить цвет фона в существующих изображениях

Прежде чем вы сможете изменить цвет фона в Photoshop, вам нужно выбрать его. Вот несколько способов сделать это, независимо от того, работаете ли вы в Windows или macOS:

Используйте инструмент Magic Wand Tool

Инструмент «Волшебная палочка» быстр и грязен и лучше всего работает, когда есть резкие различия между передним планом и фоном, но он может работать довольно хорошо, если у вас мало времени или терпения.Для этого выберите инструмент Magic Wand в левом меню (он четвертый внизу и выглядит как палочка). Затем, удерживая Shift , выберите различные части фона, цвет которых вы хотите изменить.

Используйте инструмент «Лассо»

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

Когда вы закончите рисовать вокруг своего фона, либо подключитесь к начальной точке, чтобы завершить его, либо нажмите Ctrl + Click . Если вы используете планшет под управлением Windows 10, нажатие и удерживание экрана даст вам возможность щелкнуть правой кнопкой мыши, что откроет контекстное меню с дополнительными функциями.Выберите тот, который вам нужен, затем коснитесь для той же функции.

Используйте маскирующий инструмент

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

Если при выделении любым из вышеперечисленных методов фон намного больше, чем передний план, выберите вместо него передний план, затем нажмите Ctrl + Shift + I , чтобы инвертировать выделение и выделить фон.

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

Изменить оттенок

Нажмите Ctrl + U , чтобы открыть меню Hue and Saturation .Используйте ползунок Hue , чтобы настроить оттенок фона. Он будет поддерживать те же уровни освещения, что и раньше, но общая цветовая палитра изменится.

Если вы хотите, чтобы фон был более однородным, вы можете сначала удалить его, а затем добавить обратно, прежде чем настраивать оттенок. Для этого нажмите Ctrl + Shift + U , чтобы преобразовать изображение в оттенки серого, затем откройте меню «Оттенок и насыщенность », как раньше. Выберите Colorize , чтобы снова добавить цвет к фону, затем используйте ползунок Hue , чтобы настроить его цвет.

Закрасить

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

1. В Windows и macOS нажмите F7 , чтобы открыть окно слоев.

2. Выберите New Layer , чтобы создать новый слой. Это второй значок справа.

3. Выберите Fill Tool в левом меню. Он выглядит как ведро с краской и называется Paint Bucket Tool в некоторых версиях Photoshop.

4. Используйте цветовую палитру в основании левого меню, чтобы выбрать цвет фона, а затем просто выберите в пределах своего выбора, чтобы создать пустой цвет.

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

Спасибо, что сообщили нам об этом!

Расскажите, почему!

Другой Недостаточно подробностей Сложно понять

красочных фонов в фотошопе | Дизайнерские наборы

1 — В Photoshop создайте «Новый документ».Убедитесь, что для параметра «Цветовой режим» установлено значение «Цвет RGB» и «16 бит».

2 — Дважды щелкните вверху эскиза, чтобы разблокировать слой.

3 — Убедитесь, что «Панель образцов» открыта, или перейдите в меню «Окно»> «Образцы», чтобы открыть ее. Создайте «Новый слой» сверху (нажмите маленькую кнопку внизу «Панели слоев»).

4 — Выберите инструмент «Кисть» (B) и используйте Большую мягкую кисть (500 пикселей и 0% «Жесткость»).

5 — Используйте цвет «Передний план», выбранный на «Панели образцов» (мы использовали CMYK Cyan), чтобы нарисовать некоторые части холста.

6 — Создайте еще один слой поверх всего, выберите другой цвет (мы использовали Pure Magenta) и закрасьте другие части холста.

7 — Продолжайте добавлять слои и цвета (каждый цвет должен быть в отдельном слое), пока не заполните холст.

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

9 — Выберите все цветные слои (клавиша «Shift»), щелкните правой кнопкой мыши поверх их эскизов и выберите «Преобразовать в смарт-объект».

10 — Дублируйте «смарт-объект» (Command / Control + J), перейдите в «Фильтр»> «Размытие»> «Размытие по Гауссу» и снова используйте «Радиус» 200 пикселей.

11 — Выберите верхний слой, перейдите в Filter> Pixelate> Crystalize и используйте «Размер ячейки» 65. Измените «Blending Mode» на «Soft Light».

12 — Выберите второй слой (сверху), перейдите в Filter> Pixelate> Pointillize и используйте «Размер ячейки» 3. Примените «Размытие по Гауссу» с радиусом 3,5 пикселя. ».

13 — Ваше «произведение искусства» должно быть похоже на это.

от @lornacane

Как добавить или изменить цвет фона в изображениях с прозрачным фоном — Район залива фотографов ювелирных изделий — Сан-Франциско

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

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

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

Шаги по изменению цвета фона

Это быстрый процесс в Photoshop или Photoshop Elements.

1. Добавьте слой сплошной заливки

Откройте ваше изображение в Photoshop. Клетчатый фон, показанный ниже, — это способ Photoshop сообщить вам, что файл имеет прозрачный фон, то есть без фона. Затем добавьте слой заливки, выбрав Слой> Новый слой заливки> Сплошной цвет.

«Заливка» означает заливку области определенным цветом.

В появившемся диалоговом окне нажмите ОК.

2. Выберите цвет фона

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

3. Переместить слой ниже

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

Вам нужно щелкнуть и перетащить слой заливки и переместить его под слой изображения. Вот и все.

Необязательно Примечание. Если на слое изображения справа есть символ замка, щелкните его, чтобы разблокировать. Это позволит вам переместить новый слой под слой изображения. Раньше так было в старых версиях Photoshop.

Чтобы изменить цвет, дважды щелкните значок цвета в слое заливки и выберите другой цвет.

4. Сохранить как JPG и PSD

Выберите «Файл»> «Сохранить как …» и выберите JPG из раскрывающегося списка, чтобы сохранить файл с выбранным фоном. Затем снова нажмите «Файл»> «Сохранить как …» и выберите «PSD» в раскрывающемся списке — это формат Photoshop по умолчанию, который сохранит файл со слоями. Так что, если вы захотите изменить фон позже, вы можете вернуться и сделать это вместо того, чтобы снова создавать новый слой заливки.

Как создать эффект градиентного фона

На шаге 1, где вы создаете новый слой заливки, вместо выбора «Сплошная заливка…» выберите «Градиент…»

Цвет градиента по умолчанию, который вы видите, основан на последнем использованном вами цвете.Щелкните раскрывающийся список «Градиент». Вы увидите варианты ниже. Я выбрал третий вариант (черный / белый).

Вот окончательное изображение.

Как создать узорчатый фоновый эффект

Аналогичным образом выберите «Шаблон…» на шаге 1 и выберите шаблон по умолчанию из раскрывающегося списка. Photoshop применит к изображению. Отображается только несколько шаблонов, но есть способы купить больше шаблонов и добавить их в свою учетную запись.

Как сохранить PNG с белым фоном

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

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

Как печатать с цветным фоном в Lightroom

Одна проблема с Lightroom заключается в том, что все изображения, которые вы печатаете из модуля печати, печатаются с белым фоном.

Один читатель DPS недавно упомянул об этом в моей статье о создании триптиха в Lightroom. Хотя читатель прав, предполагая, что Lightroom не предлагает цветной фон для изображений, есть обходной путь, который вы можете использовать для печати с любым цветным фоном, который вам нравится.

Вот как печатать с цветным фоном в Lightroom:

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

Для удобства я создавал изображения для всех форматов бумаги, которые вы планируете использовать сразу. Это означает, что вам может понадобиться один для бумаги 5 x 7 дюймов, один для бумаги 4 x 6 дюймов и один, например, для бумаги Letter. Какого бы размера вы ни печатали, создайте новое изображение такого размера и примерно 96 пикселей на дюйм, если вы используете сплошной цвет фона.

Заполните созданный документ желаемым цветным фоном. Например, если вам нужен черный фон, заполните документы черным цветом, а для фона другого цвета залейте документ этим цветом.

Если вы обычно используете идентификационную табличку для печати своего имени или других деталей на изображении в Lightroom, тогда вам нужно знать, что то, что вы делаете прямо сейчас, создает что-то, что заменит идентификационную табличку в Lightroom, чтобы вы могли ‘ t использовать как фон, так и текстовую табличку.

Однако, если вы знаете это заранее, вы можете добавить те же детали, которые вы добавляете к своей идентификационной табличке, к этому изображению в виде текста.

Если вы планируете это сделать, вам понадобятся отдельные документы для каждого размера бумаги в каждой из двух ориентаций: альбомной и книжной.Если вы просто используете простой фон, вам не нужно создавать по одному в каждой ориентации, так как вы можете поворачивать изображения позже — вы просто не захотите поворачивать что-то, на котором есть текст. Вероятно, вы захотите, чтобы изображения были большего размера для печати, поэтому 1500 x 1000 пикселей будут печататься на бумаге 6 x 4 с разрешением 250 dpi, поэтому текст будет выглядеть четким и аккуратным.

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

Вернитесь в Lightroom и переключитесь в модуль печати. Настройте изображение или изображения для печати. Вы можете использовать макет контрольного листа / сетки или пакет изображений.

Чтобы добавить фон, найдите панель Overlays справа и установите флажок Identity Plate. Нажмите на идентификационную табличку, чтобы открыть меню, и выберите «Редактировать». Когда откроется диалоговое окно «Редактор идентификационной таблички», выберите опцию «Использовать графическую идентификационную табличку» и нажмите «Найти файл».

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

Когда изображение появится в документе, установите масштаб 100, чтобы оно заполнило макет страницы, и перетащите его на место.

Вы можете заметить, что вы не можете сделать изображение больше, чем сама страница, и вы не можете перетащить его из исходного соотношения сторон — вот почему вам нужно создать несколько версий изображения, по одной для каждого размера бумаги в качестве соотношений 8:10, 5: 7 и 4: 6 разные.

После того, как вы перетащили фон по всей странице, выберите параметр «Визуализировать за изображением» в области «Наложения».

При этом сплошное цветное изображение перемещается за изображениями на странице.

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

Тогда распечатайте свое изображение.

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

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

Вы можете сделать это с черно-белой версией изображения или с цветной версией. В области «Наложения»> «Табличка идентичности» также есть ползунок «Непрозрачность», позволяющий сделать изображение частично непрозрачным, чтобы осветлить его, чтобы оно не перегружало печатаемые изображения.

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

С легкостью создавайте яркие цветные фоны в Studio

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

Стрельба

Чтобы создать такие изображения, сфотографируйте вашу модель перед какой-либо белой поверхностью.Я предпочитаю бесшовную бумагу, но действительно подойдет любая матовая белая поверхность. Установите модель примерно на шесть-восемь футов перед фоном и осветите ее желаемым светом красоты. Лично я предпочитаю использовать относительно мягкий свет для такого рода изображений.

Убедитесь, что вы снимаете с достаточно большой глубиной резкости, чтобы ваша модель была полностью в фокусе. Хотя эту технику можно использовать с малой глубиной резкости, работа в Photoshop становится гораздо большей головной болью, и результаты не так уж и хороши.Большинство изображений в этом посте были сняты с помощью объектива 85 мм при f / 8.

Не освещайте фон, если он не слишком темный. Ваша цель должна состоять в том, чтобы фон был относительно ровным и примерно на 50 процентов серым (хотя небольшое отклонение в ту или иную сторону не повредит).

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

Добавление цвета фона

Шаг 1: Откройте изображение в Photoshop и начните с создания выделения модели. Лично я использую инструмент быстрого выбора с помощью уточнения края, чтобы выполнить эту работу, но я бы сказал, что используйте тот метод выбора, который лучше всего подходит для вас. После того, как вы создали выделение, создайте новую пустую группу слоев и примените это выделение в качестве маски к папке. Затем инвертируйте маску (cmd + I) так, чтобы было выделено все, кроме модели.

Шаг 2: Создайте корректирующий слой сплошной заливки в своей группе слоев, который будет заполнен тоном, аналогичным цвету, который вы хотите создать. Установите режим наложения этого слоя на Мягкий свет.

Шаг 3: Создайте корректирующий слой кривых над слоем сплошной заливки. Перетащите центр кривой вверх, чтобы немного осветлить весь фон. Затем используйте инструмент градиента, чтобы создать радиальный градиент в маске инструмента кривых, переходящий от белого (где вы хотите, чтобы фон был наиболее ярким) к черному.

Шаг 4: Поэкспериментируйте, отрегулировав два корректирующих слоя, пока цвет не станет именно тем, что вам нужно.

Шаг 5: Отретушируйте остальную часть фотографии, как обычно.

подсказок

• Не бойтесь уменьшить насыщенность или непрозрачность цветового слоя, чтобы эффект стал более тонким и менее неприятным.
• Убедитесь, что вы удалили все потертости на вашем фоне. Если на вашем фоне слишком много странных теней, которые мешают ему быть однородным тоном, вы можете разместить 50-процентный слой серого позади слоя сплошного цвета, чтобы быстро решить проблему.
• Если вы видите полосы в градиенте, добавьте немного шума к маске радиального градиента.
• Если эффект недостаточно мощный, просто продублируйте группу, содержащую ваш корректирующий слой, чтобы удвоить интенсивность.
• Вы можете легко добавить к фону какую-нибудь текстуру, чтобы добавить разнообразия.
• Обратите внимание на то, как оттенок кожи модели сочетается с цветом фона. Лично я предпочитаю синий цвет бледнокожим моделям и считаю, что желтый мне не льстит.
• Постарайтесь обеспечить приличный контраст краев между моделью и фоном, иначе работа по вырезанию будет намного сложнее.

  No related posts.