Помощь начинающему – маски в Photoshop. Добавление слоев-масок

В этом уроке Фотошоп вы узнаете, что такое маски слоя и в чем заключается их преимущество перед инструментом Ластик (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) черного цвета на этом слое выполняем мазки вокруг лица девушки. В данном случае мы не удаляем части лица модели, потому что рисуем черной кистью не на маске, а на обычном слое. Такой акварельный способ может добавить изюминки на ваше фото.

Вот мой результат этого примера:

Я надеюсь, вы узнали много нового о Масках слоя и поняли принцип их работы в Фотошоп . Удачи в творчестве!

Часть 1 – Основные понятия о маске

Краткий обзор масок в Photoshop
В реальной жизни все люди знают, что такое маска. Она скрывает некоторые вещи и люди не видят, что находится за ней. Маски в Photoshop работают по такому же принципу.
Существует 2 типа масок: Слой-маска (пиксельная) и векторная маска.
По определению (из Центра поддержки Adobe):

Слой-маска – зависимые от разрешения карты, которые можно редактировать при помощи инструментов выделения или заливки.
- Векторная маска – независима от разрешения и создаётся при помощи инструмента Перо (

В этом уроке мы разберём слой-маску (пиксельную).

Где найти функции маски
В Photoshop есть много способов добавления маски к слою. Один из способов это меню Слой»Слой-маска (Layer > Layer Mask). Там есть значения Показать все (Reveal All) и Скрыть все (Hide All). Я объясню эти два параметра.
Откройте любое изображение в Photoshop, сделайте копию слоя (Ctrl+J) и залейте фоновый слой каким-нибудь цветом (например, чёрным). Потом выберите копию и перейдите в меню Слой»Слой-маска»Показать все:

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

Теперь кликните правой кнопкой на иконке маски и выберите Удалить слой-маску (Delete Layer Mask):

Теперь перейдите в меню Слой»Слой-маска»Скрыть все:

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

На практике, если вам нужно будет скрыть небольшие участки изображения, то можете выбирать вариант Показать все (Reveal All) и чёрной кистью зарисовывать ненужные области. Если же вы хотите скрыть большие области изображения, то выбирайте другой вариант и работайте белой кистью, чтобы сделать нужные объекты видимыми.
Также слой-маску можно добавить при помощи иконки в низу палитры слоёв, показанной ниже.

Дополнительные параметры маски
У маски есть также дополнительные параметры. Чтобы их открыть, нужно перейти в меню Окно»Маски (Window > Masks) (в CS3 нет такой возможности).

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

Использование мягкой и жёсткой кисти на маске
Один из самых простых способов скрытия или проявления изображения через маску это использование инструмента Кисть (

А на холсте:

Результат:

А это результат от применения жёсткой кисти:

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

Часть 2 – Быстрая, обтравочная маски и маска корректирующих слоёв

Сейчас я объясню, что такое быстрая маска. Она не похожа на предыдущие маски и используется для создания выделений. Её можно использовать в тех случаях, когда вы хотите вырезать одну часть изображения, но пользоваться другими инструментами выделения не очень удобно.
Откройте в Photoshop. Перейдите в режим Быстрой маски (Q):

Цвет заливки – чёрный.

Выберите кисть и настройте её размер:

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

Вернитесь в нормальный режим (Q или кликните на иконке быстрой маски ещё раз) и закрашенная область превратится в выделенную:

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

Обтравочная маска
Это одна из самых полезных вещей в Photoshop. Она упрощает процесс работы со слоями и их границами. Давайте рассмотрим принцип работы этой маски на примере. Создайте новый документ размером 600х600 пикселей с белым фоном. Напишите какой-нибудь текст.

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

Вам понадобится

• – Русифицированная версия 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-файла. Откройте его в браузере. Удостоверитесь, что фон отображается верно. Если на нем находится изображение, оно будет повторяться как по горизонтали, так и по вертикали, заполняя все пространство страницы. Проверьте, насколько отлично читается текст на новом фоне в разных браузерах. При необходимости используйте иной цвет либо графический файл.

Видео по теме

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

Оригинальный снимок

А вот как он будет выглядеть после нашей обработки в Photoshop :

Финальный результат

Этап 1: добавляем корректирующий слой «Уровни»

Перед тем как начать, давайте быстренько взглянем на нашу панель слоев:

Панель слоев

Чтобы сделать глаза девушки ярче, необходимо добавить корректирующий слой «Уровни ». Кликните по кнопке «Новый корректирующий слой » (New Adjustment Layer ), расположенной в нижней части панели слоев:

Кликаем по кнопке создания нового корректирующего слоя

Из появившегося меню выбираем пункт «Уровни » (Levels ):

Выбираем «Уровни» из списка

С этим слоем мы ничего не будем делать. Все что нам нужно, это добавить его в документ, и если вы используете Photoshop CS3 или более ранние версии, просто нажмите «ОК » в правом верхнем углу окна «Уровни ». Если вы используете Photoshop CS4 и выше, то опции настройки корректирующего слоя появятся в новом разделе «Свойства ».

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

Корректирующий слой находится прямо над фоном

Этап 2: изменяем режим наложения слоя на «Экран» (Screen)

Изменим режим наложения корректирующего слоя. Этот параметр доступен для настройки в левом верхнем углу на панели слоев. По умолчанию, режим будет выставлен на «Нормальный » (Normal ). После нажатия на надпись нужно открыть выпадающий список и выбрать значение «Экран » (Screen ):

Изменяем режим наложения слоя на «Экран» (Screen)

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

Режим наложения «Осветление» сразу же осветляет весь снимок

Этап 3: заливаем маску слоя черным цветом

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

Именно поэтому светлым становится сразу все изображение:

Маска корректирующего слоя по умолчанию заполнена белым цветом

Давайте скроем эффект корректирующего слоя, чтобы он ничего не затрагивал на фотографии. И сделать это можно очень просто: залить маску слоя черным цветом. Откройте меню «Редактирование » (Edit ), и найдите там пункт «Выполнить заливку » (Fill ):

Меню Редактирование > Выполнить заливку …

После этого откроется окно «Заполнить ». Измените опцию «Содержание » (Use ) на «Черный » (Black ), а затем нажмите «ОК »:

Изменяем параметр «Содержание» на «Черный»

Если снова посмотреть на миниатюру маски слоя на панели слоев, то теперь она залита черным цветом:

Маска корректирующего слоя «Уровни» теперь залита черным цветом

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

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

Мы вернулись к исходному изображению

Этап 4: используем «Кисть» (Brush)

Выберите инструмент «Кисть » (Brush Tool ) на панели инструментов:

Этап 5: наносим белый цвет на глаза

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

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

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

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

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

Инструкция

Запустите Adobe Photoshop и откройте в нём какое-нибудь изображение: «Файл» > «Открыть» > выберите файл > «Открыть».

В нижнем правом углу программы найдите окно «Слои» (если оно отсутствует, нажмите F7), выберите в нем вкладку "Слои" и сделайте двойной щелчок по фону. В появившемся окне сразу щелкните «Ок». Тем самым вы превратите фон в слой под названием «Слой 0». Вы можете придать ему какое-то более звучное название, но в нашем случае это не столь важно.

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

Убедитесь, что активирован слой-маска и нажмите Ctrl+Backspace. Тем самым вы зальете маску , которая является на данный момент передним планом документа, условно черным цветом , но рабочая область окрасится фоновой сеточкой. Если вам нужно деактивировать маску , нажмите на ее эмблеме правой кнопкой мыши и в появившемся меню кликните «Выключить слой-маску ».

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

Чтобы снова сделать маску непрозрачной, можно использовать два инструмента. Первый – кисточку, но установить цвет закрашивания черным. Второй – «Ластик» (горячая клавиша – латинская E, переключение между смежными инструментами – Shift+E).

Чтобы сохранить плоды ваших трудов, нажмите «Файл» > «Сохранить как» > выберите путь, укажите в поле тип файлов JPEG (если это итоговый результат) или PSD (если вы еще собираетесь работать над этим проектом) > «Сохранить».

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

Вам понадобится

• Бесплатный хостинг изображений.

Инструкция

Бесплатные хостинги позволяют загружать большое количество . Объем и вес этих фото также не имеют ограничения. Рассмотрим 2 наиболее распространенных сервиса фотографий: fastpic и radikal.

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

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

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

Для загрузки изображений на хостинг нажмите кнопку «Загрузить».

Видео по теме

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

Вам понадобится

• - компьютер;
• - навыки работы с Adobe Photoshop, Corel Draw.

Инструкция

Запустите программу Adobe Photoshop, откройте нужное изображение, в котором нужно сделать фон, с помощью команды «Файл» – «Открыть». Либо перетащите необходимый файл в окно программы. Далее выделите картинку, отдельно от фона. Для этого используйте инструмент «Быстрое выделение», чтобы управлять выделяемыми областями, либо инструмент «Волшебная палочка», если картинка контрастирует с фоном. После выделения картинки нажмите на ней правой кнопкой мыши и выберите команду «Инвертировать изображение». Данная команда выделит фон вокруг изображения, для которого вам нужно выполнить заливку.

Очистите выделенный фон вашей картинки нажатием на клавишу Del, далее добавьте новый слой, на котором будет расположена заливка фона. Для этого перейдите на палитру слоев и выберите команду «Новый слой». Перетащите его ниже слоя с картинкой. Далее выберите цвет фона щелчком по цветовой палитре левой кнопкой мыши. Если необходимо точно определить цвет для фона, тогда создайте новый слой, скопируйте туда изображение с образцом цвета, выберите на палитре инструментов инструмент «Пипетка», щелкните левой кнопкой мыши по образцу цвета. Цвет будет выбран. Удалите созданный слой, перейдите на слой с фоном, выберите инструмент «Заливка» и щелкните один раз левой кнопкой мыши в вашем фоновом слое. Будет выполнена заливка фона одним цветом.

Запустите программу Corel Draw, создайте новый документ, чтобы сделать одноцветный фон. Перейдите в меню «Макет», выберите команду «Фон страницы», установите флажок в поле «Сплошной» и щелкните по стрелочке, чтобы выбрать цвет для фона страницы. Нажмите кнопку «ОК». Чтобы использовать в качестве фона одноцветное изображение с вашего компьютера, зайдите в «Макет» – «Фон страницы», установите флажок в поле «Растр» и нажмите кнопку «Обзор». Выберите файл , нажмите кнопку «Открыть». Изображение будет добавлено в поле «Источник». Если вы хотите, чтобы изменения исходного изображения отражались в рисунке, выберите опцию «Связанный». Если же нет, выберите команду «Встроенный». Для установления размера фонового изображения выберите опцию «Особый размер» и укажите нужные размеры фона. Нажмите кнопку «Ок».

Видео по теме

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

Инструкция

Скульптурный пластилин раскатайте в пласт толщиной 2-3 см. Наложите его на лицо от уровня роста волос до подбородка. Пальцами прогните поверхность пластилина, чтобы он повторял очертания лица. Аккуратно снимите слепок. Стеком или канцелярским ножом сделайте в нем отверстия для глаз. Их форма может быть любой, в зависимости от стиля прорисовки маски.

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

Нарвите на мелкие кусочки бумагу для принтера. Сложите ее в емкость с водой. Когда бумага размякнет, выложите на пластилиновую заготовку равномерный слой, сверху смажьте его клеем для бумаги. Чередуйте слои бумаги до тех пор, пока маска не станет достаточно плотной. Обычно достаточно 5-7 слоев. Оставьте папье-маше высыхать при комнатной температуре.

Через 3-5 дней снимите маску . Ее нужно дополнить мыши ными ушками. Вырежьте два круглых уха из картона и бумажными полосками приклейте к верхнему краю маски.

Раскрасьте мыши ную мордочку акрилом. Сначала покройте бумагу основным серым цветом. Его можно нанести поролоновой губкой или воспользоваться аэрозольной краской. Когда слой высохнет, прорисуйте детали. Тонкой кисточкой обведите контур глаз, нарисуйте цветные радужки. Если мышь – , нарисуйте длинные ресницы и розовые губы. Улыбку на лице мужественной мыши можно провести черным или темно-серым маркером.

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

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

Видео по теме

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

Вам понадобится

• - программа Photoshop;
• - изображение.

Инструкция

Для создания маски-слоя в Photoshop следует выбрать одну из опций группы Layer Mask из меню Layer. Использование опции Reveal All визуально не изменит изображение, расположенное на маскируемом слое, однако рядом с пиктограммой слоя появится значок маски.

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

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

Для редактирования маски слоя можно использовать инструменты Brush Tool, Paint Bucket Tool и инструменты группы Shape Tool, переключенные в режим Fill pixels.

Корректировочные слои в Photoshop по умолчанию создаются с маской слоя в режиме Reveal All. Они предназначены для применения ряда фильтров ко всем видимым слоям файла. Для редактирования маски корректировочного слоя используются те же инструменты и цвета, что и для изменения маски слоя с изображением.