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

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

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

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

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

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

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

1 способ.

Выровнять фотографию можно простым поворотом на нужный угол. Чтобы не поворачивать наугад, воспользуйтесь инструментом Направляющая. Зацепите курсором верхнюю линейку и тяните ее вниз (если линеек нет, включите их View (Вид) > Rulers (Линейки)). Линейка, конечно же, останется на месте, а за курсором потянется горизонтальная направляющая какого-нибудь яркого цвета.

Дотяните ее до линии горизонта. Она покажет, как должен быть расположен горизонт.

В открытом документе есть только один слой - фоновый. Чтобы его можно было поворачивать, кликните на нем 2 раза в панели Layers (Слои) или сделайте дубликат этого слоя и работайте в этой копии.

Нажмите комбинацию Ctrl+T или выполните команду Edit (Редактирование) > Transform (Трансформация)> Rotate (Поворот) и поверните картинку так, чтобы горизонт выровнялся относительно направляющей.

По краям появились небольшие области фона. Их надо обрезать. Выберите инструмент Crop (Рамка) в панели инструментов Photoshop и обрежьте края. .

2 способ.

Этот способ выравнивания горизонта еще проще. Выберите инструмент Crop (Рамка или Кадрирование) в панели инструментов Photoshop и произвольно выделите рамкой часть изображения так, чтобы нижняя граница рамки оказалась близко к линии горизонта.

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

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

Сделать прозрачный фон на картинке в фотошопе (Photoshop) - это одна из часто используемых обработок изображения. Прозрачный фон картинки в дальнейшем позволит сделать фон белым в фотошопе и заменить фон на фотографии. Картинка на прозрачном фоне может использоваться в коллажах либо применяться как коммерческое изображение предмета. Таковые можно встретить на сайтах интернет-магазинов в каталогах товаров. Часто фото товаров там представлены именно на белом фоне. Рассмотрим несколько способов того, как сделать прозрачный фон картинки в фотошопе.

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

Отделение от однородного фона

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

С этой задачей легко справятся инструменты группы быстрого выделения/Quick selection tool.

Запускаем photoshop и открываем изображение привычным для вас способом (например, сочетанием клавиш Ctrl+O ). На палитре слоёв нужно щелчком правой клавиши мыши по изображению замка открепить слой.

Слева, на панели инструментов, в группе быстрого выделения, выбираем инструмент «Волшебная палочка»/Magic Wand Tool (либо сочетание клавиш Ctrl+W ).

Сверху, на панели управления, в атрибуте «Допуск»/Tolerance , задайте значение приблизительно 50. Установите курсор в окошко значения и с клавиатуры введите нужную цифру.

Теперь щёлкните правой клавишей мыши и протащите по фону изображения. Часть изображения у вас выделится пунктиром.

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

Когда выделение закончено, весь ваш объект (если есть, то и просветы) должен быть выделен пунктиром. Если пунктир виден по всему периметру картинки, то у вас выделен именно фон, если пунктир виден только вокруг объекта, то выделен лишь объект. Поверхность выделения можно изменять нажатием сочетания клавиш Shift+Ctrl+I .

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

Во втором случае, когда выделен только объект и пунктир обрисовывает только его, можно скопировать выделение сочетанием клавиш Ctrl+C , создать новый пустой слой сочетанием клавиш Shift+Ctrl+N , выделить этот слой (подвести курсор и щёлкнуть один раз).

Затем нажмите сочетание клавиш Ctrl+V , и ваш объект будет скопирован на новый слой с прозрачным фоном. Если нажать на слое с исходным изображением значок «Глаз» , то вы увидите, что получилось. Чтобы сбросить выделение, нажмите Ctrl+D .

Теперь просто сохраните полученное изображение в формате PNG. Нажмите сочетание клавиш Shift+Ctrl+S (либо в меню файл выберите «Сохранить как» ). В окне сохранения задайте путь, где хотите сохранить свою картинку с прозрачным фоном, задайте понятное для вас имя файла, а в пункте «Тип файла» выберите PNG. Этот формат нужен для сохранения картинки на прозрачном фоне.

Отделение контурного объекта

Если вам нужно выделить только часть изображения по контуру, можно использовать инструменты группы «Лассо»/Lasso tool .

Допустим, вам нужно изменить небо пейзажа.

