Заливка фонового слоя в Фотошопе - TurboComputer.ru
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд (пока оценок нет)
Загрузка...

Заливка фонового слоя в Фотошопе

Фоновый слой в Photoshop

Каждый раз, когда мы открываем или создаём новое изображение в Photoshop, оно открывается внутри нового отдельного документа и Photoshop помещает это изображение на слой под названием “Фон” (Background). Документ может иметь только один фон. Порядок следования, режим наложения, а также степень непрозрачности фона не могут быть изменены. Однако данные атрибуты фона могут быть изменены после его преобразования в обычный слой.

А теперь подробнее.

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

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

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

Каждый раз, когда мы открываем или создаём новое изображение в Photoshop, оно открывается внутри нового отдельного документа и Photoshop помещает это изображение на слой под названием “Фон” (Background), в чём мы можем убедится, посмотрев на Панель слоёв. Обратите внимание, что слово “Фон” написано курсивом, этим Photoshop сообщает нам о том, что данный слой – особенный:

Photoshop называет этот слой “Фоном” (Background) по той простой причине, что он служит фоном для всего нашего документа. Любые дополнительные слои, добавленные к документу, обязательно окажутся выше фонового слоя. Так как назначение этого слоя – служить фоном, есть ряд вещей, которые Photoshop не позволит нам с ним сделать. Давайте быстренько рассмотрим эти несколько простых правил, которые лучше запомнить. Тогда, в конце этого материала мы узнаем простой способ, чтобы обойти каждое из них!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение “Фонарик” для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

Читайте также:  Правильное использование Tor Browser

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

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

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое “спасибо”, поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Заливка фона в Фотошопе

Если вы не первый день пользуетесь программой Photoshop, то наверняка замечали, что при создании нового проекта, фоновый слой всегда находится под замком (заблокирован). Но это не помешает производить над ним определенные действия. В крайнем случае, блокировку можно снять двойным нажатием левой кнопкой мыши по слою и в появившемся окне щелкнуть “ОК”.

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

Заливаем фоновый слой (автозаливка)

Для вызова функции заливки существует 2 способа, которые мы и рассмотрим.

  1. В главном верхнем меню программы выберите “Редактирование” –>“Выполнить заливку, как показано на скриншоте ниже:
  2. Друго способ – воспользоваться коомбинацией горячих клавиш SHIFT+F5.

Независимо от того, каким именно образом вы вызываете функцию, появится новое окно с настройками заливки.

Настройка заливки

  1. Цвет.Вы можете залить фон, как “Основным цветом”, так и “Цветом фона (фоновым)”:Также имеется возможность задать цвет прямиком в окне настроек заливки. Для это в пункте “Содержание” из выпадающего списка выберите “Цвет…”.
  2. Узор.
    Ест еще одна интересная опция – заливка фона узором. Чтобы сделать это, нужно в пункте “Содержание” обязательно выбрать “Регулярный”. После этого, чуть ниже появятся дополнительные настройки, которые позволят нам выбрать любой из доступных узоров на свой вкус.

Заливаем фон в ручном режиме

Залить фон в Photoshop в “руками” помогут инструменты «Заливка» и «Градиент».

  1. «Заливка»

    Здесь все предельно просто. Выбираем в палитре цветов основной цвет, а затем кликаем на холст слоя с фоном, который необходимо залить.
  2. «Градиент»

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

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

Заливаем часть фонового слоя

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

Затем залить его любым из выше перечисленных способов.

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Полезный совет для новичков

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

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

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

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

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

Для начала откроем инструмент «Градиент», который находится на той же кнопке, что и «Заливка».

На сайте Photoshop-Master можно найти кучу дополнений для фотошопа: кисти, узоры, рамки, шрифты и так далее. Специалисты не приветствуют подгрузку «лишних» шаблонов, таких как градиенты. Это дает дополнительную нагрузку на и без того тяжелую программу. А переходы цвета можно сделать быстро и самому.

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

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

Я, например, нашел 10 000 шаблонов. Вес файла всего 0,3 Мб. Жму на «Скачать и жду когда архив загрузится.

