В этом уроке Фотошоп
вы узнаете, что такое маски слоя и в чем заключается их преимущество перед инструментом Ластик (Eraser Tool)
. Маски – один из самых мощных инструментов Фотошоп
.
Возможно, понять его действие для новичков программы не просто, но как только это произойдет, большинство из вас просто перестанут использовать в своих работах Ластик (Eraser) . Преимущество масок в Фотошоп неоспоримо еще и потому, что они способствуют созданию неразрушающего дизайна. Можно много говорить о достоинствах масок слоя, но лучше убедиться в этом на конкретных примерах нашего урока.
Как я часто пишу, одной из наиболее мощных возможностей в Фотошоп является возможность подвергать изменениям один и тот же объект несколько раз, по необходимости, возвращаясь к нему снова и снова. Речь не идет о панели «История» в программе, где также предполагается возврат на несколько шагов назад в случае необходимости. Я имею в виду применение таких способов, при которых в течении всего процесса работы вы сможете осуществлять полный контроль над нужными элементами и корректировать их сразу же, не теряя времени.
Чтобы приступить к работе, скачайте сток-изображение Льва и откройте его в программе. Дважды нажмите по строке этого слоя, чтобы разблокировать его.
Почему необходима разблокировка фона? Разблокировав фоновый слой, вы свободно можете перенести его на документ. Выберите инструмент Перемещение (Мove tool (V)) и потяните слой со львом в любом направлении. Вы увидите, что под слоем образовался прозрачный (Transparent) фон, в то время как при заблокированном слое вы не сможете переместить его. Также вы не сможете применить маску слоя (Layer Mask) , если слой заблокирован.
Теперь, после разблокировки, добавьте Маску на слой. Для этого просто нажмите на ее иконку внизу палитры слоев (кружок в квадрате). Рядом с миниатюрой слоя льва появился белый прямоугольник. Это и есть наша маска.
Давайте разберем основное предназначение маски. Настройте черный цвет для переднего плана (нажмите «D» и цвета переднего-заднего плана примут вид «по умолчанию программы», т.е. черно-белый). Активируйте инструмент «Кисть» (Brush) размером 300 рх, круглую и сделайте клик в области глаз льва.
Как видите, черная кисть на маске работает подобно инструменту Ластик (Eraser). Так чем же они отличаются?
Измените местами цвета переднего и заднего планов, щелкнув по их иконке. Основной цвет теперь белый. Этой же кистью нажмите на удаленное место глаза льва и вы увидите, что пиксели вернулись назад на свое место. Секрет маски в том, что она не удаляет изображение полностью, а лишь скрывает его. Выполняя работу, вы всегда сможете вернуться на маску нужного слоя и выполнить восстановление пикселей кистью белого цвета. При работе с Ластиком (Eraser) , стертое не подлежит восстановлению.
Принцип работы маски:
Черный цвет на маске – скрывает (удаляет) пиксели.
Белый цвет на маске – восстанавливает (проявляет) пиксели.
Серый цвет на маске – уменьшает непрозрачность пикселей.
Предположим, что вы работаете над проектом, в котором множество слоев. Вы дошли до конца, а потом вдруг решили, что слишком много элементов стерто. Как сделать реконструкцию изображения? С Ластиком (Eraser) такой возможности нет. Но если вы использовали при работе маски слоя, просто возьмите Кисть (Brush) и измените на изображении элементы, пока не будете довольны.
Маска слоя – инструмент, который позволяет в любое время изменить или исключить пиксели из изображения.
Пример 1.
Создаем эффект Tilt shift на фотографии при помощи Маски слоя. (Эффект, при котором в фокусе камеры находится лишь один объект, тогда как окружающие его объекты – размыты).
Скачаем для нашего примера фото Праги и откроем его в Фотошоп.
Дублируем слой ( (Ctrl+J) или переходим в Слои-Создать дубликат слоя (Layer>Duplicate layer) .
На дубликате переходим в Фильтр-Размытие-Размытие по Гауссу (filter>Blur>Gaussian blur) и устанавливаем радиус около 10 рх.
На данный момент у нас есть два слоя: оригинальный и дублированный (размытый). Чтобы создать эффект Tilt shift , нам нужно удалить размытый эффект с конкретной области. Для этого, добавляем на размытый слой Маску (нажимаем на ее иконку внизу панели).
Возьмите мягкую (hardness 0%) Кисть (Brush Tool) черного цвета и начните рисовать по изображению моста на фото. Черной кистью мы удаляем зоны размытого слоя, открывая нижний слой с четким изображением.
Вот мы и получили оригинальный фотографический эффект. Если вы захотите подправить стертое, используйте на маске кисть белого цвета для восстановления пикселей.
Пример 2.
Работа с Градиентами (Gradient).
Теперь рассмотрим принцип работы другого инструмента (Gradient Tool)
, который может использоваться в сочетании с Масками слоя.
Открываем в Фотошоп
изображение цветка.
Делаем дубликат слоя (Ctrl+J) и обесцвечиваем его путем перехода во вкладку Изображение-Коррекция-Обесцветить (Image>Adjustments>Desaturate) .
Создаем Маску слоя (Layer Mask)
для дубликата и устанавливаем цвета переднего-заднего планов на черный и белый (нажмите на клавиатуре «D»). Затем, активируйте инструмент Градиент (Gradient Tool (G))
черно-белый с линейным стилем, и сделайте клик на левом крае холста. Протяните его до правого края изображения и отпустите мышь. Как видите, цветная область фото плавно переходит в черно-белую. Черная область градиента удалила пиксели с левой стороны фото, потому что черный цвет на маске – стирает. Белая область градиента не тронула слой, оставив его правую часть в первоначальном виде.
Такой метод часто используется в веб-дизайне и дизайне иконок с применением градиентов, переходящих от белого цвета к прозрачному (white to transparent)
.
Пример 3.
Маски и выделения.Маска может существовать и как отдельный слой в документе. Она является необходимым инструментом при выделении объекта и извлечения его с фона.
Давайте посмотрим, как это работает.
Скачайте фото девушки и откройте его в Фотошоп .
Разблокируйте двойным щелчком слой с девушкой и активируйте инструмент Полигональное Лассо (Polygonal lasso tool) . Сделайте грубое выделение лица модели.
Теперь нажмите на иконку Маски внизу панели слоев, и лицо будет изолировано с фона.
Совет: Если же вы хотите, наоборот, удалить выделенное, нажмите на иконку Маски, удерживая клавишу Alt .
Обесцветьте лицо девушки, нажав сочетание Shift+Ctrl+U . Создайте Новый слой (Layer-New Layer) и переместите его под слой с лицом. Заполните слой (Shift+F5) белым цветом.
Выберите слой с лицом и перейдите во вкладку Фильтр-Имитация-Сухая кисть (Filter>Artistic>Dry brush) с такими настройками: размер кисти (Brush size) 7, детализация (Brush detail) 5, Текстура (Texture) 1. Нажмите Ок для добавления фильтра.
Теперь активируйте маску, нажав на нее в панели слоев. Мы используем ее для оформления нашего фото в акварельном стиле. Для этого нам понадобятся кисти с мазками краски (в ресурсах урока). Чтобы загрузить кисти в программу, активируйте инструмент Кисть (Brush) и перейдите в верхнюю панель настроек. Откройте палитру кистей и нажмите на маленькую стрелку справа. Откроется меню, в котором выберите строчку – «Загрузить кисти» (load brushes) . В диалоговом окне указываете место, где находятся скачанные кисти и внизу - тип файла (ABR) . Нажимаете кнопку «Загрузить» и видите ваши кисти в палитре кистей программы.
Выбираем любую кисть из этого набора и устанавливаем цвет переднего плана на черный («D»). Активируем маску и начинаем наносить мазки кистью вокруг лица девушки в разных направлениях. Вы можете изменять размер, положение, угол кисти в ее палитре (F5) .
Теперь мы получаем следующий результат:
Наконец, создадим Новый слой (Ctrl+Shift+N) или значок внизу панели слоев с согнутым краем листка)) и разместим его между фоновым слоем и слоем с лицом. Кистью (brush tool) черного цвета на этом слое выполняем мазки вокруг лица девушки. В данном случае мы не удаляем части лица модели, потому что рисуем черной кистью не на маске, а на обычном слое. Такой акварельный способ может добавить изюминки на ваше фото.
Вот мой результат этого примера:
Я надеюсь, вы узнали много нового о Масках слоя и поняли принцип их работы в Фотошоп . Удачи в творчестве!
Программа Photoshop заслужила всемирное признание среди дизайнеров, веб-разработчиков и просто обычных пользователей. Благодаря огромному арсеналу различных инструментов и способен решить даже самую сложную графическую задачу. Одна из самых полезных функций этой программы - маска. В Фотошопе данная функция выгодно отличается от всех остальных возможностей графического редактора.
Быстрая маска
В Фотошопе маска имеет две функции: быстрая маска и слой-маска. Рассмотрим сначала одну из них. В программе Фотошоп быстрая маска включается нажатием горячей клавиши - Q. Основная функция этого средства заключается в формировании выделенной области. Например, нам нужно отделить фон от основной части изображения. Включаем режим быстрой маски и выбираем инструмент «кисть». Обводим необходимую нам область, при этом палитра должна стать черно-белой. Первый цвет наносит выделение, а второй удаляет. Как только мы завершили эту операцию, выходим из режима быстрой маски еще одним нажатием клавиши Q. У нас появилась выделенная область. Такая маска в Фотошопе позволяет быстро произвести изменения в нужной части изображения. Необязательно работать именно с кистью, можно использовать, например, карандаш. Когда мы находимся в режиме быстрой маски, выделенная область окрашивается в красный цвет.
Слой-маска
Куда более обширный функционал имеет слой-маска. Чтобы создать ее, нужно выбрать в панели слоев иконку кружка в квадрате с названием «добавить слой-маску». После нажатия на эту иконку возле названия появится дополнительный пустой лист. В программе Фотошоп маска слоя получила применение во многих случаях. Например, ее используют для точного выделения, когда не могут определить ту или иную область. Особенно когда нужно изменить цвет волос. Нецелесообразно выделять каждую волосинку по отдельности, а слой-маска позволяет нам быстро создать необходимую область. Также эта функция позволяет нам производить последовательные изменения без страха, что они станут необратимыми. Если мы работаем со слой-маской, то область изображения, которая будет подвергаться каким-либо изменениям, будет сохраняться. К примеру, нам нужно удалить глаза с фотографии лица. Для этого создадим слой-маску и просто закрасим необходимую нам область при помощи инструмента «кисть». С основного изображения глаза пропадут, а в слой-маске они появятся. Конечно, данный пример не может продемонстрировать весь функционал этого средства. Но смысл должен быть понятен.
Дополнительные сведения
Слой-маска в Фотошопе имеет гибкие настройки, которые позволяют максимально возможно приблизиться к желаемому эффекту. Вернемся к примеру со сменой цвета волос. Мы создали слой-маску, где при помощи кисти создали выделение. Полученный результат нас не устраивает, так как чаще всего челка у человека не всегда идеально уложена. А обвести каждый волос просто невозможно. И здесь нам поможет параметр «край маски». Именно так маска в фотошопе ускоряет весь процесс. Приведенный пример разбирается в отдельной статье. И этим функционал этого средства не исчерпывается.
Заключение
Как уже говорилось выше, маска в фотошопе применяется во многих ситуациях. При помощи ее функций можно получать нестандартные интересные изображения.
Применение масок слоев в «фотошопе » может потребоваться в различных обстановках, скажем, при замене аналогичных элементов. Скажем, человеческих лиц. Впрочем в самом начале работы понадобится покрасить маску в черный цвет, т.е. сделать ее непрозрачной.
Вам понадобится
- – Русифицированная версия Adobe Photoshop СS5
Инструкция
1. Запустите Adobe Photoshop и откройте в нём какое-либо изображение: «Файл» > «Открыть» > выберите файл > «Открыть».
2. В нижнем правом углу программы обнаружьте окно «Слои» (если оно отсутствует, нажмите F7), выберите в нем вкладку “Слои” и сделайте двойственный щелчок по фону. В появившемся окне сразу щелкните «Ок». Тем самым вы превратите фон в слой под наименованием «Слой 0». Вы можете придать ему какое-то больше громкое наименование, но в нашем случае это не столь значимо.
3. Щелкните кнопку «Добавить слой-маску », которая находится в нижней части вкладки «Слои» и изображена в форме квадрата с кружком посередине. Рядом с картинкой «Слоя 0» появится эмблема слоя-маски в виде белого прямоугольника. Переключение между самим слоем и его маской осуществляется при помощи простого клика, а энергичный элемент обрамляется маленький рамкой.
4. Удостоверитесь, что активирован слой-маска и нажмите Ctrl+Backspace. Тем самым вы зальете маску , которая является на данный момент передним планом документа, условно черным цветом, но рабочая область окрасится фоновой сеточкой. Если вам надобно деактивировать маску , нажмите на ее эмблеме правой кнопкой мыши и в появившемся меню кликните «Отключить слой-маску ».
5. Дабы придать маске определенную форму, выберите инструмент «Кисточка» и закрасьте нужную область. Цвет закрашивания по умолчанию установлен белым, но если предпочесть синий, алый, зеленый и пр., он превратится в один из оттенков серого, а это, в свою очередь, повлияет на прозрачность отображения маски.
6. Дабы вновь сделать маску непрозрачной, дозволено применять два инструмента. 1-й – кисточку, но установить цвет закрашивания черным. 2-й – «Ластик» (жгучая клавиша – латинская E, переключение между смежными инструментами – Shift+E).
7. Дабы сберечь плоды ваших трудов, нажмите «Файл» > «Сберечь как» > выберите путь, укажите в поле тип файлов JPEG (если это итоговый итог) либо PSD (если вы еще собираетесь трудиться над этим планом) > «Сберечь».
Если вы ни один час проводите в сети интернет и любите обменяться мыслями на каком-нибудь форуме, то вопрос о положительной заливке картинок для вас является востребованным. В связи с распространенностью тематических форумов и разных общественных сетей данный вопрос, в последнее время, подымается все почаще. Если у общественных сетей теснее возникли свои формы загрузки картинок непринужденно на сайт, то у форумов такой функции еще нет в наличии.
Вам понадобится
- Бесплатный хостинг изображений.
Инструкция
1. Бесплатные хостинги дозволяют загружать огромное число фотографий. Объем и вес этих фото также не имеют ограничения. Разглядим 2 особенно распространенных обслуживания загрузки фотографий: fastpic и radikal.Для того дабы загрузить фотографию на хостинг fastpic нужно перейти на страницу этого обслуживания – fastpic.ru. Нажмите кнопку «Обзор». В открывшемся окне обнаружьте необходимый вам файл. Нажмите «Открыть».
2. Если вы хотите загрузить несколько картинок, то добавить картинки дозволено нажав на «Добавить поле». Выберите добавочные картинку и нажмите «Открыть».
3.
4. Позже загрузки выберите нужную ссылку и скопируйте ее (Ctrl+C либо Ctrl+Ins). Если вы загрузили одну картинку, то окно с вариантами ссылок будет выглядеть дальнейшим образом:
5. Если при загрузке вы указали несколько картинок, то итог будет дальнейшим:
6. Для того дабы загрузить фотографию на хостинг radikal нужно перейти на страницу этого обслуживания radikal.ru. Нажмите кнопку «Обзор». В открывшемся окне обнаружьте необходимый вам файл. Нажмите «Открыть».
7. Для того дабы загрузить картинку в подлинном размере, снимите выделение пункта «Уменьшить до». Данный хостинг механически выставляет уменьшение изображения при загрузке.
8. Для загрузки изображений на хостинг нажмите кнопку «Загрузить».
9. Позже загрузки выберите нужную ссылку и скопируйте ее (Ctrl+C либо Ctrl+Ins).
Видео по теме
Фон изображения в графическом редакторе традиционно заливается с поддержкой команды «Заливка», но перед этим требуется отделить изображение от фона с подмогой выделения и копирования на обособленный слой.
Вам понадобится
- – компьютер;
- – навыки работы с Adobe Photoshop, Corel Draw.
Инструкция
1. Запустите программу Adobe Photoshop, откройте надобное изображение, в котором надобно сделать одноцветный фон, с поддержкой команды «Файл» – «Открыть». Либо перетащите нужный файл в окно программы. Дальше выделите картинку, отдельно от фона. Для этого используйте инструмент «Стремительное выделение», дабы руководить выделяемыми областями, либо инструмент «Магическая палка», если картинка контрастирует с фоном. Позже выделения картинки нажмите на ней правой кнопкой мыши и выберите команду «Инвертировать изображение». Данная команда выделит фон вокруг изображения, для которого вам необходимо исполнить заливку.
2. Очистите выделенный фон вашей картинки нажатием на клавишу Del, дальше добавьте новейший слой, на котором будет расположена заливка фона. Для этого перейдите на палитру слоев и выберите команду «Новейший слой». Перетащите его ниже слоя с картинкой. Дальше выберите цвет фона щелчком по цветовой палитре левой кнопкой мыши. Если нужно верно определить цвет для фона, тогда сделайте новейший слой, скопируйте туда изображение с примером цвета, выберите на палитре инструментов инструмент «Пипетка», щелкните левой кнопкой мыши по примеру цвета. Цвет будет выбран. Удалите сделанный слой, перейдите на слой с фоном, выберите инструмент «Заливка» и щелкните один раз левой кнопкой мыши в вашем фоновом слое. Будет исполнена заливка фона одним цветом.
3. Запустите программу Corel Draw, сделайте новейший документ, дабы сделать одноцветный фон. Перейдите в меню «Макет», выберите команду «Фон страницы», установите флажок в поле «Сплошной» и щелкните по стрелочке, дабы предпочесть цвет для фона страницы. Нажмите кнопку «ОК». Дабы применять в качестве фона одноцветное изображение с вашего компьютера, зайдите в «Макет» – «Фон страницы», установите флажок в поле «Растр» и нажмите кнопку «Обзор». Выберите файл с компьютера, нажмите кнопку «Открыть». Изображение будет добавлено в поле «Источник». Если вы хотите, дабы метаморфозы начального изображения отражались в рисунке, выберите опцию «Связанный». Если же нет, выберите команду «Встроенный». Для установления размера фонового изображения выберите опцию «Специальный размер» и укажите надобные размеры фона. Нажмите кнопку «Ок».
Видео по теме
Маска мыши – одна из самых комфортных, в ней дозволено провести все время праздника. Все вследствие тому, что ее форма фактически всецело совпадает с формой головы человека – надобно лишь «нарастить» нос. Особенно удобым будет экземпляр, сделанный по слепку вашего лица.
Инструкция
1. Скульптурный пластилин раскатайте в пласт толщиной 2-3 см. Наложите его на лицо от яруса роста волос до подбородка. Пальцами прогните поверхность пластилина, дабы он повторял очертания лица. Старательно снимите слепок. Стеком либо канцелярским ножиком сделайте в нем отверстия для глаз. Их форма может быть всякий, в зависимости от жанра прорисовки маски.
2. Раскатайте еще один кусок пластилина. Его толщина должна быть такой же. Опрятно вырежьте из слепка нос и на его месте, из подготовленного куска, вылепите мыши ную мордочку в виде конуса с закругленной вершиной.
3. Нарвите на мелкие ломтики бумагу для принтера. Сложите ее в емкость с водой. Когда бумага размякнет, выложите на пластилиновую заготовку равномерный слой, сверху смажьте его клеем для бумаги. Чередуйте слои бумаги до тех пор, пока маска не станет довольно плотной. Традиционно довольно 5-7 слоев. Оставьте папье-маше высыхать при комнатной температуре.
4. Через 3-5 дней снимите маску . Ее надобно дополнить мыши ными ушками. Вырежьте два круглых уха из картона и бумажными полосками приклейте к верхнему краю маски.
5. Раскрасьте мыши ную мордочку акрилом. Вначале покройте бумагу основным серым цветом. Его дозволено нанести поролоновой губкой либо воспользоваться аэрозольной краской. Когда слой высохнет, прорисуйте детали. Тонкой кисточкой обведите силуэт глаз, нарисуйте цветные радужки. Если мышь – девчонка, нарисуйте длинные ресницы и розовые губы. Улыбку на лице мужественной мыши дозволено провести черным либо темно-серым маркером.
6. Стандартную заготовку для маски дозволено трансформировать в мордочку Микки либо Минни Маус. Для этого сделайте круглые уши больше большими. Нарисуйте на маске вытянутые овальные глаза. Пространство вокруг них и на щеках раскрасьте белым цветом, а бока маски и уши – черным.
7. Дабы маска держалась на лице, снабдите ее резинкой, вставленной в отверстия по бокам. Неприметной будет резинка, которая применяется при изготовлении бижутерии.
Видео по теме
Маска в программе Photoshop является одним из инструментов, служащих для обратимого создания прозрачной области на любом из слоев, за исключением фонового. Существует несколько методов создания масок в этом графическом редакторе.
Вам понадобится
- – программа Photoshop;
- – изображение.
Инструкция
1. Для создания маски-слоя в Photoshop следует предпочесть одну из опций группы Layer Mask из меню Layer. Применение опции Reveal All визуально не изменит изображение, расположенное на маскируемом слое, впрочем рядом с пиктограммой слоя появится значок маски.
2. Для того дабы приступить к редактированию маски, а не изображения, кликните по значку маски. Использование опции Reveal All оправдано в том случае, если участок слоя, тот, что надобно сделать прозрачным, значительно поменьше фрагмента изображения, тот, что останется без изменений. Для того дабы сделать часть картинки прозрачной, закрасьте необходимый фрагмент черным цветом по маске.
3. Опция Hide All сделает слой всецело прозрачным, а прямоугольник маски, тот, что появится в палитре слоев, будет залит черным цветом. Применять эту опцию комфортнее в случае, если слой , за исключением маленький области, надобно сделать прозрачным. Для того дабы указать непрозрачные участки слоя, закрасьте их по маске белым цветом.
4. Для редактирования маски слоя дозволено применять инструменты Brush Tool, Paint Bucket Tool и инструменты группы Shape Tool, переключенные в режим Fill pixels.
5. Корректировочные слои в Photoshop по умолчанию создаются с маской слоя в режиме Reveal All. Они предуготовлены для использования ряда фильтров ко каждым видимым слоям файла. Для редактирования маски корректировочного слоя применяются те же инструменты и цвета, что и для метаморфозы маски слоя с изображением.
6. К слою с фильтром либо изображением дозволено применить две самостоятельно редактируемые маски, одна из которых будет растровой, а вторая – векторной. Для создания векторной маски используйте одну из опций группы Vector Mask меню Layer. Как и растровая, векторная маска может быть сделана в режиме Reveal All либо Hide All.
7. Для редактирования векторных масок используются Pen Tool и инструменты группы Shape Tool в режиме Shape Layers.
8. Еще одним методом метаморфозы прозрачности части слоя в Photoshop является создание обтравочной маски. Для создания маски этого вида разместите под слой с изображением, часть которого необходимо сделать прозрачной, картинку, по границам непрозрачной области которой будет обрезан данный слой . Основой для обтравочной маски может послужить непрозрачная надпись, геометрическая фигура либо всякий слой с прозрачными областями.
9. Перейдите на верхний слой и примените опцию Create Clipping Mask из меню Layer. На слое с изображением останутся непрозрачными только те области, которые лежат над непрозрачными областями слоя-основы.
Язык разметки HTML разрешает делать фон страницы однотонным всякого цвета, а также размещать на нем изображения. Это дает вероятность получить текст, скажем, на фоне пейзажа либо бумажной текстуры.
Инструкция
1. Выбирая цвет фона либо изображение для помещения на него, руководствуйтесь в первую очередь читаемостью текста. Фон должен быть контрастным, иными словами, символы обязаны отчетливо выдаваться на нем. Если вы решили сделать фон графическим, непременно удостоверитесь в том, что вы являетесь автором изображения либо имеете право на его применения на основании договора (скажем, свободной лицензии).
2. Обнаружьте в HTML-исходнике страницы тег
. Дабы сделать фон однотонным и цветным, добавьте в него переменную bkcolor с доводом в виде кода цвета. Позже этого конструкция будет выглядеть дальнейшим образом:3. Если же вы хотите разместить на фон изображение, раньше каждого, уменьшите его размер таким образом, дабы оно имело как горизонтальное, так и вертикальное разрешение менее 320 включительно. Сбережете его в новейший файл, дабы не испортить оригинал. Используйте формат JPG, PNG либо GIF. Удостоверитесь, что объем файла не превышает 100 килобайт – так он будет загружаться стремительней. Учтите, что мобильные браузеры могут все равно отображать взамен него однотонный фон.
4. Применяя веб-интерфейс либо программный FTP-заказчик, разместите файл с изображением в ту из папок сервера, где размещен редактируемый вами HTML-файл.
5. Взамен переменной bkcolor добавьте в тег
переменную background с доводом в виде имени файла с изображением. Сейчас он будет выглядеть так: , где fon.gif – имя файла. Разумеется, если он имеет иной формат, нужно соответственно изменить его растяжение в теге.6. Загрузите на сервер обновленный вариант HTML-файла. Откройте его в браузере. Удостоверитесь, что фон отображается верно. Если на нем находится изображение, оно будет повторяться как по горизонтали, так и по вертикали, заполняя все пространство страницы. Проверьте, насколько отлично читается текст на новом фоне в разных браузерах. При необходимости используйте иной цвет либо графический файл.
Видео по теме
Приветствую вас, друзья. В сегодняшнем уроке я расскажу про маски в фотошопе . Что такое маска в фотошопе, и как она работает? Чтобы ответить на этот вопрос достаточно представить, что происходит, когда человек надевает маску? Верно, маска закрывает собой лицо. Примерно по такому принципу и работает маска в фотошопе — закрывает все нижележащие слои, оставляя видимыми только те участки, где она прозрачна.Это позволяет добиваться плавных переходов между разными частями одного или нескольких изображений. Маски широко применяются в создании коллажей и обработке фотографий.
Для затравки я покажу несколько примеров использования масок в фотошопе:
Планета добавлена с помощью простейшей маски.
А здесь всего 2 слоя — оригинал и обесцвеченное изображение, к обесцвеченному изображению применена маска, а на ней «вытерт» один из кусков граната.
Тут всё тоже самое — я взял 3 изображения с феррари и с помощью маски скрыл фон.
Как видите, для использующего маски в фотошопе открывается не паханное поле экспериментов.
Фотошоп позволяет работать с 4 видами масок — маски слоя (Layer Mask), векторные маски (Vector Mask), Обрезающая маска (Clipping Mask) и быстрая маска (Quick Mask), которая не совсем маска… но об этом позже 🙂
Все маски в фотошопе работают с градациями серого цвета (включая чёрный и белый). Черный цвет на маске — абсолютно прозрачная область, белый — непрозрачная. Серый используется для придания прозрачности разной степени. Чем ближе серый к чёрному, тем прозрачнее будет область.
Взаимодействие с масками производится посредством инструментов , Gradient (Градиент), Paint Bucket Tool (Заливка). Также можно использовать Mixer Brush Tool и Pecil (Карандаш), но это из разряда экзотики, и работает по тому же самому принципу.
Стоит отметить, что маска не удаляет часть изображения, а скрывает его. В этом есть свои плюсы и минусы. Плюс в том, что вы всегда можете сменить цвет на белый, и вернуть скрытую часть изображения. А минус — увеличивается размер файла, поэтому перед сохранением делайте Layer (Слой) -> Layer Mask (Маска слоя) -> Apply (Применить)
Маски слоя в фотошопе
Начнём рассмотрение маски слоя в фотошопе на конкретном примере. Я нашёл в интернете фотографию мыльного пузыря:
Нужно поместить этот пузырь на другой фон. Например на этот:
Скопируйте фотографию мыльного пузыря на фото пейзажа, и с помощью свободной деформации (Ctrl+T) чуть уменьшите пузырь:
Приготовления закончены, теперь давайте разберемся с масками.
За управление масками в фотошопе отвечает раздел в меню Layer:
Сейчас я расскажу о способах создания маски слоя в фотошопе:
— Reveal All создаёт открытую маску. Это значит, что маска заполнена белым цветом, т.е. изображение абсолютно непрозрачно. Для того, чтобы скрыть часть изображения нужно начать рисовать по ней чёрным цветом. Давайте попробуем.
Итак, нажимаем Layer -> Layer Mask -> Reveal All. Обратите внимание, что в панели слоёв справа от миниатюры изображения появился белый прямоугольник. Это и есть маска слоя:
Если щёлкнуть по миниатюре изображения слева, то редактироваться будет оно, вернуться к редактированию маски можно щёлкнув по прямоугольнику с миниатюрой маски. Запомните это, дабы потом не возникло вопроса — почему маска есть, а кисть её не редактирует.
Берем мягкую чёрную кисть и начинаем зарисовывать ей фон фотографии с мыльным пузырём:
Результат получился не слишком аккуратным, но главное чтобы вы поняли принцип. Если вам всё же хочется получить качественный результат, тогда выделите сначала пузырь, затем инвертируйте выделение (Shift+Ctrl+I) и смело закрасьте фон, не боясь скрыть края мыльного пузыря:
Если вы всё же скрыли не то, что хотелось — не беда, смените цвет на белый и восстановите скрытую часть изображения.
Давайте теперь посмотрим, что будет, если закрасить пузырь серым цветом (я взял #a1a1a1):
Пузырь стал полупрозачным. Вы уже чувствуете мощь масок в фотошопе? Это только начало, двигаемся дальше.
— Способ создания маски слоя Hide All скрывает всё изображение за чёрной маской. «Проявлять изображение» на слое с маской вы будете с помощью белой кисти.
Таким образом, решить задачу с мыльным пузырём можно всего одним нажатием белой мягкой кисти:
— Reveal Selection скрывает всё, кроме выделенной области:
— Hide Selection напротив, прячет выделенную область:
— From Transparency создаёт маску без учёта невидимых областей.
Есть также кнопка в панели слоёв для создания маски слоя способом Reveal Selection:
Заливка маски в фотошопе градиентом
Этот приём я показывал уже много раз в уроках photoshop на этом сайте. Заключается он в применении градиента для маски слоя. Допустим, на одном из слоёв есть изображение, часть которого должна плавно исчезать:
Создаём маску, и заливаем её чёрно белым радиальным градиентом. Получаем такой результат:
Векторные маски в фотошопе
Следующий тип маски в фотошопе — это векторная маска. Как и любой другой вектор, векторная маска отличается от обычной, растровой, гибкостью настройки формы благодаря кривым и иммунитетом от потери качества при масштабировании.
Чтобы вам было проще понять суть работы с векторными масками, рекомендую прочитать урок « «, в котором я разбираю основной инструмент фотошопа для работы с векторными фигурами.
Векторные маски создаются точно также, как растровые и работают по тому же принципу, с той лишь разницей, что управляются векторными инструментами, например Pen Tool:
Здесь мы видим новый пункт Current Path — он создаёт маску по уже имеющемуся векторному пути. Давайте остановимся на этом подробнее. Я взял изображение татуировки, и обвёл его контуром с помощью Pen Tool:
И применил Layer — Vector Mask -> Current Path:
В принципе это всё, больше отличий между векторными и растровыми масками в фотошопе нету. Применяйте векторные маски там, где нужна точность: создание логотипов, макетов сайтов и прочих подобных вещей.
Две маски в фотошопе
Фотошоп даёт возможность пользоваться двумя масками сразу — растровой и векторной. Это нужно в первую очередь для удобства пользователя.
Посмотрите на следующий пример:
я создал векторный путь, обводящий морскую звезду. Затем преобразовал его в векторную маску, и одновременно создал растровую маску. Как видите, в панели слоёв теперь находятся 2 маски слоя. Слева растровая, а справа соответственно векторная. Теперь если я захочу сделать середину и края звезды немного прозрачными, я переключусь на растровую маску и разрисую нужные места серой кистью:
И в любой момент я смогу вернуться к редактированию векторной и растровой маски. Удобно, не так ли? Особенно эта возможность помогает при создании макета сайта, когда слоёв много, и бывает нужно вернуться назад и отредактировать форму, цвет или прозрачность элемента.
Сlipping Mask в фотошопе
Следующий тип маски в фотошопе — Clipping Mask. Она обрезает изображение, к которому применена по контуру или маске нижележащего:
На представленном примере на нижнем слое создана обычная векторная фигура с помощью Ellipse Tool (Эллипс), поверх неё изображение с лошадью, к которому применена Clipping Mask. Попробуйте сделать что-то похожее, и подвигайте фигуру на нижнем слое — изображение будет «проявляться» в том месте, в котором находится фигура.
Действия с масками в фотошопе
Маски в фотошопе можно перемещать вне привязки к изображению. Сейчас я покажу как это сделать. Возьмите любое изображение и примените к нему какую-нибудь маску:
Теперь нажмите на иконку цепи между маской и миниатюрой слоя. Теперь вы можете перемещать маску с помощью обычного Move Tool.
Маски в фотошопе можно также копировать на другой слой. Создайте новый слой (Shift+Ctrl+N), залейте его каким-нибудь цветом, зажмите Alt и перетащите миниатюру маски на только что созданный слой:
Быстрая маска в фотошопе
Давайте рассмотрим последний тип маски в фотошопе — быструю маску. Как я говорил в начале, это не совсем маска, это инструмент выделения, который имеет сходный с масками тип работы. Находится быстрая маска в панели инструментов:
Но я советую вызывать её с помощью быстрой клавиши Q. Также, если вы 2 раза кликните по иконке быстрой маски, появятся настройки, позволяющие сменить цвет маски. Нужно это исключительно для удобства, т.к. стандартно маска имеет полупрозрачный красный цвет, и если вы выделяете красное изображение это будет не слишком удобно.
Сейчас мы попробуем выделить с помощью быстрой маски выделить вот эту шикарную собаку 🙂
Нажмите Q, возьмите жёсткую непрозрачную кисть и начните закрашивать:
Обратите внимание, что основной цвет у вас должен быть чёрный. Если вы ошиблись и закрасили что-то лишнее, выберите белый цвет (нажмите X при стандартной цветовой раскладке) и сотрите таким образом ненужный участок маски. Когда закончите закрашивать, вновь нажмите Q. Всё, выделение готово:
На этом мы закончим рассмотрение масок в фотошопе . Надеюсь, вы узнали из этого урока photoshop много нового, и отныне работа с масками в фотошопе не вызовет у вас никакого затруднения.
Задавайте вопросы в комментариях, делитесь своими впечатлениями и делитесь этим уроком с друзьями. Я прощаюсь с вами до новых встреч на нашем сайте и желаю творческих успехов 😉
При обработке фотографий в Фотошопе использование масок слоев является одной из базовых техник, с помощью которой можно изменять часть изображения, размывать фоновый рисунок, заменять схожие элементы. Создание маски слоя позволяет производить необходимую коррекцию слоя, не затрагивая оригинальное фото. Для того чтобы начать работу с маской слоя необходимо покрасить ее в черный цвет, сделав таким образом непрозрачной.
Как залить маску слоя в фотошопе черным цветом
Для этого понадобится:
— русифицированная версия Adobe Photoshop CS5
Запустите программу Adobe Photoshop. С помощью команды «Открыть» главного меню «Файл» выберите нужное изображение. В нижнем правом углу программы находится окно «Слои». Если оно отсутствует, воспользуйтесь горячей клавишей F7. Выберите вкладку «Слои» и дважды кликните по фону. В появившемся окне нажмите «Ок». Теперь вы можете работать с фоном как с одним из слоев. Для удобства работы можно переименовать слой, кликнув по нему правой кнопкой мыши и выбрав команду «Переименовать».
В нижней части вкладки «Слои» расположена кнопка «Добавить слой-маску» в форме квадрата с кружком посередине. Нажав ее, рядом со слоем появится белый прямоугольник (эмблема слоя-маски). При переключении между текущим слоем и его маской, активный элемент обрамляется небольшой рамкой.
Чтобы залить маску, активируйте слой-маску, установите по умолчанию белый цвет и нажмите Ctrl+Backspace. После этого маска окрасится в черный цвет, а рабочая область – фоновой сеточкой. Обратное действие можно произвести, кликнув по эмблеме маски правой кнопкой мыши и выбрав команду «Выключить слой-маску». После этого маска будет деактивирована.
С помощью инструмента «Кисточка» можно закрасить необходимую область маски. Независимо от выбранного цвета (за исключением белого) маска закрашивается одним из оттенков серого, при этом интенсивность цвета влияет на степень прозрачности маски.
С помощью кисточки можно вернуть первоначальную непрозрачность маски, установив перед этим по умолчанию черный цвет. Аналогично операцию можно выполнить с использованием инструмента «Ластик», расположенного на панели инструментов или вызванного горячей клавишей Е.