Многое, в том числе и профессии, сейчас строятся на умственной и компьютерной деятельности. Но далеко не только графическим дизайнерам необходимы банальные знания работы в 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 можно с помощью пары кликов мышью. В панели инструментов, вверху, находится инструмент выделение. При нажатии на него можно выбрать либо «Быстрое выделение» либо «Волшебную палочку».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!>Заливка выделенной области или слоя каким-либо цветом, узором или изображением в Фотошопе

Онлайн учебник для начинающих

Уроки Фотошопа

Глава №11. Раскрашивание

1. Для однотонной заливки основным или фоновым цветом выберите в Фотошопе цвет на палитре Color (Цвет) или Swatches (Образцы) или щелкните по соответствующему квадратику состояния на палитре History (История), чтобы создать, источник информации для инструмента History Brush (Восстанавливающая кисть).

   Для создания повторяющегося узора не надо делать что-либо особенное -просто выберите готовый подходящий образец. Если же вы хотите создать собственный образец «черепицы», с помощью инструмента Rectangular Marquee (Прямоугольная область) выделите какую-либо область слоя (никакого растушевывания!), выберите команду Edit > Define Pattern (Правка > Определить узор), как показано на рис. 11.3, введите имя и воспользуйтесь командой Deselect (Снять выделение) или нажмите комбинацию клавиш Ctrl+D.

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

1. Выберите слой. Чтобы залить его полностью, на палитре Layers (Спои) снимите флажок Lock transparent pixels (Блокировать прозрачные точки); если же хотите залить только непрозрачные области слоя, поставьте этот флажок. Для ограничения действия операции заливки создайте выделенную область с использованием любого метода выделения.
2. Выполните команду Edit > Fill (Правка > Залить) или нажмите комбинацию клавиш Shift+Backspace.
3. Из всплывающего меню Use (Используя) выберите, чем вы хотите залить выделенную область или слой (рис. 11.4): Foreground Color (Основной цвет), Background Color (Фоновый цвет), Black (Черный), 50% Gray (50% серый) или White (Белый). Если выберете вариант Pattern (Узор), щелкните по стрелке поля Custom Pattern (Узор по выбору пользователя) и на всплывающей панели укажите образец.

   Рис. 11.4. Диалоговое окно Fill

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

4. Укажите значения параметров Mode (Режим) и Opacity (Непрозрачность) в разделе Blending (Смешивание).
5. По желанию. Если на палитре Layers (Слои) вы забыли поставить флажок Lock transparent pixels (Блокировать прозрачные точки), то вместо этого можно здесь поставить флажок Preserve Transparency (Сохранять прозрачность).
6. Щелкните по кнопке ОК (рис. 11.5).

Рис. 11.5. Результат заливки слоя узором

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

Для заливки слоя с использованием какого-либо эффекта дважды щелкните по имени слоя, затем в диалоговом окне Layer Style (Стиль слоя) отметьте вариант Color Overlay (Наложение цвета), Gradient Overlay (Наложение градиента) или Pattern Overlay (Наложение узора). Подкорректируйте остальные характеристики. К одному и тому же слою можно применить один, два или все три эффекта типа Overlay.

Узоры

С помощью средств запоминания установок в Фотошопе очень просто сохранить узор, например, показанный на рис. 11.6, для последующего применения. Подробнее об установках рассказано в главе 21, раздел «Использование диалогового окна Preset Manager». Тем не менее, для большей безопасности постарайтесь сохранить файлы, которые вы использовали при создании узоров, на случай, если сведения об установках будут случайно удалены.

Рис. 11.6. Изображение, полученное путем дублирования узора с уменьшением непрозрачности копии до 43% и применения режима смешивания Multiply

Для создания узора предназначена не только команда Fill (Залить). Также можно воспользоваться инструментами Pattern Stamp (Штамп узора), о чем рассказано в главе 6, раздел «Использование инструмента Pattern Stamp», или Paint Bucket (Ведро с краской).