После закачивания открываю при помощи программы WinRAR. И перетаскиваю файл GDR в заранее подготовленную папку.

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

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

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

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

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

Помимо градиентов, вы можете скачать на сайте Photoshop-Master готовые узоры. Сейчас покажу как с ними работать.

«Узоры»

Вы можете скачать любую jpg картинку и установить ее в качестве фона, а можете воспользоваться узорами. На сайте Photoshop-Master их почему-то назвали текстурами. Обращайте внимание на формат. Если вы качаете PAT, то все верно, это дополнение для программы. Если видите jpeg, то это всего лишь рисунок

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

Снова выберите инструмент «Заливка».

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

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

Один щелчок по фону и узор расположится на рисунке.

Читайте также:  Снимаем клавиатуру с ноутбука ASUS

Готовые картинки

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

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

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

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

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

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

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

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

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

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

LiveInternetLiveInternet

Метки

Приложения

  • Я – фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Создание аватарСервис для создания аватар в режиме онлайн. Позволяет вырезать из большой фотографии свою мордочку и сделать из неё аватару 🙂 Есть возможность сразу же установить аватару в качестве своей основной.
  • Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • СРОЧНО.ДЕНЬГИК сожалению, всякое бывает… И чаще, почему-то, это всегда случается неожиданно… Уникальная единая форма для подачи заявки на кредит во все банки сразу поможет сэкономить нервы, время и деньги!
  • ОткрыткиПерерожденный каталог открыток на все случаи жизни

Ссылки

Музыка

Всегда под рукой

