Работа с фоном, способы замены и создание маски картинки

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

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

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

 

Создаем светлый фон

Работа с фоном, способы замены и создание маски картинки

Шаг 1

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

 

Работа с фоном, способы замены и создание маски картинки

Шаг 2

Выдели объект при помощи инструмента «Лассо» (> Lasso Tool) или клавиша «L».  Действуй аккуратно и применяй горячие клавиши. Старайся не трогать пока что цвет. Но если уж очень охота, то как делать картинку светлее или темнее.
Способов выделений есть несколько: при помощи цвета — «Выделение» – «Цветовой диапазон» (> Select > Color Range). В новом окне выбери пипетку и и щелкни по нужному цвету, регулируя ползунками области выделения.

 

Работа с фоном, способы замены и создание маски картинки

Шаг 3

Делаем сглаживание краев. Иди: «Выделение» — «Модификация» — «Растушевка» (Select > Modify > Feather). Чем больше разрешение изображения, тем больше будут значения растушевки.

 

Работа с фоном, способы замены и создание маски картинки

Шаг 4

Жмешь «Инверсия выделенной области» и удаляешь выделенный фон.

 

Работа с фоном, способы замены и создание маски картинки

Шаг 5

При помощи «Ластика» (> Eraser Tool, небольшой жесткости) правишь неточности краев.

 

Как сделать маску?

 

Работа с фоном, способы замены и создание маски картинки

Шаг 6

Делай маску изображения – это специальный метод выделения области изображения. Маски бывают двух видов «Быстрая маска» (> Quick Mask) и «Маска слоя» (> Layer Mask) – с ней ты будешь работать. Щелкни курсором на слой с фоновым изображением и включи его. Выделенный контур останется.

 

Работа с фоном, способы замены и создание маски картинки

Шаг 7

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

 

Работа с фоном, способы замены и создание маски картинки

Шаг 8

Теперь тебе нужно применить режимы наложения слоя с фоном. Жми «Умножение» (> Multiply). Эффект будет словно изображение наложили друг поверх друга. Произойдет замена фона.

 

Работа с фоном, способы замены и создание маски картинки

Шаг 9

Переключись на маску слоя и возьми мягкую кисть. Обводи белые края, стараясь не залазить на волосы. Да, это требует усидчивости, и чем больше ваше изображение – тем больше времени на него ты потратишь. Учимся делать все аккуратно.

 

Работа с фоном, способы замены и создание маски картинки

Шаг 10

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

 

Создаем темный фон

 

Работа с фоном, способы замены и создание маски картинки

Шаг 11

Итак, как сделать черный фон в фотошопе? Для черного фона очень важно чтобы объект находился на достаточном расстоянии от фона, а сам фон не должен быть осветленным. Как и в случае с белым фотоном – создаем маску слоя и меняем режим наложения – жми «Осветление» (> Screen). Данный режим осветлит изображение

 

Работа с фоном, способы замены и создание маски картинки

Шаг 12

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

 

Создание фона для нового изображения

 

Работа с фоном, способы замены и создание маски картинки

Шаг 13

Открой фотошоп и открой изображение в нем.

 

Работа с фоном, способы замены и создание маски картинки

Шаг 14

Зайди в «Файл» — «Создать» (> File > New) — меню в верхнем левом углу окна и создай новый файл. Или комбинация клавиш – «Ctrl+N».

 

Работа с фоном, способы замены и создание маски картинки

Шаг 15

Нажми на выпадающий список «Содержимое фона» (> Background Contents) и выбери из этого списка тип фона, который хочешь использовать. Здесь есть:

«Белый» (> White) — создает белый фон.

«Цвет фона» (> Background color) — создает фон цвета, который выбран на палитре слева, в меню рабочего пространства.

«Прозрачный» (> Transparent) – делает прозрачный фон, который идеально подходит для изображений форматов GIF или PNG.

 

Работа с фоном, способы замены и создание маски картинки

Шаг 16

Выдели нужный объект. Бери инструмент «Ласса» (> Lasso Tool), клавиша «L» и выдели на фото объект. Используй «Растушевка».

 

Работа с фоном, способы замены и создание маски картинки

Шаг 17

Перенеси выделенное изображение на готовый новый фон при помощи клавиш «Ctrl+C» — «Ctrl+V».

 

Работа с фоном, способы замены и создание маски картинки

Шаг 18

Меняй размер объекта при помощи комбинаций «Ctrl+T». Перемещай его по пространству фона при помощи инструмента «Перемещение» или клавиша «V». Не забудь сохранить.

 