Работа с узорами (паттернами) в Фотошоп.

Применение узоров в Adobe Photoshop является необходимым процессом творчества для добавления различных интересных элементов в дизайне.

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

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

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

1. Обзор узоров программы с функцией «Управление наборами» (Preset Manager) .

2. Три различных способа применения паттернов в Фотошоп.

3. Как создать собственный узор.

4. Создание и применение линейного диагонального узора на практике.

5. Установка Фотошоп-паттерна в библиотеке программы.

6. Создание библиотеки узоров.

Изучение узоров программы с функцией «Управление наборами» (Preset Manager) .

Вы можете найти узоры программы, заданные по умолчанию через функцию «Управление наборами». Доступ к наборам осуществляется через верхнее меню программы во вкладке Редактирование-Управление наборами (Edit > Preset Manager) . По умолчанию, окно Управления (Preset Manager) отображает палитру кистей (Brushes).

В открывшемся диалоговом окне найдите опцию «Тип набора» (Preset Type) и нажмите на стрелочку вниз. Из выпадающего подменю выберите параметр «Узоры» (Patterns) и вы увидите появившийся по умолчанию программы набор.

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

Для загрузки шаблонов библиотек программы Фотошоп нажмите на стрелку справа в окне «Управление наборами». В выпадающем подменю вы увидите список наборов различные узоров.

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

Нажмите опцию «Добавить» (Append) , если не хотите изменять предыдущие узоры, а просто хотите добавить выбранные сейчас.

Наложение узора в «Стилях слоя».

Если вы хотите применить узор для любого выбранного слоя, двойным кликом по миниатюре этого слоя откройте окно «Стили слоя» (Layer Style) . Почти в самом низу найдите параметр «Наложение узора» (Pattern Overlay) и активируйте его. Откроется диалоговое окно опции, где вы можете так же, как и в предыдущем примере, выбрать необходимый паттерн и применить его к слою.

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

Совет: Чтобы отрегулировать положение узора на холсте, в параметре «Наложение узора» активируйте флажок Просмотр (Preview) , а затем поместите курсор мыши на холст и, удерживая ее нажатой, передвигайте ваш паттерн в основном окне программы в любом направлении.

Рисование узором при помощи инструментов «Заливка» (Paint Bucket Tool) и «Узорный штамп» (Pattern Stamp Tool) .

Если вы хотите применить узор, рисуя им по холсту, используйте инструменты Заливка и Узорный штамп. Активируйте их и настройте на применение узоров, а не цвета в верхней панели программы.

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

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

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

Создание и применение диагонального линейного узора.

Давайте попробуем сделать один из моих любимых паттернов в фотошоп: диагональный узор, который был применен для дизайна сайта «Design Instruct».

Создаем новый документ (Ctrl+N) в Фотошоп размером 600х600 рх и разрешением 72 рх/ дюйм c белым фоном.