Рубрики

  • АНИМАЦИИ (17)
  • ***Смайлики (1)
  • БЛОГИ,ДРУЗЬЯ (16)
  • ВИДЕО УРОКИ (15)
  • ВСЁ О БОГЕ (28)
  • ВСЁ О ЛИРЕ (52)
  • ВЯЗАНИЕ,ШИТЬЁ (10)
  • ГАРМОНИЯ (3)
  • ГЕНЕРАТОРЫ ФОТО (4)
  • ГОРОСКОПЫ (49)
  • ЖИЗНЬ (6)
  • ЗДОРОВЬЕ (34)
  • ЗИМА (11)
  • ИНТЕРЕСНЫЕ ВИДЕОРОЛИКИ (15)
  • ИСТОРИЯ РУСИ (19)
  • КАРТИНКИ (3)
  • КЛИПАРТЫ (32)
  • КНИГИ (1)
  • КНОПКИ “ДАЛЕЕ” (6)
  • КОММЕНТАРИИ (1)
  • КРАСИВЫЕ НАДПИСИ (7)
  • КУЛИНАРИЯ (57)
  • МОИ ВИДЕОРОЛИКИ (12)
  • МОИ ОТКРЫТКИ (207)
  • МОИ ПЛЕЙКАСТЫ (103)
  • ***Мамы глаза молодые,мамы родные глаза (1)
  • ***С днём рождения (34)
  • МОИМ ДРУЗЬЯМ (1)
  • МОЙ КОМПЬЮТЕР (43)
  • МУДРОСТЬ (4)
  • МУЗЫКА (136)
  • ***Аудиофайлы (52)
  • ***Людмила, (2)
  • ***Песни (14)
  • НОВЫЙ ГОД (80)
  • *** Рождество (2)
  • ***Надписи с Новым годом (4)
  • ***Новогодние анимации (5)
  • ***Новогодние вертикальные разделители (2)
  • ***Новогодние клипарты (5)
  • ***Новогодние открытки (3)
  • ***Новогодние поздравления,пожелания (5)
  • ***Новогодние рамочки (10)
  • ***Новогодние свечи,фонарики,окна (1)
  • ***Новогодние флешки (5)
  • ***Новогодние фоны (4)
  • ***Новогодний декор (4)
  • Плееры (4)
  • ОБОИ (1)
  • ОСЕНЬ (8)
  • ПЛЕЕРЫ (44)
  • ПОЗИТИВ (3)
  • ПОЛЕЗНЫЕ ССЫЛКИ (8)
  • ***Перевод текста (1)
  • ПРАЗДНИКИ (118)
  • *** Меня поздравляют (14)
  • *** Я поздравляю (63)
  • ПРОГРАММЫ (12)
  • РАЗНОЕ (11)
  • РАЗНЫЕ ПОЛЕЗНОСТИ (11)
  • РАМКИ (229)
  • *** Коды и шрифты (2)
  • *** Осенние рамочки (3)
  • *** Рамочки кулинарные (5)
  • *** Рамочки от друзей (10)
  • ***Бродилка по рамочкам (2)
  • ***Инструкция пользования рамочками (2)
  • ***Мои рамочки (12)
  • ***Рамки для Видио (37)
  • ***Рамки для фотошопа (3)
  • ***Рамки с прокруткой (2)
  • ***Рамочки поздравительные (46)
  • ***Рамочки для Влюблённых (9)
  • ***Рамочки для текста (32)
  • ***Рамочки зимние (15)
  • РОССИЯ (7)
  • СЕРИАЛЫ (9)
  • СТИХИ (165)
  • СХЕМЫ (12)
  • ТАНЦЫ (1)
  • ТЕКСТЫ (15)
  • ТЕЛЕВИДЕНИЕ ДЛЯ ВАС (1)
  • УКРОШАЛОЧКИ ДЛЯ РАБОТ (8)
  • УРОКИ (80)
  • *** от Ларисы Гурьяновой (12)
  • *** от Вл. Шильникова (17)
  • *** От Любаши (41)
  • *** По оформлению дневника (7)
  • ***От Любаши (1)
  • ***Уроки от Галины шадриной (2)
  • УЮТНЫЙ ДОМ (9)
  • ФЛЕШ РАБОТЫ (67)
  • ФОНЫ (26)
  • ФОРМУЛЫ (20)
  • ***Формула для флеш (2)
  • ***Формулы “Под кат” (1)
  • HTML – редактор (1)
  • HTML-код (1)
  • ФОТОКОЛАЖ (2)
  • ФОТОРЕДАКТОРЫ (1)
  • ФОТОШОП (98)
  • ***От Ирочки (1)
  • *** Декор для коллажей (4)
  • *** От Semenova Irina (3)
  • *** От Vera_Larionova (2)
  • *** От Журавушки (1)
  • *** Работа с маской (2)
  • *** Уроки от Beauti Flash (1)
  • *** Уроки от Flash Magicc (1)
  • *** Уроки от Nikajana (2)
  • *** Уроки от zomka (Татьяна) (1)
  • *** Уроки от Леди Ангел (1)
  • *** Фоны (5)
  • *** Фракталы (1)
  • ***Анимации (4)
  • ***Девушки ,клипарт (4)
  • ***Коллажи по урокам (8)
  • ***Маски (9)
  • ***От Novichok56 Ирочки (2)
  • ***От Любаши (2)
  • ***Палитра цветов (1)
  • ***Уроки (20)
  • ***Уроки от Викули (1)
  • ***Уроки от Танюши (3)
  • ***Фильтры (9)
  • ЦИТАТЫ (2)
  • ШОУ (1)
  • ЭДИТОР (21)
  • ЭПИГРАФЫ (9)
  • ЭТО ИНТЕРЕСНО (51)
  • ЮМОР (101)

Цитатник

Мы всё ещё живём,другого не дождётесь. У нас сейчас капитализм,но он такой,какого в мире нет.Миро.

Красивые обои на рабочий стол .

Улыбнулось счастье на закате. Улыбнулось счастье на закате.

Если игнорировать чувства другого. Мужчина-это надёжность. Алина Ермолаев .

Весенняя рамочка Текст

Поиск по дневнику

Подписка по e-mail

Друзья

Постоянные читатели

Сообщества

Статистика

Заливка области и слоев в Фотошопе

Вторник, 29 Августа 2017 г. 10:22 + в цитатник

Заливка области и слоев в Фотошопе

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

