Меню

Как заполнить выделение цветом



Заливка выделенной области / заливка с учетом содержимого

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

Один из вариантов — выбрать команду меню Редактирование => Выполнить заливку (Edit => Fill) и подобрать цвет из раскрывающегося списка Использовать (Use) в появившемся диалоговом окне. Выберите цвет из открывшегося диалогового окна Палитра цветов (Color Picker), а затем дважды нажмите кнопку ОК, чтобы закрыть диалоговые окна. Фотошоп заполнит выделенную область указанным цветом.

Другой вариант более гибкий способ — это создать корректирующий слой с цветной заливкой (этот слой векторный, по сути, так что он не увеличит размер файла). Создав выделение с помощью инструмента Прямоугольная область, нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or Adjustment layer), которая находится в нижней части палитры слоев (значок с изображением наполовину черного, наполовину белого круга) и выберите вариант Цвет (Solid Color). Затем подберите цвет из появившейся палитры и нажмите кнопку ОК. В примере ниже я инвертировал котанов в середине, чтобы заливка была с краев изображения. Для дополнительного шика можно добавить разные стили слоя, такие как тень, свечение и другие.

Использование заливки Content-Aware (С учетом содержимого)

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

Когда использовать каждый из вариантов, спросите вы? Если у вас много хороших пикселов с обеих сторон от пикселов, которые вы хотите удалить, попробуйте применить инструмент Точечная восстанавливающая кисть. Если вы хотите более точно убрать пикселы, скажем, если объект, который требуется удалить, находится совсем рядом с чем-то, что вы хотите сохранить, — создайте выделенную область, а затем примените заливку С учетом содержимого (если это возможно, лучше добавить немного фона).

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


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

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

Теперь то же самое, но подробно:

1. Откройте изображение и продублируйте фоновый слой, нажав сочетание клавиш Ctrl+J.

2. Выделите лисицу слева. Великолепно справится инструмент Магнитное лассо, так как между лисицей и фоном существует значительный контраст. Выберите его на панели инструментов или несколько раз нажав сочетание клавиш Shift+L. Установите указатель мыши на изображение и щелкните мышью один раз, чтобы установить отправную точку, а затем обведите вокруг лисы, щелкая кнопкой мыши для добавления опорных точек.

3. Выберите команду меню Редактирование => Выполнить заливку и укажите вариант С учетом содержимого в раскрывающемся списке Использовать, ЛИБО выберите инструмент Точечная восстанавливающая кисть, установите в параметрах соответствующий флажок, выберите размер кисти и закрасьте все что было выделено. Фотошоп заполнит все место соседними пикселами.

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

Читайте также:  Что делать если выделения бело зеленого цвета

Источник

LiveInternetLiveInternet

Метки

Рубрики

  • Анимашки Картинки (2428)
  • Аватарки (38)
  • Декор (290)
  • Клипарт (1269)
  • Обои (119)
  • Открытки (52)
  • Разделители (185)
  • С днем рождения (51)
  • Скрап-наборы (227)
  • Смайлики (22)
  • Фотографии (48)
  • Блог (60)
  • Будем здоровы! (430)
  • Диеты, похудение (51)
  • Помоги себе сам (191)
  • Рецепты красоты, молодости (140)
  • Видео (160)
  • Все для дома (207)
  • Дети, для детей (102)
  • Огород, сад (18)
  • Полезные советы (38)
  • Рукоделие (19)
  • Для школы (4)
  • Дневник (1696)
  • Для друзей (85)
  • Комментарии (106)
  • Оформление (462)
  • Рамки для днева (695)
  • Уроки для днева (292)
  • Живопись (172)
  • Кинозал (116)
  • Компьютер (497)
  • Генераторы (183)
  • Интернет (64)
  • Создание сайта (31)
  • Кулинария (643)
  • Вторые блюда (65)
  • Выпечка, мучные блюда (167)
  • Заготовки на зиму (12)
  • Закуски,салаты (154)
  • Мои фирменные рецепты (4)
  • Мясные блюда (85)
  • Праздничный стол (38)
  • Приправы, соусы (18)
  • Рыбные блюда (64)
  • Мода для красоты (7)
  • Мои работы (1593)
  • Открытки мои (63)
  • Рамочки мои (230)
  • Рамочки мои простые (73)
  • Схемы мои (1365)
  • Фоны мои (24)
  • Музыка (393)
  • Инструментальная музыка (70)
  • Песни (147)
  • Ретро (31)
  • Натюморты (22)
  • Поздравления (35)
  • Мое личное (14)
  • Праздники (1105)
  • 8 Марта (84)
  • Валентинов день (119)
  • Новый год. Рождество (739)
  • Пасха (98)
  • Природы очарование (1234)
  • Цветы (978)
  • Зима (6)
  • осень (9)
  • Программы (411)
  • ProShow (82)
  • Корел (17)
  • Сайты для пользы (89)
  • Слайд-шоу (75)
  • Стихи (134)
  • Страны (10)
  • Схемы (69)
  • Флешки (95)
  • Фоны (1145)
  • Фотошоп (2402)
  • Генераторы фотографий (78)
  • Коллажи (657)
  • Маски, кисти,плагины (371)
  • Рамки (138)
  • Уголки (13)
  • Уроки анимации (367)
  • Это интересно (240)
  • Защити себя (60)
  • Молитвы (52)
  • Мудрые мысли (36)
  • Юмор (33)

