И так, инструмент заливка у нас под микроскопом. Он прост и понятен, но давайте рассмотрим его в деталях и ответим на все возможные вопросы. Ведь нам не нужны поверхностные знания, мы хотим знать предмет в деталях.

Зачем нужна заливка в фотошопе?

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

Где находится заливка в фотошопе?

О, отличный вопрос. Как и другие инструменты, заливка находится на панели инструментов. Обычно она находится на панели инструментов, но не всегда. Вызвать заливку можно с помощью горячей клавиши (G). Но также, эта клавиша может вызвать инструмент «Градиент», завит от того, какой именно инструмент этого класса активен в данный момент на панели инструментов, а также, это зависит от версии фотошопа. В ранних версиях эти инструменты стояли особняком друг от друга. Сейчас они являются частью одной группы и при работе их чередуют. Это выглядит следующим образом:

Инструменты «Заливка» и «Градиент»

Видно, что оба инструмента вызываются одной и той же горячей клавишей, но активен в данный момент инструмент «Заливка». Понять какой именно инструмент активен в данный момент просто: обратите внимание на пиктограмму на панели инструментов. Если вы видите там пиктограмму «Заливка», то активен именно этот инструмент, напротив, если на панели инструментов наблюдается «Градиент», то «Заливка» в данный момент не активна и клавиша (G) активирует именно «Градиент».

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

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

Если у Вас не получилось менять инструмент с помощью горячих клавиш + (Shift + G), то убедитесь что эта функция включена в настройках. Shift. Для этого откройте диалоговое окно Редактирование —> Установки (Edit —> Preferences), вкладку «Основные» (General), или просто нажмите комбинацию + (Ctrl+K). Затем снимите галку у опции «Смена инструмента клавишей Shift» (Use Shift Key for Tool Switch).

Включить быстрое переключение инструментов в фотошопе

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

В данном случае у меня пиктограмма трёх точке (редактирование панели инструментов) заменена на другой инструмент, так как я уде произвёл нажатие, но важно, что она ВСЕГДА находится последний, если вы не переместили её искусственно. Кстати, если Вам пришлось воспользоваться этим способом чтоб найти «Заливку», стоит задумать о смене рабочей области.

Как работает заливка в фотошопе?

Заливка заливает однородным цветом некоторую область, к этой области может относится:

1. Целый слой
2. Однородный цветовой участок на картинке
3. Выделенная область
4. Любая другая область к которой будет применена заливка

Демонстрация работы «Заливки» на примере пустого слоя

И так, заметим, что при активном инструменте «Заливка» сверху появляется панель параметров данного инструмента, как оказалось, их достаточно много и все они позволяют тонко настроить инструмент заливка. Отметим, что эти параметры на деле практически никогда не используются, но они есть и мы обязаны о них рассказать. Для удобства пронумеруем все и расскажем о каждом в отдельности. Они чем то напоминают параметры инструмента «Выделение».

И так теперь по очереди:

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

После нажатия на данную иконку появится окно, в котором будет необходимо ввести имя для конфигурации, это поможет идентифицировать её после.

Введите название и нажмите кнопку «ОК», после чего набор будет сохранён и им можно будет пользоваться.

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

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

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

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

Видео по теме

В данном уроке и знакомимся и учимся пользоваться инструментами PaintBucket и Crop.
Инструмент заливки находится в одной группе с инструментом градиент, поэтому иногда он бывает скрыт от наших глаз. Инструмент имеет несколько параметров, существенно влияющих на его работу. Естественно, все они находятся в палитре Options.

Заливка: инструмент PaintBucket.

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

Инструмент имеет несколько параметров, существенно влияющих на его работу. Естественно, все они находятся в палитре Options.

Способ заливки Fill указывает инструменту чем заливать - основным цветом (Foreground) или узором (Pattern). Образец узора можно выбрать рядом из раскрывающегося списка Pattern. Задавать свои образцы узоров мы научимся чуть позже.

Параметр Mode задает режим смешивания заливки с фоновым изображением. Все режимы были рассмотрены в разделе "Инструмент кисть. Палитра Brushes" первого урока.

Параметр Opacity определяет непрозрачность заливки, действие которой идентично непрозрачности кисти.

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

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

Включенный флажок Contiguous

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

Флажок Use All Layers (использовать все слои) позволяет заливать пикселы близких цветов на всех слоях изображения. Работе со слоями будет посвящен пятый урок.

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

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

1. Включите инструмент Crop (обрезка).
2. Нарисуйте им рамку (удерживая левую кнопку мыши). Если удерживать при рисовании Shift , то рамка будет пропорциональна, если удерживать Alt , то рамка будет рисоваться от центра.
3. Подгоните рамку по той площади, которую вы хотите оставить, и учтите, что всё, что осталось за пределами выделения, пропадёт.
4. После подгонки рамки по необходимой площади просто нажмите Enter или дважды щёлкните внутри выделенной области. Можно также выбрать пункт меню Image > Crop .

У инструмента ряд интересных и полезных настроек. Посмотрим на палитру Options.

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

• px - пикселы,


• cm - сантиметры,


• mm - миллиметры,


• in - дюймы.

Если Вы напишете число без указания единиц измерения, то размеры изображения будут заданы в единицах, указанных в настройках Photoshop. Я советую Вам не ждать милости от природы, и всегда указывать конкретные единицы. Следует отметить, что пропорция между шириной и высотой уже не будет зависеть от Вашего желания, и будет определяться параметрами Width и Height. Если мы укажем такие параметры, как на рисунке, то при протягивании рамки ее ширина будет все время равна высоте. То есть выделится квадратный участок изображения. После двойного щелчка или нажатия Enter сторона квадрата станет равной 50 пикселов. Если же вы хотите сами определять размер рамки и соотношение ее ширины к высоте, просто оставьте поля Width и Height пустыми. Тогда результат будет именно таким, каким Вы его выделите.

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

