Сайт о телевидении

Сайт о телевидении

» » Как в фотошопе залить фон другим цветом. Как сделать заливку в фотошопе. Создание нового файла. Инструмент заливка в фотошопе

Как в фотошопе залить фон другим цветом. Как сделать заливку в фотошопе. Создание нового файла. Инструмент заливка в фотошопе

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

Заливка или кисть?

На эту тему у меня уже есть статья вкл.

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

Вспышки объектива и световые эффекты


Слепые пятна лучше всего видны в «жестком свете» смешанного режима.


Эффекты освещения в разделе «Фильтры → Отказоустойчивые фильтры → Эффекты освещения» также можно контролировать с помощью нейтральных уровней. В качестве альтернативы оба фильтра также могут использоваться в качестве интеллектуального фильтра.

Залить цветом существующий слой . После того, как вы создадите новый слой, выберите команду меню «Редактирование - Выполнить заливку» . В раскрывающемся списке «Использовать» появившегося диалогового окна «Заполнить» выберите цвет, а затем нажмите кнопку ОК. Вы также можете залить основным цветом, нажав сочетание клавиш Alt+Backspace.

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • – Графический редактор Adobe Photoshop.

Инструкция

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

2. Сделайте обособленный слой для применения его в качестве фонового – кликните пиктограмму «Сотворить новейший слой» на панели слоев. Эту операцию дозволено проделать и с применением жгучих клавиш Shift + Ctrl + N.

3. Активируйте инструмент «Заливка» – кликните соответствующую кнопку на панели инструментов либо нажмите клавишу G.

4. Щелкните по пиктограмме в нижней части панели инструментов, которая открывает палитру цветов. В палитре вам надобно задать новейший цвет фона для начальной картинки, а после этого закрыть ее кнопкой OK. Кликните пустой слой в любом месте, и Photoshop зальет его выбранным цветом.

5. Выберите в палитре нижний слой (начальную картинку) и сделайте его копию. Это нужно потому, что фоновые слои Photoshop в большинстве случаев не дозволяет редактировать. Об этом уведомляет пиктограмма замка в правой части строки заблокированного лэйера в панели слоев. Сделать копию проще каждого нажатием «жгучих клавиш» Ctrl + J. Дозволено воспользоваться и пунктом «Сделать дубликат слоя» в разделе «Слои» графического редактора. Данный же пункт есть в контекстном меню, вызываемом щелчком правой кнопкой мыши по строке в панели слоев.

6. Разместите сделанный дубликат изображения на передний план – перетащите его строку левой кнопкой мыши вверх в панели слоев.

7. Включите инструмент «Магическая палка» – нажмите клавишу W либо кликните соответствующую пиктограмму на панели инструментов.

8. Удалите все фоновые участки на верхнем слое – кликайте по всему из них указателем мыши и нажимайте клавишу Delete. В итоге через ставшие прозрачными области станет видно слой фонового цвета.

9. Сбережете отредактированную картинку. Если вы планируете в будущем вносить какие-нибудь правки, то оставьте копию в формате psd, дабы не повторять опять манипуляции с созданием слоев. Соответствующий диалог вызывается нажатием сочетания клавиш Ctrl + S. Для сохранения работы в одном из обыкновенных графических форматов есть два дополнительных диалога, которые дозволено открыть сочетаниями Shift + Ctrl + S и Alt + Shift + Ctrl + S. Добавочные диалоги содержат различные комплекты настроек для метаморфозы свойств картинки.

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

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

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

Инструкция

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

Видео по теме

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

Инструкция

1. Загрузите фотографию в Фотошоп и выделите объект на переднем плане. Используйте для выделения всякий комфортный инструмент: Lasso Tool, Pen Tool и т.п. В данном случае, когда фон однотонный, дозволено щелкнуть на нем инструментом Magic Wand Tool и инвертировать выделение, предпочтя команду Select Inverse из меню при щелчке правой кнопкой в выделенной области.

2. Сейчас, когда есть выделенный объект, необходимо сделать новейший слой копированием. Для этого щелкните правой кнопкой на выделении и выберите в контекстном меню команду Layer via Copy.

3. Перейдите в фон овый слой, тот, что обозначен в списке слоев как Background и возьмите инструмент Paint Bucket Tool.

4. Выберите необходимый цвет при помощи палитры либо инструмента Eyedropper Tool и залейте фон , щелкнув на нем инструментом Paint Bucket Tool.

5. При желании, дозволено предпочесть инструмент Gradient Tool и сделать плавный переход цвета, а после этого сберечь итог.

Видео по теме

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

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

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

Инструкция

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

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

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

Видео по теме

Как в любом графическом редакторе, в Adobe Photoshop есть инструмент для заливки цветом . На панели инструментов он выглядит как ведерко с краской и именуется Paint Bucket Tool (в русскоязычной версии «Заливка»).