Инструменты Градиент и Заливка в Фотошопе помогут нам разобраться в этих вопросах.

Шаг 1

Для начала я открою картинку с изображением. Я выбрала картинку с мячом:

Будем менять белый фон картинки на красный:

Для этого сначала выделим мяч с помощью инструмента Быстрое выделение :

Далее на верхней командной строке выбираем графу Выделение и выполняем команду:

Выделение – Уточнить край

В открывшемся окошке для более точного выделения выбираем чёрный фон:

Затем устанавливаем значения такие, как указано на скриншоте и делаем вывод на Новый слой:

В результате мы получили мяч на новом прозрачном слое.

Для заливки нужно создать ещё один новый прозрачный слой и поэтому нажмём на значок Создать новый слой , который находится на нижней панели палитры Слои:

Шаг 2

Далее переходим к инструменту Заливка и на панели Инструменты устанавливаем основной цвет – я выбрала красный цвет:

Настройки инструмента, которые находятся на верхней панели будут выглядеть следующим образом:

Теперь нужно кликнуть инструментом Заливка на прозрачном новом слое и в результате получится красный фон:

Шаг 3

Теперь создадим новый прозрачный фон и перейдём к инструменту Градиент :

На верхней панели находятся настройки инструмента, где я выбираю радиальный красно-чёрный градиент:

Далее необходимо провести инструментом из центра фона к краю фона и получится вот такой фон:

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

Шаг 4

Далее выделим область на мяче и зальём её другим цветом:

Для заливки сначала создадим новый прозрачный слой:

И теперь на этом слое кликнем инструментом Заливка по выделенной области:

Заливка области будет находиться на новом прозрачном слое:

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

Работа со слоями и фоном в Фотошопе

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

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

Как создать слой в Фотошопе

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

  • На панели инструментов выберите вкладку «Слои» и выберите пункт «Новый слой». Задайте имя нового слоя.
  • В правом нижнем углу редактора отображается, как правило, окно работы со слоями. Нажав на кнопку в правом верхнем углу, можно точно так же создать новый слой.
  • На панели отображения слоев находится картинка документа с загнутым уголком, нажав на нее, вы создадите новый слой.

Как поменять фон в Фотошопе

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

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

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

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

Читайте также:  Поиск украденного ноутбука

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

Как сделать белый фон в Фотошопе

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

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

Как размыть фон в Фотошопе

