как сделать фон картинки прозрачным
28.01.2015 27.01.2018
Сделать прозрачный слой в фотошопе на изображении проще простого. Эта короткая объясняющая заметка содержит в себе исчерпывающую информацию по этому вопросу. Поэтому я надеюсь сложностей у вас не возникнет.
Для чего нужен прозрачный слой или фон? Чтобы можно было одно изображение наложить на другое.
Прозрачный слой по умолчанию в фотошопе отображается в виде шахматной доски. Вот так выглядит прозрачный слой:
А так выглядит список слоев
Мы можем над прозрачным слоем поместить другой слой с изображением. Вот так выглядит яблоко на прозрачном слое в photoshop.
Такое изображение будет иметь прозрачный фон под яблоком, поэтому вы можете его вставить на сайте на любой фон.
Можно в самом фотошопе создать новый слой под яблоком и залить его любым фоном. Будет такой же результат.
Также можно регулировать у слоев прозрачность. Это может понадобится для разных целей — например создать полупрозрачный фон или сделать прозрачным изображение.
Уменьшить прозрачность для слоя можно на панели слоев. Вы активируйте нужны слой и уменьшаете проценты прозрачности (opacity).
Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!
Единственный вопрос который у вас мог остаться — это как сделать прозрачный фон на своем изображении. Для этого вам нужно выделить часть изображения которую вы хотите оставить, а остальную область выделения удалить. Как это сделать правильно и как выделять сложные объекты вы можете узнать в моем бесплатном видео курсе «Как выделять в фотошопе» . Чтобы его поучить заполните данные в левой панели на сайте и курс придет вам на почту.
Приветствую Вас, дорогие читатели моего блога!
Недавно мне понадобилось убрать фон с картинки, с фотошопом я не дружу особо. И скажу Вам, что у меня его даже нет на компьютере. (Ну правильно вообще то, зачем мне то, с чем я не умею работать).
Но фон с картинки надо было как то убрать, я начала бороздить просторы интернета, в поисках решения своей задачи. Вариантов очень много на самом деле, но я искала, что нибудь полегче)). Я нашла очень легкий и простой способ, как можно убрать фон с картинки.
И так, давайте приступим. Нам понадобиться фотошоп, но так, как у меня его нет. Я использую онлайн фотошоп. Очень удобная штука, я Вам скажу. И конечно же картинка фон которой мы хотим сделать прозрачным.
Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон
Заходим в онлайн фотошоп. Я использовала вот этот PIXLR
Выбираем: Загрузить изображение с компьютера.
Теперь справа в окошке «СЛОИ» надо открыть замочек
Кликаем на него 2 раза левой кнопкой мыши, должна появиться галочка в квадратике.
Теперь идем на панели, которая находиться слева, выбираем инструмент «волшебная палочка» и толерантность ставим 21.
Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»—-«очистить». И так пока не уберете все, что надо.
Здравствуйте уважаемые посетители. В этом уроке я покажу, как используя программу Фотошоп можно убрать фон и сделать фотографию прозрачной. Особых знаний этого Фото-монстра вам не понадобится, так как здесь всё очень просто. Главное, чтобы у вас был установлен Photoshop, и вы повторяли за мной все действия.
Итак, как сделать прозрачный фон в Фотошопе?
Запускаем Фотошоп и открываем подопытную фотографию. Жмем меню Файл – Открыть и указываем расположение изображения.
Отлично, фотография открыта и давайте приступать к обрезке фона. Первым делом нам нужно разблокировать слой. Обратите внимание на правый нижний угол программы. Там вы увидите главный слой нашей фотки и
Нужно, чтобы этот замочек исчез, то есть слой разблокировался. Для этого прямо по замочку делаем один клик левой кнопкой мыши . И замочка больше нет!
Теперь нам нужно удалить фон. Для этого берем какой-нибудь инструмент выделения, например, Волшебная палочка .
Жмём инструментом по фону на фотографии, таким образом выделив ненужный нам объект.
Появилась пунктирная линия (бегающие муравьи). Остается нажать на клавиатуре клавишу DELETE и фон будет удален. Смотрите как получилось:
Супер! Теперь снимите выделение нажав на клавиатуре сочетание клавиш CTR+D .
Ну, в общем-то, как сделать прозрачный фон в Фотошопе мы разобрались и теперь остаётся эту фотографию правильно сохранить.
Для этого нажмите меню Файл – Сохранить для Web . Или же просто воспользуйтесь ALT+SHIFT+CTR+S .
Вы увидите окно, в котором нам обязательно нужно выбрать формат PNG-24 и только после этого нажимать кнопку Сохранить .
А теперь смотрите что было и что стало:
Напоследок стоит сказать, что в некоторых случаях когда Вы решите сделать прозрачный фон в Фотошопе на какой-то картинке, то Вам возможно придётся применять другие инструменты выделения, например,
На этом сегодня всё, желаю удачи!
В статье приводится способ освобождения от фона при помощи выделения и перемещения изображения на созданный прозрачный файл. Выделение производится вручную при помощи пера. Урок предназначен для начинающей аудитории и поэтому все четыре шага сопровождаются подробными скриншотами с красными поясняющими пометками.
Шаг 1. Увеличить объект. Для этого кликнуть на кнопку инструмента Zoom Tool (Z) и навести курсор на изображение. Курсор превращается в плюсик и при каждом клике картинка увеличивается. После того, как мы поработаем с изображением, поменяем вверху на линейке настроек значение инструмента обратно на Zoom Out и курсором, превращающимся в минус, снова уменьшим его. Кнопка инструмента Zoom Tool (Z) изображает лупу. В данном примере мы увеличили картинку двумя кликами, этого будет достаточно, чтобы аккуратно обвести объект.
Шаг 2. Выделить объект. Для этого кликнуть на инструмент перо Pen Tool (P). Обратите внимание на настройки линейки вверху.
При наведении на изображение курсор должен превратиться в перо. Принимайтесь точка за точкой обводить пером объект, который вы хотите освободить от фона. В тот момент, когда цепь замкнется, вы увидите, что объект обведен сплошной линией. Теперь наведите курсор на эту сплошную линию и кликните правой мышкой. В появившемся окошке выберите cтроку Make Selection, то есть выделение.
В следующем диалоговом окне выставьте радиус.
Контур картинки замерцает – значит, объект мы выделили.
Теперь давайте при помощи лупы обратно уменьшим объект так, как написано в шаге 1.
Шаг 3. Создать прозрачный фон. Сначала сделать дубликат изображения. Для этого в меню выберите последовательно Image – Dublicate – Ok.
Теперь необходимо выделить полностью весь наш дубликат при помощи инструмента Прямоугольное выделение.
Теперь двойной щелчок по иконке замочка справа и ОК. Этим действием мы разблокировали слой. Нажать на клавиатуре клавишу Delete. Изображение приобрело шахматную окраску, которая означаетпрозрачность. Это и есть наш прозрачный фон, на который мы должны перетащить предыдущую выделенную картинку.
Шаг 4. Переместить изображение на прозрачный фон. Для этого кликнуть курсором по нужной выделенной ранее картинке изатем кликнуть кнопку Перемещение Move Tool (V). Зажимаем левой мышкой, и, перетащив объект на прозрачный фон, отпускаем. Цель по изменению фона на прозрачный достигнута.
Это один из нескольких возможных способов освобождения изображения от фона.
Сохраните вашу картинку в формате png. Нужно заметить, что существуютеще и другие способы изменения фона на прозрачный. Но об этом в других уроках.
Довольно часто можно найти в Интернете подходящее изображение, например, чтобы вставить его на веб-сайт. А возможно, Вы делаете коллаж, и нужно на один рисунок добавить другие. Вот только нужные изображения обычно имеют какой-либо фон.
Давайте разберемся, как можно сделать прозрачный фон для картинки с помощью редактора 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.
Делайте белый фон рисунка прозрачным, или делайте прозрачный фон для отдельных фрагментов цветного изображения или фотографии в фотошопе. После этого, можно их использовать там, где это необходимо: вставлять на сайт, добавлять на другой рисунок или делать интересные коллажи.
Оценить статью:Читайте также…
Как сделать космический фон в Фотошопе
В этом уроке мы будем создавать космическую сцену в Фотошопе.
В этом уроке мы научимся создавать научно-фантастическую сцену с планетами, космическими кораблями и туманностями в Adobe Photoshop. Вы узнаете, как создать космический фон с нуля, как простым способом сделать планету, и скомпоновать космические элементы, используя техники смешения. Также вы научитесь регулировать контраст и цвет, создавать эффекты свечения, и повышать глубину резкости.
Пример HTML-страницыШаг 1.
Создание нового документаСоздаем в Фотошопе новый документ 3000 х 2000 пикселей со следующими настройками:
Фоновый цвет должен быть черным.
Шаг 2.
Создание фонаНажмите сочетание клавиш Control + Shift + N, чтобы создать новый слой. Выберите Кисть — Brush Tool (B) с мягкими краями и выберите основной цвет #8c92ae. Нарисуйте нечто подобное в районе середины документа.
Поменяйте режим наложения этого слоя на Жесткий свет (Hard Light).
Шаг 3.
Создание фонаСоздайте новый слой и, используя кисть с мягкими краями, нарисуйте несколько разноцветных пятен на холсте. Вы можете использовать цвета на свое усмотрение, но не забывайте. что мы создаем яркий фон, так что старайтесь выбирать яркие цвета. Я выбрал такие цвета: #378c6c, #c20707, #cf53c8.
Старайтесь не заполнять весь холст цветными пятнами – оставьте немного пространства, чтобы подчеркнуть тени и глубину.
Шаг 4.
Создание фонаСоздайте новый слой, измените основной цвет на #44595b и мягкой кистью немного покрасьте по краям и в углах холста.
Измените режим наложения этого слоя на Жесткий свет (Hard Light).
Шаг 5.
Создание фонаСоздайте новый слой и нажмите D, чтобы установить основной/фоновый цвет по умолчанию (черный и белый). Используйте инструмент Лассо — Lasso Tool (L), чтобы сделать выделение на холсте и настройте параметр Растушевка (Feather) на 60 пикселей:
Перейдите в меню Фильтр > Рендеринг > Облака (Filter > Render > Clouds)
Изменение режима наложения этого слоя на Осветление основы (Color Dodge)
Шаг 6.
Создание фонаСоздайте Корректирующий слой (Adjustment Layer) и используйте его, как Обтравочную маску (Clipping Mask), чтобы сделать эффект более мягким. Нажмите в меню Слой > Новый корректирующий слой > Уровни (Layer > New Adjustment Layer > Levels):
На маске этого слоя используйте черную мягкую кисть, чтобы вернуть яркость некоторым областям, как показано ниже:
Шаг 7.
Создание фонаПродублируйте слой с облаками и поместите этот слой над первым слоем с облаками и корректирующим слоем Уровни (Levels). Перейдите в Фильтр > Рендеринг > Облака с наложением (Filter > Render > Different Clouds):
Далее выберите Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом 35 пикселей:
Шаг 8.
Создание фонаСоздайте корректирующий слой Цветовой баланс — Color Balance (Ctrl + B), чтобы немного изменить итоговый цвет.
Шаг 9.
Создание звездДалее приступим к созданию звезд. Создайте новый слой и поменяйте основной цвет на #72c6fd. Используя жесткую кисть нарисуйте звезды на всем пространстве холста, при этом не забывайте изменять размер кисти:
Дважды щелкните по слою, выберите эффект Внешнее свечение (Outer Glow) и установите цвет свечения на белый:
Шаг 10.
Создание звездСоздайте Корректирующий слой Кривые (Adjustment Layer — Curves), поместите его над всеми слоями, чтобы изменить цвет эффекта.
Шаг 11.
Создание звездОткройте картинку с туманностью. Перетащите картинку на наш основной холст, используя Инструмент Перемещение — Move Tool (V) и увеличьте изображение, используя Инструмент Свободное перемещение — Free Transform Tool (Control + T):
Измените режим наложение слоя на Линейный осветлитель (Linear Dodge):
Шаг 12.
Создание звездДобавьте маску этому слои и используйте мягкую черную кисть, чтобы смягчить эффект и сделать его менее выраженным:
Шаг 13.
Создание звездИспользуйте корректирующий слой Цветовой баланс — Color Balance (Ctrl + B) в режиме Обтравочной маски (Clipping Mask) (для этого при создании слоя поставьте галочку Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask), чтобы немного изменить цвет туманности.
Сохраните получившийся результат в формате JPG для дальнейшего использования.
Шаг 14.
Добавление космического фона.Создайте новый документ 2200 х 1600 пикселей и установите фоновый цвет на черный. Откройте космический фон, созданный вами ранее и перетащите его на новый холст, используя инструмент Перемещение — Move Tool (V).
Добавьте маску этому слою и, используя мягкую черную кисть, подотрите по краям слоя. У вас должно получиться нечто подобное:
Шаг 15.
Добавление космического фона.Чтобы сделать среднюю часть более выраженной, создайте новый слой и, используя мягкую белую кисть, закрасьте слой в этой области. Измените режим наложения этого слоя на Мягкий свет – (Soft Light):
Шаг 16.
Добавление планет.Откройте текстуру планеты. Используйте инструмент «Штамп» — Clone Tool (S) чтобы убрать четыре черные линии на изображении.
Шаг 17.
Добавление планет.Выберите инструмент Эллиптическая область — Elliptical Marquee Tool (М) и нарисуйте круг. Нажмите Фильтр > Искажение > Сферизация (Filter > Distort > Spherize).
Шаг 18.
Добавление планет.Кликните правой кнопкой мыши по выделенной области и выберите пункт Скопировать на новый слой (Layer via Copy). Мы получим основу для планеты на новом прозрачном слое (если вы отключите видимость фонового слоя, то увидите получившийся результат).
Шаг 19.
Добавление планет.Перетащите планету в наш основной документ и откорректируйте размер, используя трансформацию (Control + T). Разместите планету по центру документа.
Шаг 20.
Добавление планет.Далее создайте корректирующий слой Оттенок/Насыщенность (Adjustment layer > Hue/Saturation) в режиме Обтравочной маски (Clipping Mask) и установите параметр Насыщенность (Saturation) на – 87:
Шаг 21.
Добавление планет.Используйте корректирующий слой Кривые (Adjustment layer > Curves) и затемните изображение.
Создайте маску этого слоя и, используя мягкую черную кисть, немного сотрите по краям планеты, чтобы осветлить края.
Шаг 22.
Добавление планет.Создайте корректирующий слой Цветовой баланс (Adjustment layer > Color Balance) и измените настройки Средних тонов (Midtones), как показано ниже:
Шаг 23.
Добавление планет.Создайте новый слой в режиме Обтравочной маски (Clipping Mask). Выберите цвет #b68fa4 и используя мягкую кисть подкрасьте некоторые части планеты. Измените режим наложения этого слоя на Мягкий свет (Soft Light).
Шаг 24.
Добавление планет.Создайте еще один слой, так же, как описано выше, и подкрасьте планету, цветом #b6eadd. Также измените режим наложения этого слоя на Мягкий свет (Soft Light).
Шаг 25.
Добавление планет.Добавьте еще две планеты по бокам от центральной и сделайте их гораздо меньше по размеру.
Шаг 26.
Добавление планет.
Выберите слои с этими планетами и нажмите Control + G, чтобы сгруппировать их. Установите режим наложения группы Нормальный (Normal).
Сделайте новый слой выше слоя с маленькими планетами. Используя мягкую черную кисть с непрозрачностью (Opacity) 70-80%, чтобы нарисовать тень в нижней части планет.
Шаг 27.
Добавление планет.Создайте корректирующий слой Оттенок/Насыщенность (Adjustment layer > Hue/Saturation) и уменьшите Насыщенность (Saturation) до – 86.
Шаг 28.
Добавление планет.Используйте корректирующий слой Цветовой баланс (Adjustment layer > Color Balance), чтобы изменить цвет планет.
Шаг 29.
Добавление цвета и освещения.
Сейчас мы будем добавлять цвет и свет к нашей сцене.
Создайте новый слой над группой с планетами и, используя мягкую кисть с цветом #b6eadd , нарисуйте цветовое пятно в верхней центральной части сцены. Измените режим наложения этого слоя на Мягкий свет (Soft Ligh).
Шаг 30.
Добавление цвета и освещения.На новом слое нарисуйте еще одно цветовое пятно сверху от большой планеты, выбрав другой цвет #b68fa4. Также измените режим наложения этого слоя на Мягкий свет (Soft Ligh).
Шаг 31.
Добавление цвета и освещения.Создайте новый корректирующий слой Кривые (Adjustment layer > Curves) поверх слоев и увеличьте блики.
На маске этого слоя, используя мягкую черную кисть, чтобы приглушить яркость в нижних частях планет и сцены.
Шаг 32.
Добавление космических кораблейОткройте изображение с космическими кораблями. Выберите три корабля в похожих ракурсах и добавьте их на сцену. Сдублируйте и поверните их по направлению к большой планете. Не забывайте: чем ближе к нам находится корабль, тем он должен быть больше.
Шаг 33.
Добавление космических кораблейСгруппируйте слои с кораблями и установите режим наложения группы на Нормальный (Normal) с непрозрачностью (Opacity) 100%. Используйте для этой группы корректирующий слой Оттенок/Насыщенность (Adjustment layer > Hue/Saturation), чтобы обесцветить корабли.
Шаг 34.
Добавление космических кораблейСоздайте корректирующий слой Цветовой баланс (Adjustment layer > Color Balance) и переместите ползунок ближе к голубому (cyan) и синему (blue) цветам, как показано ниже:
Шаг 35.
Добавление космических кораблейИспользуйте корректирующий слой Кривые (Adjustment layer > Curves), чтобы затемнить корабли.
На маске этого слоя используйте мягкую черную кисть, чтобы высветлить верхнюю часть кораблей, т.к. она должна быть ярче, чем нижняя.
Шаг 36.
Добавление космических кораблейДобавьте еще один корректирующий слой Кривые (Adjustment layer > Curves), чтобы сделать ярче блики в верхней части кораблей.
На маске этого слоя используйте мягкую черную кисть, чтобы сделать выраженной тень в нижней части кораблей.
Шаг 37.
Добавление космических кораблейСоздайте новый слой и белой мягкой кистью добавьте больше бликов на некоторые корабли. Измените режим наложения этого слоя на Перекрытие (Overlay).
Шаг 38.
Добавление астероидовОткройте изображения с астероидами. Выберите различные астероиды и разместите их вокруг большой планеты, копируя и изменяя их размер так, чтобы они были меньше планет. Разверните светлые части астероидов к свету.
Шаг 39.
Добавление астероидовДобавьте несколько астероидов в левый нижний угол сцены и сделайте их больше, чем остальные. Примените ко всем ним Размытие по Гауссу (Gaussian Blur) с радиусом 8 пикселей, чтобы придать глубины сцене.
Шаг 40.
Добавление астероидовСгруппируйте все слои с астероидами. Затем используйте корректирующий слой Цветовой баланс (Adjustment layer > Color Balance), чтобы сделать их оттенок близким к оттенку остальных элементов сцены.
Шаг 41.
Добавление астероидовСоздайте корректирующий слой Кривые (Adjustment layer > Curves), чтобы затемнить группу.
На маске этого слоя черной мягкой кистью верните свечение некоторым частям астероидов.
Шаг 42.
Добавление астероидовСоздайте еще один корректирующий слой Кривые (Adjustment layer > Curves), чтобы высветлить астероиды еще больше.
На маске этого слоя черной мягкой кистью верните тени астероидов, особенно в частях, скрытых от света.
Шаг 43.
Добавление света и световых следов кораблейСоздайте новый слой и возьмите жесткую кисть цвета #eebde2. Добавьте маленькие точки, чтобы сделать огни космических кораблей. Не забывайте: чем больше корабль, тем больше должны быть точки.
Шаг 44.
Добавление света и световых следов кораблейЧтобы сделать светящийся след кораблям, создайте новый слой и, используя мягкую кисть цвета #7b3e51, поставьте точку на холсте. Уменьшите размер кисти и поставьте другую точку цвета #d69e96 в центре предыдущей. У вас должно получиться что-то подобное:
Преобразуйте этот слой в Смарт-объект (Smart Object), нажмите Control +T и правой кнопкой мыши выберите пункт Перспектива (Perspective). Сделайте объект похожим на след. Разместите его в нижней части космического корабля.
Шаг 45.
Добавление света и световых следов кораблейПродублируйте след несколько раз и добавьте к другим кораблям.
Шаг 46.
Добавление света и световых следов кораблейСоздайте новый слой и измените его режим наложения на Осветление основы (Color Dodge). Далее используйте мягкую кисть цвета #eebde2 , чтобы нарисовать блик светового следа у самого низа кораблей.
Шаг 47.
Финальная корректировкаСоздайте корректирующий слой Кривые (Adjustment layer > Curves) и высветлите сцену целиков, особенно в центральной верхней части.
На маске этого слоя черной мягкой кистью пройдитесь по краям и внизу большой планеты, чтобы придать красивый контраст сцене.
Шаг 48.
Финальное изображение
ссылка на источник
Пример размытия фона в Photoshop
Часто получаются такие кадры, которые притягивают взгляд и не отпускают, но имеют некоторые изъяны в виде не очень хорошего фона. В идеале такой кадр лучше переснять, но это не всегда возможно. Тогда остается только обработка фона в редакторе.
1. Этот кадр смотрелся бы намного лучше, если приоткрыть диафрагму для получения более размытого фона. Теперь это уже сделать невозможно, но Photoshop может справиться с этой задачей.
2. Это можно сделать как в теории, так и на практике. Самое сложное, что нужно будет сделать — это нарисовать аккуратную маску. Она впоследствии отделит объекты, которые должны будут оставаться четкими от тех, которые попадут в зону размытия.
3. Вот таким будет слой, с примененной к нему маской. Он должен будет лежать выше слоя с размытием.
4. Фильтром Gaussian Blur (Размытие по Гауссу) размоем фоновый слой:
5. Размытие стоит выбирать на глаз. Ориентировочно оно должно составить 30 пикселей.
6.Над размытием размещаем слой с маской:
7. Вокруг девушки появились неприятное свечение. Это произошло из-за того, что фильтр размыл границы и светлые участки кожи и одежды девушки расширились.
8. Решить проблему можно при помощи Clone Stamp (Клонирующий штамп или кисть):
9. Точно так же размываем фон фильтром Gaussian Blur:
10. И вот, результат уже намного лучше:
11. Однако обойтись можно и без этапа, на котором приходилось рисовать фон. В этом поможет фильтр Lens Blur (размытие при малой глубине резкости):
12. Для того, чтобы показать Фотошопу где нужно размывать, а где нет, нужно указать программе маску, которая находится на слое:
13. Этот способ позволяет миновать этап восстановления фона:
14. Маску можно сделать более сложной, показав Фотошопу участки, которые нужно размывать с различной интенсивностью. Белые объекты сохранят исходную резкость. Чем объекты будут темнее, тем больше они будут подвергаться размытию:
15. Подобный подход даст возможность получить очень интересное изображение. Этот эффект уже более похож на то, что получилось бы при реальной съемке с малой глубиной резкости. Этот подход разве что не может передать реалистичный рисунок боке.
16. Этот способ хорош тем, что каждый волен сам создавать карту, которая будет передавать различный уровень размытия. При реальной съемке этот процесс контролировать сложно и он ограничен техническими возможностями, а в Фотошопе ограничение одно — это ваша фантазия:
Copyright by TakeFoto.ru
Узнаем как рисовать фон в Adobe Phototshop
Для художников и дизайнеров создано большое количество графических сред, где они могут воплотить в жизнь самые необычные проекты. Некоторые пользователи выбирают Adobe Photoshop. Тут есть все необходимое для рисования и редактирования своих изображений. Главный инструмент «Кисть» снабжен всеми важными и дополнительными настройками. С его помощью можно как рисовать фон, так и детально прорисовывать изображение и многое другое. Удобная работа со слоями позволяет чувствовать себя комфортно в этой среде.
Как рисовать фон
Это крайне важный процесс, так как фоновое изображение задает ритмику картины в целом. Перед тем как рисовать фон, необходимо разобраться с фоновым слоем. Этот слой появляется автоматически при создании нового документа в программе. Изначально он является заблокированным, т. е его нельзя перемещать с помощью инструмента, предназначенного для перетаскивания объектов. Этот слой менять не нужно, так как разблокированный слой будет подвергаться воздействиям с перемещением. Рисовать на нем можно, но многие рекомендуют создать новый слой и прорисовывать объекты именно на нем. Таким образом создается возможность исключить конфликт кистей, когда, к примеру, использование ластика повлечет за собой стирание всех попавших под руку объектов.
Инструмент «Кисть»
Это основной элемент для рисования в слоях и изображении в совокупности. У этого инструмента имеется огромный функционал. Например, в настройках можно изменить жесткость, цвет и форму наконечника. В «Фотошопе» встроена функция поддержки загружаемых элементов, пользователь способен скачать из сети любую форму кисти для своих целей.
Итак, чтобы рисовать фон в «Фотошопе» необходимо:
- Активировать инструмент «Кисть» и с помощью правой кнопки мыши вызвать контекстное меню с настройками.
- После настройки инструмента создать новый рабочий слой, где будет располагаться нарисованный элемент, который и станет фоном.
Используйте картинки, подсказки или просто свою фантазию перед тем, как нарисовать фон. Космос, пейзажи, арт-объекты и многое другое можно очень точно продублировать в эту графическую среду. Некоторые пользователи значительно облегчают себе жизнь следующими действиями:
- Находят изображение и вставляют его в редактор.
- Оперируя инструментами «Кисть», «Пипетка» и «Ластик» они рисуют фон поверх своего исходника.
Этот способ отлично подходит для новичков и тех, кто владеет навыками рисования на начальном уровне. Таким же методом создаются пиксельные 2D-фоны.
Прочие атрибуты для рисования
Помимо функции «Кисть», в программе присутствует вспомогательный набор инструментов.
- «Ластик». Его задача стирать созданные или нарисованные объекты, излишки, неровности. Он практически незаменим при работе с кистями, так как исправлять неудачно нарисованную линию может только этот инструмент.
- «Пипетка». Эту функцию удобно применять для быстрого выделения и добавления цвета. Отлично помогает тем, кто занимается ретушью фотографий.
- Наборы фигур. Как ни странно, но они тоже могут пригодиться при работе с фоном. Не всегда можно точно нарисовать геометрические объекты с помощью кисти.
3 способа как в фотошопе нарисовать квадрат и прямоугольник
Хоть квадрат и прямоугольник это простейшие геометрические фигуры, но, чтобы их нарисовать в фотошопе, нужно приложить некоторые усилия и обладать базовыми знаниями. Новичок без должной подготовки, скорее всего, не справится с этой задачей.
В этой статье разберем 3 самых популярных способа как нарисовать прямоугольник или квадрат в фотошопе.
Но прежде, чем приступить к выбору способа рисования, нужно определиться с будущими параметрами. Прямоугольник/квадрат может быть:
- залит сплошным цветом или только с отрисовкой границ;
- произвольный или с точно заданными размерами;
- с возможностью в любое время менять его размеры без потери качества.
Способ 1. Инструмент произвольная фигура
В этом способе прямоугольник или квадрат будут нарисованы залитым сплошным цветом. Если вам нужна только граница, переходите к следующим двум способам.
На панели инструментов выберите инструмент Произвольная фигура. Дальше возможны два варианта развития событий:
Вариант 1. Квадрат или прямоугольник с дальнейшей возможностью изменять размеры без потери качества
Здесь, конечно, подразумевается использование векторной фигуры. Чтобы ее нарисовать нужно выбрать параметр Слой-фигура:
В дальнейшем вы можете без потери качества изменять размеры этой фигуры. Для этого используйте инструмент Свободное трансформирование — Ctrl+T, и с помощью угловых маркеров изменяйте размер.
Для тех кто не знает: векторные фигуры состоят не из пикселей, а из специальные математических формул. Поэтому изменение размера — это не процесс растягивания/сжатия пикселей, а сложный математический пересчет, за счет чего не происходит никакой потери качества.
Вариант 2. Стандартный (растровый) квадрат/прямоугольник
Чтобы нарисовать сразу растровую фигуру используйте на панели параметров настройку Выполнить заливку пикселов. Но прежде чем начать ее рисовать — создайте новый слой!
Но на самом деле можно рисовать сразу и векторный, а потом просто растрировать его. Тут уже выбирайте сами.
Как сделать прямоугольник квадратным
Обыкновенное правило с зажатой клавишей Shift с произвольными фигурами не работает. Поэтому нужно воспользоваться панелью параметров инструмента и выбрать настройку, чтобы фотошоп рисовал именно квадрат.
В этой же панели, обратите внимание, вы можете указать точный размер необходимого прямоугольника/квадрата или рисовать его по заранее определенным пропорциям.
Совет
По умолчанию размеры определяются пикселями. Если вы хотите изменить единицу измерения, сначала введите в поле какое-либо значение, а затем кликните по нему правой кнопкой мыши. Появится окно выбора единиц измерения. Доступно: пиксели, дюймы, сантиметры, миллиметры, пункты и пики.
Прямоугольник или квадрат со скругленными углами
Чтобы получить фигуру со скругленными углами, делайте все то же самое, что описано выше, но в самом начале выберите инструмент Прямоугольник со скругленными краями. На панели параметров инструмента нужно будет указать только радиус закругления.
Способ 2. Обводка выделенной области
Этот способ простой, как 5 копеек. выберите инструмент Прямоугольная область и нарисуйте прямоугольник пунктирной линией. Чтобы нарисовать квадрат удерживайте нажатой клавишу Shift.
Теперь нужно сделать обводку границ этой выделенной области. Для этого перейдите в Редактирование — Выполнить обводку.
Затем в новом окне настройте вид обводки: укажите толщину рамки, желаемый цвет и отметьте как будет проходить обводка:
- Внутри — значит рамка ляжет по внутренней стороне выделенной области;
- По центру — значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
- Снаружи — значит рамка будет огибать пунктир выделения.
Вот как может получиться:
На скриншоте выше я специально не убрал пунктирную линию, поскольку у вас она также не исчезнет. Чтобы окончательно от нее избавиться нажмите Ctrl+D.
В этом способе, чтобы нарисовать фигуру точного размера, нужно сперва на панели параметров инструмента Прямоугольная область указать Стиль — Заданный размер или Заданные пропорции. После этого станут активными поля, куда введите значения ширины и высоты в пикселях. Кликом правой кнопкой мыши по одному из этих полей вызовет меню изменения единиц измерения.
Способ 2.1 Закрашивание выделения
Самый банальный способ рисования прямоугольника — нарисовать рамку выделения (как описано выше) и просто закрасить ее любым цветом. Вот вам и прямоугольник или квадрат.
Способ 3. Модификация выделения
На самом деле этот способ мне меньше всего нравится из-за очевидного минуса — углы прямоугольника будут подрезанными, а сама граница рамки в состоянии растушевки и повлиять на эти факты не представляется возможным.
Итак, нужно вновь выбрать инструмент Прямоугольная область, нарисовать рамку будущего прямоугольника или квадрата (с клавишей Shift), а затем отправляемся в меню Выделение и выбираем команду Модификация — Граница.
Появится новое окно, в котором, в нашем случае, мы указываем ширину границы прямоугольника. Допустим, укажу 7 пикселей. Получим такой результат:
А теперь нужно просто закрасить получившуюся рамку. Для этого подойдет инструмент Кисть. Здесь, кстати, можно подойти к вопросу более творчески и закрасить, например, разными цветами. Результат:
Останется только снять выделение — Ctrl+D. Думаю этот способ подходит только для своих редких специфических задач, поскольку растушевка и подрезанные углы только все портят.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Как в фотошопе сделать абстрактный фон
Абстрактный фон в Фотошоп
Из этого урока Вы узнаете, как использовать инструмент Эллипс, Кисти и Градиенты, чтобы создать абстрактный фон. Вы можете использовать эти методы и элементы, чтобы создать Ваш собственный абстрактный фон для Pc или смартфона! Давайте начнем!
Начнем работу с создания нового документа (Ctrl+N) в Adobe Photoshop, размером 1920px*1200px (RGB цветовой режим) при разрешении 72 пикс. Используйте инструмент Заливка (Paint Bucket Tool) (G), чтобы заполнить цветом #242678 новый фоновый слой.
Создадим новый слой (Ctrl + Shift + N) и активируем мягкую круглую Кисть (Brush).
Используйте эту кисть, чтобы немного затемнить документ на его верхней правой стороне и на левой нижней. Цвет Кисти (Brush) черный #000000 (Непрозрачность (Opacity) кисти 15% ).
Далее мы постараемся начертить несколько небольших кругов. Используйте инструмент Эллипс (Ellipse Tool) (U) цветом #FF6C00, чтобы нарисовать следующий эллипс.
Установите Заливку (Fill) на 13% для этого слоя и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберите Тень (Drop Shadow):
Мы получили следующий результат.
Далее мы сделаем несколько копий последнего сделанного круга (Ctrl + J). Выберите команду Свободное трансформирование (Free Transform) (Ctrl+T), чтобы уменьшить каждую копию по очереди и разместить их как на картинке ниже.
Создадим новый слой (Ctrl + Shift + N) и выберем мягкую круглую Кисть (Brush Tool) (B).
Используйте эту кисть для раскраски кругов, расположенных с левой стороны. Цвет Кисти (Brush) #FEAC00 и Непрозрачность (Opacity) — 40%.
Установите Режим смешивания (Blend Mode) для этого слоя на Перекрытие (Overlay).
Используя тот же Эллипс (Ellipse Tool) (U), мы нарисуем еще несколько кругов на разных слоях. Их цвет — #FFCDCD. Установите Заливку (Fill) на 10% для этих слоев.
Объединим в группу все слои, содержащие розовые круги (зажмите CTRL выберите необходимые слои, затем удерживайте левую кнопку мыши во время перетаскивания выбранных слоев на иконку Создать новую группу (Create a new group) в нижней части панели слоев).
Установите Заливку (Fill) на 0% для группы и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев. Выберите Наложение градиента (Gradient Overlay):
Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor). Установите цвета, как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).
Мы получили следующий результат.
Добавим Маску слоя (Layer mask) для группы, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев. Затем выберите мягкую круглую Кисть (Brush) черного цвета #000000.
Рисуем на маске с помощью этой кисти, чтобы скрыть левый край кружков, как показано на картинке ниже.
С помощью Эллипса (Ellipse Tool) (U) мы будем продолжать рисовать круги, так же, как мы делали ранее. Цвет — #FFCDCD. Установите Заливку (Fill) на 0% для этих слоев. Каждый круг, должен быть на отдельном слое.
Давайте соберем все созданные круги в группу. Установите Заливку (Fill) на 0% для группы и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев. Выберите Наложение градиента (Gradient Overlay):
Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).
Мы получили следующий результат.
Сделаqnt копию группы, которая у нас есть и выберите команду Свободное трансформирование (Free Transform) (Ctrl+T), чтобы уменьшить каждый экземпляр. Разместите их как на картинке ниже. Установите Заливка (Fill) 0% для группы и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев. Выберите Наложение градиента (Gradient Overlay):
Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).
Мы получили следующий результат.
Создадим еще одну группу кругов, как мы делали это выше. Используя все тот же Эллипс (Ellipse Tool) (U), цвет кругов как в предыдущей группе.
Установите Заливка (Fill) на 0% для группы, и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, выберите Наложение градиента (Gradient Overlay):
Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).
Мы получили следующий результат.
Далее мы создадим последнюю группу кругов, используя Эллипс (Ellipse Tool) (U) и цвет #FFCDCD. Каждый круг должен быть на отдельном слое. Установите Заливку (Fill) на 10% для этой группы.
Объединим в группу все слои, содержащие круги (зажмите CTRL выберите необходимые слои, затем удерживайте левую кнопку мыши во время перетаскивания выбранных слоев на иконку Создать новую группу (Create a new group) в нижней части панели слоев). Установите Заливка (Fill) 0% для группы, и щелкните на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, выберите Наложение градиента (Gradient Overlay):
Щелкните по цветовой панели, чтобы открыть Редактор Градиентов (Gradient Editor) и установите цвета как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор Градиентов (Gradient Editor).
Мы получили следующий результат.
Создадим новый слой (Ctrl + Shift + N) и активируем мягкую круглую Кисть (Brush Tool) (B).
Используйте эту кисть для рисования фона, в правом нижнем углу документа. Цвет Кисти (Brush) #99FF00 и Непрозрачность (Opacity) — 15%.
Установите Режим смешивания (Blend Mode) для этого слоя на Перекрытие (Overlay).
Убедитесь, что слой, содержащий кисть активен в панели слоев и выберите для слоя следующую команду Изображение-> Внешний канал (Image-> Apply Image).
Эта команда позволит нам создать наложение слоев друг на друга и даст нам гораздо больше контроля над изображением, изображения смешиваются, и открывают гораздо больше творческих возможностей, что позволяет нам улучшить общие результаты.
Создадим новый слой (Ctrl + Shift + N) и активируем мягкую круглую Кисть (Brush) белого цвета #ffffff Непрозрачность (Opacity) — 40%.
Используйте эту кисть, чтобы закрасить круги, так же как продемонстрировано на следующем изображении.
Установите Заливка (Fill) 57% и измените Режим смешивания (Blend Mode) на Перекрытие (Overlay).
Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части панели слоев и выберите Кривые (Curves) для регулировки формы кривой, как показано, чтобы сделать некоторые корректировки цвета.
Мы получили следующий результат.
Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части панели слоев и выберите Вибрация (Vibrance) для улучшения общего цвета изображения.
Мы получили следующий результат.
Теперь мы должны объединить в группу все наши слои (зажмите CTRL выберите необходимые группы, затем удерживайте левую кнопку мыши при перетаскивании выбранных групп на иконку Создать новую группу (Create a new group) в нижней части панели слоев).
Выберите группу, в панели слоев и нажмите Ctrl+E чтобы Объединить слои (Merge Down). На растрированный слой который у нас получился, мы должны применить следующий фильтр: Фильтр-> Резкость-> Контурная резкость (Filter-> Sharpen-> UnSharp Mask).
Мы получили следующий результат.
Наш абстрактный фон готов! Надеюсь, Вам понравился этот урок. Скачать PSD файл Вы можете здесь.
Автор: Adobetutorialz
Переводчик: Артеменко Любовь
Туториалы для создания абстрактных фонов
1 июля 2011 | Опубликовано в Веб-дизайн | 5 Комментариев »
Привлекательный и необычный фон, придает глубины вашей графике, баннеру или рекламе. А значит, фон имеет не малое значение в проекте в целом. Вы скажите что многие просто не замечают фона на сайте, но восприятие всей работы в целом, за счет фона, становится более привлекательным и интересным. Фон может помочь вам связать все воедино, не зависимо от того простого или сложного сочетания с ним форм.
В этой подборке мы собрали 35 туториалов (английский) которые помогут вам создать абстрактный фон на любой вкус и цвет. Все туториалы пошагово проиллюстрированы, что значительно облегчит вам их изучение.
Создайте абстрактные круги туманности
Тут дизайнер пошагово расскажет вам как создавать этот абстрактный дизайн. Для него вам понадобится кое-какие знания.
Создание абстрактных форм при помощи мощного инструмента Warp в Фотошопе
Туториал расскажет вам как при помощи Warp создавать потрясающие абстрактные формы. Эти довольно простые шаги, в дальнейшем могут стать полезными для ваших дизайнов и украсить любую его сферу.
Абстрактный калейдоскопический постер – Фотошоп CS5
Этот туториал позволит вам создать привлекательный постер, при помощи сочетания основных цветов, форм и кистей в Фотошопе CS5. Включен PSD файл со слоями.
Абстрактный звездный фон – Фотошоп CS5
В этом туториале вы научитесь создавать крупный фон с изображением космического пространства. Сделать это вы сможете при помощи различных форм, кистей и туманности. Включен PSD файл, для того, чтобы облегчить вам начальную стадию работы.
Создайте новое ретро
Научитесь создавать ретро графику в современном стиле, при помощи туториала Джеймса Уайта.
Нарисуйте абстрактную лампочку
В туториале вам расскажут о нескольких методах, при помощи которых вы научитесь создавать слоя с световыми элементами, используя кисти и эффекты боке.
Абстрактный световой эффект
Этот туториал покажет как создавать световые эффекты с цветными волнистыми элементами, используя Фотошоп CS4. Вы сможете создать такой эффект, даже если у вас другая версия Фотошопа или любая другая программа.
Создайте абстрактную открытку к Дню Святого Валентина
В туториале вы научитесь создавать яркую открытку, при помощи форм, слоев и градиентов в Фотошопе CS5.
Создайте туманное кольцо вокруг планеты при помощи фильтра
В туториале, используя облако и инструменты Фотошопа, вы научитесь создавать галактическое кольцо вокруг планет.
Создайте простую абстрактную светящуюся волнистую линию
Хотите научиться этому простому уроку и создавать такой привлекательный он? Тогда следуйте шагам, описанным в туториале.
Создайте детализированное космическое пространство с метеоритом в Фотошопе
В туториале, дизайнер пошагово расскажет о том, как он создавал это изображение. Некоторые шаги могут показаться трудными, но результат того стоит.
Создайте волнистые ежевичные обои
Вас научат как создавать абстрактный фон используя Фотошоп, добавлять к нему волнистых паттернов и световых эффектов, для привлечения внимания.
Абстрактный волнистый фон
Этот туториал пошагово расскажет о том, как создать волнистый абстрактный бекграунд.
Калькуляция и колоризация
В туториале расскажут как создать Альфа канал и с помощью расчетов, создать удивительные абстрактные колоризованные фотоэффекты.
Создайте иллюстрацию с красочными шарами в Aотошопе CS5
Этот туториал расскажет вам как сформировать абстрактные формы используя простые инструменты Фотошопа.
Абстрактные Аэровспышки
Тут расскажут как создать привлекательные абстрактные вспышки с световыми эффектами.
Windows Vista Aurora Эффект
Туториал обучающий созданию фона в стиле Vista.
Люминесцентные линии
Простая и мощная техника создания абстрактных обоев или изображения, которая в результате всегда смотрится стильно и привлекательно.
Абстрактный фон с разноцветными линиями
Простой и понятный туториал по созданию абстрактного фона, обоев, открытки или дизайна.
Цветной абстрактный фон
Дизайнер расскажет как создать абстрактный он используя пузырьки и волны.
Ошеломительные цифровой эффект дыма
Этот туториал научит вас создавать цифровой эффект дыма как в Иллюстраторе, так и в Фотошопе. Эта техника легко может подстраиваться под каждого и даст вам возможность сделать это быстро.
Как создавать абстрактные полосы света
Детализированный туториал расскажет вам как сгенерировать серию абстрактных прерывистых линий света.
Простой абстрактный туториал
Используя несколько кистей и эффектов, создайте простой, но привлекательный абстрактный дизайн.
Интенсивная солнечная вспышка (Фильтр) эффект
В туториале расскажут о том, как используя небольшое количество функций Фотошопа, создать абстрактный фон с эффектов солнечной вспышки.
Абстрактный художественный фон
Туториал расскажет как создать абстрактную форму. которую в дальнейшем можно использовать в любой вашей работе.
Как создать абстрактный радужный фон
Научитесь создавать абстрактный радужный фон используя формы, слои и градиенты в Фотошопе.
Шестиугольный эффект боке в Фотошопе
Научитесь создавать цифровой боке эффект в форме шестиугольника. Кисти, паттерны и базовые фильтры, помогут вам в создании такого она.
Создайте дым
Научитесь создавать красивый эффект дыма используя Фотошоп и помощь этого туториала.
Создайте необычные волнистые абстрактные формы в Фотошопе
Этот туториал расскажет как создавать привлекательные и красочные абстрактные формы. Очень подробный учебник, с множеством полезных скриншотов.
Создайте красивые волосоподобные абстрактные линии
Научитесь создавать абстрактные волосоподобные линии для декорации своего дизайна. Очень простой туториал, обучает использованию pen tool и динамических кистей.
Создайте простые, элегантные абстрактные спектральные линии
Изучите шаги, как создать простые абстрактные спектральные линии.
Трендовый фон
Простая техника. При помощи мазков кисти создайте Стильный и модный фон для заставки.
Цифровой звездный эффект
В этом туториале вы научитесь создавать эффект мерцающих звезд.
Красочные вихри
Изучите как создавать красочные вихри при помощи Фотошопа.
Создайте футуристические абстрактные обои
Используя различные фильтры Фотошопа, создайте обои в футуристическом стиле.
Подборка собрана из различных источников
Цветной абстрактный фон в Фотошоп
В этом уроке я покажу, как при помощи стандартных фигур, кисти и градиентов, создать в Photoshop CS5 цветной абстрактный фон.
Финальное изображение:
Шаг 1
Начините работу с создания нового документа (Ctrl + N) размером 1250px х 1550px, с цветовым режимом RGB и разрешением 72 пиксела. Кликните по иконке Добавить стиль слоя (Add a layer style) в нижней части палитры Слои и выберите стиль Наложение градиента (Gradient Overlay).
В редакторе градиентов (Gradient Editor) установите те оттенки синего, которые показаны на скриншоте и нажмите ОК, чтобы закрыть диалоговое окно.
Фон теперь выглядит так:
Шаг 2
Выберите инструмент Линия (Line Tool) (U) с шириной (Weight) 1 пиксел и нарисуйте линии белого цвета:
Шаг 3
Выберите инструмент Произвольная фигура (Custom Shape Tool) (U) и на панели свойств в верхней части экрана из выпадающего меню выберите фигуру треугольника.
Кликните инструментом по фону и нарисуйте фигуру треугольника:
Результат:
Шаг 4
Таким же способом нарисуйте еще один треугольник:
Для второго треугольника установите параметр Заливка (Fill) 0% и добавьте стиль слоя Обводка (Stroke).
Результат:
Шаг 5
Сделайте две копии слоя с последним треугольником (Ctrl + J) и измените размер и расположение этих дубликатов (Ctrl + T):
Шаг 6
Выберите инструмент Произвольная фигура (Custom Shape Tool) (U) и из выпадающего списка фигур выберите Triangle Frame.
Нарисуйте выбранную фигуру:
Установите параметр Заливка (Fill) для этой фигуры 16%. Это сделает фигуру полупрозрачной.
Сделайте дубликат слоя с полупрозрачным треугольником (Ctrl + J), измените размер копии (Ctrl + T) и поместите ее, как показано на скриншоте:
Добавьте к этому слою маску и выберите мягкую круглую кисть черного цвета.
Закрасьте маску, чтобы спрятать нижнюю часть копии прозрачного треугольника:
Шаг 7
Нарисуйте еще один треугольник в режиме вычитание (Alt), чтобы вырезать среднюю часть:
Результат:
Установите параметр Заливка (Fill) для этого слоя 68%.
Шаг 8
Создайте новый слой (Shift + Ctrl + N) и нарисуйте овальное выделение инструментом Овальная область выделения (Elliptical Marquee Tool) (M). Кликните правой кнопкой мыши по выделению и выберите пункт Трансформировать выделенную область (Transform Selection). Поверните выделение, как показано на скриншоте:
Не меняя инструмента, кликните по выделению правой кнопкой мыши и выберите пункт Растушевка (Feather). Установите значение растушевки 20%., снова кликните правой кнопкой мыши по выделению и выберите пункт Выполнить заливку (Fill) и залейте выделение белым цветом.
Шаг 9
Сделайте две копии последнего созданного слоя (Ctrl + J), измените размер этих копий (Ctrl + T) и поместите их так, как показано на скриншоте:
Выберите инструмент Произвольная фигура (Custom Shape Tool) (U), выберите фигуру треугольника (Triangle) и нарисуйте треугольник.
Уменьшите параметр Заливка (Fill) до 0% и добавьте стиль слоя Обводка (Stroke).
Результат:
Добавьте слой-маску и выберите мягкую круглую кисть черного цвета с непрозрачностью 15%.
Закрасьте некоторые области на маске, чтобы скрыть их.
Шаг 10
Создайте копию последнего созданного слоя (Ctrl + J), измените ее размер (Ctrl + T) и поместите, как показано на скриншоте. Удалите слой-маску с дубликата.
Шаг 11
Создайте новый слой (Shift + Ctrl + N) и мягкой круглой кистью белого цвета с непрозрачностью 20%, нарисуйте блик:
Результат:
Шаг 12
Убедитесь, что слой с бликом активен и удерживая нажатой клавишу Ctrl, кликните по слою с треугольником, который создали ранее, чтобы загрузить выделение:
Нажмите клавишу DELETE, чтобы удалить выделенную область:
Зажмите клавишу Alt и добавьте к этому слою маску, затем выберите мягкую круглую кисть белого цвета.
Закрасьте выбранной кистью на маске те участки треугольника, на которых должны быть светлее.
Шаг 13
Выберите инструмент Произвольная фигура (Custom Shape Tool) (U) и в списке фигур выберите треугольник (Triangle).
Нарисуйте треугольник:
Уменьшите параметр Заливка (Fill) до 0% и добавьте стиль слоя Обводка (Stroke).
Результат:
Добавьте слой-маску и выберите мягкую круглую кисть с черным цветом и с непрозрачностью 15%. Закрасьте маску выбранной кистью, чтобы скрыть некоторые участки треугольника, как показано на скриншоте:
Шаг 14
Поместите в группу все слои, содержащие линии (Ctrl + G) и установите для этой группы непрозрачность 26%.
Дублируйте группу (Ctrl + J) и объедините ее с оригинальной группой (CTRL + E). Примените фильтр Размытие по Гауссу (Фильтр – Размытие – Размытие по Гауссу) (Filter > Blur > Gussian Blur).
Результат:
Добавьте слой-маску и выберите мягкую круглую кисть с черным цветом:
На маске закрасьте выбранной кистью края линий, чтобы их скрыть:
Шаг 15
Дублируйте последний созданный слой (Ctrl+ J) и удалите с дубликата слой-маску. Добавьте новую маску и пройдитесь по ней мягкой круглой кистью черного цвета, чтобы скрыть края линий:
Создайте новый слой (Shift + Ctrl + N) и выберите мягкую круглую кисть белого цвета с непрозрачностью 15%.
Нарисуйте световые пятна:
Шаг 16
Создайте новый слой (Shift + Ctrl + N) и выберите мягкую круглую кисть белого цвета с непрозрачностью 10%.
Нарисуйте световое пятно в верхней части документа:
Уменьшите параметр Заливка (Fill) для этого слоя до 32%.
Шаг 17
При помощи инструмента Прямоугольник (Rectangle Tool) (U) нарисуйте фигуру прямоугольника:
Уменьшите параметр Заливка (Fill) для этого слоя до 0% и добавьте стиль слоя Наложение градиента (Gradient Overlay).
В редакторе градиентов (Gradient Editor) создайте градиент, используя цвета, которые указаны на скриншоте:
Результат:
Добавьте корректирующий слой Кривые (Curves), чтобы немного скорректировать цвет фигуры:
Результат:
Шаг 18
Выделите все слои и объедините их в один слой (CTRL + E). К полученному слою примените фильтр Контурная резкость (Фильтр – Резкость – Контурная резкость) (Filter > Sharpen > Unsharp Mask).
Результат:
Шаг 19
Дублируйте объединенный в предыдущем шаге слой (Ctrl + J) и примените к дубликату фильтр Размытие по Гауссу (Фильтр – размытие – Размытие по Гауссу) (Filter > Blur > Gaussian blur).
Результат:
Измените режим наложения этого слоя на Точечный свет (Pin Light).
Финальное изображение:
PSD-файл
Автор: adobetutorialz
Перевод: Слуцкая Светлана
Интересный прием создания абстрактного фона · «Мир Фотошопа»
Здесь мы рассмотрим способ, который позволяет легко и быстро создавать вот такие абстрактные цветные линии, которые могут пригодиться в последствии где угодно: в качестве фона для рекламных буклетов, графики для веб-дизайна и прочих областях творчества.
1 Шаг
Начнем с создания нового файла. В окне настроек я задавал размеры холста 550?900px с разрешением в 72dpi и сразу задал черный фон. Кликните Ok для создания документа и после этого выполните Filter > Render > Clouds. Там для первого цвета задайте черный (#000000), в качестве второго выберите темный синий (#002266).
2 Шаг
Здесь создайте новую группу для слоев и назовите ее “Abstract Lines”. Затем переключитесь на Brush Tool (B) и задайте диаметр 45px для кисти. Создайте новый слой в этой группе и проведите кистью небольшую линию цветом #006C6A, как показано ниже.
3 Шаг
Здесь откройте Filter > Blur > Motion Blur и в открывшемся окне введите настройки, приведенные на рисунке ниже. Если результат получился не таким насыщенным — дублируйте этот слой и слейте его с оригиналом в один.
4 Шаг
Теперь добавьте к слою стили Inner Shadow и Gradient Overlay, настройки для которых приведены ниже.
5 Шаг
Сделайте еще один дубль этого слоя с линией, но удалите все стили из копии. Поместите ее по правой стороне и задайте режим наложения для слоя равным Color Dodge. Дублируйте эту полоску, чтобы эффект проступил более четко.
6 Шаг
Еще раз продублируйте самый первый слой с размывкой и снова уберите все стили копии. Поместите его, как показано ниже и также дублируйте его, чтобы он проступил ярче.
7 Шаг
Теперь дублируйте всю группу “Abstract Lines” и слейте ее в один слой, выполнив Layer > Merge Group (Ctrl + E). Не забудьте перед этим выделить группу в палитре Layers, потому что в противном случае этот пункт меню будет неактивен. Перетащите этот слой рядом с оригинальной группой “Abstract Line”, как показано на рисунке ниже. Задайте режим наложения этому слою равным Lighten а также спустите значение Opacity до 46%.
8 Шаг
Теперь продублируйте слой с последнего шага еще 3-4 раза и разнесите дубли по всему холсту. Постарайтесь каждый слой сделать уникальным, варьируя уровни непрозрачности (Opacity).
9 Шаг
Теперь создайте выделение при помощи Rectangular Marquee Tool по всей площади холста и выполните Edit > Copy Merged. Затем выполните Edit > Paste — так вы получите новый слой с полной копией своего холста. Задайте этому слою режим наложения равный Hard Light и спустите Opacity в район 49%.
10 Шаг
Теперь снова скопируйте содержимое холста образом, показанным на шаге 9, и поверните его, как показано на рисунке ниже при помощи Edit > Transform.
Результат:
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
принципы создания качественного рисунка, подготовка, особенности, цвет, фон, штрихи
Рисование в Фотошопе, как и классическая живопись или графика, требуют навыка – программа не сможет сделать работу за художника, но способна облегчить ее. Сбить с толку может разнообразие инструментов, а убавить энтузиазм – объем деятельности. На графическое изображение у мастера может уйти от 5 часов. Над детальными арт-объектами работают несколько дней. Но существуют общие принципы создания рисунка в Фотошопе, которые направят начинающего пользователя в этом нелегком деле.
Подготовка к рисунку
Не имеет значения, какую версию Photoshop использует мастер. Основные инструменты для создания картинки есть в самых ранних образцах программы. Поздние имеют расширенный инструментарий, подходящий для прорисовки текстур для видеоигр (при наличии соответствующего плагина), работы над фото и 3D-графикой. При создании 2D-рисунка с нуля большая часть опций остается нетронутой. Нет нужды в обработке сотнями фильтров.
Перед началом работы художник должен четко понимать, что он хочет видеть в итоге. Основные трудности заключаются в том, что «в голове» начинающие мастера видят только общую идею. Воплощение ее связано с нанесением сотни деталей, которым не было места на моменте представления. Но именно мелочи создают эффект готового изображения. Предусмотреть их все не получится, но нужно постараться хотя бы приблизительно предопределить большинство. Тогда можно создавать документ. Здесь новички часто совершают ошибку.
Размер и разрешение холста определят, как будет выглядеть рисунок. Особенно, если его создают для представления другим пользователям. Выбрать разрешение, соответствующее монитору художника – плохая идея. Ведь у зрителя будет совсем другой экран, возможно, с разрешением выше. Помимо этого, высокий показатель позволит лучше проработать детали. Дело в количестве пикселей.
Низкое разрешение, маленький размер – и рисунок будет элементарным, он не создаст нужного эффекта для зрителя. Поэтому, выбирая этот параметр, стоит выставить значение, превышающее разрешение монитора художника. Это справедливо по отношению к масштабным работам (здесь выбирают показатель в 3000х3000), к скетчам (около 2000х2000).
Разрешение для работы не бывает «слишком большим», но ограничение создают ресурсы компьютера. Чем больше холст, тем сложнее системе его обработать. Если оперативной памяти ПК не хватает или видеокарта не справляется – неизбежно случаются зависания при задействовании кистей и инструментов. Это увеличит время на работу (которого и так потребуется много), снизит финальное качество, так как кисть будет «тормозить» и от этого появятся дефекты.
Разрешение, комфортное для системы и пользователя подбирают опытным путем. Создают документ в 5000х5000 и рисуют круг любой кистью для оценки быстродействия. При нехватке ресурсов программа зависнет, а линия будет идти медленно (Фотошоп может даже «вылететь»). Если это происходит, создают новый документ, немного снизив разрешение. Повторяют тест. Эксперимент продолжают, пока кисть не будет двигаться свободно, без зависаний.
Фундаментальной разницы между основными инструментами художника – мышью или графическим планшетом – в отношении работы нет. Последний девайс удобнее лишь потому, что линии будут плавнее и точнее, а Фотошоп учитывает нажим пера.
Так как рисовать в фотошопе мышкой приходится при постоянном нажиме, деталям рисунка придется уделить больше времени. Чтобы упростить задачу, пользователем настраивается скорость движения курсора. Плавность линий можно отрегулировать специальной кнопкой (при наличии плагина). Встроенная функция корректировки линии для мыши есть лишь в новых версиях программы (для них не понадобится плагин).
Теперь можно перейти непосредственно к рисунку. Процесс проходит поэтапно. Пошагово это выглядит так:- Создание фонового слоя.
- Выполнение наброска, подбор палитры (палитра не обязательна, но станет подспорьем при заполнении картинки).
- Первичная раскраска наброска – форма, прорисовка теней и света.
- Детализация формы.
- Углубленная детализация, прорисовка мелких элементов, общая корректировка.
- Прорисовка фона, адаптация фона к рисунку.
- Заключительная работа с размером изображения.
Перед наброском не лишним будет проставить нижний слой с заливкой оттенка, соответствующего цвету будущего фона. Можно рисовать на белом или черном фоне, но когда идея предусматривает цветные декорации, нельзя просто подставить их в конце. Цвета могут визуально «менять» друг друга и на красном фоне рисунок будет смотреться иначе. Поэтому тон заливки проставляют близкий к оттенку «задника» готового изображения. Детализация фона будет проведена ближе к концу работы.
Художник создает набросок, согласно своей задумке. На этом этапе не нужно прорисовывать детали – только задать основные линии и наметить расположение источника света (яркой точки будет достаточно).
Художникам, только ступившим на свой путь, лучше начинать с простых работ, чтобы понять принципы работы программы. Дополнительно к источнику света, если необходимо, мастер проставляет линию горизонта. Отображать ее кистью не обязательно – можно опустить на заданный уровень направляющую линию (потянуть от линейки у верхнего края холста вниз).
Набросок заполняют цветом, уточняя форму, наносят первичный свет и тень. На этом этапе изображение еще выглядит грубо. Задача художника – обозначить расположение теней и света перед детализацией. Часто начинающие мастера здесь злоупотребляют инструментами Burn и Dodge (затемнитель и осветлитель). Допустимо точечно применять их для финальной работы с деталями, но для наложения теней и света они подходят мало. Вместо них художнику лучше использовать оттенки разной интенсивности для своего изображения.
Упомянутые инструменты проводят тонирование, но рисунок все равно останется плоским. Помимо этого, они искажают цвет. При злоупотреблении затемнителем и осветлителем на этапе прорисовки первичного света можно просто испортить работу.
После создают форму, передают контуры и крупные детали, обозначают мелкие. Обработку проводят не по «квадратам», а на всем холсте – так легче оценить общую картину, а при появлении ошибок исправить их сразу. Если упустить дефект на этом шаге, позже его будет сложнее замаскировать.
Слишком мелкие элементы прорисовывать не надо – работа с ними проводится отдельно. Сейчас художник занимается основными формами, после начинается самая важная работа.
Когда свет, тень, основные части рисунка переданы, мастер приступает к детализации. Для тонкой обработки части рисунка приближают и тщательно прорабатывают элементы. Здесь на руку сыграет высокое разрешение – приближение будет значительнее, элементы можно обработать тоньше и аккуратнее. Это кропотливая работа. Здесь лучше не торопиться.
Комбинация разных кистей позволит создать интересные и красивые мелкие детали, но для работы ограничиваются 1-3 разными видами инструмента, изменяя только параметры (размер, прозрачность, наклон и т.д.). Перебор с разновидностями кисти сделает работу беспорядочной. Отдаляя изображение мастер видит, как нанесенные детали влияют на общую картину и поправляет случайные ошибки.
Работа с фоном происходит на слое под основной работой. Нужно создать задник, дополняющий изображение, подчеркивающий его, иначе работа будет «наклеенной». Для заполнения фона пригодятся крупные кисти, с нечетким краем в комбинации, точечное использование осветлителя и затемнителя для подгона.
В конце работы картинку можно немного (но без фанатизма) уменьшить. Этот шаг не ключевой, но если на изображении много взаимодополняющих штрихов, при уменьшении они перестанут выделяться. Детальные работы с большим количеством мазков лучше смотрятся с небольшим уменьшением. Определить, какой размер улучшит рисунок, можно только опытным путем. Скетчи же зачастую нуждаются в заметном уменьшении.
Цвет
Работа с цветом в Фотошопе кажется простой – палитра под рукой и можно брать какой угодно оттенок. При этом начинающие мастера склонны забывать о сочетаниях или отвлекаться на цвета, не присутствовавшие в задумке. Для начинающих пригодится маленькая «палитра».
На этапе наброска пользователь создает отдельный слой, выбирает несколько основных цветов для своей работы и обозначает их в углу картинки, чтобы в дальнейшем применять.
Тона для контуров – светлые и темные, тоже размещают там. Для перехода между ними создают маленькую палитру градиента. Она состоит из основных цветов с прозрачностью в 50%, наложенные друг на друга. Чем больше мелких деталей, разных тонов, тем разнообразнее должна быть палитра. А вот брать оттенок «по ходу» – плохая идея, тогда рисунок будет грязным и не сбалансированным.
Сочетание цветов создает общее впечатление. Они влияют друг на друга, визуально корректируют. Один может менять насыщенность и яркость второго в сочетании. Это можно изобразить наглядно, расположив бледно-желтую точку на красном фоне, коралловом или голубом. В то время, как оттенок точки не менялся, выглядеть она будет иначе – в зависимости от «соседства».
Оттенки должны сочетаться, чтобы не резать глаз и не выглядеть мешаниной. Необоснованное соседство теплых и холодных цветов испортит впечатление. На первых порах лучше избегать разнообразия гаммы и почаще вспоминать про теорию красок. По этой части творчество в программе идентично классической живописи.
Если рисунок выполняют с исходника (например, фотографии), или художник хочет показать реалистичный цвет кожи человека, нельзя копировать пипеткой. Дело в том, что пиксели на фото куда разнообразнее того, что можно представить в рисунке. Если сильно приблизить фото, видно, что даже соседние квадраты заметно различаются. Но пипетка копирует цвет одного пикселя, а на фотографии кожи таких точек сотни – от красного до белого, с примесью оранжевого и коричневого.
Быстрее и удобнее настроить для себя оттенки самостоятельно и пользоваться ими по ходу работы. Результат пользования пипеткой может помочь получить занятный результат, но неаккуратный, а иногда неудовлетворительный для самого мастера – до такой степени, что рисунок приходится основательно переделывать.
Особенности рисования кистью и карандашом
Инструмент «Карандаш» в фотошопе художниками применяется редко. Его особенность в жесткости линии, которая всегда равна 100. Ползунок для регулировки в настройках карандаша есть, но его изменение не повлияет на состояние линии. Он удобен при прорисовке мелких деталей (на уровне 1-2 px), создании набросков.
Рисовать мышью от начала и до конца, выбрав «Карандаш», трудно, но в комбинации с кистью это мощный вспомогательный инструмент. Свойства карандаша помогают для каллиграфических рисунков – тогда кроме него ничего и не понадобится. Но для других стилей одного инструмента будет мало.
Работать с кистью придется дольше. Для нее доступна смена жесткости, параметры Wet Edges и Build-Up. Поэтому для детальных работ кисть годится больше – снижать и повышать параметр жесткости придется не раз.
Настройки кисти и карандаша в Фотошопе богаты. Если нажать на изображение папки рядом с окошком выбора размера, откроются расширенные настройки.
Часть опций работает только для графического планшета. Но для рисования, в основном, меняют базовые параметры в этом окне. Общие настройки – размер (Size), жесткость (Hardness), Spacing – параметр, который отвечает за наличие интервала в следе кисти.
Roundness – окружность, по умолчанию значение 100% (круг). Изменив это значение, пользователь получит овал, а поменяв Angle сможет его наклонить.
Наклон регулируется при взаимодействии со схемой, которая отображает текущий угол поворота кисти. Изменяя эти параметры можно четче и аккуратнее прорисовывать линии. Инструмент также помогает создать правильные, зависимые от освещения, контуры объектов.
Подбираем фон
Работа с фоном – финальный этап. Задача художника – создать гармоничный задник, подчеркивающий основную картинку.
Градиент в качестве фона допустим, но это своеобразный инструмент. Нельзя допускать несочетаемых оттенков, высокого контраста и резкого перехода. Заливая задний слой градиентом, берут цвета одного типа (напр. темно-синий внизу, синий вверху). Также обработка таким способом в соответствии с положением источника света сопряжена с лишними усилиями и нередко заканчивается провалом.
Подходящий цвет фона задает атмосферу рисунку в общем. Здесь все упирается в теорию красок. Удобнее создавать изображение на фоне сплошной заливки оттенком будущего фона – тогда сразу будет видно его влияние на картинку. Этот метод предпочтительнее стандартного цвета (черного или белого).
На белом фоне вся работа будет выглядеть контрастной (особенно ее темные части), а на черном фоне – слишком яркой. Поэтому, когда потом мастер наложит нужный ему фон, общий план будет выглядеть иначе.
Если пользователь еще не определился с деталями фона перед началом работы (в т.ч. цветом) – для работы лучше взять серый фон. На нем одинаково ясно будут представлены элементы картинки. Замена серого фона на другой не вызывает резких изменений в восприятии изображения.
Последние штрихи
Завершающий этап снова упирается в детали, а именно – контуры. Даже на верно нарисованном фоне объект будет контрастным, напоминая наклейку на заднике. Правильная обработка придаст рисунку глубину, подчеркнет его объем. Но задник не должен отвлекать зрителя. Его работа – быть дополнением второго плана.
Фон всегда располагают под всеми слоями – тогда рисунок будет проходить поверх него. Поместить на фон можно готовое изображение, но тогда обрабатывать его придется не меньше времени, чем было затрачено на половину всей основной работы.
Поэтому выполнять задник лучше «с нуля», с применением мягких полупрозрачных кистей, где это требуется. Для придания работе завершенности, на фоне учитывают влияние освещения на основное изображение, осветляя и затемняя участки фонового слоя в соответствии с картинкой. Смягчают области, где края объекта «соприкасаются» с фоном. Здесь пригодится размытие и осветление. С их помощью пользователь как бы мягко «вплавит» рисунок в фон, тем самым сделав изображение гармоничным.
На первых порах создавать арт-объекты в программе будет сложно. Даже на простые скетчи будут уходить часы. Но, по мере накопления опыта, пользователь привыкнет, и сможет создавать сложные рисунки, тратя на это меньше времени.
Работа требует усидчивости и креатива. Если автор только начинает рисовать, Фотошоп не поможет рисовать лучше. Для создания красивого рисунка необходимы базовые навыки, понимание объемов, светотени. Неудачи здесь неизбежны, но желание учиться и частая практика, со временем, обеспечат хорошие результаты.
Предлагаем видеоурок для начинающих, как рисовать в фотошопе:
С лучшими бесплатными программами для монтажа видео можно ознакомиться по ссылке.
Как рисовать градиенты с помощью инструмента «Градиент» в Photoshop
Рисование градиентов в Photoshop
Создание нового документа
Начнем с создания нового документа Photoshop. Для этого я перейду к меню File в строке меню в верхней части экрана и выберу New :
Переход к файлу> Создать.
Откроется диалоговое окно «Создать». Для этого урока я установлю Width моего документа на 1200 пикселей и Height на 800 пикселей. Нет особой причины, по которой я использую этот размер, поэтому, если вы работаете вместе со мной и имеете в виду другой размер, не стесняйтесь его использовать. Я оставлю для параметра Resolution значение по умолчанию 72 пикселя / дюйм , а для Background Contents установлено значение White . Я нажму ОК , когда закончу, чтобы закрыть диалоговое окно, после чего на экране появится новый документ с белой заливкой:
Диалоговое окно New.
Выбор инструмента градиента
Программа Photoshop Gradient Tool находится на панели инструментов в левой части экрана. Я выберу его, щелкнув по его значку. Вы также можете выбрать инструмент «Градиент», просто нажав на клавиатуре букву G :
Выбор инструмента «Градиент» на панели «Инструменты».
Выбор градиента
Выбрав инструмент «Градиент», следующее, что нам нужно сделать, это выбрать градиент, и есть несколько способов сделать это.Один из них — открыть Photoshop Gradient Picker ; другой — открыв более крупный Gradient Editor . Разница между ними заключается в том, что Gradient Picker просто позволяет нам выбирать из готовых предустановленных градиентов, а Gradient Editor, как следует из его названия, — это то место, где мы можем редактировать и настраивать наши собственные градиенты. В этом уроке мы сосредоточимся на самом Gradient Picker. Мы узнаем все о редакторе градиентов в следующем уроке.
Если вы просто хотите выбрать один из предустановленных градиентов Photoshop или тот, который вы ранее создали самостоятельно и сохранили как настраиваемый набор (опять же, мы узнаем, как это сделать в следующем уроке), нажмите на значок маленькая стрелка справа от полосы предварительного просмотра градиента на панели параметров.Убедитесь, что вы щелкнули по самой стрелке, а не , а не на панели предварительного просмотра (щелчок по панели предварительного просмотра откроет редактор градиентов, и мы пока не хотим туда идти):
Щелкните стрелку, чтобы открыть средство выбора градиента.
Щелчок по стрелке открывает «Выбор градиента» с миниатюрами всех предустановленных градиентов, из которых мы можем выбирать. Чтобы выбрать градиент, щелкните его миниатюру, затем нажмите Введите (Win) / Return (Mac) на клавиатуре или щелкните любое пустое место на панели параметров, чтобы закрыть средство выбора градиента.Вы также можете дважды щелкнуть на миниатюре, чтобы выбрать градиент и закрыть окно выбора градиента:
Средство выбора градиента.
Загрузка дополнительных градиентов
По умолчанию доступно только небольшое количество предустановленных градиентов, но Photoshop включает другие наборов градиентов , из которых мы можем выбирать. Все, что нам нужно сделать, это загрузить их. Для этого щелкните значок шестеренки в правом верхнем углу:
Щелкните значок шестеренки в палитре градиентов.
Если вы посмотрите в нижнюю половину появившегося меню, вы найдете список дополнительных наборов градиентов, каждый из которых основан на определенной теме, например, гармонии цветов, металлы, пастель и т. Д. Если вы фотограф, вам особенно пригодятся градиенты нейтральной плотности и фотографического тонирования:
Другие наборы градиентов, которые мы можем выбрать.
Чтобы загрузить любой из наборов, щелкните его название в списке. Я выбрал набор Photographic Toning. Photoshop спросит, хотите ли вы заменить текущие градиенты новыми.Если вы нажмете Добавить , вместо замены исходных градиентов он просто добавит новые под оригиналами. Как мы вскоре увидим, восстановить оригиналы легко, поэтому я нажму OK , чтобы заменить их набором Photographic Toning set:
Щелкните OK, чтобы заменить исходные градиенты новым набором.
И теперь мы видим в палитре градиентов, что исходные градиенты были заменены градиентами фотографического тонирования. Чтобы узнать больше о наборе фотографического тонирования и о том, как его использовать, ознакомьтесь с нашим полным руководством по предварительным настройкам фотографического тонирования:
Исходные градиенты заменены новым набором.
Восстановление градиентов по умолчанию
Чтобы сосредоточиться на основах, мы пока будем придерживаться исходных градиентов по умолчанию. Чтобы восстановить их, еще раз щелкните значок шестеренки в палитре градиентов:
Щелкните значок шестеренки.
Затем выберите Reset Gradients из меню:
Выбор «Сбросить градиенты».
Photoshop спросит, хотите ли вы заменить текущие градиенты значениями по умолчанию. Нажмите ОК :
Замена текущих градиентов значениями по умолчанию.
А теперь вернемся к оригиналам:
Восстановлены градиенты по умолчанию.
Градиент от переднего плана к фону
Прежде чем мы научимся рисовать градиенты, давайте быстро рассмотрим один градиент, в частности — градиент от переднего плана к фону . Это тот, который Photoshop выбирает для нас по умолчанию, но вы также можете выбрать его вручную, если вам нужно, щелкнув его миниатюру (первый слева, верхний ряд):
Выбор градиента от переднего плана к фону.
Как вы уже догадались, градиент от переднего плана к фону получает свои цвета из цветов переднего плана и фона. Вы можете увидеть свои текущие цвета переднего плана и фона в цветовых образцах в нижней части панели «Инструменты». Образец в верхнем левом углу показывает цвет Foreground , а образец в правом нижнем углу показывает цвет Background . По умолчанию цвет переднего плана установлен на черный , а цвет фона установлен на белый :
Текущие цвета переднего плана (вверху слева) и фона (внизу справа).
Поскольку он основан на ваших текущих цветах переднего плана и фона, градиент от переднего плана к фону — самый простой из всех градиентов для настройки и тот, который часто оказывается наиболее полезным. Давайте воспользуемся им, чтобы помочь нам узнать, как на самом деле рисовать градиент, и попутно мы увидим, как легко изменить его цвета на все, что нам нужно!
Загрузите это руководство в виде готового к печати PDF-файла!
Рисование градиента с помощью инструмента Gradient Tool
Нарисовать градиент с помощью инструмента «Градиент» в Photoshop так же просто, как щелкнуть и перетащить мышь.Просто щелкните в своем документе, чтобы установить начальную точку для градиента, затем, удерживая кнопку мыши нажатой, перетащите от начальной точки туда, где вы хотите, чтобы градиент заканчивался. Во время перетаскивания вы увидите только тонкую линию, указывающую направление градиента. Когда вы отпускаете кнопку мыши, Photoshop завершает градиент и рисует его выбранными вами цветами.
Например, я нажимаю на левую сторону документа, а затем, не отпуская кнопку мыши, перетаскиваю его в правую сторону.Обратите внимание, что пока все, что мы видим, — это тонкая линия между начальной и конечной точками. Если вы хотите упростить рисование идеально горизонтального градиента, нажмите и удерживайте клавишу Shift во время перетаскивания, что ограничит угол, под которым вы можете перетаскивать. Просто не забудьте дождаться после того, как вы отпустите кнопку мыши, прежде чем отпускать клавишу Shift, иначе это не сработает:
Щелчок и перетаскивание (с зажатой кнопкой мыши) с одной стороны документа на другую.
Когда я отпускаю кнопку мыши, Photoshop рисует градиент. Поскольку мой цвет переднего плана был установлен на черный, а мой цвет фона был установлен на белый, я получаю градиент от черного к белому:
Photoshop рисует градиент, когда вы отпускаете кнопку мыши.
Цвета вспять
Вы можете инвертировать цвета в градиенте, выбрав опцию Reverse на панели параметров:
Выбор «Реверс» на панели параметров.
Если выбран вариант «Обратный», если я нарисую точно такой же градиент, мы увидим, что на этот раз цвета появляются на противоположных сторонах, с белым слева и черным справа.Это удобная функция, но просто не забудьте снять флажок с опции Reverse, когда вы закончите, иначе следующие градиенты, которые вы рисуете, также будут перевернуты:
Тот же градиент, что и раньше, но с перевернутыми цветами.
Конечно, градиенты не обязательно должны быть такими горизонтальными. Они могут бежать в любом выбранном вами направлении. Я нарисую еще один градиент, на этот раз сверху вниз. Обратите внимание, что мне не нужно отменять или удалять существующий градиент. Photoshop просто заменит текущий градиент новым.Я щелкаю в верхней части документа, затем, удерживая кнопку мыши нажатой, перетаскиваю вниз к низу. Так же, как и при рисовании горизонтального градиента, гораздо проще нарисовать вертикальный градиент, если вы нажмете и удерживаете клавишу Shift во время перетаскивания, обязательно дождитесь после , когда вы отпустите кнопку мыши, прежде чем отпустить Клавиша Shift. Здесь снова мы сначала видим только тонкие очертания:
Щелкните и перетащите вертикальный градиент сверху вниз.
Когда я отпускаю кнопку мыши, Photoshop завершает градиент, заменяя исходный горизонтальный градиент вертикальным градиентом от черного к белому:
Новый вертикальный градиент от черного к белому.
Изменение цветов градиента по умолчанию
Поскольку градиент по умолчанию получает свои цвета из текущих цветов переднего плана и фона, все, что нам нужно сделать, чтобы изменить цвета градиента, — это выбрать разные цвета для переднего плана и фона. Например, я выберу другой цвет переднего плана, щелкнув образец цвета переднего плана на панели инструментов (тот, который в настоящее время установлен на черный):
Щелкните образец цвета переднего плана.
Откроется палитра цветов Photoshop . Я выберу красный для своего нового цвета переднего плана, затем нажму ОК , чтобы закрыть палитру цветов:
Выбор красного в качестве нового цвета переднего плана.
Затем я изменю цвет фона, щелкнув его образец цвета (тот, который в настоящее время залит белым):
Щелкните образец цвета фона.
Это снова открывает палитру цветов. Я изменю цвет фона с белого на ярко-желтый, затем ОК , чтобы закрыть палитру цветов:
Выбор желтого цвета для нового цвета фона.
Обратите внимание, что образцы цвета обновлены, чтобы показать новые цвета, которые я выбрал для переднего плана и фона:
Образцы обновлены новыми цветами.
Панель предварительного просмотра градиента на панели параметров также обновилась, чтобы показать мне, как будут выглядеть новые цвета градиента:
На панели предварительного просмотра градиента всегда отображаются текущие цвета градиента.
Я нарисую градиент, на этот раз по диагонали, щелкнув в нижнем левом углу документа и перетащив его в верхний правый.Опять же, нет необходимости отменять или удалять предыдущий градиент. Photoshop заменит его на новый:
Рисование нового градиента от нижнего левого угла к верхнему правому углу документа.
Когда я отпускаю кнопку мыши, Photoshop рисует градиент от красного к желтому по диагонали по всему документу:
Новый диагональный градиент от красного к желтому.
Сброс цветов переднего и заднего плана
Обратите внимание, что если я открываю средство выбора градиента на панели параметров, эскиз градиента от переднего плана к фону также показывает мои новые красный и желтый цвета:
Обновленная миниатюра от переднего плана к фону в средстве выбора градиента.
Вы можете изменить цвета для этого градиента в любое время, щелкнув образцы цвета переднего плана и / или фона на панели параметров и выбрав другие цвета. Но если вам нужно быстро сбросить цвета к их значениям по умолчанию, сделав цвет переднего плана черным , а цвет фона белым , просто нажмите букву D (думайте, что «D» для «По умолчанию») на вашем клавиатура. Вы увидите, что образцы на панели инструментов вернутся к черно-белому по умолчанию:
Образцы переднего плана и фона были сброшены.
И вы увидите, что и панель предварительного просмотра градиента на панели параметров, и миниатюра градиента от переднего плана к фону в средстве выбора градиента снова показывают цвета по умолчанию:
Теперь все вернулось на круги своя.
Рисование градиента на собственном слое
Если мы посмотрим на мою панель «Слои», то увидим, что до этого момента я рисовал свои градиенты прямо на фоновом слое:
Панель «Слои», показывающая градиент на фоновом слое.
Рисование на фоновом слое может подойти для наших целей, но гораздо лучший способ работать в Photoshop — использовать слои и разместить каждый элемент в нашем документе на отдельном слое. Для этого я сначала уберу свой градиент, перейдя в меню Edit вверху экрана и выбрав Fill :
Идем в меню «Правка»> «Заливка».
Когда откроется диалоговое окно «Заливка», я установлю для параметра Contents вверху значение White , затем нажму OK .Это заполняет фоновый слой белым цветом:
Диалоговое окно «Заливка».
Затем я добавлю новый слой для своего градиента, нажав и удерживая клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкнув значок New Layer в нижней части панели слоев. :
Нажатие и удерживание Alt (Win) / Option (Mac) при щелчке значка «Новый слой».
Добавление клавиши Alt (Win) / Option (Mac) при нажатии значка «Новый слой» сообщает Photoshop, что сначала нужно открыть диалоговое окно « New Layer» , где мы можем назвать слой перед его добавлением.Я назову свой слой «Градиент», затем нажму ОК :
Диалоговое окно «Новый слой».
Photoshop добавляет новый пустой слой с именем «Градиент» над фоновым слоем. Теперь я могу нарисовать свой градиент на этом новом слое и держать его отдельно от всего остального (хотя «все остальное» в данном случае на самом деле является просто фоновым слоем, но это все еще хорошая привычка рабочего процесса):
Теперь у меня есть отдельный слой для градиента.
Переходная зона
Когда дело доходит до рисования градиентов, очень важно понимать, что важно не только направление, в котором вы перетаскиваете; расстояние между начальной и конечной точками также имеет значение.
Причина в том, что то, что вы на самом деле рисуете с помощью инструмента «Градиент», наряду с направлением градиента, является областью перехода между цветами. Расстояние, которое вы перетаскиваете от начальной точки до конечной точки, определяет размер области перехода. Более длинные расстояния обеспечат более плавные и плавные переходы, в то время как более короткие расстояния создадут более резкие и резкие переходы.
Чтобы показать вам, что я имею в виду, я буду использовать градиент от переднего плана к фону, установленный по умолчанию, черный и белый.Сначала я нарисую градиент слева направо, начиная с левого края документа и заканчивая около правого края. Область между начальной и конечной точками станет областью перехода между двумя моими цветами (в данном случае черным и белым):
Рисование градиента с широкой областью перехода.
Я отпущу кнопку мыши, чтобы Photoshop нарисовал градиент, и поскольку между моей начальной и конечной точками был такой большой разрыв, мы видим плавный, очень постепенный переход между черным слева и белым справа. :
Градиент с постепенным переходом между цветами.
Я отменю градиент, чтобы было легче увидеть, перейдя в меню Edit вверху экрана и выбрав Undo Gradient . Я также мог нажать на клавиатуре Ctrl + Z (Win) / Command + Z (Mac):
Идем в Edit> Undo Gradient.
На этот раз я нарисую градиент в том же направлении (слева направо), но с гораздо меньшим зазором между начальной и конечной точками:
Рисование градиента с узкой переходной областью.
Когда я отпускаю кнопку мыши, мы видим, что хотя этот градиент был нарисован в том же направлении, что и предыдущий, переход между черным слева и белым справа намного более резкий и резкий. Как мы видим, расстояние между начальной и конечной точками так же важно, как и направление, когда дело доходит до общего вида градиента:
Аналогичный градиент, но с гораздо меньшей переходной областью.
Прежде чем мы продолжим, давайте быстро взглянем на мою панель «Слои», где мы увидим, что, поскольку я добавил новый слой ранее, мой градиент теперь рисуется на отдельном слое «Градиент», а не на фоновом слое.Опять же, в данном случае это не большая проблема, но привычка хранить все на отдельном слое значительно упростит работу с Photoshop:
Градиент теперь находится на отдельном слое над фоновым слоем.
Градиент от переднего плана к прозрачному
До сих пор мы рассматривали в основном градиент от переднего плана к фону в Photoshop по умолчанию, но еще один, который часто очень полезен, — это градиент от переднего плана к прозрачному , и на него стоит обратить внимание, потому что он ведет себя немного иначе, чем другие.Я выберу его в палитре градиентов, дважды щелкнув его миниатюру. Вы найдете его прямо рядом с миниатюрой от переднего плана к фону:
Выбор прозрачного градиента от переднего плана.
Градиент от переднего плана к прозрачному похож на градиент переднего плана к фону в том, что он получает свой цвет из текущего цвета переднего плана , что означает, что вы можете легко изменить его, выбрав другой цвет переднего плана. Но что делает его особенным, так это то, что нет второго цвета.Вместо этого он переходит от одного цвета к прозрачности.
Я отменю текущий градиент, перейдя в меню Edit и выбрав Undo Gradient . Затем я выберу цвет, щелкнув образец цвета Foreground на панели инструментов. На данный момент установлен черный цвет:
Щелкните образец цвета переднего плана.
Когда откроется палитра цветов, я выберу фиолетовый, затем нажму ОК:
Выбор пурпурного в качестве нового цвета переднего плана.
Теперь, когда мой цвет переднего плана установлен на фиолетовый, мы видим на панели предварительного просмотра градиента на панели параметров, что я буду рисовать градиент от пурпурного до прозрачного (узор шахматной доски , который вы можете видеть за фиолетовым, показывает, как Photoshop представляет прозрачность) :
Теперь градиент будет изменяться от фиолетового до прозрачного.
Я нарисую вертикальный градиент от верхней части документа до центра:
Рисование вертикального градиента от переднего плана к прозрачному вниз через верхнюю половину документа.
Когда я отпускаю кнопку мыши, выглядит как , как будто нарисованный мной базовый градиент от пурпурного до белого. Однако белый цвет, который мы видим, на самом деле взят из фонового слоя под градиентом . Это не часть самого градиента:
Фиолетовый — это градиент, а белый — фон под ним.
Чтобы доказать это, я временно отключу свой фоновый слой, щелкнув его значок видимости (значок глазного яблока) на панели слоев:
Отключение фонового слоя.
Это скрывает белый фон в документе, показывая только сам градиент, и теперь мы можем ясно видеть, что это действительно градиент от пурпурного до прозрачного. Опять же, образец шахматной доски — это то, как Photoshop представляет прозрачность:
Фактический градиент от фиолетового до прозрачного.
Еще одна причина, по которой градиент от переднего плана к прозрачному отличается от других, заключается в том, что Photoshop не перезаписывает предыдущий градиент от переднего плана к прозрачному, если мы рисуем другой поверх него.Вместо этого он просто добавляет новый градиент к оригиналу. Я нарисую второй градиент от переднего плана к прозрачному, на этот раз от нижней части документа до центра:
Добавление второго переднего плана к прозрачному градиенту.
Я отпущу кнопку мыши и вместо того, чтобы перезаписывать исходный градиент, Photoshop добавляет к нему второй. Если бы я нарисовал третий или четвертый градиент (возможно, один слева, а другой справа), он бы добавил и те:
Оба градиента от переднего плана к прозрачному были объединены вместе.
Я снова включу фоновый слой в документе, еще раз щелкнув его значок видимости :
Включение фонового слоя.
И теперь мы снова видим то, что выглядит как градиент от пурпурного к белому (к пурпурному), хотя мы знаем, что белый — это просто фоновый слой, просвечивающий сквозь прозрачность:
Тот же градиент с включенным фоновым слоем.
Вариант прозрачности
Градиент от переднего плана к прозрачному в Photoshop отлично подходит для таких вещей, как затемнение краев фотографии или затемнение неба на изображении, чтобы выделить больше деталей (что мы увидим в другом уроке).Но для того, чтобы часть прозрачности работала, вам нужно убедиться, что на панели параметров выбрана опция Transparency :
Убедитесь, что прозрачность включена при рисовании градиента, использующего прозрачность.
Если параметр «Прозрачность» отключен при рисовании градиента от переднего плана к прозрачному, все, что вам нужно сделать, это заполнить слой или выделение выбранным цветом переднего плана:
Если параметр «Прозрачность» отключен, Photoshop не может нарисовать прозрачную часть градиента.
Черный, белый градиент
Мы не будем рассматривать каждый градиент, который мы можем выбрать в Photoshop (так как вы можете легко сделать это самостоятельно), но если вам нужно нарисовать градиент от черного к белому, и ваши цвета переднего плана и фона в настоящее время настроены на что-то кроме черно-белого, просто возьмите градиент Black, White из Gradient Picker (третий эскиз слева, верхний ряд). В отличие от градиента от переднего плана к фону, градиент от черного к белому всегда будет рисовать градиент от черного к белому независимо от текущего цвета переднего плана и фона:
Миниатюра черно-белого градиента.
Стили градиента
До сих пор мы видели примеры градиентов, которые переходят по прямой линии от начальной точки к конечной точке. Этот тип градиента известен как линейный градиент , но на самом деле это всего лишь один из пяти различных стилей градиента, которые мы можем выбрать в Photoshop.
Если вы посмотрите справа от полосы предварительного просмотра градиента на панели параметров, вы увидите пять значков Gradient Style . Начиная слева, у нас есть Linear , Radial , Angle , Reflected и Diamond :
.Значки стилей линейного, радиального, углового, отраженного и ромбовидного градиента.
Давайте посмотрим, на что способен каждый из этих стилей градиента. Я несколько раз нажму на клавиатуре Ctrl + Alt + Z (Win) / Command + Option + Z (Mac), чтобы отменить мои предыдущие шаги, пока я не вернусь к просмотру только белого документа. Затем я вернусь к градиенту Foreground to Background , выбрав его в Gradient Picker:
Выбор градиента от переднего плана к фоновому.
Я нажму на клавиатуре букву D , чтобы сбросить цвета переднего плана и фона обратно на черный и белый.Затем, чтобы было интересно, я изменю цвет фона с белого на голубой:
Мои последние цвета переднего плана и фона.
линейная
Стиль градиента по умолчанию в Photoshop — Linear , но при необходимости его можно выбрать вручную, щелкнув первый значок слева:
Выбор стиля линейного градиента.
Мы уже видели несколько примеров линейного стиля, который рисует градиент от начальной до конечной точки по прямой линии в зависимости от направления, в котором вы перетаскивали.Выбор Reverse на панели параметров изменит порядок цветов:
Пример стандартного линейного градиента.
Радиальный
Стиль Radial (второй значок слева) будет рисовать круговой градиент наружу от начальной точки:
Выбор стиля радиального градиента.
Я отменю свой линейный градиент, нажав на клавиатуре Ctrl + Z (Win) / Command + Z (Mac). Чтобы нарисовать радиальный градиент, я нажимаю в центре документа, чтобы установить начальную точку, затем перетаскиваю наружу к краю:
Рисование радиального градиента от центра документа.
Я отпущу кнопку мыши, и здесь мы увидим, как выглядит радиальный градиент. Он начинается с моего цвета переднего плана (черного) в моей начальной точке в центре и движется во всех направлениях, переходя в мой цвет фона (синий):
Радиальный градиент.
Если бы я выбрал опцию Reverse на панели параметров, цвета были бы перевернуты, начиная с синего в центре и переходя наружу по кругу в черный:
Тот же радиальный градиент с перевернутыми цветами.
Угол
Стиль Angle (средний значок) — вот где все становится интереснее (хотя, возможно, не так полезно):
Выбор стиля углового градиента.
Подобно радиальному стилю, стиль «Угол» также использует начальную точку в качестве центра градиента. Но вместо того, чтобы двигаться во всех направлениях, он оборачивается вокруг начальной точки против часовой стрелки. Я еще раз нажму Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить мой последний градиент.Затем я нарисую градиент углового стиля так же, как радиальный градиент, щелкнув в центре документа, чтобы установить начальную точку, а затем перетащив от нее:
Рисование углового градиента от центра.
Вот как выглядит стиль угла, когда я отпускаю кнопку мыши. Как и в случае со всеми стилями градиента Photoshop, выбор «Реверс» на панели параметров даст тот же результат, но со сменой цветов:
Стиль угла оборачивает градиент вокруг начальной точки против часовой стрелки.
Отражено
Стиль Reflected (четвертый значок слева) очень похож на стандартный линейный стиль, но он идет еще дальше, беря все на одной стороне исходной точки и отражая ее на другой стороне:
Выбор стиля градиента «Отраженное».
Здесь я щелкаю в центре документа, чтобы задать начальную точку, затем перетаскиваю вверх:
Рисование градиента в отраженном стиле.
Когда я отпускаю кнопку мыши, Photoshop рисует стандартный линейный градиент в верхней половине моего документа между начальной и конечной точками, но затем зеркально отображает его в нижней половине для создания отражения:
Градиент отраженного стиля.
Вот как будет выглядеть отраженный градиент с перевернутыми цветами:
Градиент отраженного стиля, выбранный на панели параметров «Обратный».
Алмаз
Наконец, стиль градиента Diamond смещается наружу от начальной точки, аналогично радиальному стилю, за исключением того, что он создает форму ромба:
Выбор стиля градиента «Алмаз».
Я еще раз щелкну в центре своего документа, чтобы установить начальную точку, а затем перетащу от нее:
Рисование ромбовидного градиента от центра.
Когда я отпускаю кнопку мыши, мы получаем интересную форму ромба:
Ромбовидный градиент.
В этом случае, я думаю, ромбовидная форма выглядит лучше с перевернутыми цветами, но, конечно, это будет зависеть от цветов, которые вы выбрали для градиента, и от того, как они используются в вашем дизайне, наш макет:
Ромбовидный градиент с перевернутыми цветами.
Опция дизеринга
Последний вариант, который мы должны рассмотреть на панели параметров, — это Dither .Если выбран параметр «Дизеринг», Photoshop добавит немного шума к вашим градиентам, чтобы сгладить переходы между цветами. Это помогает уменьшить полосатость (видимые линии, которые образуются между цветами, когда переходы недостаточно плавные). Параметр «Дизеринг» включен по умолчанию, и обычно его следует оставить выбранным:
Параметр «Дизеринг» помогает уменьшить некрасивые полосы между цветами.
Параметры режима и непрозрачности
На панели параметров есть несколько других параметров инструмента «Градиент», которые мы сохраним для другого урока, потому что они немного выходят за рамки основ.И параметр Mode (сокращение от Blend Mode), и параметр Opacity влияют на то, как градиент будет сливаться с исходным содержимым слоя. Если вы знакомы с режимами наложения слоев, режимы наложения градиентов работают примерно так же, а параметр непрозрачности градиента работает так же, как параметр «Непрозрачность» на панели «Слои». В большинстве случаев вы захотите оставить для них значения по умолчанию, но, опять же, мы подробно рассмотрим эти два параметра в их собственном отдельном руководстве:
Параметры режима и непрозрачности.
Краткое руководство: Как удалить фон из штрихового рисунка в Photoshop | Кристина Нишияма
Одна из просьб, которую я чаще всего слышу от других художников, — как отделить линии от фона при сканировании рисунка в Photoshop. Очевидно, что если вы работаете полностью в цифровом формате, вы можете просто нарисовать линию на отдельном слое, и все готово. Но если вы изначально работаете на бумаге, как я часто делаю, то можете столкнуться с некоторыми проблемами.
В этом кратком руководстве я покажу вам мой новый и улучшенный метод для удаления фона из вашего штрихового рисунка , используя некоторые иллюстрации из моей будущей книги We Are Fungi!
Сначала позвольте мне признаться. Слишком долго я лениво удалял фон: , установив слой линий Blend Mode на Multiply . Может быть, именно так вы это делаете, а может быть, вы уже опередили меня на световые годы по цифровым технологиям.
Но пока я работал над своей книгой We Are Fungi, , этот метод быстрого исправления просто не помогал. Это вызывало всевозможные проблемы с цветом фона, прозрачностью и контрастом.
Потому что, как вы можете видеть выше, , устанавливая для линии значение Умножить , на самом деле не избавляется от фона. Он просто делает его прозрачным. А для книги с тоннами слоев, тоннами страниц и необходимостью согласованности… такая небрежность не подходит.
Мне нужен был способ получше. Мне нужно было , собственно убрать фон. Но я не хотел тратить свое время на стирание фона или дурачиться с множеством настроек. Я все еще хотел чего-нибудь быстрого.
Итак, позвольте мне показать вам отличный, но все же довольно быстрый способ удаления фона. Этот метод может показаться более сложным, но я обещаю, что вы никогда не сделаете это пару раз. И это сэкономит вам массу времени и избавит от головной боли в будущем, поверьте мне.
Чтобы увидеть этот метод в действии, посмотрите видео ниже!
И если вы хотите, чтобы шаги, перечисленные для справки, позже, вот иди:
- Перейдите в Изображение> Режим> Оттенки серого (затем Не объединять , Отменить )
- Команда + A для выбора всей иллюстрации, затем Command + C для копирования
- Откройте панель Channels (в разделе Window> Channels , если вы ее не видите)
- Нажмите Create New Channel ( Появится новый слой с именем Alpha 1 )
- Command + V , чтобы вставить выделение на этот слой, затем Command + D , чтобы отменить выделение
- Щелкните Load Channel as Selection ( You ‘ (вы увидите, что все белые части вашего рисунка выделены)
- Shift + Command + I , чтобы инвертировать ваш выбор (вы увидите, что все черные части вашего рисунка выделены)
- Выберите Серый канал (Вкл. канал s)
- Щелкните Create a New Layer (на панели Layers)
- Выберите инструмент Paint Bucket Tool (G) и залейте выделение черным цветом
- Command + D , чтобы отменить выбор
- Скройте свой исходный слой линий
- Необязательно: Перейдите в Изображение> Режим> Цвет RGB (или CMYK, в зависимости от того, с чем вы хотите работать)
Теперь вы можете отделить ваши линии всего за несколько дополнительных шагов! Я знаю, что 13 шагов — это много, но я проделал это с каждой страницей в моей книге, и всего через несколько раз, , я смог выполнить весь метод за 1 минуту. Это не так быстро, как просто нажать кнопку «Умножить», но давай, это 1 минута, и это дает вам НАМНОГО больше возможностей и контроля!
Надеюсь, вам понравился этот урок, и спасибо за чтение!
Нарисуйте плоский векторный пейзажный фон в Photoshop Учебник по Photoshop
Что мы будем рисовать
Мы нарисуем пейзаж горного озера с несколькими разными фонами неба. В этом уроке Photoshop мы будем использовать:
- Photoshop Sky Gradients — пакет, содержащий 7 различных градиентов дневного и ночного неба.Как сказано в описании, это, вероятно, единственные 7 градиентов неба, которые вам когда-либо понадобятся.
- Закатные градиенты (изображения Photoshop GRD и JPG) — вы также можете использовать эти закатные градиенты неба.
Как загрузить градиенты в Photoshop CC, CS6 и CS5
Сначала нам нужно загрузить пакет градиентов в Photoshop. В этом уроке я буду использовать Photoshop CC, но те же методы будут работать и в CS5 и CS6.
После того, как вы загрузили пакет 7 Photoshop Sky Gradients и распаковали ZIP-файл, вы получите файл GRD .
Откройте Photoshop Presets Manager , выберите Gradients как Preset Type, выберите Load … и загрузите файл GRD.
После загрузки градиентов вы должны увидеть новые градиенты неба в списке.
Начните рисовать векторный пейзаж, подготовив фон неба
Давайте создадим новый документ для нашего векторного пейзажного искусства. Типичный размер обоев с векторным пейзажем — 1920×1080 пикселей, поэтому перейдите в меню File> New… и выберите размер 1920×1080 пикселей.
В новом документе давайте создадим новый слой заливки Gradient из кнопки заливки и корректировок и назовем его небо .
Сейчас мы выберем градиентную заливку ночного неба из загруженного нами нового пакета градиентов неба. Мы также должны немного изменить настройки этого градиента. Выберем Linear, для стиля градиента и -90% для угла.Таким образом, градиент неба будет более светлым внизу и более темным цветом вверху.
Нарисуйте горное озеро с помощью векторной формы
Используя инструмент Rectangle Tool , нарисуем воду в нашем ландшафте. Просто нарисуйте прямоугольник в нижней части изображения. Нашим окончательным результатом будет синий векторный пейзаж, поэтому мы будем использовать в основном голубоватые тона. Для акварели выберем # 3750bb .
Нарисуйте векторные фигуры контура горы
А теперь самое интересное!
Мы хотим нарисовать векторные горы в нашем ландшафте.Это не так сложно, как вы думаете, и не требует больших навыков рисования. Нам просто нужно правильно использовать правильный инструмент.
Выберите инструмент Pen Tool и в верхней левой части экрана выберите Shape из раскрывающегося списка. Это позволит нам рисовать пользовательские векторные фигуры в Photoshop.
Мы можем изобразить горы в нашем ландшафте, используя острые или закругленные углы, в зависимости от того, как мы используем инструмент «Перо» . Начните рисовать векторный горный хребет с размещения точек на экране, как на изображении.
Вот небольшой видео-урок о том, как рисовать острые и гладкие углы с помощью Pen Tool в Photoshop:
Если просто щелкнуть, то получатся острые углы. Если мы щелкнем и перетащим, мы получим гладкие углы.
Сделайте несколько попыток, пока не будете удовлетворены тем, как выглядят ваши векторные горы. Чтобы создать замкнутую форму, убедитесь, что последний щелчок, который вы делаете, находится в точке, с которой вы начали. Назовите этот слой гора .
Когда форма будет завершена, вы можете дважды щелкнуть по миниатюре слоя с фигурой, чтобы изменить ее цвет. Я использовал темно-синий цвет # 260939 , чтобы он гармонировал с синим векторным пейзажным фоном.
Создание векторных отражений на воде для гор
Поскольку в нашей сцене есть вода, мы должны добавить изображение горы, отраженное водой. Это тоже очень легко сделать, выполнив всего несколько шагов.
Просто продублируйте слой горы, щелкнув по нему правой кнопкой мыши и выбрав Дублировать слой .Переименуйте этот слой в Reflection . Затем перейдите в меню Edit> Transform> Flip Vertical и расположите новый слой, как на изображении.
Уменьшите непрозрачность слоя с отражением горы примерно до 50% .
Добавление бликов к векторным горам
Плоский дизайн векторной графики не означает, что все плоское. Мы по-прежнему хотим, чтобы наш пейзаж имел глубину и учитывал, как свет отражается от определенных поверхностей.
Все, что нам нужно сделать для этого, — добавить несколько бликов на нашу векторную графику.
Но как это сделать?
Щелкните слой гора , чтобы выбрать его. Используя инструмент Pen Tool , снова нарисуйте векторную фигуру, начиная с вершины горы над правой стороной горы. Он не обязательно должен быть идеальным, чтобы он мог выходить за правый край горы.
Закройте форму в нижнем положении, щелкнув начальную точку. Назовите новый слой , выделите , затем щелкните его правой кнопкой мыши и выберите Create Clipping Mask .Это покажет только слой с подсветкой в области пересечения со слоем горы.
Чтобы изменить цвет выделения, просто дважды щелкните миниатюру слоя выделения и выберите цвет. Я выбрал цвет немного светлее, чем цвет горы # 350C4E
Нарисуйте горный хребет векторного пейзажа
Мы хотим добавить весь горный хребет в наш векторный пейзаж. Если вы посмотрите на обои с пейзажами горных хребтов, то увидите, что горы на заднем плане светлее, чем горы на переднем плане.
Мы создадим тот же эффект в нашем плоском векторном пейзаже Photoshop.
Чтобы упростить нам задачу, давайте сгруппируем слои гора , отражение и выделим слои , удерживая CTRL (или Command на Mac) и щелкая по каждому слою, чтобы выбрать их. Затем нажмите CTRL + G (или Command + G на Mac), чтобы создать группу с этими слоями.
Эту группу можно назвать гора .
Дублируйте группу, щелкнув по ней правой кнопкой мыши и выбрав Дублировать слой и нажав CTRL + T (или Command + T на Mac), чтобы преобразовать новую группу.Сдвиньте его вправо и сделайте меньше и, возможно, немного выше.
Снова продублируйте группу и перейдите к Layer> Arrange> Send Backwards . Это отправит вновь созданный слой на один уровень глубже, так что он будет позади другой горы.
В этой новой группе щелкните правой кнопкой мыши слой Reflection и выберите Delete Layer , чтобы удалить отражение, поскольку оно нам не нужно. Затем дважды щелкните миниатюру слоя гора в группе, чтобы изменить его цвет на # 471167 — более светлый цвет, так как эта гора находится больше на заднем плане.То же самое со слоем с подсветкой, измените его цвет на # 56157D .
Снова выберите эту последнюю группу и нажмите CTRL + T (или Command + T , чтобы уменьшить ее и сдвинуть немного влево, как на этом изображении.
Мы почти закончили!
Рисование векторных силуэтов острова и силуэтов деревьев
Чтобы добавить глубины нашему ландшафту, мы добавим несколько векторных силуэтов деревьев на островах, которые будут размещены на воде. Чтобы убедиться, что ваши формы выровнены, вы можете использовать инструмент сетки Photoshop.
Выберите цвет переднего плана # 1E082C , чтобы все фигуры, которые мы рисуем, были этого темного цвета. Используя инструмент «Перо» (Pen Tool) , нарисуйте острова, нарисовав две фигуры: одну слева и одну справа над водной поверхностью. Затем нарисуйте дерево, нарисовав один треугольник и один прямоугольник. Сгруппируйте треугольник и прямоугольник и назовите группу tree .
Изящный трюк, чтобы дерево выглядело более интересно, — это нарисовать дополнительный треугольник над деревом, а затем перейти к Layer> Combine Shapes> Subtract Front Shape .Это вычтет векторную фигуру из нижней векторной фигуры, как это.
Дублируйте дерево Группа пару раз и нажмите CTRL + T (или Command + T на Mac), чтобы изменить размер различных деревьев. Здесь вы можете проявить творческий подход.
Добавление солнца и облаков для завершения векторного пейзажа
Сделаем этот горный пейзаж немного интереснее. Мы добавим преувеличенную форму солнца. Выберите инструмент Ellipse и, удерживая нажатой клавишу Shift (или Option на Mac), нарисуйте идеальный круг.Назовите слой солнце и дважды щелкните слой, чтобы добавить несколько стилей слоя.
Сначала в Blending Options возьмите Fill до 0% . Затем добавьте Gradient Overlay с настройками, как показано ниже.
При желании вы можете добавить несколько облаков. Снова используя наш верный инструмент «Перо» , нажмите и перетащите , чтобы нарисовать пушистое векторное облако. Затем дважды щелкните слой с облаками и добавьте стиль слоя градиента, похожий на тот, который использовался на солнце, за исключением того, что мы будем использовать в качестве начального цвета # 6F3484 .
Дублируйте векторную форму облака пару раз и немного переместив их, вы должны получить результат, подобный этому:
Наш плоский векторный пейзажный фон завершен
Поздравляю! Мы создали замечательный плоский векторный пейзаж горного озера. Поскольку мы использовали очень крутой пакет градиентов неба и настроили слой небо как слой градиентной заливки , теперь мы можем поэкспериментировать с ним, чтобы изменить общий вид векторного ландшафта.
Дважды щелкните по миниатюре слоя небо , а затем по шкале цвета градиента. Затем выберите один из других градиентов неба.
Результаты выглядят просто потрясающе!
Теперь, когда вы знаете, как создать плоский векторный пейзаж, вы можете использовать свои новые навыки и заработать немного денег.
Как, спросите вы?
В Интернете много конкурсов, разыгрывающих денежные призы. Оцените этот онлайн-конкурс иллюстраций на Behance!
Если вам понравился этот урок по Photoshop, поделитесь им на Facebook, Twitter или Pinterest.Кроме того, если у вас есть какие-либо вопросы или вы застряли на каком-либо из этапов руководства, напишите мне, я постараюсь ответить на все комментарии как можно скорее.
Как сделать прозрачный фон в Photoshop
Хотите удалить фон вашего произведения искусства, дизайна или фотографии? Я покажу вам, как сделать фон вашего произведения прозрачным с помощью Photoshop, чтобы вы могли использовать его как стикер, футболку или повторяющийся узор для вашего магазина печати по запросу, такого как Redbubble.Вы можете посмотреть обучающее видео по Photoshop или продолжить чтение.
Если у вас нет Photoshop, вы можете начать бесплатную 7-дневную пробную версию, которую вы можете отменить в любое время до истечения 7 дней. Adobe также предлагает студенческие скидки и различные пакеты и предложения, на которые я приведу ссылку ниже, если вы хотите купить подписку на Photoshop.
Отказ от ответственности: ссылки, отмеченные *, являются партнерскими / реферальными ссылками, которые позволяют вам поддерживать блог / канал YouTube без каких-либо дополнительных затрат, если вы совершаете покупку через них.
Выберите фон
Я показал вам, как редактировать отсканированные или сфотографированные изображения, регулируя контраст, резкость, насыщенность, исправляя небольшие ошибки и кадрируя изображения в предыдущем сообщении в блоге, поэтому мы выбираем именно это вверх от, чтобы показать вам один из способов удаления фона.Мы будем использовать инструмент быстрого выбора , поэтому давайте выберем его на левой панели инструментов. Убедитесь, что установлен флажок Обнаружение края . Вы также можете изменить размер кисти.Сделайте его меньше, если хотите более четкую кромку. Также обратите внимание на три разных изображения кисти на верхней панели. У меня выбрано Добавить к выбору , но у вас может быть выбрано Создать новое выделение , и это нормально.
Чтобы выбрать область, просто закрасьте фон мышью, и Photoshop определит края фона и добавит части фона к выделению по мере продвижения.
Если у вас есть четкая разница между фоном и передним планом, ваш выбор может быть идеальным, но мой нет.Некоторые области, которые я хочу сохранить, были добавлены в выделение, которое я удалю позже. Итак, чтобы отменить выбор, вы можете либо нажать alt во время рисования с помощью мыши, либо щелкнуть значок Deselect на верхней панели, который представляет собой кисть со знаком минус. Я иду туда и обратно между выделением и снятием выделения, чтобы убрать хвост птицы и всю ветвь из выделения.
Вы можете использовать инструмент увеличения , чтобы увеличить изображение, чтобы лучше видеть края, и снова нажмите alt , используя его, чтобы уменьшить масштаб.
Добавление прозрачного слоя и удаление фона
Когда вы будете довольны выделением, давайте удалим фон. Чтобы создать прозрачный слой под изображением, я щелкните правой кнопкой мыши слой изображения на вкладке Layers и выберите Duplicate layer. Щелкните Ok , а затем щелкните значок глаза на нижнем слое, чтобы скрыть его. Это создает прозрачный слой.
Теперь убедитесь, что у вас выбран верхний слой, а затем нажмите Ctrl x , чтобы удалить фон, который вы выбрали с помощью инструмента Quick select .И вы можете отменить с помощью Crtl z , если вам нужно.
Исправление с помощью ластика
Для такой традиционной живописи результат получается довольно неровным. Я покажу вам, как использовать ластик, чтобы исправить это. Вы можете лучше видеть края и проверить наличие посторонних пикселей, добавив сплошной цвет фона.
Добавьте новый слой с помощью знака «плюс» на панели вниз.
Раскрасьте его, выбрав цвет в палитре цветов . Используйте контрастный цвет по сравнению с вашим изображением.Я использую черный фон, потому что изображение довольно светлое. Затем перейдите в Edit — Fill — Foreground color . Теперь края видны лучше, а мои выглядят не очень хорошо.
Выберите кисть Eraser brush на левой панели инструментов и установите размер и жесткость кисти. Я делаю размер довольно маленьким и использую жесткую кисть. Теперь используйте ластик, чтобы сгладить края.
Экспорт и сохранение изображения
Когда вы закончите, сделайте цвет фона невидимым, щелкнув значок глаза рядом с ним на вкладке Слои .И обязательно сохраните изображение как PNG, чтобы сохранить прозрачность фона. Если вы сохраните его как JPEG, вы получите сплошной цвет фона. Также может быть хорошей идеей сохранить файл PSD Photoshop, если вы захотите использовать слои позже.
Как сделать фон прозрачным в Photoshop
(последнее обновление 2 августа 2021 г.)
Включает ли ваш последний проект Photoshop удаление определенного объекта с фона? Вы переживаете из-за того, что пытаетесь найти способ сделать так, чтобы в вашем проекте появился прозрачный фон? Прочтите, чтобы узнать, как работать с прозрачным фоном в этом информативном руководстве.
Предположим, у вас есть фотография с интересным предметом, который вы хотите выделить. Может быть, вы хотите, чтобы в центре внимания был лист, который вы нашли на траве, или вы хотите поместить кого-нибудь в другое место. Photoshop может воплотить эти мечты в реальность.
Удаление объектов с фона стало довольно распространенной практикой в Photoshop. Точно так же, как фильм может размещать актеров в разных местах с помощью эффекта зеленого экрана, Photoshop может изолировать определенную область, которую вы хотите сделать прозрачной или расположить поверх другого изображения.
Инструменты Photoshop, которые также воспроизводят эффекты зеленого экрана, со временем улучшились. В прежние времена приложения требовали большого количества тонко настроенной работы с лассо, чтобы идеально вырезать предмет. Чтобы вырезать часть фотографии, нужно уметь обращаться с кистью.
Со временем усовершенствования достигли такой степени, что вам не нужно обладать каким-то мастерским ротоскопом, чтобы придать фотографиям прозрачный фон. Вот несколько способов сделать это.
Сделать фон прозрачным в Photoshop 1. Быстрый путьИногда вам может повезти с фотографией, не содержащей тонны информации. Возможно, фон настолько упрощен, что представляет собой один сплошной цвет или набор похожих цветов. Если это так, возможно, вам просто повезло и вы нашли простой способ сделать прозрачный фон.
Взгляните на это изображение. Небо здесь довольно яркое. Предположим, я хочу удалить его и поместить другое небо над этой областью, чтобы оно выглядело совершенно по-другому.Для этого совсем не нужно много работать.
На панели инструментов Photoshop просто выберите инструмент «Волшебный ластик», похожий на ластик с волшебной палочкой. Теперь выберите силу стирания инструмента на панели свойств в верхней части экрана, чтобы изменить чувствительность.
Чувствительность ластика в конечном итоге будет зависеть от того, насколько фон проступает в остальной части объекта. Я вижу, что на этой фотографии есть белые пятна на некоторых меньших частях здания.Я собираюсь уменьшить силу ластика, чтобы он не заходил слишком далеко.
С помощью набора инструментов все, что мне нужно сделать, это щелкнуть по небу с помощью инструмента Magic Eraser. И престо, фон ушел! Теперь вы должны увидеть черно-белую сетку позади здания, сигнализирующую о том, что фон прозрачный.
Этот инструмент работает по-разному для фона в зависимости от количества цветов и спада. Если вы уверены, что ваш фон достаточно прост, чтобы его можно было удалить, вам придется поэкспериментировать с различными сильными сторонами инструмента Magic Eraser, чтобы определить, какой уровень работает лучше всего.
Вы также можете рассмотреть возможность использования более стандартного инструмента «Ластик для фона», который больше похож на классический ластик, за исключением того, что он распознает фон, который вы пытаетесь стереть. Однако с этим инструментом немного сложнее справиться, и его рекомендуется использовать только в том случае, если вы пытаетесь удалить часть фона.
2. Инструмент выбораТеперь предположим, что фон немного плотнее. На фоне много цветов и деталей, которые инструмент Magic Eraser просто не справится с этой задачей.В этом случае нам придется использовать инструменты выделения, чтобы изолировать наш объект от фона.
Здесь требуется немного навыков для выбора объекта, который мы хотим изолировать. Взгляните на инструменты выделения на панели инструментов и найдите тот, который подходит для вашего объекта. Если вы пытаетесь удалить шар с фона, выберите сферическое выделение. Если это сложный дизайн, нарисуйте лассо.
В данном случае мы пытаемся изолировать товарный вагон.Поэтому лучшим выбором для этой работы будет инструмент прямоугольного выделения. Щелкните и перетащите инструмент выделения вокруг объекта, чтобы покрыть область, которую мы хотим выделить из фона.
Чтобы сохранить эталонный снимок, мне нравится дублировать этот слой, над которым я работаю, чтобы знать, какая часть фона была удалена. Это не является обязательным требованием для данного проекта, но, безусловно, безопасно, если вы захотите попробовать другую маску.
Теперь мы нажимаем на инструмент «Выделение и маска» в верхнем меню свойств с выбранным товарным вагоном.Это откроет новое окно для точной настройки того, как мы удалим этот конкретный фрагмент из остальной части фотографии.
В новом меню свойств можно выбрать один из нескольких ползунков. Самый важный слайдер — это прозрачность. Когда вы увеличиваете это значение до 100%, фон, окружающий выбранный объект, исчезнет.
Под ползунком «Прозрачность» находится ряд других опций для лучшего переоснащения инструмента выделения. Вы можете изменить плавность выделения, а также растушевку, если хотите более постепенного спада.
После того, как вы завершите эти изменения, у вас будет слой с удаленным объектом из фона. Итак, что вы можете сделать с этой прозрачностью за изолированным объектом? Ну, совсем немного, в зависимости от того, чего вы пытаетесь достичь.
Вы можете сохранить изображение как PNG, который сохранит прозрачность, и либо разместить его на веб-сайте, либо сохранить его для другого проекта в Illustrator или InDesign. Пока объект все еще находится в Photoshop, вы можете разместить за ним фон на разных слоях.
ЗаключениеПрозрачность фона в Photoshop с годами становится все проще. Учитывая, что это была основная функция приложения на протяжении десятилетий, неудивительно, что инструменты достигли значительного прогресса.
Если вы новичок в Photoshop, это важный аспект программы, который нужно освоить. Независимо от того, являетесь ли вы дизайнером, который хочет вырезать людей из фотографий для определенных страниц, или фотографом, который хочет поместить человека на другом фоне, это бесценный навык, необходимый практически для любой профессии.
Часто задаваемые вопросы Как сделать белый фон прозрачным в Photoshop?Если фон, который вы пытаетесь удалить, имеет один цвет, возможно, вам проще всего избавиться от фона. Быстрый и грязный способ сделать это — вырвать инструмент Magic Eraser, изменить его силу и просто щелкнуть по белой области. Это может потребовать некоторой тонкой настройки, чтобы решить, какую часть белого вы хотите удалить, поскольку он может просачиваться на ваш изолированный объект, поэтому вам придется поиграть с настройками.Если объект, который вы изолируете, имеет этот цвет, вам придется использовать инструменты выделения, чтобы выделить объект для прозрачного фона.
Как сделать фон PNG прозрачным?Важно отметить, что при сохранении прозрачного фона из Photoshop необходимо убедиться, что информация передается в тип файла. Самый распространенный тип файла, который вы будете использовать для создания объектов с прозрачностью, — это PNG.Однако при экспорте этого изображения необходимо убедиться, что в настройках экспорта выбрана прозрачность. PNG не имеет прозрачности автоматически, поэтому вам необходимо убедиться, что информация распознается. Если этот параметр не выбран, вместо этого вы получите белый фон.
Как удалить белый фон с логотипа?Если вы пытаетесь удалить белый фон с логотипа, высока вероятность, что логотип был создан как векторный рисунок.В этом случае удалить белый фон можно так же просто, как использовать волшебный ластик для фона. Поиграйте с уровнями для инструмента стирания, и вы можете просто удалить фон простым щелчком. Если вы хотите более точное стирание фона, используйте волшебную палочку или инструмент выделения в сочетании с инструментами стирания.
Как удалить белый фон с изображения?Удаление белого фона с изображения может быть затруднено в зависимости от изображения.Если вы пытаетесь удалить фон векторного изображения, такого как логотип, создать прозрачность можно так же просто, как настроить инструмент «Волшебный ластик». Предположим, вы пытаетесь удалить белый фон с фотографии с большим количеством информации о цвете. В этом случае вам придется проявить творческий подход к инструментам выделения и стирания, чтобы найти правильное сочетание обоих для создания прозрачности.
Марк Макферсон работает видеоредактором и автором контента более десяти лет.Его опыт начинался с анимации и редактирования видео, а затем перешел в сферу веб-разработки. Он также занимался написанием контента для различных онлайн-изданий. Марк является экспертом в области редактирования видео, написания контента и 2D / 3D анимации.
Использование наложения для создания драматической сцены
В этом уроке мы собираемся создать сцену строительства и пару персонажей с каким-то взаимодействием.
Мы пройдем три этапа: установление, чистка и перерисовка.
Начальный этап
Прежде чем рисовать среду, сначала подумайте о перспективе вашей иллюстрации. Состав можно легко определить, если у нас есть перспектива.
Используйте чрезвычайно удобный инструмент Perspective Ruler от Clip Studio Paint, чтобы упростить создание точных направляющих. Благодаря этому инструменту вы можете экспериментировать с различными идеями перспективы, потому что им очень легко пользоваться!
Нарисуйте силуэт переднего плана (самый темный), среднего плана (средние тона) и фона (самый светлый).Форма не обязательно должна быть точной, потому что мы все равно будем использовать фотографию.
А пока мы просто хотим проиллюстрировать нашу идею с помощью простых форм.
Это фото, которое мы будем использовать в этом уроке. Убедитесь, что у вас есть права / разрешение на использование фотографий.
Вы можете использовать столько фотографий, сколько хотите, в зависимости от вашей сцены, но пока для простоты мы будем использовать только эту.
Сотрите ненужные вещи (например, небо, потому что нам нужно только здание), используя комбинацию инструментов «Ластик» и инструментов выделения по вашему выбору:
— Автоматический выбор / Волшебная палочка
— Выбрать > Выбрать цветовую гамму (Clip Studio Paint)
— Выбрать > Цветовой диапазон (Photoshop)
На этом шаге потребуется терпение, в зависимости от того, сколько нужно удалить.
Скопируйте и вставьте то же здание на задний план. Добавьте слой сверху, затем закрасьте немного «тумана», чтобы отодвинуть его на задний план. Добавьте еще один слой поверх здания на переднем плане и также нанесите немного тумана.
Нанесение «атмосферы» на фотографию сразу же снижает эффект стандартной фотографии.
Измените цвета серого блока с более раннего на синий, чтобы сцена выглядела холодной, затем установите режим наложения на «Умножение».
Сформируйте столбы, вырезая и вставляя, стирая ненужные части, масштабируя и поворачивая здание, чтобы оно выглядело как тонкая конструкция.
На этом этапе не обязательно быть чистым. Гораздо важнее сосредоточиться на всей картине.
Чтобы сфокусироваться на изображении в целом:
1) Убедитесь, что размер холста достаточно уменьшен, чтобы вы могли видеть все изображение.
2) Включите окно Navigator , чтобы вы могли видеть иллюстрацию с уменьшенным размером
Если эскиз выглядит хорошо, очень высока вероятность, что полная версия также будет выглядеть хорошо.Увеличивайте масштаб только тогда, когда вы визуализируете и добавляете крошечные детали.
Если в сцене есть персонажи, которые находятся достаточно близко к камере и занимают много места, нарисуйте их заранее, потому что они отбрасывают тени и влияют на композицию сцены. Они могут образовывать касательные к фону, если их неправильно расположить.
Касательные — нет-нет.
Избегайте этого.
Линии разных объектов, которые перекрываются или параллельны друг другу, называются «касательными», и их следует избегать при рисовании композиции.
Вместо параллельных линий используйте пересекающиеся линии и избегайте линий, которые кажутся сливающимися друг с другом.
Координатор
Этот парень — наша фокусная точка, и заставляя его стоять на более светлом фоне между двумя колоннами, мы помогаем нашим глазам сфокусироваться на нем.
Но обратите внимание, как наши глаза просто ускользают от того, чтобы сфокусироваться на нем, и вместо этого продолжают смотреть на здание.
Это связано с тем, что параллельные линии здания являются «ведущими линиями», и человеческие глаза неосознанно следят за ними. Эти направляющие линии направляют наш взгляд к нижней половине здания.
Другая причина в том, что в здании больше деталей, чем в фокусе, и люди склонны в первую очередь смотреть на детали.
Стратегическое добавление другого персонажа или объекта помогает предотвратить эту проблему.
Сделайте разрез предметом через направляющие линии здания, чтобы создать разрыв.
Это эффективно предотвращает отвод наших глаз от точки фокусировки прямыми линиями.
Мы можем сделать это и без персонажей.Это может быть мох, птицы, летящие в другом направлении, или даже сломанные стальные конструкции самого здания.
Простое рисование этих «разрывов» уже очень помогает.
Определение взаимодействия персонажей
А теперь подумайте об истории. История — это то, что отличает вашу картину от всех, кто уже использовал такую же концепцию.Со зданиями уже существует масса произведений искусства. Но как сделать это искусство своим? Сделайте это по-своему. История может быть простой, но важная часть состоит в том, что на изображении должно происходить ЧТО-ТО:
1) Парень и девушка отправляются в приключение. Парень с трепетом смотрит вниз, пока девушка идет за ним.
«Жди меня!»
Или она бежит к нему, чтобы не дать ему спрыгнуть, в зависимости от того, как вы это воспринимаете.
2) Сцена действия, в которой девушка подпрыгивает (так что ее голова оказывается на крыше здания), и парень готовится принять атаку.
3) Девушка медленно идет, чтобы нанести удар в спину ничего не подозревающему парню. Он занят, говоря: «Ух ты, посмотри туда!»
Я склонялся к 2 и 3, но в конечном итоге решил выбрать 3, чтобы соответствовать зловещему освещению / настройке.
— Добавьте желтого цвета, чтобы показать, что время сумерек.
— Добавьте также отбрасываемые тени, чтобы показать, что за пределами кадра есть другие здания.
Фотографии имеют собственное освещение / затемнение. Намеренное рисование собственного света и теней помогает избавиться от стандартных фотографий.
Я не могу этого особо подчеркнуть:
Избавьтесь от этого вида стоковой фотографии! Ключ к этому — драматического освещения .
На этом мы закончили этап установления. Теперь давайте проверим наши значения, создав новый слой сверху и установив для него значение Hue , а затем залейте его черным или белым цветом.
Если мы думаем, что основные отдельные объекты (персонажи, передний план и средний план) правильно выделяются на своем соответствующем фоне, а не смешиваются с ними, мы можем перейти к этапу очистки.
Этап очистки
Завершая рисование персонажей, я дал персонажу оранжевые волосы, чтобы придать разнообразию и контрастировать с голубоватым туманом. Помните ваши дополнительные цвета из начальной школы?
Дополнительные цвета также известны как «противоположные цвета».”
Исправление теней от колонн зданий по источнику света. Я также немного поправил форму здания. Затем я добавил эти маленькие мосты слева.
Исправлена отбрасываемая тень девушки.
Этап наложения
Этап покраски, а.k. испытание человеческого терпения.
Несмотря на то, что у вас уже есть несколько фотографий, этот этап может занять больше всего времени, в зависимости от того, насколько изысканным вы хотите его видеть.
1) Оригинал.
2) С помощью копировального штампа и кисти небольшого размера аккуратно сотрите листья на краю здания.
Клонирование из правильной области / цвета. Мне не очень нравилась идея жизни / роста, поэтому я выбрал сцену, которая просто сухая и мертвая.
3) Переключитесь на маленькую жесткую кисть, чтобы закрасить области, чтобы завершить формы (например, желтые квадраты).
Постарайтесь не потерять исходные текстуры с фото при закрашивании. Сделайте это с помощью пипетки и тщательно подбирая только окружающие цвета. Для рисования используйте кисть только небольшого размера. Рисование большой кистью приведет к слишком сильному смешиванию цветов и сглаживанию текстуры.
Да, эта часть может быть утомительной и требует большого терпения, поэтому вы можете увидеть некоторые матовые рисунки, которые, по сути, просто фотобашни с очень минимальным рисованием.
Иногда художники делают это, чтобы быстро продемонстрировать идеи. Иногда их клиентам нужны 100% фотореалистичные изображения, поэтому закрашивание кистью большого количества областей — плохая идея. Кроме того, есть такие художники, как Макото Синкай ( Kimi no Na wa , Garden of Words и т. Д.), Которые предпочитают закрашивать каждый пиксель своих фотографий.
В любом случае, насколько изысканным вы хотите получить свой лак, полностью зависит от вас!
Перед окраской фона:
С фоновой окраской:
1) Внес изменения в персонажей.Я изменил позу парня, чтобы он выглядел как человек даже на уменьшенном изображении. Добавил больше деталей девушке, но убрал голубизну на ее волосах, потому что это выглядело довольно неестественно.
2) Немного расширили щель между домами сверху. Добавлены колючие структуры на заднем плане. Тезисы — не такие тонкие направляющие линии, которые помогают закрепить фокус. Я также скорректировал отбрасываемую девушку тень еще раз, чтобы она шла прямо к парню.
3) Добавил больше желтых огней справа от изображения.
4) Перекрашивала в основном левую половину здания.
ОКОНЧАТЕЛЬНОЕ ИЗОБРАЖЕНИЕ:
1) Скопируйте и вставьте здания на заднем плане, затем уменьшите масштаб, чтобы окна выглядели меньше, таким образом заставив здания казаться немного дальше.
2) Добавлена структура на переднем плане (по-прежнему служащая ведущими линиями для парня).
3) Добавлено размытие на переднем плане для эффекта расфокусировки.
4) Добавлен желтый оттенок по всему зданию, на котором стоят персонажи.
5) Добавлены темные тени за персонажем парня.
И готово!
Профиль автора
Ринн (также известный как midorynn) — художник-самоучка, который в основном использует цифровые инструменты и программное обеспечение, такие как Clip Studio Paint и Photoshop. Проработав пять лет над различными внештатными проектами в области анимации, иллюстрации и дизайна, она изучила различные методы и ноу-хау, которыми она с энтузиазмом делится с другими художниками-самоучками.
Twitter: https://twitter.com/rynn_apple
Instagram: https://www.instagram.com/rynn_apple/
Как создать фон в виде солнечных лучей в Photoshop
ФоныSunburst (как показано на изображении ниже) часто используются при разработке различных элементов приложений и игр, таких как их значки, заставки или элементы пользовательского интерфейса, такие как кнопки и диалоговые окна.
Endless runner game Angry Gran Run использует фон солнечных лучей в значке игры, а также в диалоговых окнах в игре.Я также использовал фон с солнечными лучами для создания иконок для своей кроссплатформенной игры Spooky Planet.
Фон солнечных лучей в логотипе Angry Gran RunВ этом уроке я покажу, как вы можете создать фон солнечных лучей самостоятельно с помощью фильтров искажения в Adobe Photoshop.
Начнем с выбора цвета фона в виде солнечных лучей. Далее мы будем использовать эти цвета и применять линейный градиент. Затем мы узнаем, как использовать фильтр Photoshop Wave для создания вертикальных полос из примененного нами градиента.И, наконец, мы увидим, как использовать другой фильтр Photoshop, Полярные координаты , чтобы создать эффект солнечных лучей из полос. Я также включил видеоурок , чтобы вы могли увидеть все эти шаги в действии. Тогда приступим!
1. Создайте новый проект
Создайте новый пустой документ в Photoshop. Я создал документ 1200 × 1200 пикселей , как показано ниже, вы можете начать с желаемого размера.
Свойства нового документа для фона солнечных лучей2.Выберите цвета и примените градиент
Шаг 1
Затем выберите Gradient Tool (G) на панели инструментов.
Затем установите цвета переднего плана и фона для градиента с помощью инструмента палитры цветов . Выберите цвета, которые вы хотите для фона солнечных лучей. Если вам нужно вдохновение, вы можете проверить эти генераторы цветовой палитры.
В моем случае я использовал следующие цвета ( значений RGB ):
Цвет переднего плана — 428C9C
Цвет фона — 1C4B61
Шаг 2
Убедитесь, что выбран линейный градиент, и нарисуйте вертикальный градиент вниз на вашем документе.
Совет: Нажмите Shift при рисовании градиента, чтобы добиться точности на этом этапе.
Ниже вы можете увидеть настройки инструмента градиент и наш документ после применения градиента:
Заливка вертикальным градиентом3. Создайте полосы
Для создания полос перейдите в меню Filter -> Distort -> Wave . Этот фильтр создает синусоидальный, треугольный или квадратный волнистый узор в зависимости от используемых вами настроек.
Ниже приведены настройки, которые я использовал. Вы можете поиграть с этими значениями, чтобы увидеть искажения, которые возможны при использовании волнового фильтра.
Настройки волнового фильтра4. Создать эффект солнечных лучей
На нашем последнем шаге мы создадим эффект солнечных лучей из полос, которые мы сделали на предыдущем шаге. Для этого перейдите в пункт меню Filter -> Distort -> Polar Coordinates . Фильтр «Полярные координаты» преобразует выделение из прямоугольных координат в полярные и наоборот в соответствии с выбранным параметром.
В нашем случае выберите от прямоугольный до полярного , как показано ниже, и все готово!
От прямоугольных до полярных координат для окончательного эффекта солнечных лучейFinal Image
Вот как выглядит наш фон с солнечными лучами:
Final Sunburst background ImageВидеоурок: Создание фона Sunburst в Photoshop
Чтобы увидеть все вышеперечисленные шаги в действии, вы можете посмотреть следующий видеоурок.
Надеюсь, вам понравилось это руководство, и вы будете обращаться к нему, когда вам понадобится создать свой собственный фон с солнечными лучами. Вы можете играть с цветами, чтобы создать красивый фон с солнечными лучами. Вы также можете использовать текстуры, такие как шероховатая бумага или металлические текстуры, и добавить их в качестве наложения на фон солнечных лучей в Photoshop, чтобы создать свой собственный винтажный фон в стиле гранжевых солнечных лучей.
У нас также есть премиальный набор фонов солнечных лучей, который включает 20 фонов плоских цветов в 3 размерах — 300 × 300 пикселей, 600 × 600 пикселей и 3000 × 3000 пикселей.Если вам интересно, вы можете приобрести их в TemplateFlip.