Открываем изображение в photoshop и, как в первом случае, снимаем закрепление слоя щелчком по изображению замка. Далее выбираем инструмент «Магнитное лассо»/Magnetic lasso tool .

Контур, создаваемый инструментом, «прилипает» к краям объекта, аккуратно отрезая его от фона. Подведите курсор к краю выделяемого объекта, щелчком мыши создайте первую точку, а потом продолжайте обводить до полного выделения контура. Для более аккуратного выделения работайте с изображением при увеличении масштаба на 30–40 %. Увеличить и уменьшить изображение можно, удерживая клавишу Ctrl и нажимая + либо – . При работе с увеличенным изображением перемещаться в нужные его участки можно, удерживая клавишу Пробел и, одновременно, щелчком правой кнопки мыши по изображению двигая его в нужном направлении (вверх, вниз и т.д.) Выделение будет выглядеть как дорожка с точками. Когда обводку объекта завершили, нажмите Enter , чтобы замкнуть контур.

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

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

При необходимости площадь выделения можно инвертировать с помощью клавиш Shift+Ctrl+I , как и в первом примере. Так вы можете переключать выделение, выбирая либо фон, либо объект. Если на краях прозрачного слоя остались фрагменты прежнего фона, можно убрать их, используя инструмент «Ластик»/Eraser Tool . Его можно вызвать сочетанием клавиш Ctrl+E . Регулировать размер инструмента можно клавишами [ и ] (русские Х и Ъ ). Снять выделение можно сочетанием клавиш Ctrl+D . Далее изображение можно сохранить в формате PNG либо добавить новый слой, на котором будет, например, новое небо. Всё зависит от поставленной вами задачи.

Отделение от сложного фона

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

На этом фото гроздь фундука растёт на фоне листвы. Лепестки грозди практически сливаются с листком на фоне. Удобный и аккуратный способ отделить гроздь вместе с лепестками - использовать «Быструю маску»/Quick mask mode .

Открываем изображение в photoshop и снимаем закрепление слоя щелчком по изображению замка.

Теперь выбираем инструмент «Быстрая маска»/Quick mask mode . Находится он в самом низу панели инструментов. После нажатия на значок инструмента слой, с которым вы работаете, будет выделен красным.

Далее нужно выбрать инструмент «Кисть»/Brush . Либо нажмите клавишу B , либо выберите на панели инструментов. Параметры кисти должны быть следующие: жёсткая кисть, непрозрачность 100%, нажатие 100%, цвет чёрный.

Размер кисти регулируем клавишами Х и Ъ . Наша задача - полностью обрисовать участок, который мы хотим перенести на прозрачный слой. Работать нужно при увеличенном масштабе. Выбирайте комфортное для вас увеличение сочетанием клавиш Ctrl + либо Ctrl – . Перемещайтесь по изображению, удерживая клавишу «Пробел». Аккуратно прорисуйте желаемый участок изображения. При обрисовке он будет закрашиваться полупрозрачным красным цветом.

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

Теперь нам нужно получить доступ к настройкам выделения. Для этого нажмите на значок группы инструментов выделения «Область»/Marquee tool . Теперь на панели управления станет доступен параметр . Если периметр изображения выделен пунктиром, нажмите Shift+Ctrl+I , чтобы выделение затрагивало только ваш объект. Затем нажмите на «Выделение и маска»/Select and Mask .

В открывшемся окне настроек можно, передвигая вправо или влево ползунки, получить растушёвку краёв, сместить край прорисовки или усилить контрастность. Если такой необходимости нет, оставляем всё как есть. Единственное, что нужно сделать - это выбрать в выпадающем списке пункта «Вывод в»/Output to параметр «Новый слой»/New layer . После этого нажмите OK .

Теперь желаемый участок изображения перенесён на прозрачный слой. Остаётся сохранить изображение в формате PNG. Исходный слой с целым изображением можно удалить либо, нажав на нём значок «Глаз» , сделать его невидимым.

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

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

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

Выравнивание цвета кожи

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

Для выравнивания цвета кожи лица необходимо выделить контур лица инструментом Выделение - Pen Tool. Затем скопируйте выделенное лицо на новый слой и продублируйте его еще раз. Так должно получиться два слоя. Один слой следует затемнить при помощи сочетания клавиш Ctrl+M. Теперь создается третий слой телесного оттенка. К каждому слою необходимо присоединить маску. Сделать это можно при помощи команды Маска - Layer Mask. Затем воспользуйтесь инструментом Белый цвет - Blending mode и проведите по области, где должны присутствовать светлые тона. После этого необходимо добавить затемнения при помощи команды Мягкий свет - Soft Light. Так лицо обретет красивый вид.

