Не могу найти заливку в фотошопе. Инструменты заливки в Adobe Photoshop

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

Для нанесения цвета в графическом редакторе действует две функции — «Градиент» и «Заливка» .

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

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

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

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

Делаем заливку

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

Применяя инструмент «Заливка» , необходимо отрегулировать следующие параметры:

1. Источник заливки — это функция, при помощи которой регулируются режимы заливки главной области (например, ровное покрытие цветом или орнаментом);

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

3. Режим заливки — позволяет настроить режим нанесения цвета.

4. Непрозрачность — данный параметр регулирует уровень прозрачности заливки;

5. Допуск — устанавливает режим близости цветов, которые требуется нанести; при помощи инструмента «Смежные пиксели» можно залить близкие промежутки, включенные в Допуск ;

6. Сглаживание — образует наполовину закрашенную грань между залитыми и не залитыми промежутками;

7. Все слои — наносит цвет на все слои в палитре.

Для настройки и применения инструмента «Градиент» в Фотошопе, нужно:

— определить нуждающуюся в заливке область и выделить ее;

— взять инструмент «Градиент» ;

— подобрать нужный цвет для закрашивания фона, а также определиться с основным цветом;

— расположить курсор внутри выделенной области;

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

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

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

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

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

Видео по теме

Прежде всего, вам необходимо установить программу 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 готово.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструкция