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

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

Как просто и быстро закрасить слой нужным цветом в Photoshop

Приветствую вас в блоге Start-Luck. Сегодня мы продолжим изучать Photoshop. Данная тема будет интересна фотографам, дизайнерам, иллюстраторам и всем, кто хочет освоить графический пакет. Мы поговорим о том, как залить слой цветом.

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

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

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

Кстати, если вы начинающий веб-дизайнер, то очень рекомендую обратить внимание на ресурс netology.ru . У этого университета есть курс « Adobe Photoshop: основы для веб-дизайнера ». Чем он хорош: обучение ведут практикующие эксперты, которые знают всё о тенденциях в современном дизайне. Обучение делится на теорию и практику, лекции проходят во второй половине дня. Это особенно удобно, если вы работаете и учитесь. Процесс подачи знаний разделён на этапы, с азов и до создания макета веб-сайта.

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

Инструменты для работы

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

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

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

Выделили – отлично! После этого, в верхней строке выбираем выделение. В выпадающем меню ищем «Уточнить край».

У нас появилось окно, нам нужен чёрный фон.

Теперь внимательно смотрим на скриншот и делаем всё, так как на нём указано. Затем выводим на новый слой.

В итоге видим мяч на прозрачном слое. Но его пока заливать нельзя. Для заливки создаём новый слой.

Покраска

А сейчас мы можем переходить непосредственно к заливке. Берём ковшик («Заливка») на панели инструментов, выбираем цвет. У нас, как вы помните розовый, можно залить чёрным или белым, только если зальёте белым, результат от исходника ничем отличаться не будет.

Панель с настройками должна выглядеть так. Сочетание клавиш Shift + Backspace поможет вызвать настройки заливки.

Кликаем «заливка» на новом прозрачном слое. Получаем результат, который нам был необходим.

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

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

Графика – это важно!

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

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

Я знаю множество сайтов, которые могут похвастаться отличной бизнес-идеей. Но у них отталкивающий дизайн, он блеклый, неудобный и совершенно не выполняет свои первостепенные функции. А если над ним поработать, даже просто правильно подобрав фон (рекомендую к прочтению — Как быстро нарисовать чёрный фон в Photoshop), информация будет бросаться в глаза, а пользователь не упустит то, что может предложить данный ресурс.

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

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)
Читайте также:  Отсутствует Buddha dll что делать

Цитатник

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

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

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

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

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

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

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

Друзья

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

Сообщества

Статистика

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

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

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

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

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

Шаг 1

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

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

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

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

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

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

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

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

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

Шаг 2

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

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

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

Шаг 3

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

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

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

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

Шаг 4

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

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

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

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

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

Начало работы в Photoshop — быстрое выделение и заливка

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

Несмотря на то, что интерфейсы всех используемых в настоящий момент версий редактора настолько схожи, что не важно, в какой учиться, на всякий случай уточню: мои уроки выполнялись в Adobe Photoshop CC — на конец 2016 года самой свежей редакции программы, Сразу после запуска окно её выглядит так.

Создание документа

Несмотря на обилие инструментов, работа в Photoshop, как и в любом другом редакторе, начинается с создания нового документа.

  1. В главном меню программы выполните команду Файл -> Создать либо нажмите сочетание клавиш Ctrl+N .
  2. В открывшемся окне Новый задайте параметры будущего документа (можно установить такие же, как на скриншоте ниже).

  • Имя. Может быть любым. Хотя многие на этом этапе не трогают это поле, задавая имя файлу уже во время сохранения, лучше переименуйте документ сразу, чтобы избежать путаницы.
  • Ширина. Размер холста по горизонтали. В компьютерном мире принято задавать в пикселях, но если вы работаете, скажем, с бумажной продукцией, то вам вполне могут подойти сантиметры или даже пункты.
  • Высота. Длина холста по вертикали.
  • Разрешение. Чем больше показатель, тем качественней конечное изображение.
  • Цветовой режим. Формат и глубина цвета. Обычно 8-битный RGB всех устраивает.
  • Содержимое фона. В нашем случае фон будет белым, но ему можно задать любой другой цвет или вообще сделать прозрачным.
  • Цветовой профиль. Здесь можно назначить либо удалить профиль цветопередачи. Из-за неправильно выбранного пункта именно в этом раскрывающемся списке можно получить проблемы с цветопередачей, корень которых потом приходится долго искать.
  • Попиксельная пропорция. Вариант следует выбирать, исходя из стандарта, с которым вы работаете. Если значения раскрывающегося списка ничего вам не говорят, — оставьте Квадратные пикселы.
  1. Нажмите OK и оцените результат — документ создан.

