Как залить цветом объект в фотошопе. Заливка фонового слоя в фотошопе

В Фотошоп предусмотрено два инструмента заливки: Paint Bucket (Заливка) и Gradient (Градиент). Эти инструменты призваны выполнять заливки трех типов:

равномерная - раскраска области заливки одним цветом;
шаблонная - заполнение области заливки мозаичным узором, составленным из элементов выбранного шаблона;
градиентная - заливка плавным переходом цвета (градиентом), по заданному правилу.

Paint Bucket («Заливка; Ковш») () - щелчок этим инструментом приводит к заливке однородной области сплошным цветом переднего плана, или заранее заданным узором (т. е. равномерная и шаблонная заливка). Все параметры данного инструмента устанавливаются на панели параметров.

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

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

Детали и ресурсы учебника

Расчетное время завершения: 5-10 минут.

Заливка части фонового слоя

Выберите инструмент «Градиент» на панели инструментов и создайте 5-точечный градиент, похожий на. Затем, заполните горизонтально фон. Градиентные заливки - это быстрый способ добавить несколько разновидностей в пустые фоны и сплошные цвета. Добавление заливки градиентом к фону - это просто перетаскивание курсора над холстом. Чтобы применить градиент только к части изображения, сначала выберите область, используя один из инструментов выбора. Если вы хотите добавить градиент в текст, используйте слой заливки градиента и обтравочную маску.

Рис. 147. Панель параметров для инструмента Paint Bucket

Fill (Заливка) - в этом раскрывающемся списке можно выбрать тип заливки: цветом переднего плана (Foreground) и шаблоном (Pattern) . Если выбран именно этот способ заливки (Шаблонный), то тогда становится активным следующий параметр: Pattern . В этом меню можно выбрать шаблон, который предлагается по умолчанию Фотошопом, либо созданный самим. Этот узор можно задать командой меню Edit>Define Pattern (Редактирование>Определитьузор).

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

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

Использование заливки градиента в выбранной области

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

Рис. 148. Заливка шаблоном (Pattern)

Рис. 149. Заливка цветом переднего плана (Foreground)

Кроме всего прочего, для данного инструмента можно задать режим смешения цветов (Mode) , уровень непрозрачности (Opacity) и т.д.

Gradient («Градиент») (). Заливает выделенную область плавным переходом цветов, который обычно и называется градиентом. Плавный переход цветов генерируется автоматически редактором, необходимо задать только крайние (ключевые) цвета. Эти цвета устанавливаются как цвет переднего плана и цвет фона.

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

Заливка всей области или выделенной с помощью инструмента «Заливка»

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

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

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

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

Панорамирование и масштабирование одновременно во всех документах

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

Полноэкранный просмотр файлов с мини-моста

Он не работал, только выбрав текстовый слой.

Рис. 150. Здесь мы использовали инструмент Gradient, протянув его из левого верхнего угла в правый нижний

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

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

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

Рис. 151. Панель параметров для инструмента Gradient

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

Рис. 152. Вид градиента (поле просмотра) - здесь отображается выбранный тип градиента цветов. Если щелкнуть по самому полю вида градиента, то откроется окно редактирования вида градиента (Gradient Editor)

Изменение непрозрачности и непрозрачности заполнения

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

Переключиться на точные курсоры для инструментов рисования

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

Рис. 153. Окно Gradient Editor

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

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

Объединить все видимые слои в новый слой

Бонусная клавиатура

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

Рис. 154. Возможные стили градиента

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

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

Классификацией неразрушающих методов является уровень настройки или заполнения.

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

Для заполнения доступны следующие варианты. Через «Уровень → Новый уровень настройки» Через значок «новый уровень заполнения или уровень настройки» внизу панели управления уровнем.

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

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

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

Автоматически добавлять исправления в виде поперечного сечения

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

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

Затем выберите один из следующих вариантов.

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

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

Экземпляры умных объектов

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

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

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

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

Заменить содержимое интеллектуальных объектов

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

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

Видео: вложенные интеллектуальные объекты и интеллектуальные фильтры

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

Фильтр может быть включен и выключен в любое время и может быть отредактирован с помощью автоматически добавленной маски.

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

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

Заливка выделенной области в фотошоп

Режим смешивания можно отрегулировать в головке панели управления уровнем. Режимы смешивания «Чересстрочный», «Мягкий свет», «Жесткий свет», «Сияющий свет» и «Линейный свет» обладают тем свойством, что 50% серых пикселей становятся невидимыми. Более светлые пиксели подсвечивают плоскости ниже, темные пиксели затемняют плоскости ниже.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3d_man
Апрель 25, 2013
2630
Комментарии к записи Специальная технология Photoshop CS6 – заливка с учетом содержимого отключены

«Удивительно! Просто необыкновенно! Этого не может быть!» – примерно такие восклицания вы можете услышать от людей, которые видят в действии новые функции программы Adobe Photoshop CS6 по заливке с учетом содержимого. Действительно, компании

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

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

В программе Adobe Photoshop CS6 решение задачи удаления нежелательных объектов найдено. Причем для этих целей существует целых два способа: заливка с учетом содержимого и возможности соответствующей функции в инструменте Точечная восстанавливающая кисть (Spot Healing Brash Tool).

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

https://www.news3d.org/tag/izobrazhenie" class="st_tag internal_tag" rel="tag" title="Posts tagged with изображение">изображение , из которого хотите удалить нежеланный объект. Для лучших результатов рекомендуется использовать изображения с наиболее ровным фоном и объектом относительно небольших размеров. Желательно, чтобы объект располагался как можно ближе к центру фоновой области. Для примера мы специально взяли фотографию с крупным объектом и сложным фоном – дорисовать растительность довольно сложная задача (рис. 6.18).

https://www..jpg" width="433" height="307 src=">

Рис. 6.20. Параметры заполнения с учетом содержимого

5. Чтобы получить полное замещение выделенной области новым сгенерированным изображением, в группе элементов управления Наложение (Blending) в раскрывающемся списке Режим (Mode) выберите Нормальный (Normal), а в поле ввода Непрозр. (Opacity) укажите значение в сто процентов.

6. Для применения функции нажмите кнопку ОК.

Выделенная область заполнится изображением на основе окружающих ее элементов. Можете заметить, что сгенерированное программой изображение выглядит довольно естественно. Поэкспериментируйте с формой выделения объектов для достижения наилучших результатов. В случае работы со сложными изображениями, для маскировки характерных «швов» можете использовать инструменты Точечная восстанавливающая кисть (Spot Healing Brush Tool), Штамп (Clone Stamp Tool) и другие.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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