• pixels/inch - пикселы в дюйме,


• pixels/cm - пикселы в сантиметре.

Вы хотите распечатать цифровое изображение с разрешением 300 dpi (dots per inch - количество точек в дюйме, что соответствует рассмотренному значению pixels/inch) форматом 9x13 сантиметров. Нужно задать следующие значения параметров инструмента Crop:
Width - 9 cm
Height - 13 cm
Resolution - 300 pixels/inch
Затем Вы выделяете этим инструментом часть или все изображение, применяете обрезку и наслаждаетесь результатом.

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

Кнопка Clear очищает все настройки инструмента Crop. Это полезно, если Вы снова хотите вернуться к свободному режиму обрезки.

• Просмотров: 33134

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

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

Заливка в Фотошопе представляет собой процесс изменения цвета определённой области. Для выполнения таких задач в графическом редакторе можно использовать две функции: «Заливка» и «Градиент».

Наиболее используемые инструменты для замены цвета элемента — заливка и градиент

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

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

Отличительные особенности типов заливки

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

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

Первую позицию в списке выбора занимает непосредственно инструмент «Градиент» , а вторую - «Заливка».

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

Инструмент «Заливка» успешно применяется, когда необходимо изменить цвет какого-либо предмета, области, фона. Также этот инструмент позволяет добавлять геометрические фигуры, узоры, наносить фантастические рисунки, абстракцию.

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

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

Как изменить цвет при помощи заливки

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

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

После выделения желаемой области можно кликнуть правой клавишей мышки и в развернувшемся окне выбрать пункт «Выполнить заливку» или же сразу активировать на панели меню режим заливки.

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

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

Если запустить такую функцию, как «Сглаживание», то будет осуществлён плавный переход от закрашенной области к незакрашенной.

Достаточно интересно разобраться и с тем, как заливать в Фотошопе cs6 определённые области при помощи инструмента «Градиент». Первоначально точно также следует выделить область, над которой планируется поработать. После этого активировать инструмент «Градиент».

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

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

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

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

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

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

Итак, вы установили и запустили программу Adobe Photoshop.

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

Создание нового файла

Щелкаем Файл -> Новый. Рассмотрим появившееся окно:

• Имя (Name) - имя будущего документа. Чаще всего этот параметр не задают, а имя файлу назначают при сохранении.
• Ширина (Width) и Высота (Height) - ширина и высота будущего изображения. Удобнее всего задавать в пикселах. Пиксел - единица изображения в растровой двухмерной графике. Именно из пикселов, как из кирпичиков, строится изображение.
• Разрешение (Resolution) - количество точек на единицу длины. Чем выше этот показатель, тем качественнее изображение, но и больший размер файла. Поэтому за норму принято разрешение в 72 пиксела на дюйм (так называемое экранное разрешение).
• Режим (Color mode) - самый распространенный RGB цвет (color), т.к. позволяет использовать все видимые человеческим глазом цвета. Глубина цвета задается в битах, хватает стандартных 8 бит.
• Содержимое фона (Background contents) - определяет фон изображения (белый, прозрачный, цвет заднего плана).

Остальные настройки используются редко. Сделайте настройки как на картинке и щелкайте OK.

Палитра инструментов

Чаще всего вам придется работать с палитрой инструментов.

Сегодня мы рассмотрим лишь некоторые из этих инструментов:

Инструменты выделения

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

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

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

Новое выделение. Создается новое выделение, при этом имеющиеся выделенные области (если они есть) исчезают.

Добавить к выделению. Обозначенная область добавится к уже существующему выделению.

Удалить из выделения. Исключает выделенную область из выделения.

Выделить пересечение. Из двух выделений (старого и нового) выделит область пересечения.

Растушевка - по краям выделения появляется область частично выделенных пикселов. Позволяет сделать плавный переход объекта в фон.

Стиль - задает способ выделения: нормальный (normal) - свободное выделение, заданные пропорции (fixed aspect ratio) - пропорциональное выделение, фиксированный размер (fixed size) - область выделения заданного размера.

Для всех инструментов выделения параметры аналогичны.

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

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

Теперь на панели параметров щелкните по иконке "добавить к выделению", подведите курсор мыши к центру нашего квадратика, нажмите левую клавишу мыши и, не отпуская, растяните еще один квадратик (рис.2).

Теперь на панели параметров щелкните по иконке "удалить из выделения", подведите курсор мыши к центру нашего второго квадратика, нажмите левую клавишу мыши и, не отпуская, растяните квадратик (рис.3).

Должно получиться, как на рис.4.

Оставим пока так и посмотрим, как выбирать и задавать цвета.

Выбор цвета

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

1 - цвет переднего плана.
2 - цвет фона.
3 - установить цвета по умолчанию (т.е. черный и белый).
4 - поменять местами цвета переднего плана и фона.

Щелкните по квадратику, и откроется окно сборщика цветов. Щелкните по понравившемуся цвету, а затем ОК. Цвет, который вы выбрали станет цветом переднего плана. Теперь щелкните по "поменять местами цвета переднего плана и фона" и проделайте тоже самое со вторым квадратиком. Подробнее о цвет читайте в статье цвета для web .

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

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

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

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

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

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

Заливка (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 готово.

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

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

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