Активируем инструмент «Горизонтальный текст» (Horizontal Text Tool (T)) и пишем фразу Design Instruct в верхней части холста. Выберите темный цвет для текста (#000000) , чтобы ясно видеть нашу работу. В данном варианте использован шрифт Helvetica Neue Medium размером 30 pt, но можно выбрать любой другой шрифт программы (например, Arial).

Теперь переходим к созданию узора для нашего основного документа. Его мы будем рисовать в отдельном документе Фотошоп. Создаем новый документ (Ctrl+N) размером 3х3 рх и разрешением 72 рх/дюйм. Цвет фона Прозрачный (Transparent) .
При сохранении узора в программе позже будет выбран белый цвет фона по умолчанию.

Так как холст довольно маленького размера, увеличим его инструментом Zoom Tool (Z) (лупа), приблизив. Я увеличил холст до 3200% от основного размера, что является максимальным увеличением.

Теперь будем рисовать белые диагональные линии по направлению из верхнего левого угла к нижнему правому. Для этого активируем инструмент Карандаш (Pencil Tool (B)) .

Установим цвет переднего плана (Foreground) на белый (#ffffff) и настроим размер карандаша на 1 рх с жесткостью (Hardness) 100%. Убедитесь, что опции Непрозрачность (Opacity) и Нажим (Flow) равны 100%.

Я в своем примере специально переключился на другой цвет, чтобы вы могли ясно видеть весь процесс создания узора. Удерживая Shift, нажмите Карандашом (Pencil Tool) в левом верхнем углу холста, а, затем в правом нижнем. Получилось ровное диагональное соединение из квадратов.

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

После создания диагональной линии, перейдите в Выделение – Все (Select> All (Ctrl+A)) , чтобы выделить весь холст.

Теперь перейдите во вкладку Редактирование-Определить узор (Edit> Define Pattern) и в диалоговом окне присвойте имя вашей линии, т.е введите любое название для вашего узора. После нажмите ОК.

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

Команда «Заливка» (Fill).

Создаем новый слой выше слоя с текстом (Ctrl+Shift+N) . Выделим текст, удерживая Ctrl и кликнув по иконке этого слоя.

Переходим в Редактирование-Выполнить заливку (Shift+F5) . В диалоговом окне в опции Использовать (Use) выбираем Узор (Pattern) , а в опции Заказной узор (Custom Shape) находим наш нарисованный паттерн с диагональными линиями.

Нажимаем Ок, чтобы применить узор с помощью команды Заливка (Fill).

Положительным моментом данной техники является то, что заливка узором находится на отдельном слое, что позволяет добавлять к паттерну разные стили слоя, которые не влияют на текстовой слой под ним. Давайте попробуем так сделать. Уменьшим непрозрачность (Opacity) слоя с узором до 80%.

Совет: Хорошей практикой является использование узора на отдельном от объекта слое. Но, чтобы объект перемещался по холсту вместе с примененным к нему узором, используйте функцию Связать слои (Link Layers) . Иконка этой функции имеет форму скрепки и находится внизу панели слоев. Выделите нужные слои ( Ctrl +клик по миниатюре слоя) и нажмите на значок скрепки, или правой кнопкой мыши кликните по выделенным слоям и выберите опцию — Связать слои.

Применение диагонального узора в «Стилях слоя».

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

Дважды щелкните по текстовому слою, чтобы вызвать окно «Стилей слоя» (Layer Style) и выберите параметр «Наложение узора» (Pattern Overlay) . В окне параметра нажмите на стрелку с узором и из набора выберите ваш созданный диагональный паттерн. Включите функцию Предварительного просмотра (Preview) , чтобы контролировать процесс наложения узора и, если необходимо, изменить что-либо.

Вот вкратце разъяснение опций окна «Наложение узора» (Pattern Overlay) :

1. Изменение режима смешивания в узоре (Умножение, Перекрытие, Осветление основы и т.д.)

2. Управление непрозрачностью узора. Чем ниже уровень непрозрачности, тем прозрачнее узор.

3. Окно узора. Открыв его, можно выбрать любой узор для наложения на объект.

4. Создание нового имени для данного узора.

Нажав на окно узора, а затем на стрелку справа, вы можете выбрать функцию из выпадающего меню – Сохранить узор (Save Pattern) и сохранить его под другим именем в наборе. Если вы сделали с узором какие-либо изменения (масштаб, режим смешивания или непрозрачность), то они также будут сохранены вместе с выбранным образцом.

5. Масштаб (Scale) регулирует масштаб и разрешение узора.

6. Связать со слоем (Link with Layer)

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

Наложение узора при помощи инструмента «Узорный штамп» (Pattern Stamp Tool (S)) .

Теперь попробуем использовать в работе наш диагональный узор при помощи «Узорного штампа». По своему стилю данный инструмент похож на использование Кисти (Brush Tool (B)) , только рисуем мы не цветом, а узором по холсту.

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

Далее, активируйте инструмент «Узорный штамп» (Stamp Tool (S)) в панели инструментов.

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

На Новом слое (Ctrl+Shift+N) начните рисовать поверх текста узором. Вы можете видеть, что я использовал штамп лишь в некоторых местах текста и менял непрозрачность (Opacity) инструмента для уникального эффекта.
В отличие от предыдущих двух способов наложения узора (Заливки и Стилей слоя) этот прием немного сложнее и требует определенного навыка.

Совет 1: Как залить маску в Фотошопе черным цветом

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

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

• – Русифицированная версия Adobe Photoshop СS5

Инструкция

1. Запустите Adobe Photoshop и откройте в нём какое-либо изображение: «Файл» > «Открыть» > выберите файл > «Открыть».
2. В нижнем правом углу программы обнаружьте окно «Слои» (если оно отсутствует, нажмите F7), выберите в нем вкладку “Слои” и сделайте двойственный щелчок по фону. В появившемся окне сразу щелкните «Ок». Тем самым вы превратите фон в слой под наименованием «Слой 0». Вы можете придать ему какое-то больше громкое наименование, но в нашем случае это не столь значимо.
3. Щелкните кнопку «Добавить слой-маску «, которая находится в нижней части вкладки «Слои» и изображена в форме квадрата с кружком посередине. Рядом с картинкой «Слоя 0» появится эмблема слоя-маски в виде белого прямоугольника. Переключение между самим слоем и его маской осуществляется при помощи простого клика, а энергичный элемент обрамляется маленький рамкой.
4. Удостоверитесь, что активирован слой-маска и нажмите Ctrl+Backspace. Тем самым вы зальете маску , которая является на данный момент передним планом документа, условно черным цветом, но рабочая область окрасится фоновой сеточкой. Если вам надобно деактивировать маску , нажмите на ее эмблеме правой кнопкой мыши и в появившемся меню кликните «Отключить слой-маску «.
5. Дабы придать маске определенную форму, выберите инструмент «Кисточка» и закрасьте нужную область. Цвет закрашивания по умолчанию установлен белым, но если предпочесть синий, алый, зеленый и пр., он превратится в один из оттенков серого, а это, в свою очередь, повлияет на прозрачность отображения маски.
6. Дабы вновь сделать маску непрозрачной, дозволено применять два инструмента. 1-й – кисточку, но установить цвет закрашивания черным. 2-й – «Ластик» (жгучая клавиша – латинская E, переключение между смежными инструментами – Shift+E).
7. Дабы сберечь плоды ваших трудов, нажмите «Файл» > «Сберечь как» > выберите путь, укажите в поле тип файлов JPEG (если это итоговый итог) либо PSD (если вы еще собираетесь трудиться над этим планом) > «Сберечь».

Совет 2: Как залить картинки

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

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

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

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).

Видео по теме

Совет 3: Как залить фон одним цветом

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

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

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

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

Совет 4: Как сделать маску мыши

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

1. Скульптурный пластилин раскатайте в пласт толщиной 2-3 см. Наложите его на лицо от яруса роста волос до подбородка. Пальцами прогните поверхность пластилина, дабы он повторял очертания лица. Старательно снимите слепок. Стеком либо канцелярским ножиком сделайте в нем отверстия для глаз. Их форма может быть всякий, в зависимости от жанра прорисовки маски.
2. Раскатайте еще один кусок пластилина. Его толщина должна быть такой же. Опрятно вырежьте из слепка нос и на его месте, из подготовленного куска, вылепите мыши ную мордочку в виде конуса с закругленной вершиной.
3. Нарвите на мелкие ломтики бумагу для принтера. Сложите ее в емкость с водой. Когда бумага размякнет, выложите на пластилиновую заготовку равномерный слой, сверху смажьте его клеем для бумаги. Чередуйте слои бумаги до тех пор, пока маска не станет довольно плотной. Традиционно довольно 5-7 слоев. Оставьте папье-маше высыхать при комнатной температуре.
4. Через 3-5 дней снимите маску . Ее надобно дополнить мыши ными ушками. Вырежьте два круглых уха из картона и бумажными полосками приклейте к верхнему краю маски.
5. Раскрасьте мыши ную мордочку акрилом. Вначале покройте бумагу основным серым цветом. Его дозволено нанести поролоновой губкой либо воспользоваться аэрозольной краской. Когда слой высохнет, прорисуйте детали. Тонкой кисточкой обведите силуэт глаз, нарисуйте цветные радужки. Если мышь – девчонка, нарисуйте длинные ресницы и розовые губы. Улыбку на лице мужественной мыши дозволено провести черным либо темно-серым маркером.
6. Стандартную заготовку для маски дозволено трансформировать в мордочку Микки либо Минни Маус. Для этого сделайте круглые уши больше большими. Нарисуйте на маске вытянутые овальные глаза. Пространство вокруг них и на щеках раскрасьте белым цветом, а бока маски и уши – черным.
7. Дабы маска держалась на лице, снабдите ее резинкой, вставленной в отверстия по бокам. Неприметной будет резинка, которая применяется при изготовлении бижутерии.
Видео по теме

Совет 5: Как сделать слой маску в Фотошопе

Маска в программе 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. На слое с изображением останутся непрозрачными только те области, которые лежат над непрозрачными областями слоя-основы.

Совет 6: Как залить фон в html

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

1. Выбирая цвет фона либо изображение для помещения на него, руководствуйтесь в первую очередь читаемостью текста. Фон должен быть контрастным, иными словами, символы обязаны отчетливо выдаваться на нем. Если вы решили сделать фон графическим, непременно удостоверитесь в том, что вы являетесь автором изображения либо имеете право на его применения на основании договора (скажем, свободной лицензии).
2. Обнаружьте в HTML-исходнике страницы тег <body>. Дабы сделать фон однотонным и цветным, добавьте в него переменную bkcolor с доводом в виде кода цвета. Позже этого конструкция будет выглядеть дальнейшим образом: <body bkcolor=rrggbb:gt;, где rr, gg и bb – шестнадцатеричные числа в диапазоне от 00 до FF. Первое из них задает интенсивность красной составляющей, второе – зеленой, а третье – синей.
3. Если же вы хотите разместить на фон изображение, раньше каждого, уменьшите его размер таким образом, дабы оно имело как горизонтальное, так и вертикальное разрешение менее 320 включительно. Сбережете его в новейший файл, дабы не испортить оригинал. Используйте формат JPG, PNG либо GIF. Удостоверитесь, что объем файла не превышает 100 килобайт – так он будет загружаться стремительней. Учтите, что мобильные браузеры могут все равно отображать взамен него однотонный фон.
4. Применяя веб-интерфейс либо программный FTP-заказчик, разместите файл с изображением в ту из папок сервера, где размещен редактируемый вами HTML-файл.
5. Взамен переменной bkcolor добавьте в тег <body> переменную background с доводом в виде имени файла с изображением. Сейчас он будет выглядеть так: <body background=fon.gif>, где fon.gif – имя файла. Разумеется, если он имеет иной формат, нужно соответственно изменить его растяжение в теге.
6. Загрузите на сервер обновленный вариант HTML-файла. Откройте его в браузере. Удостоверитесь, что фон отображается верно. Если на нем находится изображение, оно будет повторяться как по горизонтали, так и по вертикали, заполняя все пространство страницы. Проверьте, насколько отлично читается текст на новом фоне в разных браузерах. При необходимости используйте иной цвет либо графический файл.
Видео по теме

Способы заливки слоя цветом

Способ 1

Команда меню Редактирование — Выполнить заливку (Fill), или нажатие на комбинацию горячих клавиш, дублирующих эту команду:

Комбинация горячих клавиш: Shift+F5

Откроется диалоговое окно Заполнить. В нем, в раскрывающемся списке Использовать выберите Цвет. Сразу же откроется палитра выбора цвета. Определитесь с цветом и нажмите ОК.

Способ 2

С помощью комбинации клавиш Alt+Backspace делается заливка слоя основным цветом, установленном на палитре инструментов — Индикаторы основного и фонового цветов.

Способ 3 Инструмент «Заливка»

На панели инструментов выберите инструмент Заливка. Кликните по слою и он тут же окрасится основным цветом (смотрите пример выше).

Важно!

Заливка работает, когда на слое нет ничего лишнего. Иначе инструмент закрасит лишь отдельные участки.

Способ 4 Инструмент «Кисть»

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

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

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

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

Чтобы это предотвратить, нужно использовать следующий способ.

Способ 5 Слой-заливка

Выполните команду Слой — Новый слой-заливка (New Fill Layer) — Цвет. Можно сразу нажать кнопку ОК. После этого появится палитра выбора цвета заливки. Сделайте выбор.

После всех действий, на палитре Слоев появится самостоятельный тип слоев — слой-заливка.

Если сделать двойной клик по миниатюре слоя, то появится окно с выбором цвета. Таким образом, менять цвет станет проще простого.

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

Простая заливка

1. Создайте новый документ, например шириной 800, а высотой 600. Возьмите кисть, например черного цвета, и нарисуйте то, что нарисовано у меня на рисунке (1 замкнутый круг, один незамкнутый круг и два пересекающихся круга).
2. Теперь выберете инструмент заливка на панели инструментов. Возможно у вас будет там стоять градиент, но вы уже знаете, что нужно делать, правда? Да, вам нужно будет нажать правую кнопку мыши и выбрать то, что нам нужно.
3. Теперь выберете цвет в цветовой палитре, например желтый, и (смотрите, чтобы у вас стояла именно заливка) теперь нажмите левой кнопкой мыши в центре первого замкнутого круга. Как видите, круг закрасился желтым цветом. Отлично.
4. Теперь выберете голубой цвет в качестве основного, таким же образом залейте второй круг, т.е. нажмите левую кнопку мыши в центре этого кружка. Кроме круга закрасилась вся область вокруг этой геометрической фигуры. Это произошло потому что круг был не замкнутый, а значит заливка просочилась во внешний мир.

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

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

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

Закрашивание узором

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

1. Создайте любой пустой документ и нарисуйте замкнутую фигуру.
2. Теперь взгляните на верхнее меню и под ним вы увидите свойства инструмента Заливка. Там вы увидите кнопку с надписью «Основной цвет». Нажмите на нее и из выпадающего меню выберете «Узор». Не волнуйтесь. Вы не потеряетесь, так как там всего 2 пункта. Нашли? Ну отлично.
3. Справа от кнопки вы увидите миниатюру узора. Нажмите на нее и у вас откроется выпадающий список с другими узорами. Там их немного, но можно добавить.
4. Чтобы добавить узоры, вам нужно нажать на шестеренку в меню узоров. И в выпадающем меню выбрать новые наборы узоров. Выберете любой, например природные узоры. И когда перед вами выскочит табличка с вопросом «Заменить бла бла бла?», то нажмите на кнопку «Добавить».
5. Теперь выберете любой из узоров, нажав на нем левой кнопкой мыши дважды и нажмите в центр нарисованного круга. Ну? Что получилось? Закрасился кружок новой текстуркой, а не обычным цветом? Конечно да!

Кстати

Напоследок хочу рассказать про еще один момент. Заливать цветом не обязательно какой либо рисунок. Можно просто залить область.

Для этого выделите какую-нибудь область любым инструментом выделения (я выбрал инструмент «Лассо») и нарисуйте выделение на белом фоне.

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

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

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

Удачи вам в изучении. Главное не филонить). Увидимся с вами в следующих уроках. Пока-пока!

С уважением, Дмитрий Костин.