Инструкция

1. Дабы сделать новейший слой , нажмите на кнопку Create a new layer в нижней части палитры слоев либо используйте сочетание Shift+Ctrl+N. На панели инструментов щелкните цветной квадратик Set foreground color и на панели цветов выбирайте необходимый оттенок. Удостоверите выбор, нажав ОК.

2. Дабы активировать «Заливку», нажмите на клавиатуре G и щелкните мышкой по экрану. Слой будет залит новым цветом . Вы можете изменить интенсивность и прозрачность заливки. Для этого на панели свойств либо на панели слоев меняйте значения Opacity («Непрозрачность») и Fill («Заливка»).

3. В меню Edit («Редактирование») выбирайте команду Fill («Залить») либо используйте сочетание Shift+F5. В диалоговом окне в списке Use («Применять») вы можете предпочесть цвет заливки и метод заливки, в разделе Blending («Наложение») – установить режим наложения и непрозрачность. Если подметить флажком пункт Preserve Trasparency («Сберегать прозрачность»), прозрачные участки рисунка не будут закрашены.

4. Дозволено применять не только инструмент и команду, но и комбинации клавиш. Дабы залить слой цветом переднего плана, нажмите Alt+Bacspace, фоновым цветом – Ctrl+ Bacspace. Если к этим сочетаниям добавить клавишу Shift, при заливке инструмент будет обходить прозрачные участки изображения.

5. Заливать слой дозволено не только цветом , но и узором. На панели свойств под пунктами основного меню рядом с изображением ведерка есть список. По умолчанию установлено значение Foreground («Цвет переднего плана»). Если вы выбираете Pattern («Узор»), рядом возникает новейший список с комплектом текстур для заливки. Подметьте всякую из них, после этого щелкните по экрану.

6. Сделать текстуру дозволено самосильно. Откройте всякий рисунок и выделяйте на нем область инструментами из группы M. В меню Edit выбирайте команду Define Pattern («Определить узор») и в новом окне дайте имя новой текстуре. Нажмите ОК для подтверждения. Новейший узор добавится в конец списка готовых текстур.

Видео по теме

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

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

  • – программа Photoshop;
  • – фотография.

Инструкция

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

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

3. Если областей с таким оттенком фона не слишком много, их дозволено закрасить инструментом Brush, предпочтя в качестве основного цвета белый. Для этого кликните по примеру основного цвета и укажите в поле для ввода значение ffffff.

4. Если фон снимка нуждается в больше основательной коррекции, откройте окно настроек замены цвета опцией Replace Color группы Adjustments меню Image. Указатель курсора при наведении на снимок приобретет вид пипетки. Кликнув этим инструментом по фрагменту картинки, укажите цвет, тот, что надобно изменить.

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

6. Кликните по примеру цвета в поле Result и выберите в открывшейся палитре чисто белый цвет. Если итог осветления фона, тот, что дозволено увидеть в окне открытого документа, вас не устраивает, передвиньте вправо регулятор Lightness.

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

8. Сбережете отредактированную картинку опцией Save for Web либо Save As меню File.

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

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

  • – начальное изображение;
  • – Adobe Photoshop.

Инструкция

1. Загрузите обрабатываемое изображение в Adobe Photoshop, нажав Ctrl+O. Измените тип нынешнего слоя с фон ового на стержневой, предпочтя пункт “Layer From Background…” в сегменты New меню Layer.

2. Сделайте область выделения вокруг всех фрагментов изображения, занимаемых фон ом. В зависимости от трудности текстур используйте разные инструменты. Так, огромные области дозволено выделять Magnetic либо Polygonal Lasso Tool, однородный фон – при помощи Quick Selection либо Magic Wand. Комбинируйте области выделения, применяя соответствующие режимы, активируемые нажатием клавиш Shift, Alt либо кнопками верхней панели. При необходимости откорректируйте выделение в режиме стремительной маски.

3. Одним из методов замазать либо размазать фон , является его размытие фильтрами. Разверните секцию Blur раздела Filter основного меню. Кликните по одному из пунктов. Так, если вам надобно гауссово размывание, выберите “Gaussian Blur…”, если требуется размытие движением, используйте “Motion Blur…” и т.д. При возникновении диалога настройки, установите параметры работы фильтра и нажмите кнопку OK.

4. Если замазывание путем размытия требуется только на маленьком фрагменте изображения, активируйте инструмент Blur. Кликнув по элементу Brush в панели сверху, выберите комфортную для работы кисть. Установите ее диаметр и жесткость. Обработайте необходимые места изображения. Аналогичным образом дозволено применять и инструменты коррекции недостатков (Healing Brush и Spot Healing Brush).

5. Используйте инструмент Clone Stamp, если фон в одном месте должен быть замазан примерами иного фон а. Укажите точку-источник, нажав клавишу Alt. Выберите кисть и обработайте надобные фрагменты изображения.