Быстрое выделение

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

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

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

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

За выделение отвечает специальная группа инструментов. Выберите Прямоугольное выделение .

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

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

  • Режим работы меняется щелчком на одном из четырёх значков.

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

— Добавить к выделенной области. Если хотите выделить вторую и последующие области, используйте этот режим.

— Вычитание из выделенной области. Режим служит для снятия выделения с отдельных областей.

— Пересечение с выделенной областью. Режим выделения пересечения двух областей.

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

Чтобы понять, как это работает, сделайте следующее.

  1. Выберите инструмент Выделение -> Прямоугольная область.
  2. Выделите первый фрагмент. Для этого установите указатель мыши в левый верхний угол экрана и, удерживая нажатой кнопку мыши, перемещайте его вправо и вниз, выделяя прямоугольную область.

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

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

Заливка цветом

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

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

Читайте также:  Причины, по которым щелкает жесткий диск, и их решение

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

Чтобы цвета изменились на самом рисунке, нужно воспользоваться инструментами заливки.

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

Но это простейший случай. Если хочется чего-то посложней, обратите внимание на панель параметров инструмента.

  • Определение источника для заливки. Помимо основного цвета ещё доступен вариант Узор, с помощью которого область можно красиво и неоднотонно разукрасить.
  • Шаблон. Появляется при выборе узора в качестве источника и позволяет выбрать тип узора.
  • Режим. Пиксели будут накладываться на изображение по-разному, в зависимости от выбранного варианта.
  • Непрозрачность. Устанавливает прозрачность заливки в процентах. С её помощью можно сделать так, чтобы под основным цветом проглядывал и фон.
  • Допуск. Задаёт диапазон заливаемых цветов.

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

  1. Отмените однотонную заливку (Ctr+Z) .
  2. На панели параметров инструмента Заливка выберите в качестве источника цвета узор.

  1. Выберите шаблон узора по вкусу.

  1. Щёлкните левой кнопкой мыши внутри выделенной области.

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

  1. Отмените заливку узором.
  2. Выберите инструмент заливки Градиент.
  3. На панели параметров укажите градиент и его тип.
  4. В пределах выделенной области на холсте проведите указателем, удерживая при этом кнопку мыши нажатой, либо сверху вниз, либо слева направо, либо по диагонали, посмотрите, что получится, и, отменяя неудачные заливки, выберите лучший вариант.

Сохранение в файл

После всех действий рабочий документ необходимо сохранить в файл.

  1. Выполните команду Файл -> Сохранить .
  2. В появившемся окне Проводника укажите имя файла и папку, куда он будет сохранён. Убедитесь, что в списке Тип файла выбран пункт Photoshop (*PSD, *PDD) и нажмите кнопку Сохранить . Дело в том, что форматы являются для Photoshop «родными», и в дальнейшем вы легко сможете вернуться к редактированию их содержимого.

Если же вы хотите сохранить файл в качестве обыкновенной картинки — выполните команду Файл -> Экспортировать -> Экспортировать как , в открывшемся окне задайте подходящий формат, нажмите кнопку Экспорт , укажите имя и расположение файла, а затем нажмите Сохранить .

Слои заливки

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