Музыка

Ссылки

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

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

Интересы

Друзья

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

Сообщества

Статистика

Photoshop — Урок 1. Простое выделение и заливка

Photoshop — Урок 1. Простое выделение и заливка

Photoshop — Урок 1. Простое выделение и заливка

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

Итак, вы установили и запустили программу Adobe Photoshop.

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

Создание нового файла

Щелкаем Файл -> Новый. Рассмотрим появившееся окно:

    Имя (Name) — имя будущего документа. Чаще всего этот параметр не задают, а имя файлу назначают при сохранении.

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

Разрешение (Resolution) — количество точек на единицу длины. Чем выше этот показатель, тем качественнее изображение, но и больший размер файла. Поэтому за норму принято разрешение в 72 пиксела на дюйм (так называемое экранное разрешение).

Режим (Color mode) — самый распространенный RGB цвет (color), т.к. позволяет использовать все видимые человеческим глазом цвета. Глубина цвета задается в битах, хватает стандартных 8 бит.

  • Содержимое фона (Background contents) — определяет фон изображения (белый, прозрачный, цвет заднего плана).
    Остальные настройки используются редко. Сделайте настройки как на картинке и щелкайте OK.
  • Палитра инструментов

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


    Сегодня мы рассмотрим лишь некоторые из этих инструментов:

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

    Читайте также:  Кроссовки серебристого цвета с чем носить

    Здесь можно выбрать необходимое.

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


    Итак, для прямоугольного выделения имеем следующие параметры:

    — новое выделение. Создается новое выделение, при этом имеющиеся выделенные области (если они есть) исчезают.

    — добавить к выделению. Обозначенная область добавится к уже существующему выделению.

    — удалить из выделения. Исключает выделенную область из выделения.

    — выделить пересечение. Из двух выделений (старого и нового) выделит область пересечения.

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

    Стиль — задает способ выделения: нормальный (normal) — свободное выделение, заданные пропорции (fixed aspect ratio) — пропорциональное выделение, фиксированный размер (fixed size) — область выделения заданного размера.

    Для всех инструментов выделения параметры аналогичны.

    Попробуем на деле:

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

    Теперь на панели параметров щелкните по иконке «добавить к выделению», подведите курсор мыши к центру нашего квадратика, нажмите левую клавишу мыши и, не отпуская, растяните еще один квадратик (рис.2).

    Теперь на панели параметров щелкните по иконке «удалить из выделения», подведите курсор мыши к центру нашего второго квадратика, нажмите левую клавишу мыши и, не отпуская, растяните квадратик (рис.3).

    Должно получиться, как на рис.4.
    Оставим пока так и посмотрим, как выбирать и задавать цвета.

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

    1 — цвет переднего плана.
    2 — цвет фона.
    3 — установить цвета по умолчанию (т.е. черный и белый).
    4 — поменять местами цвета переднего плана и фона.

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

    Теперь рассмотрим следующую группу инструментов.

    — заливка. Щелкните по этому инструменту и удерживайте левую клавишу мыши, раскроется меню выбора: градиент и заливка.

    Здесь можно выбрать необходимое.

    Ведро — заливает изображение (выделение) цветом или текстурой.

    Рассмотрим панель параметров:


    Итак, для заливки имеем следующие параметры:

    Заливка (fill) — определяет, что использовать в качестве «краски»: основной цвет (foreground)зальет основным цветом, шаблон (узор — pattern) зальет некоторым узором.

    Шаблон (pattern) — узор для заливки.

    Режим (mode) — способ наложения пикселов, значений много и рассматриваться будут по мере необходимости.

    Непрозрачность (opacity) — определяет степень прозрачности заливки.

    Допуск (tolerance) — диапазон цветов для заполнения.

    Галочка сглаживание означает смягчить края перехода.

    Попробуем на деле:

    Возьмите инструмент заливка (щелкните по ведру), подведите его вовнутрь выделения, сделанного на предыдущем шаге, и щелкните мышкой. Наше выделение окрасится в цвет переднего плана (по умолчанию — черный).

    Теперь на панели параметров выберете: Заливка -> Узор, Узор -> любой понравившийся.

    Снова подведите наше ведро вовнутрь выделения и щелкните. Теперь оно залито шаблоном и выглядит так:

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

    — градиент. Создает заливку с плавным переходом между двумя или несколькими цветами.

    Рассмотрим панель параметров:


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

    Читайте также:  Классические женские туфли красного цвета

    — определяет вид градиента (слева направо — линейный, радиальный, угловой, отраженный, ромбовидный).

    Инверсия (reverse)- галочка указывает геометрически перевернуть градиент.

    Дизеринг (глубина — dither) — галочка указывает сгладить для уменьшения сегментации.

    Прозрачность (transparency) — галочка указывает на использование прозрачности.

    Попробуем на деле:

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

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

    Теперь подведите курсор мыши к середине левой стороны нашего выделения, нажмите левую клавишу мыши и, не отпуская, протяните линию до середины правой стороны(рис.1)
    Теперь протяните линию градиента по диагонали (рис.2)
    А теперь сверху вниз (рис.3)

    Посмотрите на разницу и поэкспериментируйте с различными градиентами и их видами.

    Сохранение изображения

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

    Щелкните пункт меню Файл (File), в отрывающемся меню вы увидите привычный пункт -Сохранить Как (Save As)- и новый — Сохранить для Web (Save for Web). Разберемся какой для чего.

    Если вы работаете над изображением и хотите иметь возможность изменять его в будущем, то следует выбрать пункт меню — Сохранить Как (Save As)

    Где сохранять и какое имя дать — ваше личное дело, а вот формат будет *.PSD;*.PDD. Именно в этом формате сохраняются все ваши настройки (у нас их пока нет, но позже появятся). Таким образом, сохраняется не картинка целиком, а сохраняются ее части, каждую из которых вы сможете изменить когда захотите.

    Если же ваше изображение готово, то выбирайте пункт меню — Сохранить для Web (Save for Web). Изображение будет сохранено оптимизированным для Интернета (т.е. с наилучшим сочетанием качество\размер файла). Отрывшееся окно сохранения следует рассмотреть подробнее:

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

    Оригинальный (original) — изображение как оно есть. Как правило, большой размер файла, недопустимый для web.
    Оптимальный (optimized) — оптимальное соотношение качества и размера файла с точки зрения программы.
    2-up, 4-up — соответственно два и четыре варианта изображения рядом, внизу каждого указан размер. Вы можете выбрать оптимальный на ваш взгляд.

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

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

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

    Итак, выбирайте самое оптимальное изображение на ваш взгляд и щелкайте по кнопке Сохранить (Save). Откроется уже привычное окно сохранения, где следует указать Папку (куда сохранить) и Имя файла, остальное будет уже указано, снова щелкаем по Сохранить (Save). Изображение для web готово.

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

    Чтобы закрепить эти навыки, поэкспериментируйте (создавайте разные по форме области и заливайте их различными способами).

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

    Источник

    Adblock
    detector