Выравнивание цвета одежды

В фотошопе можно легко поменять цвет одежды, а затем выровнять его. Узнайте, как выровнять цвет в фотошопе.

Самый функциональный способ подразумевает применение команд Картинка - Image и Коррекция - Adjustments. Вначале следует воспользоваться командой Слой - Layer, а затем Новый корректирующий слой - New Adjustment Layer. Далее выбирается алгоритм преобразования цвета, после чего цвет одежды будет изменен и выровнен.

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

На снимке ниже видно, что я уже почистил пол, осталось поработать над задником.

В некоторых случаях помогает инструмент Кадрирование (Crop Tool) (C). Но в данном уроке мы будем расширять задник, чтобы скрыть лишние элементы, учитывая при этом тени и градиенты.

Инструментом Лассо (Lasso Tool) (L) выделите следующий участок фотографии:

Скопируйте выделение на отдельный слой (Ctrl + J).

Активируйте режим Свободное трансформирование (Ctrl + T) и растяните часть материала влево. Затем растяните его немного вправо.

Добавьте маску к отдельному слою с куском ткани. Залейте её чёрным цветом.

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

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

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

Мы исправим этот недостаток простым способом. Создайте новый слой и инструментом Штамп (Clone Stamp Tool) (S) или Восстанавливающая кисть (Healing Brush Tool) (J) замажьте то, что не нужно. В настройках инструментов нужно установить источник на Текущий и ниже (Current & Below). Также при помощи этих инструментов можно избавиться от больших складок.

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

Сведите все слои на один отдельный (Ctrl + Shift + Alt + E). Примените фильтр Размытие по поверхности (Фильтр > Размытие > Размытие по поверхности) (Filter > Blur > Surface Blur). Подберите значение радиуса, достаточное для удаления складок, но не слишком большое, чтобы не повредить края девушки.

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

Теперь у нас появилась ещё одна небольшая проблема. Объект переднего плана, девушка, имеет определённую степень зернистости, а задний план у нас слишком гладкий. Выберите верхний слой (именно слой, а не маску) и примените фильтр шума (Фильтр > Шум > Добавить шум) (Filter > Noise > Add Noise).

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

Снова сведите все слои (Ctrl + Shift + Alt + E). Примените к полученному слою фильтр Размытие по Гауссу (Фильтр > Размытие > Размытие по Гауссу) (Filter > Blur > Gaussian Blur). Радиус зависит от того, насколько сильно Вы хотите смягчить фон. Я использовал значение 80 пикселей. После размытия примените фильтр шума с такими же параметрами, как и в последний раз. Закрасьте маску, чтобы размытие коснулось только части задника около краёв.

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

Получилось неплохо. В завершение можно добавить лёгкое виньетирование.

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

Краткая информация

Обозначения

Значения

top Выравнивает фон по верхнему краю. Эквивалент записи 0 или 0%. center Выравнивает фон по центру вертикали. Эквивалент записи 50%. bottom Выравнивает фон по нижнему краю. Эквивалент записи 100%. <проценты> Задаёт положение фона в процентах от высоты элемента. Значение 0% или 0 выравнивает верхний край фонового изображения по верхнему краю элемента. Значение 100% выравнивает нижний край рисунка по нижнему краю элемента. <размер> Задаёт положение фона в любых доступных для CSS единицах - пиксели (px), сантиметры (cm), em и др. относительно верхнего края элемента.

Песочница

div { background-position-y: top ; }

Пример

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

Объектная модель

Объект .style.backgroundPositionY

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

• Recommendation (Рекомендация ) - спецификация одобрена W3C и рекомендована как стандарт.
• Candidate Recommendation (Возможная рекомендация ) - группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
• Proposed Recommendation (Предлагаемая рекомендация ) - на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
• Working Draft (Рабочий проект ) - более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
• Editor"s draft (Редакторский черновик ) - черновая версия стандарта после внесения правок редакторами проекта.
• Draft (Черновик спецификации ) - первая черновая версия стандарта.