Чтобы создать слой с градиентной заливкой, нужно выполнить команду меню Слой ? Новый слой-заливка ? Градиент. После указания имени и степени непрозрачности снова появится диалоговое окно выбора градиента (рис. 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 содержит несколько библиотек узоров. Чтобы выбрать новую библиотеку, нужно нажать круглую кнопку со стрелкой в правой части раскрытого списка образцов и в появившемся меню выбрать название библиотеки. Названия библиотек находятся в нижней части меню. При этом содержимое списка образцов будет заменено образцами выбранной вами библиотеки.

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

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

Непрозрачность и заливка в палитре слоев

В Adobe Photoshop есть две функции, отвечающие за прозрачность изображения – Непрозрачность и Заливка. Не путайте с инструментом «Заливка». Мы будем рассматривать параметры, расположенные в палитре слоев. Они отвечают за степень видимости сквозь слой в процентах.

Читайте также:  Трассировка в Adobe Illustrator СС

Внимание! Работа с прозрачностью и заливкой в Фотошоп недоступны для закрепленных слоев.

Как открепить рассказано в статье о работе со слоями.

Отличие заливки от непрозрачности

Разница в том, что непрозрачность влияет на все изображение, включая стили, а заливка изменяет прозрачность, не затрагивая примененные стили.

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

На всех слоях, кроме фонового, ставим значение непрозрачности ноль, то есть устанавливаем полную прозрачность. Все слои становятся 100% прозрачными, невидимыми:

Проделаем то же с заливкой. Уберем ее, снизив значение до ноля, а непрозрачность оставим 100%.

Слои без стилей полностью прозрачные. Их не видно. В правой части они так же прозрачны, ведь через них виден фон. А вот стили – тиснение, обводка, тень, остались без изменения.

Вывод: В отличие от непрозрачности, заливка не влияет на стили слоя. В этом и заключается разница между этими функциями.

Как работать с непрозрачностью и заливкой

Как и многое в редакторе Фотошоп, изменить непрозрачность можно разными способами:

  1. Нажатие на кнопку со стрелочкой откроет ползунок. Передвигая его, мы изменяем значения.
  2. Подведите курсор к названию функции. Когда он примет вид руки со стрелочками, зажимаем левой кнопкой мыши и двигаем вправо для увеличения и влево для уменьшения непрозрачности.
  3. Введите в окошко числовое значение от 0 до 100 и нажмите Enter. Знак % можно не вводить, он добавится автоматически.
  4. Используем на клавиатуре цифры от 1 до 0. Цифра 1 изменит непрозрачность на 10% … 9 – на 90%, а 0 – на 100%. Если набрать двузначное число, то именно на такую величину изменится непрозрачность. То есть, если мы на клавиатуре наберем 46, то непрозрачность слоя будет 46%. Те же манипуляции с зажатой клавишей Shift действуют для заливки.

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

Есть еще способ посмотреть и изменить эти параметры – окно стилей. Открыть его можно:

  • двойным щелчком по слою;
  • щелчком на слой правой кнопкой мыши и в списке выбрать Параметры наложения;
  • нажать на значок стилей fx (рис.1) и в списке выбрать Параметры наложения.

Непрозрачность и заливка группы

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

Пример: В группе лежат два слоя. Щелкаем на саму группу, чтобы сделать ее активной и снижаем непрозрачность до 15%. Оба слоя этой группы стали почти прозрачными. Открываем группу и делаем активным какой-либо слой внутри нее. Редактор показывает непрозрачность 100%, но на изображении мы видим, что он прозрачный. Он подчиняется значениям, установленным для группы.

Если слои вывести из группы, то есть разгруппировать, они будут отражаться со своими значениями и станут видны со 100% непрозрачности.

Внимание! Для группы функция Заливка действует как Непрозрачность и не сохраняет стили.

Как сделать заливку в Фотошопе – настройки и использование

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

Заливка – инструмент, присутствующий даже в самых простых графических редакторах (Paint), и в профессиональных программах для рисования и редактирования (Paint Tool SAI, Adobe Photoshop). Она меняет оттенок или прозрачность выбранной площади на виртуальном холсте. Отличие от кисти в автоматизации действия, однородности и равномерности покрытия.

Заливки бывают четырех типов:

  1. Однородная. Выбранный участок холста заливается одним сплошным оттенком равномерно.
  2. Градиентная. Градиент – плавный переход от одного оттенка к другому. Может различаться в направлении или траектории (линейная, радиальная, квадратная, коническая).
  3. Узорная – особый тип заливки, при котором на участке изображения симметричный узор повторяется равномерно по всей площади, выбранной для заливки. Бывает двух- и многоцветный узор.
  4. Текстурная – способ, имитирующий природные материалы. Состоит из разнородных фрагментов, используется для придания выразительности и реалистичности предметам.

Как сделать заливку

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

Заливка находится в левом боковом меню с другими инструментами и напоминает банку с краской. В самом низу этого меню находится мини-панель с двумя выбранными окрасками. После установки этих оттенков можно выбрать нужный инструмент.

Также для заливки можно использовать горячие клавиши:

  • Ctrl+Delete или Ctrl+Backspace для использования фонового цвета;
  • Alt+Delete или Alt+Backspace для использования основного цвета.

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

Заливка цветом

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

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

В некоторых версиях Adobe Photoshop заливка и вектор имеют собственные иконки. В других же они объединены в одну и предоставляют выбор при непосредственном нажатии на них. Обычно изображаются они значком градиента.

Градиент

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

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

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

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

Далее все происходит как при заливке оттенком – с помощью щелчка левой кнопки мыши.

Как залить выделенную область

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

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

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

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

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

Для этого после выделения нужно перейти в «Редактирование» — «Выполнить заливку выделенной области». В окне «Залить слой» в списке «Использовать» указать «С учетом содержимого».

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