Как сделать размытый фон в фотошопе?

Работа с фоном, способы замены и создание маски картинки

Шаг 19

Размытие фона делается в два счета. Выделенное нужно инвертировать (правой кнопкой мыши по выделенному и в выпавшем меню жми «Инверсия выделенной области») и применить к нему фильтр «Размытие». Зайди в меню «Фильтры» — «Размытие» и примени нужный из предложенных. Размытие фона также может быть сделано при помощи инструмента «Размытие» (> Blur Tool). Так ты получил размытый фон.

 

Работа с фоном, способы замены и создание маски картинки

Шаг 20

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

 

По материалам: www.webdesguru.com

Related Articles

25 Comments

  1. I have been exploring for a little for any high-quality articles or blog posts on this sort
    of house . Exploring in Yahoo I ultimately stumbled upon this site.
    Studying this info So i am happy to show that I have a very excellent uncanny feeling I discovered
    just what I needed. I such a lot definitely will make certain to don?t overlook this website and provides it a look regularly.

  2. Hey there, I think your website might be having browser compatibility issues.
    When I look at your blog site in Ie, it looks fine but when opening
    in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up!
    Other then that, great blog!

  3. What you typed made a great deal of sense. But, think about this, what if you were to write a awesome headline?
    I mean, I don’t wish to tell you how to run your
    blog, but what if you added something that makes
    people desire more? I mean Работа с фоном, способы замены и создание маски картинки | Создание
    и продвижение сайтов is a little boring.
    You might look at Yahoo’s front page and note how they write
    article headlines to get people interested. You might try adding a video or a picture or two to grab
    readers interested about what you’ve written. Just my opinion, it
    might make your posts a little livelier.

  4. Everything posted made a bunch of sense. But, what about this?

    suppose you added a little content? I am not suggesting your information is not solid., but what if you added a headline that grabbed folk’s attention?
    I mean Работа с фоном, способы замены и создание маски картинки | Создание и продвижение сайтов is a
    little plain. You could peek at Yahoo’s home page and watch how
    they write news titles to grab viewers interested. You might add a
    video or a related picture or two to get readers interested about everything’ve got to say.
    In my opinion, it would bring your website a little livelier.

  5. Do you mind if I quote a couple of your articles as long as I provide credit
    and sources back to your website? My website is in the exact same niche as yours
    and my users would really benefit from some of the
    information you present here. Please let me know if this
    alright with you. Many thanks!

  6. Very great post. I simply stumbled upon your blog and wanted to
    say that I’ve really enjoyed browsing your blog posts.

    In any case I’ll be subscribing on your rss feed and
    I’m hoping you write again soon!

  7. My spouse and I stumbled over here by a different page and thought I might as well check things
    out. I like what I see so now i am following you. Look forward
    to going over your web page repeatedly.

  8. I’m impressed, I have to admit. Rarely do I come across a blog that’s both equally educative and
    amusing, and let me tell you, you have hit the nail on the head.
    The problem is something which not enough people are speaking intelligently about.

    I’m very happy I found this during my search for something regarding this.

  9. I don’t know if it’s just me or if everybody else experiencing problems with your site.
    It appears as though some of the text within your content
    are running off the screen. Can somebody else please provide feedback and
    let me know if this is happening to them as well?
    This might be a issue with my browser because I’ve had this happen before.
    Cheers

  10. I came across Unlock Your Glutes while searching for effective lower body workouts,
    and after seeing so many positive Unlock Your Glutes reviews, I decided
    to try it. Honestly, it’s one of the few programs that actually targets the glutes
    the right way. The exercises are well-structured and don’t require a
    ton of equipment. After just a couple of weeks, I can already feel a difference in strength and shape.

    Highly recommend it if you’re serious about building and activating your glutes properly.

  11. I’m not sure exactly why but this web site is loading incredibly slow for me.
    Is anyone else having this problem or is it a problem on my end?
    I’ll check back later and see if the problem still
    exists.

  12. Okay, I was definitely skeptical at first, but the Blue Salt Trick sounds almost too simple not to try.
    If something natural and quick like this can really boost strength and confidence, count me in!

  13. First of all I want to say fantastic blog! I had a quick question that I’d like to ask if you don’t
    mind. I was interested to find out how you center yourself and clear your head before writing.
    I’ve had a hard time clearing my mind in getting my thoughts out.
    I do take pleasure in writing however it just seems like the first 10 to
    15 minutes are usually lost just trying to figure out
    how to begin. Any recommendations or hints? Appreciate it!

Добавить комментарий для Weldon Clouse Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Back to top button
Close