6. Примените обыкновенную кисть (инструмент Brush) для равномерного замазывания фон а. Выберите параметры кисти и цвет переднего плана. Проведите курсором по необходимым частям картинки.

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

8. Зачастую замазывание фон а производится реально в целях его замены. Если это так, нажмите клавишу Del либо выберите пункт Clear в меню Edit. Сделайте новейший слой. Разместите его под нынешним. Добавьте в него новое изображение фон а.

9. Сбережете итог работы. Выберите в меню File пункт “Save As…”. Укажите необходимые параметры в отображенном диалоге. Нажмите кнопку «Сберечь».

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

Инструкция

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

2. Обнаружьте в HTML-исходнике страницы тег . Дабы сделать фон однотонным и цветным, добавьте в него переменную bkcolor с доводом в виде кода цвета. Позже этого конструкция будет выглядеть дальнейшим образом:

3. Если же вы хотите разместить на фон изображение, раньше каждого, уменьшите его размер таким образом, дабы оно имело как горизонтальное, так и вертикальное разрешение менее 320 включительно. Сбережете его в новейший файл, дабы не испортить оригинал. Используйте формат JPG, PNG либо GIF. Удостоверитесь, что объем файла не превышает 100 килобайт – так он будет загружаться стремительней. Учтите, что мобильные браузеры могут все равно отображать взамен него однотонный фон.

4. Применяя веб-интерфейс либо программный FTP-заказчик, разместите файл с изображением в ту из папок сервера, где размещен редактируемый вами HTML-файл.

5. Взамен переменной bkcolor добавьте в тег переменную background с доводом в виде имени файла с изображением. Сейчас он будет выглядеть так: , где fon.gif – имя файла. Разумеется, если он имеет иной формат, нужно соответственно изменить его растяжение в теге.

6. Загрузите на сервер обновленный вариант HTML-файла. Откройте его в браузере. Удостоверитесь, что фон отображается верно. Если на нем находится изображение, оно будет повторяться как по горизонтали, так и по вертикали, заполняя все пространство страницы. Проверьте, насколько отменно читается текст на новом фоне в разных браузерах. При необходимости используйте иной цвет либо графический файл.

Видео по теме

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

Инструменты заливки

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь настала очередь рассмотреть в работе два таких инструмента, как градиент и заливка в Photoshop .

Инструмент ГРАДИЕНТ в Photoshop.

Давайте рассмотрим настройки инструмента градиент в Photoshop .

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

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

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

Теперь мы, к примеру, можем изменить параметр непрозрачности данному градиенту и получим:

Создание градиента в Photoshop.

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

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

Лишние ползунки (значки) можно удалять: щелкнул по нему (выделил) и удалил.
Обозначить начальную точку градиента, т.е. задать ей цвет: щелкаем по ней и в строке ЦВЕТ выбираем необходимый нам цвет.

Если у градиента в Photoshop присутствует только начальная и конечная точки (ползунки), т.к. остальные ползунки мы удалили, то на градиенте будет присутствовать, так называемая, средняя точка цвета , передвигая которую, мы будем регулировать границы градиента.

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

Щелкнув по верхнему ползуночку мы можем изменить непрозрачность цвета, щелкнув по строке НЕПРОЗРАЧНОСТЬ и поставив, к примеру, непрозрачность 50%.
Что мы видим? В полосе градиента нам стала видна шахматка, что и означает непрозрачность цвета.

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

Чуть выше мы рассматривали рисование линейным градиентом (первая кнопочка вида). Остальными попробуйте порисовать сами — работают они точно так же.

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

Остальные настройки градиента в Photoshop.

Так же в настройках инструмента градиент в Photoshop можно изменить РЕЖИМ , НЕПРОЗРАЧНОСТЬ , использовать ИНВЕРСИЮ (поменять в градиенте местами цвета, т.е. начальный цвет станет конечным и наоборот).

Инструмент ЗАЛИВКА в Photoshop.

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

Давайте рассмотрим его настройки.

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

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

Нажав на маленькую черную стрелочку (на рисунке я обвела ее красным цветом) у нас откроются дополнительные папочки с узорами. Вы можете дополнительные узоры как добавить, так и заменить ими узоры по умолчанию.
Для возврата узоров, которые стояли по умолчанию, выбираете команду ВОССТАНОВИТЬ УЗОРЫ .

Так же заливку в Photoshop можно выполнять, выбрав в МЕНЮ команду ВЫПОЛНИТЬ ЗАЛИВКУ . Откроется диалоговое окно, в котором нам предложат выбрать цвет заливки: основной или фоновый цвет, цвет (откроется палитра цветов), узор, черный, серый 50% или белый .
А так же выбрать режимы и непрозрачность .