Чтобы размыть фон в Фотошопе, необходимо работать со слоями. Есть несколько способов размыть фон в программе.

  • Откройте нужно изображение и, выбрав вкладку «Слои», нажмите «Создать дубликат слоя». На созданном слое выберите из вкладки «Фильтры» «Размытие» и нажмите «Размытие по Гауссу». В окне, которое откроется, выберите интенсивность размытия. Как правило, хватает величины до 5 пикселей. Размойте фон-копию слоя. Далее выберите инструмент Ластик, и, установив необходимую жесткость, аккуратно проявите тот объект, который должен быть четким. Объедините слои после ретуширования.
  • Открыв изображение и, создав дублирующий слой, размойте его, так же, как в предыдущем способе. Выбрав размытый слой, на панели слоев укажите «Добавить слой-маску». На копии слоя должен появиться белый прямоугольник. Выберите кисть, и указав черный цвет (#000000) и жесткость, начинайте проявлять объект на размытом фоне. Если вам необходимо поправить контур, добавить к нему размытость, вместо черного цвета укажите белый.

Как вырезать фон в Фотошопе

Чтобы вырезать фон в фоторедакторе воспользуйтесь инструментами выделения, чтобы аккуратно выделить объект, расположенный на переднем плане. Перед началом выделения создайте слой-копию или убедитесь, что слой, с который вы работаете разблокирован. Вы можете применять несколько видов инструментов: Магнитное Лассо, Волшебная Палочка, Перо, Быстрое Выделение. Если вы довольны результатом на вкладке «Выделение» выберите пункт «Инверсия».

Когда вся картинка по контуру будет выделена пунктирной линией, нажмите «Delete» или во вкладке «Редактирование» укажите удалить. Таким образом, слой на котором находился фон, будет удален. Чтобы оставить объект на прозрачном фоне, необходимо сохранить его в формате PNG. Если сохранить его в формате jpeg, он будет располагаться на белом фоне.

Как объединить слои в Фотошопе

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

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

Как вставить изображение в фон в Фотошопе

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

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

Слои заливки

Вы можете создать новый слой, который уже будет содержать заливку однотонным цветом, градиентом или узором. Такие слои могут пригодиться, например, для быстрого создания фона композиции. Чтобы создать новый слой со сплошной заливкой, выполните команду меню Слой ? Новый слой-заливка ? Цвет. При этом появится диалоговое окно, в котором предлагается указать имя слоя и степень его непрозрачности. После нажатия кнопки Да появляется диалоговое окно, в котором вам следует выбрать цвет заливки слоя. Ранее мы описывали диалоговое окно выбора цвета.

Чтобы создать слой с градиентной заливкой, нужно выполнить команду меню Слой ? Новый слой-заливка ? Градиент. После указания имени и степени непрозрачности снова появится диалоговое окно выбора градиента (рис. 5.6). Рассмотрим создание градиента, тем более что вам это может понадобиться и при работе с инструментом Градиентная заливка.

Рис. 5.6. Создание слоя градиентной заливки

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

В раскрывающемся списке Стиль выбирают стиль градиента: Линейный, Радиальный, Угловой, Зеркальный и Ромбовидный.

В поле Угол вводят угол направления градиента. Кроме того, вы можете изменить угол, вращая мышью регулятор, расположенный слева от поля Угол. В поле Масштаб задают масштаб градиента.

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

Чтобы открыть диалоговое окно создания нового градиента (рис. 5.7), нужно щелкнуть кнопкой мыши на поле раскрывающегося списка Градиент (не на кнопке раскрытия, а на самом поле).

Рис. 5.7. Диалоговое окно Редактор градиентов

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

1. Щелкните кнопкой мыши на маркере, расположенном слева под шкалой цвета.

2. Щелкните кнопкой мыши на образце Цвет в нижней части диалогового окна.

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

4. Щелкните кнопкой мыши на маркере, расположенном слева над шкалой цвета.

5. В поле Непрозрачность установите значение 100.

6. Щелкните кнопкой мыши на маркере, расположенном справа под шкалой цвета.

7. Щелкните кнопкой мыши на образце Цвет и в появившемся диалоговом окне выберите белый цвет.

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

9. Установите указатель мыши под шкалой цвета примерно посередине по горизонтали. Он при этом должен принять вид пальца. Щелкните кнопкой мыши. Посередине шкалы цвета (в нижней части) появится новый маркер.

10. Уже известным вам способом выберите для среднего маркера красный цвет.

11. Теперь установите указатель над шкалой цвета (примерно над средним маркером) и щелкните кнопкой мыши. Появится новый маркер.

12. Установите для созданного маркера значение непрозрачности, равное 100.

Градиент создан (рис. 5.8). Итак, цвета градиента задают с помощью маркеров, расположенных под шкалой цвета, а степень непрозрачности цветов градиента – маркерами, расположенными над шкалой. Маркеры можно перемещать вдоль шкалы цвета. Таким способом вы можете сместить цвета градиента, то есть переопределить границы смены цветов, а также границы непрозрачности.

Рис. 5.8. Новый градиент создан

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

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

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

Теперь рассмотрим, как создать узорную заливку. Для этого необходимо выполнить команду меню Слой ? Новый слой-заливка ? Узор. Появится уже знакомое вам диалоговое окно, в котором нужно указать имя слоя и степень его непрозрачности. После этого появляется диалоговое окно для выбора узора. Чтобы сделать выбор, щелкните кнопкой мыши на образце в левой части диалогового окна. Появится список с графическими образцами (рис. 5.9).

Рис. 5.9. Выбор узора

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

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

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

Ссылка на основную публикацию
Adblock
detector