dep_ivs.pnzgu.ru · Web viewRLE (Run Length Encoding)— один из методов сжатия...

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИПЕНЗЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ

МНОГОПРОФИЛЬНЫЙ КОЛЛЕДЖ

УТВЕРЖДАЮ:

Ректор _________________ А.Д Гуляков

«____» ___________________ 2015 г.

КОНСПЕКТ ЛЕКЦИЙ

общепрофессиональной дисциплины

ОП.12 Деловая компьютерная графика

Специальность 09.02.03 Программирование в компьютерных системах

Квалификация выпускника – техник-программист

Форма обучения - очная

2015 г

Содержание

Введение 31. Растровая графика 42. Векторная графика 113. Психологическое восприятие цвета 144. Освоение принципов работы с векторной графикой (программа Corel DRAW)

21

5. Освоение принципов работы с растровой графикой. (Программа Adobe PHOTOSHOP)

49

5.1 Photoshop - Урок 1. Быстрое выделение и заливка 515.2 Photoshop - Урок 2. Слои и текст. 605.3 Photoshop - Урок 3. Фильтры. 645.4 Photoshop - Урок 4. Как в фотошопе вырезать изображение и наложить

одно на другое.69

5.5 Photoshop - Урок 5. Как изменить изображение в фотошопе, используя быструю маску

75

5.6 Photoshop - Урок 6. Транcформация 835.7 Photoshop - Урок 7. Рисование - кисть и карандаш 855.8 Photoshop - Урок 8. Архивная кисть и панель "История" 975.9 Photoshop - Урок 9. Как рисовать в фотошопе. Рисование фигуры. 1015.10 Photoshop - Урок 10. Контуры и растровые изображения 1075.11 Photoshop - Урок 11. Рисование - инструмент перо 1105.12 Photoshop - Урок 12. Рисование - магнитное перо 1145.13 Photoshop - Урок 13. Инструменты ретуширования 1165.14 Photoshop - Урок 14. Инструменты коррекции изображений 1245.15 Photoshop - Урок 15. Эффекты текста 126

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

133

ВВЕДЕНИЕ

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

огромные ламповые монстры загружалась на бумажных носителях, называющихся

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

мощности компьютеров и сложности расчетов привели к необходимости разработки более

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

Долгое время дисплеи были текстовыми — ничего кроме цифр, а позднее букв, они

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

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

которые могли выводить изображения, и можно считать моментом рождения

компьютерной графики.

Первые опыты с компьютерной графикой были проведены в компьютерных играх, а

затем она получила более широкое распространение.

Итак, что именно называют компьютерной графикой? В широком смысле слова

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

визуальная, образная среда.

Однако это слишком абстрактное определение, поэтому сузим понятие до

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

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

История компьютерной графики с этой точки зрения началась намного позднее —в

конце 1970-х — начале 1980-х годов.

Важную роль в этом процессе сыграл выпуск компанией Apple компьютеров

Macintosh, которые в свое време произвели настоящую революцию по следующим

причинам:

Macintosh серийно поставлялся с цветным монитором;

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

интерфейсом (своего рода прообраз Windows);

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

Именно поэтому Macintosh сразу заслужил внимание множества профессиональных

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

Рынок программного обеспечения также не заставил себя долго ждать —появилось

несколько достаточно функциональных для своего времени графических редакторов.

Сегодня человек, работающий в сфере полиграфии или web-изайна, просто не может

не владеть основными графическими пакетами. Даже художники оцифровывают свои

работы и проводят дополнительную коррекцию на компьютере. Цифровая фотография

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

История создания программы CorelDRAW, которой посвящен этот курс, начинается

в 1985 году, когда доктор Майкл Каупланд основал компанию Corel, состоящую всего из

нескольких человек.

Постепенно развиваясь, в 1992 году Corel выпускает первый графический редактор,

оптимизированный для Windows 3.0 — CorelDRAW 3. Для своего времени это был

мощный и универсальный пакет, позволивший малоизвестной до этого компании быстро

завоевать рынок редакторов векторной графики (см. разд. 1.3).

Следующим важным шагом развития CorelDRAW стал выход в 1995 году шестой

версии программы. Он практически совпал с выпуском Windows 95 и поэтому

CorelDRAW 6 стал первым прикладным приложением, полностью оптимизированным для

новой 32-разрядной операционной системы.

В 1996 году корпорация Corel предприняла активную атаку на вотчину своего

главного конкурента, компанию Adobe, выпустив в продажу CorelDRAW 6 для

компьютеров Apple Macintosh.

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

восторгом, CorelDRAW до сих пор не смог ослабить позиции главного "маковского"

векторного графического редактора Adobe Illustrator.

На сегодняшний день выпущена уже 12 версия CorelDRAW. Она продается в составе

пакета Graphic Suite, который включает в себя также следующие программы:

Corel PHOTO-PAINT — второй по мощности после Adobe Photoshop редактор

растровой графики;

Corel R.A.V.E — программа для создания несложных презентаций и Flash-

анимаций;

Corel TRACE — программа для превращения растровой графики в векторную;

Corel CAPTURE — утилита для оптимизации работы с копиями экрана;

Bitstream Font Navigator — программа для управления шрифтами;

Corel Update — приложение для скачивания через Интернет обновлений для

программ пакета Corel Graphic Suite.

В этом курсе мы будем подробно рассматривать CorelDRAW.

1. Растровая графика

Первый вид компьютерной графики, с которым мы познакомимся, — растровая,или

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

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

получался рисунок, особенно если смотреть на него с расстояния.

Растровое изображение — это тоже своего рода мозаика. Только в данном случае

вместо кусочков пластмассы — пикселы.

Пиксел

Пиксел (Pixel) — элементарная единица изображения в растровой графике, обычно

имеющая квадратную форму. Размеры пиксела зависят от разрешения изображения

(количества пикселов на единицу длины).

На рис. 1.1 показано растровое изображение и его увеличенный фрагмент.

Отчетливо видны элементы квадратной формы, из которых складывается изображение.

Рис. 1.1. Растровое изображение складывается из пикселов, как стена из кирпичей

Учитывая эту специфику построения, растровая графика имеет следующие

особенности:

растровое изображение всегда прямоугольной формы;

растровое изображение не столь гибко как векторное к изменению размера

(масштабирование может заметно ухудшить качество);

растровый документ не может содержать объекты в разных цветовых режимах.

Разрешение

Разрешение (Resolution) — количество точек на единицу длины (дюйм, сантиметр).

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

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

экранное разрешение), но для получения качественного результата в полиграфии

необходимо значительно больше.

http://www.intuit.ru/department/graphics/corel12/1/corel12_1.html#image.1.1%23image.1.1

Разрешение — это понятие, практически идентичное понятию "качество" для

растровой графики. Посмотрите рис. 1.2.

Увеличение разрешения положительно сказывается на четкости изображения, его

реалистичности. Однако стоит учитывать, что это должно быть настоящее разрешение

фотографии, а не интерполированная копия (что такое интерполяция, читайте ниже).

Рис. 1.2. Изображение в высоком (а) и низком разрешениях (б)

Повышение качества за счет увеличения разрешения имеет обратную сторону

медали — пропорциональное увеличение размеров файла.

Разрешение измеряется в пикселах на дюйм (стандарт) или сантиметр (встречается

редко). В этом курсе разрешение всегда будет указано в пикселах на дюйм.

ВНИМАНИЕ.Очень часто в компьютерной литературе разрешение графических

файлов обозначают в dpi. Такой подход совершенно не верен. dpi (Dots Per Inch — точек

на дюйм) относится не к файлам, а к мониторам и другим устройствам ввода(вывода:

сканерам,принтерам, цифровым фотоаппаратам.

В табл. 1.1 указаны основные разрешения и сферы их применения.

Таблица 1.1. Основные значения разрешения и сферы их применения

Значение

разрешенияСфера применения

72 ppi Экранное разрешение. С таким разрешением сохраняются

изображения,предназначенные для отображения на мониторе

150 ppi Среднее разрешение, применяемое при некачественной печати.

С таким или близком к этому разрешению печатается большинство

газет

300 ppi Высококачественная печать — цветные глянцевые журналы,

календари, плакаты и прочая полиграфическая продукция высокого

http://www.intuit.ru/department/graphics/corel12/1/corel12_1.html#table.1.1%23table.1.1


качества

600 ppi Очень качественная полиграфическая продукция

Интерполяция

Интерполяция — это математический способ увеличения количества пикселов в

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

Постарайтесь не путать понятия -масштабированиe и изменение размеров;

Масштабирование (чаще всего оно связано с инструментом Zoom (Масштаб)) —это

изменение отображения на экране. Изменение размеров — это внесение изменений в

графический файл. Посмотрите на рис. 1.3.

Рис. 1.3. Масштабирование изображения из четырех пикселов в два раза (а)и

интерполяционное увеличение (б)

В первом случае (см. рис. 1.3, а) количество пикселов не изменилось, а размер

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

одного пиксела.

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

12 интерполяционных, которые дорисовал компьютер.

ВНИМАНИЕ.Не стоит воспринимать интерполяцию как хорошее средство в ваших

руках. Если полиграфическое бюро требует разрешение 300 ppi, то увеличение

разрешения для картинки, которую вы скачали из Интернета и которая имеет всего 72 ppi,

ничего не даст. Мелкие детали, которые были бы видны при реальных 300 ppi, не появятся

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




Основные форматы растровых файлов

Несмотря на то что в основе растровой графики лежит одна и та же матрица

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

Рассмотрим некоторые из них, которые наиболее часто используются в работе.

CPT (Corel Photo-Paint Image)

Стандартный формат для хранения растровых изображений программы Corel

PHOTO-PAINT и CorelDRAW. Способен сохранять все, что возможно создать в этих

программах при работе с точечной графикой. Основной недостаток — плохая поддержка

другими редакторами, например, Photoshop. Однако если вы отдаете предпочтение

продуктам компании Corel, формат CPT — это достаточно оптимальный выбор.

PSD (Photoshop Document)

Собственный формат Photoshop. Основное достоинство — позволяет сохранять все,

что можно создать в данной программе (слои, дополнительные каналы, комментарии,

пути). Это полезное свойство, так как часто работа над одним изображением ведется в

течение нескольких дней, и если бы не было таких возможностей в формате PSD, возник

бы целый ряд проблем.

В настоящее время данный формат поддерживают практически все программы

редактирования растровой графики.

В PSD используется стандарт компрессии RLE, что делает его размеры несколько

меньше без потери качества.

ПРИМЕЧАНИЕ.RLE (Run Length Encoding)— один из методов сжатия графических

файлов. Он основан на поиске совпадений в строках изображений. Например, если подряд

идет 40 черных пикселов, то они будут записаны не как черный,черный,черный…, а как

40 черных. Этот метод эффективен только при достаточной повторяемости, то есть

одноцветности областей изображения. В отличие от JPEG (см. ниже), при использовании

RLE качество изображения не ухудшается.

BMP (Windows Device Independent Bitmap)

Собственный формат операционной системы Windows. Специально для нее

разработан программистами компании Microsoft. Поддерживает индексированный (256

цветов) и RGB-цвет. Данный формат понимают абсолютно все (графические и не только)

редакторы, работающие в Windows.

На этом немногочисленные достоинства BMP заканчиваются и начинаются

многочисленные недостатки:

не подходит для Интернета;

крайне неудачный выбор для последующей распечатки;

является аппаратно зависимым форматом;

некорректно использует RLE-сжатие;

занимает неоправданно много места на диске.

Использование BMP будет ошибкой в любом случае, за исключением дальнейшего

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

GIF (CompuServe Graphics Interchange Format)

Один из самых известных форматов файлов, на сегодняшний день в основном

используется в Интернете.

GIF был разработан в 1987 году компанией CompuServe для скоростной передачи

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

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

файл несколько картинок и проигрывать их с определенной задержкой. GIF поддерживает

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

В GIF используется LZW-компрессия, что в сочетании с индексированными цветами

делает этот формат идеальным для хранения и передачи изображений с малым

количеством цветов.

ПРИМЕЧАНИЕ.LZW(компрессия— еще один вид сжатия изображений, близкий

RLE. При такой компрессии происходит поиск так называемых "фраз" (повторяющихся

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

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

RLE при работе с областями, имеющими переходы цветов, однако кодировка в LZW

требует больше системных ресурсов.

Еще одно достоинство GIF — возможность использования чересстрочной развертки,

при которой файл сначала загружается через строку, в меньшем вертикальном

разрешении, а затем загружаются остальные строки.

Анимация, прозрачность, чересстрочная развертка сделали GIF одним из самых

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

формата — отображение только 256 цветов.

JPEG (Joint Photographic Experts Group)

JPEG — это не только графический формат, это один из самых распространенных в

настоящее время технологий сжатия файлов.

Технология JPEG реализуется следующим образом: сначала изображение

разбивается на блоки 8*8 пикселов. Затем записывается два типа информации —

усредненная информация о блоке и информация о его деталях. Далее, в зависимости от

выбранной степени сжатия, удаляется то или иное количество дополнительной

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

ВНИМАНИЕ.JPEG — это далеко не лучший формат для хранения фотографий. При

каждом открытии и последующем закрытии в растровом редакторе файл переписывается

заново и качество падает. Через некоторое время изображение может стать совершенно

непригодным для использования.

JPEG лучше всего использовать для изображений, допускающих нечеткость краев и

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

предпочтение другим форматам.

Большим недостатком JPEG является отсутствие возможности сохранять

индексированные цвета.

В настоящее время JPEG — основной формат передачи графики в

Интернете.Причина этому ясна — ни один другой формат не может дать такого

соотношения качества и скорости загрузки изображений.

JPEG 2000

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

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

потери качества (визуально ухудшения качества не видно).

PCX

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

PCXподдерживает RLE-компрессию (см. выше). Он поддерживает цветовые модели

Bitmap, Grayscale, Indexed colors, RGB (см. гл. 8). Однако PCX не поддерживает цветовую

модель CMYK, что на сегодняшний день не очень хорошо. Кроме того,этот формат не

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

формат. Его прекрасно заменит более распространенный TIFF (см. ниже)

PICT (Macintosh QuickDraw Picture Format)

Используется, в основном, на компьютерах Macintosh. Поддерживается всеми

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

сохранении в PICT вы можете использовать цветовые режимы Bitmap, Grayscale,Indexed

colors, RGB, CMYK. В RGB-файле можно сохранить один альфа-канал,в остальных

режимах — несколько.

PICT способен хранить векторную информацию, текст и звук.

Этот формат имеет достаточно неплохие возможности для сжатия при условии

наличия больших областей одного цвета (RLE-компрессия).

PNG (Portable Network Graphics)

Третий кит (первые два — это JPEG и GIF), на котором держится графика в

Интернете. Самый перспективный формат Всемирной сети. PNG — это достаточно

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

PNG поддерживает любое количество цветов. Сжатие происходит по

принципу,сходному с LZW, но несколько более совершенному, что дает неплохие

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

горизонтали и вертикали одновременно.

Встроенная гамма-коррекция позволяет правильно отображать цвета на всех

компьютерах, независимо от платформы.

Формат PNG заслуживает внимания тех, чьи работы предназначены для

дальнейшего использование в Интернете.

RAW

Самый гибкий формат для обмена изображениями между компьютерами разных

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

многоканальный, поддерживает альфа-каналы.

На сегодняшний день RAW переживает второе рождение, так как это основной

формат для многих цифровых фотоаппаратов.

TIFF (Tagged Image File Format)

Самый распространенный на сегодняшний день растровый графический формат в

издательском деле. Основные его достоинства:

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

изображений с PC на Macintosh и наоборот;

очень надежный формат, практически все программы понимают его без проблем;

поддерживает все цветовые модели, включая CMYK и PANTONE;

может нести дополнительную информацию, например, о контурах или альфа-

каналах;

поддерживает LZW-компрессию.

Формат TIFF — лучший выбор для тех, чьи работы предназначены для печати.

2. Векторная графика

Векторное представление изображения кардинально отличается от растрового.Его

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

промежуточные достраиваются между ними по определенным математическим законам.

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

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

прямая. Для описания окружности достаточно задать ее центр, указать радиус и сделать

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

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

графический элемент — на мониторе,бумаге или другом носителе, — устройство вывода

автоматически построит элементы изображения в соответствии с инструкциями (рис. 1.4).

Рис. 1.4. Описание прямоугольника на языке PostScript (а) и его отображение на экране

(б)

Кривые Безье

Для описания векторного графического объекта существует множество

способов.Самый удобный и распространенный из них это так называемые "кривые

Безье",разработанные в 1968 году французским инженером-математиком Пьером Безье

для решения узкоспециальной задачи — простого описания криволинейных фигур для

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

скоро завоевал популярность далеко за пределами инженерной графики.

Вкратце его суть сводится к следующему. Любая геометрическая фигура

разбивается на несколько относительно простых участков, которые называются

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

явно описываются координаты якорных точек, а также первая и вторая производная

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

звучит загадочно, но на деле все очень просто и наглядно. На рис. 1.5 показан фрагмент

кривой Безье.

Якорные точки — это маленькие белые квадратики (1), из которых выходят

вспомогательные прямые отрезки (2). Эти отрезки называются направляющими линиями.

Каждая направляющая заканчивается черной точкой — маркером (3), ее длина и

направление соответствуют первой и второй производной. Однако сидеть с

калькулятором в руках и вспоминать курс дифференциального исчисления вам не



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

соответствующей направляющей.

Рис. 1.5. Фрагмент кривой Безье

Растрирование и векторизация

ВНИМАНИЕ.Практически невозможно получить точно такое же растровое

изображение из векторного элемента без потери качества, и наоборот. Поэтому к

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

Основные векторные форматы

Первым популярным форматом для представления векторной графики следует

считать HPGL, разработанный компанией Hewlett-Packard для семейства своих плоттеров.

Плоттер (графопостроитель) — это устройство для нанесения изображения на бумагу. Его

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

HPGL разбивались на отрезки и в таком виде записывались в файл. Способ оказался

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

виде существует и в настоящий момент.

Однако сегодня наибольшее распространение получили другие, более совершенные

форматы представления векторной графики.

Каждый уважающий себя разработчик программы векторной графики считает своим

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

лежит все та же идея кривых Безье, конкретные варианты могут настолько отличаться

друг от друга, что сейчас достаточно остро встает проблема совместимости форматов.

CDR (CorelDRAW)

Основной формат программы CorelDRAW. Способен хранить не только элементы

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

Если вы хотите добиться максимальной совместимости файлов в формате CDR с

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

формате более ранних версий программы, допустим, восьмой.

Adobe PostScript

В настольных издательских системах фактически является стандартом

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

высококачественных выводных устройств (лазерных принтеров и фотонаборных

автоматов), но сегодня широко применяется и в программах верстки, и в графических

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

Последняя версия языка PostScript (Level 3) позволяет работать с такими сложными

эффектами, как прозрачность, печать уровня Hi-Fi (в том числе Pantone Hexochrome),

поддерживает 4096 градаций каждого цвета и т. д.

Существует несколько разновидностей PostScript, самый известный из которых —

EPS (Encapsulated PostScript). Другой, бурно развивающийся сегодня вариант языка, —

PDF (Adobe Portable Document Format) — формат программы Adobe Acrobat.

По сути, он представляет собой упрощенную и оптимизированную версию

PostScript.Документ Adobe Illustrator также является PostScript-файлом.

DXF (Drawing eXchange Format)

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

прежде всего AutoCAD. В DXF реализованы многие возможности, отсутствующие в

большинстве других форматов, например, хранение трехмерных объектов.

WMF (Windows MetaFile)

Изначально был создан для обмена данными между Windows-приложениями.Вполне

подходит для использования в программах офисного уровня, но слишком примитивен для

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

Более функциональный вариант WMF, который появился вместе с Windows 95 и

называется EMF (Enhanced MetaFile), так и не получил широкого распространения.

PICT

Аналог формата WMF для платформы Macintosh. Имеет все те же недостатки, что и

его аналог в Windows, умноженные на малую распространенность компьютеров Apple.

3. Психологическое восприятие цвета

Значение восприятия цвета для художников прикладных специальностей

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

зданий, декоративные ткани, предметы убранства, одежда, машины и орудия труда -

создает цветовую среду, так или иначе формирующую душевное состояние человека,

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

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

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

реакциях человека на цвет и о цветовых ассоциациях. Изложим вкратце их суть.

Все спектральные цвета тем или иным образом влияют на функциональные

системы человека.

Красный - возбуждающий, согревающий, активный, энергичный, проникающий,

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

скарлатины, кори и некоторых кожных заболеваний; на короткое время увеличивает

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

Оранжевый - тонизирующий; действует в том же направлении, что и красный, но

слабее; ускоряет пульсацию крови, улучшает пищеварение.

Желтый (самый светлый в спектре) - тонизирующий, физиологически

оптимальный, наименее утомляющий; стимулирует зрение и нервную деятельность.

Зеленый (самый привычный для органа зрения) - физиологически оптимальный;

уменьшает кровяное давление и расширяет капилляры; успокаивает и облегчает

невралгии и мигрени; на продолжительное время повышает двигательно-мускульную

работоспособность.

Голубой - успокаивающий; снижает мускульное напряжение и кровяное давление,

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

Синий - успокаивающее действие переходит в угнетающее; способствует

затормаживанию функций физиологических систем человека.

Фиолетовый - соединяет эффект красного и синего цветов; производит угнетающее

действие на нервную систему.

Изучая этот список, можно заметить в нем интересную особенность - периодичность.

Возбуждающее действие цвета как будто находится в периодической зависимости от

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

синусоиды. Длины волн излучения удобнее откладывать на горизонтальной оси в порядке

убывания.

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

этого качества он достигает не в самом начале видимой области спектра, а несколько

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

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

их умеренно, уменьшено количественно. Зеленый - физиологически нейтральный цвет,

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

голубом цвете уже явно ощущается успокаивающее действие, которое по мере перехода

голубого к синему и фиолетовому возрастает. И наконец, фиолетовый цвет воздействует

угнетающе. Однако, подходя от красного к фиолетовому концу, спектр стремится

замкнуться. Крайности сходятся. В фиолетовом появляется что-то от красного, т. е. что-то

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

фиолетового, круг замыкается. Впервые эту закономерность заметил Ш. Ферри, о чем

упомянул М. Дерибере в книге "Цвет в деятельности человека".

Деятельность органа зрения может возбуждать и другие органы чувств: осязание,

слух, вкус, обоняние. Цветовые ощущения могут также вызывать воспоминания и

связанные с ними эмоции, образы, психические состояния. Всё это называют цветовыми

ассоциациями.

Цветовые ассоциации можно подразделить на несколько больших групп:

физические, физиологические, этические, эмоциональные, географические и др. В

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

Физические ассоциации:

а) весовые (легкие, тяжелые, воздушные, давящие, невесомые,...);

б) температурные (теплые, холодные, горячие, ледяные, жгучие,...);

в) фактурные (мягкие, жесткие, гладкие, колючие, шершавые, сколь-зкие,...);

г) акустические (тихие, громкие, глухие, звонкие, музыкальные,...);

д) пространственные (выступающие, отступающие, глубокие, поверхно-стные,...).

Эмоциональные ассоциации:

а) позитивные (веселые, приятные, бодрые, оживленные, лирические,...);

б) негативные (грустные, вялые, скучные, трагические, сентименталь-ные,...);

в) нейтральные (спокойные, безразличные, уравновешенные,...).

Этот список можно продолжить.

Цвет в рекламе

Реклама использует средства массовой информации для распространения своих

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

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

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

целенаправленная попытка повлиять на человеческое поведение. Она принадлежит к

внешним проявлениям нашего обихода, нашей повседневной жизни, являясь

неотъемлемой частью окружающего нас мира. Постепенно она глубоко проникает в наше

подсознание. Для того, чтобы объявления стали более запоминающимися, они должны

отличаться краткостью, ясностью, точностью и непосредственностью. Самое

существенное в них должно быть представлено просто, в оригинальной форме в

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

К особенно хорошим результатам приводит целенаправленное использование цветов

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

очевидность достоинств представленных товаров и услуг, заставляет человека

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

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

достижения поставленных целей, содержание и цвет должны действовать согласованно.

Таким образом, цвет в рекламе исполняет функции предложения.

Серьезной проблемой для создателей рекламы является правильный выбор

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

Отдельно взятые цвета и в сочетаниях между собой выражают совершенно особые

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

какой-нибудь журнал или обратите внимание на какой-либо плакат, и Вы найдете

достаточное количество доказательств, подтверждающих эти положения.

Несколько примеров:

В рекламах кофе преобладают коричневые тона.

Рекламные ролики молочных продуктов - оттенки белого цвета;

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

пастельные тона;

для предложения освежающих лимонадов - для передачи жизненной силы

воды - холодные жемчужные светлые тона,

а для серьезной музыки - праздничное созвучие трех цветов: красного,

золотого и черного.

В рекламе поп-музыки использют шокирующие цвета, такие как розовый,

оранжевый, лиловый, красный,

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

Золотой цвет может встречаться только там, где предлагается что-то особенно

ценное и дорогое.

Цвета воздействуют не только на глаза, но и на другие органы чувств: мы чувствуем

вкус "сладкого розового цвета", слышим "кричаще-красный", ощущаем "воздушно-

белый", слышим запах "свежей зелени". Поэтому, не удивительно, что сфера

использования цветов в последнее время сильно расширилась. Воздействие отдельных

цветов и их оттенков были протестированы, после чего использовались более

целенаправленно: в сфере моды, фильмах и на телевидении, журналах и фотографиях, но,

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

черно-белая.

Дизайн цвета для WEB

Нет ничего важнее правильного подбора цветов для оживления веб-страницы

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

Знаете ли вы о том, что первое впечатление о вашем сайте формируется у посетителя

в течение первых девяти секунд посещения? Очень важно удостовериться, что цветовая

схема дизайна сайта находится в соответствии с контентом и целевой аудиторией проекта.

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

при этом не отвлекая и не вводя в заблуждение ваших пользователей.

Цветовая гамма страницы дает возможность выделить такие наиболее важные части

страницы как навигационные элементы, содержательные блоки, акценты, взаимосвязи и

т.д. По этой причине, цвет - крайне важный элемент дизайна web-сайта.

Для большинства людей цвет играет роль подключения их внимания к объекту, или

же наоборот - отключения внимания от оного. Посетители вашего сайта, знают ли они это

или нет, реагируют на цвета и другие визуальные элементы на вашем сайте на

бессознательном уровне. Заинтригованный (и не сбитый с толку) посетитель сайта,

вероятнее всего, вовлекается в цели вашего сайта - то ли здесь можно найти информацию,

то ли развлечься, или же здесь продаются

товары или услуги.

Можно перейти к некоторым из наиболее

очевидных способов удостовериться, что

цветовая гамма находится в гармонии с

содержанием сайта:

Цвета выражают настроение и

индивидуальность вашего сайта

Цвета выражают назначение вашего сайта,

его цели, и индивидуальность (также как и

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

варианта интерфейса сайтов розничной торговли:

Gap Online - пример тщательного подбора цветовой гаммы. Сайт использует

монохроматичную сине-серую палитру, которая является очень эффективной для

выделения представляемой одежды и моделей. Цвета мягкие, ненасыщенные - и весь

проект Gap смотрится и воспринимается легко и ненавязчиво. Оценка: 5

В то время как BigSmart переполнен насыщенными, яркими, контрастными цветовыми

комбинациями. Вся эта красочная мишура отвлекает внимание от той информации,

которую она призвана донести. Все изображения одежды просто теряются в общем

визуальном шуме. Оценка: 2-

Цвета устанавливают идентичность

Цвета сайта и логотип компании должны

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

палитре... Дизайн сайта должен быть

спроектирован относительно лого так, чтобы

логотип не торчал как воспаленный большой

палец. Хорошим примером вышесказанного послужит цветовая гармония между сайтом

Beck Interactive и их логотипом . Это тем более важно, что в 99% случаев логотип уже

содержит специфические фирменные цвета той или иной организации.

Цветная палитра должна соответствовать содержанию сайта

Содержание и цвет на сайте должны гармонично дополнять друг друга. Давайте вернемся

к Gap Online еще раз: цвета, выбранные для дизайна не отвлекают от процесса получения

информации, и это также создает дружественную привлекающую среду.

Цвета в контексте нашей эмоциональной и культурной действительности

Web-cайты, которые разрабатываются для глобальной аудитории, должны выбирать цвета

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

Web-дизайнер должен серьезно отнестись к анализу символики цвета. Например,

красный - цвет огня, пожара и крови и не ассоциируется со спокойствием или миром.

Зеленая шляпа в Китае сигнализирует, что жена человека обманывает его, но во многих

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

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

цветовом и культурном назначении дизайна.

ЧТО ТАКОЕ КОМПЬЮТЕРНАЯ ГРАФИКА. ВЕКТОРНАЯ ГРАФИКА, РАСТРОВАЯ

ГРАФИКА, ФРАКТАЛЬНАЯ ГРАФИКА. ФОРМАТЫ ГРАФИЧЕСКИХ ФАЙЛОВ,

КОЛОРИСТИКА. ПСИХОЛОГИЧЕСКОЕ ВОСПРИЯТИЕ ЦВЕТА. Цвет для групп

населения

Цвета должны подбираться в зависимости от аудитории или целевой группы сайта... "The

Meaning of Color" от Natalia Khouw обращает внимание на некоторые интересные факты,

http://www.beckinteractive.com/

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

населения, такие как:

Мужчины предпочитают синий цвет красному, в то время как женщины наоборот -

красный синему.

Другой пример - мужчины предпочитают оранжевый желтому, тогда как женщины

предпочитают желтый оранжевому.

Так, знающие дизайнеры используют при разработке дизайна сайта для молодой

аудитории более яркие цвета, тогда как для старших/взрослых должны использоваться

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

Сочетания различных цветов

Отдельный цвет сам по себе может быть слишком кричащим или слишком бледным -

однако он может быть хорошо обыгран в сочетании с другими цветами. Сочетание

черного и серого достаточно тоскливо, но попробуйте

добавить к ним оранжевый .

Цвета и их естественные ассоциации

Если Вы разрабатываете сайт для бани или водного

спорта, лучше использовать голубые цвета и цвета

морской волны. Если Вы делаете садоводческий сайт,

пробуйте оттенки зеленые и цвета земли. Если Вы

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

простую, очень ограниченную цветовую палитру, которая не имеет никакого

специфического значения.

Некоторые общеизвестные цветовые значения/ассоциации:

Красный !!! ассоциируется с кровью, и с чувствами, которые являются энергичными,

волнения, страсти или эротика. Большинство цветов несет, и положительные и

отрицательные значения. Обратная сторона красного вызывает агрессивные чувства,

вызывая гнев или насилие.

Оранжевый !!! - цвет тела, или же дружественной теплоты огня очага. Положительные

значения этого цвета предлагают доступность, непринужденность. Отрицательная сторона

могла бы подразумевать чрезмерную доступность - вашим предложением начинает

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

Желтый !!! - цвет радости, солнечного света. Этот цвет оптимистический, приподнятый,

современный. Энергия желтого может стать подавляющей. Поэтому желтый - не тот цвет,

который имеет тенденцию доминировать над модой в течение длительных периодов

времени.

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

тропического курорта, однако такой же цвет может уничтожить сайт юридической

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

Зеленый !!! В его положительном значении зеленый предполагает натуральные,

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

естественность. С другой стороны, зеленый в некоторых своих оттенках или в некотором

нетрадиционном контексте (типа зеленой кожи) может вместо этого ассоциироваться с

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

Синий !!! предлагает прохладу, отдаленность, духовность, или, возможно, сдержанную

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

отрицательном значении, мы можем думать о "блюзе" - что может подразумевать печаль,

пассивность, отчуждение, или депрессию.

Фиолетовый !!! - цвет фантазии, игривости, импульсивности, и мечтательного состояния.

В его отрицательном качестве он может ассоциироваться с кошмарами или безумием.

Белый цвет

Используйте белый цвет. Используйте пространство. Пожалуйста!

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

Если ваш сайт содержит богатый контент (интересные тексты), делайте ваши веб-

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

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

отдельными элементами страницы.

Чем меньше - тем больше

Ограничивайте вашу цветовую палитру двумя или тремя главными цветами

(полутоновыми вариациями) и небольшими акцентами в некоторых местах.

Ограниченные цвета в вебе вообще и и цветовой палитры вашей графики в частности

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

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

успеху в бизнесе. Такие сайты, как http://www.apple.com/, http://www.eddiebauer.com/

использовали ограниченное цветовое пространство и все же выглядят отчетливыми; даже

CoolHomepages главным образом использует 2 цвета, оранжевый и синий.

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

В отношении WEB белый - самый яркий цвет, черный по отношению к нему - наиболее

контрастный, и красный обеспечивает акцент и отлично сочетается с обоими.

Колористика

Колористика - наука о цвете, включающая знания о природе цвета, основных, составных и

дополнительных цветах, основных характеристиках цвета, цветовых контрастах,

смешении цветов, колорите, цветовой гармонии, цветовом языке, цветовой гармонии и

цветовой культуре. Законы мира цвета - интересная штука. Они определяют дружить

цветам или не дружить :)

Цвет - свойство света вызывать определенное зрительное ощущение в соответствии

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

волн возбуждает разные цветовые ощущения; излучения от 380 до 470 нм имеют

фиолетовый и синий цвет, от 470 до 500 нм - сине-зеленый, от 500 до 560 нм - зеленый, от

560 до 590 нм - желто-оранжевый, от 590 до 760 нм - красный. Однако цвет сложного

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

Оттенок (цвет) - название цвета (красный, синий,...)

Интенсивность - уровень концентрации цвета (преобладание того или другого тона)

Глубина - степень яркости или приглушенности тональности цвета

Светлота - степень разбеленности ( % присутствия в цвете белого и светло-серого

тонов)

Насыщенность - % присутствия темно-серого и черного тонов

Яркость - характеристика светящихся тел, равная отношению силы света в каком-

либо направлении к площади проекции светящейся поверхности на плоскость,

перпендикулярную этому направлению

Контрастность - отношение разности яркостей объекта и фона к их сумме

Первый, кто создал стройную систему цветов, был Леонардо да Винчи. Он установил, что

мноогобразие цвета, открытое еще древними греками и римлянами, может быть

ограничено. Да Винчи писал: "Простых цветов - 6: белый, желтый, зеленый, синий,

красный и черный". Леонардо да Винчи выделил также два возможных аспекта цветов:

художественный и физический.

Цвет - одно из свойств объектов материального мира, воспринимаемое как осознанное

зрительное ощущение. Тот или иной цвет "присваивается" человеком объектам в процессе

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

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

ситуациях, уменьшаться при усталости.

4. Освоение принципов работы с векторной графикой (программа Corel DRAW)

Программа CorelDRAW X3 открывается в стандартном виде окна приложения Windows с

печатной страницей в центре (рис. 1.1).

Основными элементами окна CorelDRAW являются:

строка заголовка с тремя кнопками управления размером окна, расположенными справа:

Свернуть, Развернуть/Свернуть в окно, Закрыть;

строка меню (Menu Bar); каждое меню содержит множество пунктов, которые открывают

подменю, выводят на экран диалоговые окна или выполняют конкретные команды;

панель инструментов (Toolbox) — панель графики;

панель свойств (Property Bar) — набор параметров конкретного инструмента,

выбранного на панели инструментов;

цветовая палитра (Color Palette);

пристыковываемые окна (Dockers) — элементы, предназначенные для настройки

параметров выполнения тех или иных действий; они обычно открываются в служебной

области в правой части окна.

Если какая-либо панель отсутствует в окне программы CorelDRAW, то для ее

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

1. В строке меню выберите пункт меню Window (Окно), щелкнув на нем кнопкой мыши.

2. В раскрывшемся списке выберите пункт Toolbars (Панели инструментов), а затем

выберите название требуемой панели, переведя на него указатель мыши и щелкнув

кнопкой мыши.

Выполнение этих действий приведет к установке напротив названия панели флажка и

появлению выбранной панели в окне программы CorelDRAW.

Чтобы спрятать панель, выполните такие действия.

1. В меню Window (Окно) выберите пункт Toolbars (Панели инструментов).

2. Выберите в списке панелей инструментов требуемое название с установленным флажком,

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

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

окна программы CorelDRAW.

http://www.intuit.ru/department/graphics/corelx3/1/corelx3_1.html#image.1.1%23image.1.1

Рис. 1.1. Окно программы CorelDRAW X3

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

1. Выберите пункт меню Window (Окно).

2. Щелкните на пункте Color Palettes (Цветовые палитры).

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

Чтобы спрятать цветовую палитру, необходимо выполнить вышеописанные действия и

щелчком кнопки мыши снять соответствующий флажок.

Для успешной работы необходим следующий минимальный набор панелей (см. рис. 1.1):

панель графики;

панель свойств;

стандартная панель инструментов;

цветовая палитра.

Стандартная панель

Стандартная панель инструментов располагается непосредственно под строкой главного

меню (рис. 1.2).



Рис. 1.2. Стандартная панель инструментов

Элементы стандартной панели инструментов предназначены для выполнения таких

действий:

New (Новый) — создать документ текущего формата печатной страницы;

Open (Открыть) — открыть диалоговое окно Open Drawing (Открыть рисунок),

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

Save (Сохранить) — сохранить рисунок;

Print (Печать) — открыть диалоговое окно Print (Печать);

Cut (Вырезать) — копировать объект в буфер обмена с удалением его с рабочей области;

Copy (Копировать) — копировать объект в буфер обмена без удаления его с рабочей

области;

Paste (Вставить) — вставить скопированный в буфер обмена объект на рабочую область;

Undo (Отменить) — отменить выполненное действие;

Redo (Вернуть) — повторить действие, отмененное предыдущей командой;

Import (Импорт) — импортировать на рабочую область растровое изображение;

Export (Экспорт) — экспортировать файл в другой формат;

Zoom Levels (Уровни увеличения) — раскрывающийся список, из которого можно

выбрать один из доступных масштабов просмотра рисунка в окне документа:

o To Fit (По картинке) — отображение всех объектов рисунка так, чтобы они занимали все

окно документа;

o To Selected (По выбранному) — отображение только выделенных объектов таким

образом, чтобы они занимали все окно документа;

o To Page (На страницу) — режим показа печатной страницы в центре окна;

o To Width (По ширине) и To Height (По высоте) — режим подгонки размеров изображения

печатной страницы под размер окна документа по ширине или по высоте соответственно;

o 10%... 400% — режимы показа печатной страницы рисунка с соответствующим

уменьшением или увеличением относительно исходного размера (100%).

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

Данная панель содержит инструменты для создания объектов, изменения их формы,

применения специальных эффектов, работы с цветом и т. п. (рис. 1.3).

Рис. 1.3. Развернутый вид панели инструментов: группы инструментов

В правом нижнем углу большинства кнопок инструментов имеется маленький

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

инструментов. Чтобы сменить текущий инструмент с помощью мыши, щелкните на такой

кнопке и на появившейся панели переместите указатель к нужной позиции.

Начало работы

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

панель свойств (рис. 1.4).

СОВЕТ. Если панель свойств в окне программы CorelDRAW не

соответствует тому виду, который представлен на рис. 1.4, выберите на панели

графики инструмент Pick (Выбор) ( ) и щелкните на свободном месте

рабочей области.

Размер рабочей области практически бесконечен, а вот формат печатной страницы

имеет конечные размеры: ширину и высоту (см. рис. 1.1).

Перечислю основные параметры печатной страницы.





Paper Type/Size (Тип/Формат бумаги). Программа CorelDRAW поддерживает

обширный набор размеров страниц документа, соответствующих стандартам многих

стран мира. Среди этих форматов — размеры стандартных конвертов, а также этикеток.

Paper Width and Height (Ширина и высота бумаги). Значения этих параметров —

ширины (Width) и высоты (Height) — автоматически обновляются в соответствии с

выбранным форматом бумаги. Однако несмотря на это вы всегда можете задать для них

собственные, независимые значения.

Portrait (Книжная) и Landscape (Альбомная) — кнопки, управляющие

ориентацией страницы.

Drawing Units (Единицы измерения). Проведение построений в программе

CorelDRAW возможно в различных единицах измерений.

Рис. 1.4. Панель свойств

Практическое задание 1. Настройка рабочей области

1. Выберите из раскрывающегося списка Paper Type/Size (Тип/Формат

бумаги) значение А4.

2. С помощью соответствующей кнопки установите ориентацию бумаги —

Landscape (Альбомная).

3. Из раскрывающегося списка Drawing Units (Единицы измерения) выберите

значение millimeters (миллиметры).

4. Из списка Zoom Levels (Уровни увеличения) выберите значение To Page

(На страницу).

5. Проверьте наличие в окне программы CorelDRAW следующих панелей:

o панель инструментов;

o панель свойств;

o стандартная;

o цветовая палитра — стандартная палитра CMYK.

6. При необходимости включите их отображение.

Выводы

Предварительные настройки формата бумаги, ее ориентации, выбор тех или иных

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

условием для начала работы в программе CorelDRAW, поскольку во время работы всегда

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

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

Манипулирование объектами

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

создано руками человека. Особенно ярко эта геометрическая фигура присутствует в

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

трансформационных искажений (изменение геометрических размеров, вращение, сдвиг)

позволяют получить из прямоугольника такие фигуры, как квадрат, ромб и

параллелограмм (рис. 2.1).

Рис. 2.1. Примеры геометрических фигур, полученных из прямоугольника в результате

изменения геометрических размеров, вращения и сдвига

Способность прямоугольника к трансформационным изменениям позволяет

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

более сложные фигуры, как мозаичное полотно.

Используя настройки, которые появляются на панели свойств при выборе

инструмента Rectangle (Прямоугольник), можно задавать скругление отдельных углов

прямоугольника. Благодаря нeзависимости углов друг от друга в результате получаются

разнообразные заготовки (рис. 2.2).

Таким образом, комбинирование трансформационных искажений с параметрами

скругления углов прямоугольника предоставляет пользователям возможность создавать

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

2.3).





Прямоугольник

Для построения прямоугольника в программе CorelDRAW предназначен

специальный инструмент — Rectangle (Прямоугольник) ( ) (рис. 2.4).

Рис. 2.2. Примеры геометрических фигур, полученных из прямоугольника настройкой

параметров скругления определенного угла

Рис. 2.3. Примеры фигур, полученных из прямоугольника в результате

трансформационных искажений и задания скругления различным углам

Чтобы активизировать инструмент Rectangle (Прямоугольник), выполните

следующие действия.

1. Переместите указатель мыши ( ) на кнопку инструмента Rectangle

(Прямоугольник) ( ).

2. Щелкните кнопкой мыши.

Выбор инструмента Rectangle (Прямоугольник) сопровождается изменением вида

указателя мыши на перекрестие с маленьким прямоугольником, а также графическим

представлением кнопки инструмента в нажатом состоянии на панели графики (см. рис.

2.4).




Рис. 2.4. Расположение инструмента Rectangle (Прямоугольник)

После того как инструмент Rectangle (Прямоугольник) активизирован, им можно

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

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

1. Выберите инструмент Rectangle (Прямоугольник) ( ).

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

отпуская ее, протащите мышь. При этом будет создан объект — прямоугольник.

3. Закончите создание прямоугольника, отпустив кнопку мыши (рис. 2.5).


увеличить изображение

Рис. 2.5. Результат построения геометрической фигуры с помощью инструмента

Rectangle (Прямоугольник)

Практическое задание 2. Прямоугольники

1. Выберите инструмент Rectangle (Прямоугольник) ( ) и постройте

прямоугольник произвольной формы.

2. Создайте квадрат.

3. Используя возможность построения прямоугольника от центра,

сформируйте итоговое изображение (рис. 2.6).

Рис. 2.6. Итоговое изображение


http://www.intuit.ru/department/graphics/corelx3/2/02_05.jpg

Трансформирование объектов

Построенная фигура — прямоугольник — представляет собой объект-заготовку. С

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

прямоугольника получают требуемую фигуру или элемент составной фигуры (см. рис.

2.1–2.3).

Выделение объектов

Действия, связанные с трансформационными искажениями и скруглениями углов

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

) (рис. 2.7).

Рис. 2.7. Расположение инструмента Pick (Выбор) в окне программы CorelDRAW

Инструмент Pick (Выбор) очень удобно использовать при работе с объектами,

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

находящихся в рабочей области окна программы CorelDRAW.

Чтобы выделить отдельный объект с помощью инструмента Pick (Выбор),

выполните следующие действия.

1. Выберите инструмент Pick (Выбор) ( ).


2. Наведите острие стрелки указателя мыши( ) на контур объекта, который

необходимо выделить (рис. 2.8, а).

3. Не отводя указатель мыши от контура объекта, выполните щелчок.

Если при щелчке рука не дрогнула и вы попали острием стрелки указателя на контур

объекта,то в результате вокруг объекта появится невидимая габаритная рамка (selection

box), обозначаемая восемью управляющими маркерами (прямоугольники ( ) в углах и

на серединах сторон) и центром, отмеченным значком (рис. 2.8, б).

Рис. 2.8. Расположение указателя мыши при выделении объекта (а) и пример

выделенного объекта (б)

1. Выберите инструмент Pick (Выбор) ( ).

2. Выделите один из объектов будущей группы.

3. Нажмите на клавиатуре клавишу Shift и, удерживая ее, продолжайте

выбирать объекты, указывая на их контуры указателем и щелкая кнопкой мыши.

4. После того как будет выбран последний объект группы, отпустите клавишу

Shift.

В результате вокруг группы выделенных объектов появится габаритная рамка (рис.

2.9).





Рис. 2.9. Выделение нескольких объектов (группы)

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

действия, связанные с трансформационными искажениями.

Чтобы снять выделение с объекта, входящего в группу выделенных, необходимо при

нажатой клавише Shift подвести к контуру требуемого объекта указатель мыши и

щелкнуть.

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

действия, связанные с трансформационными искажениями.

Над всеми объектами или группами объектов в программе CorelDRAW можно

производить следующие трансформационные искажения (рис. 2.10):

перемещение;

масштабирование;

поворот;

наклон;

зеркальное отображение.

Рис. 2.10. Примеры трансформационных искажений


Все виды трансформационных искажений можно выполнять как свободным

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

параметров конкретного искажения.

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

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

числовыми значениями искажения данного объекта (рис. 2.11, 2.12).

Рис. 2.11. Выделенный объект и панель свойств с доступными числовыми значениями

искажения

Рис. 2.12. Панель свойств при выделенном объекте

Система координат

При перемещении объекта (или группы объектов) внутри рабочей области

используется система координат, состоящая из двух взаимно перпендикулярных осей — X



и Y. Ось X ориентирована горизонтально (слева направо), а ось Y — вертикально (снизу

вверх) (рис. 2.13).

Начало отсчета системы координат XY совпадает с левым нижним углом печатной

страницы.

увеличить изображение

Рис. 2.13. Система координат на рабочей области

Для указания месторасположения любого объекта на рабочей области применяются

две координаты.

Первая координата — x — определяет положение объекта по горизонтали

относительно левого края печатной страницы, а вторая координата — y — задает

положение объекта относительно ее нижнего края. За точку привязки объекта к системе

координат XY принимается маркер центра габаритной рамки объекта ( ).

http://www.intuit.ru/department/graphics/corelx3/2/02_13.jpg


Перемещение

Перемещать объект можно как свободным движением руки, мышью, так и точно,

путем указания числовых значений координат x и y.

Чтобы переместить объект (группу объектов) с помощью мыши, необходимо

действовать следующим образом.

1. Выделить требуемый объект (группу объектов).

2. Подвести указатель мыши к маркеру центра габаритной рамки ( ).

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

кнопку мыши и, удерживая ее, перетащить объект.

4. Закончить перемещение объекта (группы объектов) освобождением кнопки

мыши.

Как упоминалось, при выделении объекта (группы объектов) вверху окна программы

CorelDRAW отображается панель свойств. Два текстовых поля слева отображают

координаты x и y объекта (см. рис. 2.11).

Чтобы точно переместить объект (группу объектов) путем указания числовых

значений координат x и y, необходимо выполнить такие дествия.


2. Подвести указатель мыши к требуемому полю со значением координаты x

или y положения объекта (Object(s) Position) на панели свойств.

3. Когда указатель примет вид черточки ("I"), щелкнуть кнопкой мыши.

4. Удалить прежнее числовое значение и ввести с клавиатуры новое.

5. Закончить ввод значения нажатием на клавиатуре клавиши Enter.

ПРИМЕЧАНИЕ. При работе с текстовыми полями, определяющими

положение объекта (группы) координатами x и y, применимы общие правила

работы с текстом.

Если вы знакомы с действиями, которые можно выполнять с элементами текста

(набор, перемещение, удаление и вставка элементов текста), то вы можете пропустить

следующий раздел и перейти к разделу "Изменение размеров (масштабирование)".

http://www.intuit.ru/department/graphics/corelx3/2/2.html#image.2.11

Правила работы с текстовыми полями

Ввод текста

Числовые значения вводят с клавиатуры в режиме вставки. Это означает, что

набираемые цифры добавляются туда, где находится курсор (вертикально мигающая

черточка), раздвигая имеющиеся значения.

Перемещение по тексту

Для перемещения по набранному тексту используют клавиши, перечисленные в

табл. 2.1.

Таблица 2.1.

Клавиша Действие

Перемещение на один символ вправо

Перемещение на один символ влево

Home Перемещение в начало записи

End Перемещение в конец записи

Кроме клавиатуры, для быстрого перемещения курсора по тексту можно

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

перевести курсор.

Удаление элементов текста (символов)

Для удаления отдельных символов используют клавиши, представленные в табл. 2.2.

Таблица 2.2.

Клавиша Действие

Delete Удаляет один символ справа от текстового курсора

Backspace Удаляет один символ слева от курсора

Вставка символов (элементов текста)

Практическое задание 3. Такси

Постройте квадрат произвольного размера.

http://www.intuit.ru/department/graphics/corelx3/2/corelx3_2.html#table.2.2%23table.2.2

http://www.intuit.ru/department/graphics/corelx3/2/corelx3_2.html#table.2.1%23table.2.1

Выберите инструмент Zoom (Масштаб) ( ) и щелкните кнопкой мыши на

построенном квадрате (указатель при этом имеет вид лупы).

Выберите инструмент Pick (Выбор) ( ).

Выделите построенный квадрат.

Скопируйте квадрат, щелкнув на кнопке Copy (Копировать) ( ) на стандартной

панели (см. рис. 1.2). В результате выполнения этого действия выделенный объект будет

помещен в специальную область оперативной памяти — буфер обмена данными.

Вставьте скопированный объект четыре раза, для чего четырежды щелкните на

кнопке Paste (Вставить) ( ) на стандартной панели (см. рис. 1.2). При выполнении

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

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

По очереди выделяя и перемещая полученные квадраты,расположите их таким

образом, чтобы получилось итоговое изображение (рис. 2.14).

Используя инструмент Zoom (Масштаб) ( ) и раскрывающийся список Zoom

Levels (Уровни увеличения), добейтесь, чтобы объекты отображались на экране в

наибольшем масштабе.


Практическое задание 4. Точное расположение прямоугольника

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

мм, y = 150 мм. Прямоугольник должен расположиться примерно в центре страницы.




Изменение размеров (масштабирование)

Геометрические размеры объекта можно изменять как свободным движением руки с

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

Управляющие маркеры габаритной рамки в виде прямоугольников ( ),

располагающихся в углах и на серединах сторон (см. рис. 2.7), используются для

изменения геометрических размеров выделенных объектов.

Чтобы с помощью мыши изменить геометрические размеры объекта (группы

объектов), необходимо выполнить такие действия.


2. Навести указатель мыши на один из маркеров габаритной рамки (например,

на нижний средний).

3. Когда указатель мыши примет вид двунаправленной стрелки ( ), нажать

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

изменится (рис. 2.15).

4. Закончить изменение геометрического размера объекта (группы объектов),

отпустив кнопку мыши.

Рис. 2.15. Свободное трансформирование объекта

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

к тому, что указатель принимает вид горизонтальной, вертикальной или диагональной

двунаправленой стрелки (рис. 2.16).

Стрелки указателя мыши указывают разрешенные направления трансформирования

объекта.

Чтобы точно изменить геометрические размеры объекта (группы объектов) путем

задания числовых значений, следует выполнить такие действия.




1. Выделить нужный объект (группу объектов).

2. На панели свойств щелкнуть кнопкой мыши на поле, соответствующем

ширине или высоте (параметр Object(s) Size (Размер объектов)).

3. Когда указатель мыши примет вид"I", щелкнуть кнопкой мыши.

4. Удалить прежнее значение и ввести новое.


Рис. 2.16. Примеры вида указателя мыши при трансформировании

Возможна ситуация, когда при изменении ширины объекта автоматически

изменяется и его высота, или наоборот. При этом любое изменение одного параметра

влечет за собой изменение второго так, что пропорции объекта сохраняются. В этом

случае необходимо обратить внимание на состояние маленькой кнопки блокировки,

выполненной в виде "замка", — Nonproportional Scaling/Sizing Ratio

(Непропорциональное масштабирование/размеры) (см. рис. 2.15). В нажатом состоянии

кнопки "замок" открыт — это значит, что изменение одного размера объекта (например,

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

кнопки "замок" закрыт — значит, после изменения одного размера пропорции объекта

будут сохраняться.

Практическое задание 5. Точное построение

1. Постройте прямоугольник произвольного размера.

2. Установите для него значение ширины — 10 мм, высоты — 10 мм.

3. Задайте координаты объекта: x = 100 мм, y = 150 мм.

4. Постройте еще один прямоугольник с размерами 10x15 (ширина — 10 мм,

высота — 15 мм) Задайте его координаты: x = 90 мм, y = 160 мм..

5. Установите для построенных прямоугольников черный цвет заливки (рис.

2.17). Для этого выделите объекты, переведите указатель мыши на палитру цветов,

раcположенную в окне справа, выберите черный цвет и щелкните кнопкой мыши.





Вращение

Объект можно вращать как с помощью мыши, так и точно, путем указания

числового значения угла поворота.

Для обозначения выделенного объекта (группы объектов), как вы уже знаете,

используется габаритная рамка (см. рис. 2.8).

Повторный щелчок на выделенном объекте (группе объектов) приводит к тому, что

управляющие маркеры габаритной рамки принимают вид двунаправленных стрелок,

располагающихся в углах и на серединах сторон. Маркер центра габаритной рамки ( )

становится маркером центра вращения и принимает вид (рис. 2.18).

Рис. 2.18. Пример выделенного объекта в режиме Rotation (Поворот)

Управляющие маркеры габаритной рамки в виде изогнутых двунаправленных

стрелок, располагающихся на углах, предназначены для поворота объекта (группы

объектов) вокруг маркера центра вращения ( ).

Чтобы повернуть объект (группу объектов) с помощью мыши, необходимо

выполнить следующие действия.


2. Перейти в режим вращения, повторно щелкнув на выделенном объекте

(группе объектов).



3. Расположить указатель мыши на любом угловом управляющем маркере в

виде изогнутой двунаправленной стрелки.

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

ее, произвести дугообразное движение мышью, поворачивая объект (группу объектов)

(рис. 2.19).

5. Закончить поворот, отпустив кнопку мыши.

Рис. 2.19. Поворот объекта мышью

Другой способ вращения объекта (группы объектов) заключается в точном указании

угла поворота (Angle of Rotation) и направления вращения: по часовой стрелке или

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

объекта или группы, на панели свойств присутствует поле Angle of Rotation (Угол

поворота) (см. рис. 2.12).

Чтобы точно, путем указания числового значения угла, повернуть объект (группу

объектов), следует выполнить следующие действия.


2. На панели свойств щелкнуть кнопкой мыши на текстовом поле Angle of

Rotation (Угол поворота).



В отличие от способа трансформации с помощью мыши, в данном случае не

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

Центр вращения



По умолчанию центр вращения ( ) совпадает с центром габаритной рамки объекта

( ). Однако положение центра вращения можно изменить, переместив его в требуемое

место.

Чтобы изменить положение центра вращения объекта (группы объектов) с помощью

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

1. Расположить указатель мыши на маркере центра вращения ( ).

2. Когда указатель превратиться в перекрестие ( ), нажать кнопку мыши и,

не отпуская ее, переместить центр вращения.

3. Закончить перемещение освобождением кнопки мыши.

Панель Transform (Преобразование)

Кроме изменения положения центра вращения объекта свободным движением, с

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

Для этого необходимо отобразить дополнительную панель инструментов — Transform

(Преобразование) (рис. 2.20).

Рис. 2.20. Панель инструментов Transform (Преобразование)

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

действия.

1. В строке меню вверху окна программы выбрать пункт Window (Окно),

щелкнув на нем кнопкой мыши.

2. Выбрать пункт Toolbars (Панели инструментов).

3. Из списка доступных панелей инструментов выбрать Transform

(Преобразование).


Обратите внимание, что большая часть параметров на панели Transform

(Преобразование) совпадает с параметрами, расположенными на панели свойств при

выделенном объекте (см. рис. 2.12).

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

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

1. Выделить требуемый объект.

2. На панели Transform (Преобразование) щелкнуть кнопкой мыши на

требуемом поле со значением координаты x или y (параметр Center of Rotation Position

(Положение центра вращения)).


4. Закончить ввод значения нажатием клавиши Enter на клавиатуре.

По умолчанию при построении объектов центр вращения совпадает с центром

габаритной рамки, который определяет положение объекта относительно левого нижнего

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

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

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

привязать центр вращения объекта к какой-либо конкретной точке с координатами x и y.

Другой способ — это смещение центра вращения относительно его первоначального

положения. Для этой цели удобно перейти в относительную систему координат, в которой

за начало отсчета принимается центр габаритной рамки объекта.

Итак, в относительной системе координат центр габаритной рамки объекта

принимается за начало отсчета, координаты которого — x = 0 и y = 0. Положительное

значение координаты x задает смещение вправо, отрицательное (со знаком минус) —

влево. Положительное значение координаты y задает смещение вверх, отрицательное —

вниз.

Для выбора относительной системы координат предназначена кнопка Relative to

Object (Относительно объекта) на панели Transform (Преобразование) (см. рис. 2.20).

Таким образом, при использовании относительной системы координат вы задаете

положение центра вращения объекта относительно центра габаритной рамки.



Практическое задание 6. Вращение

1. Постройте квадрат размером 15x15 мм. Установите для него черный цвет

заливки

2. Создайте копию квадрата, перейдите в режим вращения и слегка поверните

ее по часовой стрелке. Установите для копии белый цвет заливки (рис. 2.21).

3. Создайте еще одну копию квадрата, поверните ее и установите цвет заливки

так, чтобы получилось следующее изображение (рис. 2.22).

4. Создайте третью копию, поверните ее и установите белый цвет заливки,

чтобы получилось итоговое изображение (рис. 2.23).

Рис. 2.21. Результат поворота и заливки копии белым цветом

Рис. 2.22. Результат поворота и заливки второй копии


Практическое задание 7. Индустриальный цветок

1. Постройте прямоугольник размером 10x15мм

2. Перейдите в режим вращения.

3. Сместите центр вращения прямоугольника вверх на расстояние, примерно

равное половине высоты прямоугольника (7 мм) (рис. 2.24).





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

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

прямоугольников черный цвет заливки (рис. 2.25).

Рис. 2.24. Смещенный центр вращения


Наклон

Одним из видов трансформационных искажений является наклон. Наклон, или скос,

представляет собой параллельное смещение противоположных сторон габаритной рамки

(см. рис. 2.10).

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

можно получить различные варианты (рис. 2.26).

Рис. 2.26. Преобразование объекта наклоном

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

друга, параллельно смещаются, как бы скользя.




Объект можно наклонять как свободным движением руки, с помощью мыши, так и

точно, путем указания числовых значений.

Как упоминалось, повторный щелчок на выделенном объекте (группе объектов)

приводит к замене прямоугольных управляющих маркеров габаритной рамки ( )

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

на серединах сторон. Маркер центра габаритной рамки ( ) превращается при этом в

маркер центра вращения ( ) (см. рис. 2.18).

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

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

объекта.

Чтобы наклонить объект (группу объектов) с помощью мыши, необходимо

выполнить следующие действия.


2. Перейти в режим наклона, повторно щелкнув на выделенном объекте

(группе объектов).

3. Расположить указатель мыши на нужном управляющем маркере в виде

прямой двунаправленной стрелки.

4. Когда указатель мыши примет вид или , нажать кнопку мыши и, не

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

5. Закончить искажение освобождением кнопки мыши.

Рис. 2.27. Наклон объекта



Кроме того, точно производить искажение объекта в виде наклона можно указанием

величины угла наклона на панели Transform (Преобразование) (параметр Skew Angle

(Угол наклона)) (см. рис. 2.20).

При выделении объекта (группы объектов) параметр Skew Angle (Угол наклона)

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

Чтобы точно, путем указания числового значения угла наклона, исказить объект

(группу объектов), следует выполнить такие действия.


2. Расположить указатель мыши на требуемое поле Skew Angle (Угол наклона)

на панели Transform (Преобразование).

3. Когда указатель мыши примет вид "I", щелкнуть кнопкой мыши.

4. Ввести значение угла наклона.

5. Закончить ввод значения нажатием клавиши Enter на клавиатуре.

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

числом. Знак указывает на направление наклона (рис. 2.28).

Рис. 2.28. Влияние знака угла наклона на направление скоса

Следует отметить, что в большинстве случаев при данном трансформационном

искажении объекта значение угла наклона не превышает 45°, поскольку значения, близкие

к углу 90°, приводят к превращению объекта в бесконечную горизонтальную или

вертикальную прямую линию (рис. 2.29).




Рис. 2.29. Примеры трансформационных искажений объекта с различными значениями

угла наклона

Практическое задание 8. Mitsubishi

1. Постройте прямоугольник размером 12x10 мм

2. Наклоните его вправо на 30°.

3. Сместите центр вращения в правый верхний угол объекта (рис. 2.30).

4. Создайте две копии полученных ромбов и поверните их на 120 и 240°.

Установите для объектов черный цвет заливки (рис. 2.31).

Рис. 2.30. Смещенный центр вращения


Зеркальное отображение

Название инструмента Mirror (Зеркальное отображение), расположенного на панели

свойств (см. рис. 2.12), говорит само за себя.




Существует два вида зеркального отображения: горизонтальное и вертикальное. При

горизонтальном зеркальном отображении левая половина объекта становится правой (как

при переворачивании книжной страницы) (рис. 2.32).

Вертикальное зеркальное отображение можно сравнить с отрывным настенным

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

объекта становится нижней (рис. 2.33).

Рис. 2.32. Пример горизонтального зеркального отображения

Рис. 2.33.

Чтобы зеркально отразить объект, необходимо действовать следующим образом.

1. Выделить требуемый объект.

2. Щелкнуть на одной из кнопок зеркального отображения (Mirror) на панели

свойств.

Выводы

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

трансформационных искажений, которые в программе CorelDRAW можно выполнять над

всеми объектами или группами объектов, а не только над прямоугольником. Еще раз

перечислю эти искажения:

перемещение,

масштабирование,

вращение,



смещение,

зеркальное отображение.

5. Освоение принципов работы с растровой графикой. (Программа Adobe

PHOTOSHOP)

1. ОБЩИЕ ТРЕБОВАНИЯ.

Интерфейс и его элементы

Редактор Adobe Photoshop призван решать проблемы обработки растровой графики.

Основное внимание в программе уделяется технологии компьютерной графики, т. е.

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

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

называть интерфейсом пользователя. Интерфейс предоставляет всё необходимое для

работы: инструменты, палитры, диалоговые окна и т. д. Самая верхняя полоса темно-

синего цвета — строка заголовка — отображает название и значок программы, в данном

случае Photoshop.

Заголовок также содержит наименование и масштаб изображения, информацию о режиме

изображения.

Щелчок на значке программы в левой части полосы выводит на экран оконное меню.

Список команд может меняться в зависимости от конкретного приложения. Команды

позволяют восстановить, переместить окно, изменить его размер или закрыть. Справа -

три кнопки, позволяющие минимизировать, свернуть или развернуть, а также закрыть

окно программы.

В нижней части окна находится строка состояния, которая предназначена для

отображения служебной информации.

В левом поле строки отображается текущий масштаб документа. Правее находится полоса

режима, содержащая информацию, важную в работе с документом. Для выбора

информации нажмите на кнопку со стрелкой, далее - Show (Вид).

Вид режима можно выбрать из списка.

Большую часть окна программы занимает рабочая область документа.

Для быстрого доступа к командам главного меню или меню палитр в соответствии

текущей ситуации в программе предусмотрены контекстные меню, которые вызываются

нажатием правой кнопки мыши. Содержание этих меню находится в зависимости от

активного в данный момент инструмента, типа выделенного объекта или открытой

палитры.

Под строкой заголовка расположена полоса главного командного меню, которая

предлагает группы команд. Каждая группа команд - это совокупность функционально

близких действий. Например, меню Filter (Фильтр) включает значительное число

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

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

данной команды имеется вложенное меню (подменю) — список команд, каждая из

которых является самостоятельной командой.

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

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

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

пор, пока вы снова не измените их.

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

выделять, редактировать и перемещать графические объекты.

Некоторые инструменты объединены в группы по функциональности (группа

определяется наличием треугольника в правом нижнем углу кнопки инструмента). По

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

можно менять простым перетаскиванием мышкой. Удалить палитру инструментов с

экрана можно через меню Window (Окно) командой Tools (Инструменты).

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

верхней части палитры находится декоративная эмблема программы.

Щелчок на эмблеме выводит на экран диалоговое окно (Сервер Adobe), которое позволяет

при наличии выхода в Internet осуществлять обновление программы. Программа Adobe

Photoshop, помимо палитры инструментов, располагает еще множеством палитр,

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

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

(Window) можно настроить отображение дополнительных панелей, поставив или удалив

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

Местоположение и количество открытых дополнительных панелей может меняться по

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

заголовок палитры и переместить ее в нужное место.

Каждая палитра имеет еще и свое собственное меню команд, которые предоставляют

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

следует нажать треугольную стрелку справа от вкладок в верхней части палитры.

При выходе из программы обеспечивается сохранение параметров палитр (их

расположения и группировки).

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

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

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

http://www.adobe.com/products/photoshop/compare

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

Имя (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.

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

http://www.site-do.ru/graphic/color_for_web.php

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

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

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

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

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

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

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

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

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

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

5.2 Photoshop - Урок 2. Слои и текст.Основным понятием программы Photoshop является слой. Представьте себе множество тонких стеклянных пластинок, на которых нарисованы разные фигуры. Если наложить эти пластинки друг на друга, то получится новое изображение.

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

Создайте новый файл, размером 400 Х 200 пикселов. Раздвиньте окно, чтобы вокруг белого холста был виден серый фон.

Для удобства работы в Photoshop существует несколько основных палитр, которые обычно открыты в главном окне программы и располагаются справа. Найдите среди них палитру Слои (Layers). Если палитра не отображается в главном окне, то выберите в меню пункт Окно -> Слои.

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

- создать новый слой.

- удалить слой.

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

Синим цветом выделен активный слой, т.е. тот, с которым мы сейчас работаем. Чтобы слой сделать активным достаточно по нему щелкнуть мышкой.

Сейчас на нашей палитре слоев отображен только один слой - Задний план (фон). Это фон изображения, которое мы создали.

Щелкните по иконке "создать новый слой", появится новый слой с прозрачным фоном (серые и белые квадратики говорят о том, что слой прозрачный).

Убедитесь, что этот слой активный (т.е. выделен синим).

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

Посмотрите на палитру слоев, наш фон по-прежнему белый, а слой 1 - желтый.

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

Убедитесь, что активным сейчас является Слой 1 (выделен синим) и создайте еще один слой (щелкните по иконке "создать новый слой"). Появится прозрачный Слой 2. Почему надо было убедиться, что активным является Слой 1? Потому что новый слой всегда создается над активным.

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

На слое 2 мы разместим текст.

Работа с текстомДля работы с текстом снова обратимся к панели инструментов, на ней

- отвечает за текст. Нажмите и удерживайте левую клавишу мыши на этом инструменте, раскроется меню выбора:

Рассмотрим панель параметров инструмента текст.

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

Если у вас другая версия программы Photoshop, то такой иконки на панели параметров может и не быть. Тогда для открытия панели "символ" в меню выберите пункт Окно -> Символ. Попробуем на деле:

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

Обратите внимание на палитру слоев, слой текст помечен буквой Т, а именем слоя является введенный текст.

Теперь щелкните по "искривление текста" на панели параметров. Откроется окно:

Здесь собраны различные варианты деформации текста. Выберите в списке Стиль любой вариант деформации (например, Флаг (wave)). Задайте параметры: изгиб (bend) - +50%,горизонтальное искажение - -35%,вертикальное искажение - 0.Нажмите ОК и посмотрите на результат.

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

А пока рассмотрим еще один полезный инструмент - перемещение.

ПеремещениеДля перемещения различных объектов на панели инструментов существует специальный инструмент - перемещение (move)-

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

Не забывайте, что все инструменты работают именно с активным слоем и его объектами.

На этом второй урок закончен. Вы научились создавать слои и работать с текстом.

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

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

5.3 Photoshop - Урок 3. Фильтры.Создайте новый файл, размером 780 Х 150 пикселов. Раздвиньте окно, чтобы вокруг белого холста был виден серый фон.

Сделайте цвет переднего плана голубым, а фон - белым (цветные квадратики внизу панели инструментов). Возьмите инструмент -Ведро- и залейте им весь холст.

Теперь на панели меню щелкните по Фильтры (Filter) -> Render -> Clouds.

Вот так за 1 минуту мы сделали фоном нашей картинки облака. И помог нам в этом Фильтр.

Фильтры

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

Вы можете поэкспериментировать с разными фильтрами. Для этого создайте новый слой, залейте его краской или градиентом (на рисунке желто-синий градиент), далее Фильтры (Filter) -> Filter Gallery, откроется окно:

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


Выберем фильтр из папки Текстура - Витраж (Texture - Stained Glass) и изменим его настройки:

Размер ячейки (Cell size) - сделаем равным 10.Толщина линий (Border Thickness) - сделаем равной 3.Интенсивность света (Light Intensity) - сделаем равной 6.

Жмем ОК и смотрим на результат:

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

Текстура воды

Создайте новый файл. Сделайте цвет переднего плана - черным, а цвет фона - белым.

Примените фильтр Clouds (как в первом примере), Фильтр (Filter) -> Render -> Облака (Clouds). Получим такое же изображение, как на первом рисунке, только в серых тонах.

Теперь, применим фильтр Chrome, Фильтр (Filter)-> Эскиз (Sketch) -> Рельеф (Bas Relef), зададим следующие настройки этого фильтра:

Жмем ОК. Осталось сделать воду голубой. Для этого на панели меню: Изображение (Image) -> Настройки (Adjustments) -> Цветовой баланс (Color Balance). В открывшемся окне установите следующие настройки:

Жмем ОК и смотрим на результат.

Если вам не нравится такая текстура воды, то можно сделать так:

Для этого:

Создайте новый слой. Сделайте цвет переднего плана - синим, а цвет фона - белым.

Примените фильтр Облака (Clouds), как в первом примере: Фильтр (Filter) -> Render -> Облака (Clouds).

А теперь фильтр Рябь (Ripple): Фильтр (Filter) -> Искажение (Distort) -> Рябь (Ripple), с настройками как на рисунке:

Если и такой не нравится - попробуйте придумать свой. Еще один вариант - взять воду с фотографии. Этому мы научимся в следующем уроке. А этот урок на этом закончен.

5.4 Photoshop - Урок 3. Как в фотошопе вырезать изображение и наложить одно на другое.Работая с программой Photoshop, чаще всего вам придется работать с уже имеющимися изображениями. Либо вам понадобится что-то в них исправить, либо вы захотите взять часть в изображении, чтобы использовать в другом изображении, да мало ли для чего еще.

Открытие изображения

Сначала необходимо открыть само изображение в программе Phoroshop. Для этого выберете команду меню Файл -> Открыть (File -> Open). В отрывшемся окне выберите необходимое изображение.

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

Постановка задачи

Как всегда рассмотрим на примере. Предположим у нас есть две вот такие фотографии:

А мы хотим, чтобы лошадка скакала по берегу моря. Что нам необходимо сделать:

Создать новый файл для нового изображения (конь на берегу моря).

Разместить на разных слоях нового файла изображения коня и моря.

Вырезать коня. Для этого его необходимо сначала выделить.

Добавить естественности новому изображению.

Разберем все пункты по шагам. Создание нового файла

Итак, создадим новый файл, размером 500 Х 375 (таковы размеры фотографии с морем, хотя мы могли бы сделать и меньшее изображение).

Создадим два новых слоя: один назовем "конь", другой - "море", причем слой -Море- должен находится под слоем -Конь-. Чтобы слою дать название, щелкните правой кнопкой мыши по слою, в открывшемся контекстном меню выберите -Параметры слоя- (Layer Properties). Откроется окно параметров, где и нужно задать имя:

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

В нем, на слое -Море- мы расположим наше море. Для этого:

Сделаем активным окно с морем (просто щелкните по нему).

Выделим все изображение, для этого в меню выберем команду Выделение -> Все (Select -> All) или нажмите комбинацию клавиш Ctrl+A. Вокруг изображения появится рамочка выделения в виде бегущих муравьев.

Скопируем это изображение (Ctrl+C). Теперь сделаем активным наше рабочее окно (щелкнем по нему), убедимся, что активным является слой -Море- (если нет, то щелкните по нему) и вставим изображение (Ctrl+V). Теперь на слое море изображено море.

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

Выделение коня

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

Для его выделения мы воспользуемся двумя инструментами на панели инструментов:

Нажмите левой клавишей мыши на инструмент -быстрое выделение-, откроется окно выбора инструмента:

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

В поле -Допуск- (Tolerance) можно вводить значения от 0 до 255. Если установить значение 0, то будет выделен только один оттенок, если установить 32, то инструмент будет выделять пикселы в диапазоне от цвета на 16 единиц темнее и до цвета на 16 единиц светлее того, по которому вы щелкнули. В нашем случае мы установили значение 100.

Мы также установим флажок -Сглаживание- (Anti-aliased), чтобы сделать более гладкими границы выделенной области.

Флажок -Смежные пикселы- (Contiguous) выделяет только те пикселы, которые находятся в соседних с выбранным областях.

Уберите флажок -Образец всех слоев- (Sample All Layers), т.к. он распространяет свое действие на все слои, а мы работаем только со слоем -конь-.

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

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

Теперь, когда наш конь выделен, нам нужно удалить все лишнее. Для этого в меню выберем команду Выделение -> Инверсия (Select -> Inverse). Теперь будет выделена вся область вокруг коня. Жмем Del на клавиатуре и получаем нашего вырезанного коня на фоне моря:

Уберем выделение (в меню выберем команду Выделение -> Убрать выделение). Согласитесь очень не плохо, только траву надо убрать. Для этого сначала увеличим нижнюю часть изображения (там где трава). Для этого на панели инструментов возьмите инструмент -Лупа-.

На панели параметров этого инструмента щелкните по лупе с плюсиком.

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

Итак, вы увеличили ту часть, где трава. Нажмите левой клавишей мыши на инструмент -Лассо-, откроется окно выбора инструмента:

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

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

замкнете контур.

Снова Del на клавиатуре, убрать выделение, уменьшить размер до нормального (на панели инструментов возьмите инструмент -Лупа- на панели параметров щелкните по лупе с минусом).

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

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

Теперь возьмите инструмент кисть на панели инструментов

На панели параметров этого инструмента выберите кисть, напоминающую песок (т.е. с неровными краями).

Сделайте ею по одному щелчку на каждом копыте. Получится примерно вот так:

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

5.5 Photoshop - Урок 5. Как изменить изображение в фотошопе, используя быструю маскуНаверно выделение и вырезание частей изображения одна из самых часто используемых операций. И от того, насколько хорошо мы выделили объект во многом зависит качество итогового изображения. На прошлом уроке мы использовали для выделения волшебную палочку и магнитное лассо. Эти инструменты иногда очень полезны, особенно при контрастном фоне изображения (белое на черном, синее на желтом и т.д.). Но что делать, если у нас, например, вот такое изображение.

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

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

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

Теперь возьмите инструмент -быстрая маска-:

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

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

Сейчас наше изображение выглядит так:

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

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

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

Теперь Редактирование -> Инверсия -> Del на клавиатуре и в итоге наши собачки выглядят так:

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

Создайте новый файл, размером 800 Х 300 с прозрачным фоном. Создайте новый слой и назовите его -шапка-. Пусть шапка сайта имеет размеры 800 Х 150 пикселов. Значит надо выделить прямоугольную область на слое -шапка- размером в половину холста и залить ее, например, коричневым цветом:

Теперь создайте новый слой с именем -собачки-. Чтобы перетащить на этот слой наших собачек, делаем активным окно с собачками (щелкаем по нему), копируем их (Ctrl+C), делаем активным окно с шапкой сайта и на слой -собачки- вставляем (Ctrl+V).

Наши собачки очень большие для шапки, поэтому их придется уменьшить. Для этого выбираем в меню Редактирование -> Трансформация -> Масштаб или Ctrl+t. Вокруг слоя с собачками появится рамка:

Подведите мышку к правому нижнему углу этой рамки, указатель мыши примет вид двунаправленной стрелки. Нажмите левую клавишу мыши и, удерживая нажатой клавишу Shift на клавиатуре, нажатой левой клавишей мыши уменьшайте размер рамки (ведите мышь к верхнему левому углу рамки).

Как только добьетесь нужного размера, щелкните по галочке на панели параметров:

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

Получится вот так:

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

Сначала соберем наши слои в один. Для этого в меню: Слой -> Выполнить сведение. Теперь на панели слоев у нас один слой.

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

Окончательный результат:

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

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

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

5.6 Photoshop - Урок 6. ТранcформацияИтак, рассмотрим подробнее возможности трансформирования изображений. Транcформирование можно применять к целому изображению, к отдельному слою этого изображения или к части слоя. Для начала нужно выделить объект, который будем трансформировать:

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

Чтобы трансформировать часть слоя, выделите на нем нужную часть изображения. Чтобы трансформировать несколько слоев, выберите их, удерживая клавишу "Ctrl". На

панели "Слои" они станут активными (т.е. синими). Чтобы трансформировать все изображение, выполните сначала его сведение (Слой (Layer)

-> Выполнить сведение (Flatten Image)).

Определившись с объектом трансформирования, выберите команду Редактирование -> Трансформация. Рассмотрим пункты раскрывшегося подменю:

Масштабирование - увеличение или уменьшение размера объекта. Масштабировать можно по горизонтали или по вертикали, а также по горизонтали и по вертикали одновременно (так мы делали на прошлом уроке).

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

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

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

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

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

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

Искажение - растягивание объекта по всем направлениям. Перспектива - к выбранному объекту применяется перспектива схождения в одной точке.

Деформация - изменение формы объекта. На панели параметров можно выбрать стиль деформации.

Поворот на 180°, на 90° по часовой стрелке, на 90° против часовой стрелки - поворачивает объект соответственно на 90° или 180°.

Отразить по горизонтали - отражает объект в горизонтальной плоскости. Отразить по вертикали - отражает объект в вертикальной плоскости.

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

5.7 Photoshop - Урок 7. Рисование - кисть и карандашВ первом уроке мы с вами учились заливать области нужным цветом или узором. Сегодня познакомимся с другими инструментами рисования. К ним относятся:

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

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

Кисть

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

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

o главный диаметр - минимальный размер - 1 пиксел, максимальный - 2500 пикселов.o жесткость - мягкость края кисти, при 100% кисть полностью соответствует своему

диаметру и цвету.

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

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

Например:

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

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

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

В полном объеме параметры кисти можно открыть только с помощью панели кистей. Для этого выберите пункт меню Окно -> Кисти:

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

Каждую группу настроек можно активировать или отключить с помощью флажка рядом с именем группы.

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

Рассмотрим все по порядку:

Форма отпечатка кисти - щелкните по этому пункту и справа откроется окно настройки:

o Диаметр - устанавливает размер кисти.o Восстановить исходный размер образца - если размер кисти ранее был изменен, то

устанавливает размер по умолчанию.o Отразить Х - изменяет направление кончика кисти по оси Х. Работает только с

кистями, у которых есть направление.o Отразить Y - изменяет направление кончика кисти по оси Y. Работает только с

кистями, у которых есть направление.

o Угол - устанавливает угол наклона кисти. Не работает с круглыми кистями.

o Форма - задает отношение между короткой и длинной осями кисти. 100% - оси равны (кисть круглая), 0% - кисть линейная, от 0 до 100 - кисть овальная.

o Жесткость - задает жесткость краев (рассматривали выше). o Интервал - задает расстояние между следами кисти.

Динамика формы - щелкните по этому пункту и справа откроется окно настройки:

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

o Колебание размера - максимальное отклонение размера кисти от исходного (от 0% до 100%).

o Управление - указывает от чего будет зависеть динамика кисти. Без использования цифровых планшетов доступны только два значения: отключить и переход. Последний призван заставить элемент исчезнуть после указанного количества шагов.

o Минимальный диаметр - устанавливает минимальный диаметр при колебании размера.

o Масштаб наклона - степень возможного изменения скоса.

Пример:

o Колебание угла - пределы поворота кисти вокруг своей оси.

o Колебание формы - задает силу сжатия кисти.o Минимальная форма - минимальное значение сжатия.

Пример:

Рассеивание - щелкните по этому пункту и справа откроется окно настройки:

Здесь задаются параметры разбрызгивания отпечатков кисти.

o Рассеивание - задает амплитуду рассеивания.o Обе оси - если флажок установлен, то рассеивание идет по обеим осям. Если

флажок снят, то только по вертикали.o Счетчик - определяет количество разбрызгиваемых элементов. Чем выше значение,

тем больше элементов разбрызгивается за один щелчок.o Колебание счетчика - задает неравномерную концентрацию разбрызгивания.

Пример:

Текстура - щелкните по этому пункту и справа откроется окно настройки:

Применяет к отпечаткам кисти выбранную текстуру.

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

наибольшее количество краски, а самые темные области в узоре — наименьшее количество краски. Если флажок стоит, то наоборот.

o Масштаб - определяет масштаб узора, т.е. задает соотношение между размерами отпечатка кисти и элементами текстуры.

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

o Глубина - определяет насколько четко будет просматриваться текстура. Этот параметр доступен только если выбран предыдущий параметр.

o Минимальная глубина - определяет самую плохую видимость текстуры.o Колебание глубины - определяет пределы изменения видимости.

Пример:

Двойная кисть - щелкните по этому пункту и справа откроется окно настройки:

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

Динамика цвета - щелкните по этому пункту и справа откроется окно настройки:

Здесь задаются цветовые и яркостные составляющие кисти.

o Колебание переднего\заднего плана - пределы изменения цветов переднего и заднего плана.

o Колебание цветового тона - диапазон изменения цвета.o Колебание насыщенности - предельное значение насыщенности отпечатка.o Колебание яркости - диапазон изменения яркости.o Чистота - степень возможного отклонения цвета от нейтрального.

Пример:

Другая динамика - щелкните по этому пункту и справа откроется окно настройки:

Здесь задаются два оставшихся параметра:

o Колебание непрозрачности - задает динамическое изменение прозрачности.

o Колебание количества краски - похож на предыдущий, но влияет на насыщенность.

Пример:

Остальные параметры настроек не имеют:

Шум - к отпечатку добавляется монохромный шум.

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

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

Сглаживание - делает мазки кисти более мягкими и плавными.

Защита текстуры - применяет один и тот же узор и масштаб ко всем установкам кисти, которые имеют текстуру.

Карандаш

У этого инструмента фактически такие же параметры как у кисти. Но -карандаш- создает линию с жесткими, резкими краями:

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

Замена цвета

Как уже говорилось выше, этот инструмент позволяет быстро и просто перекрашивать объекты любой сложности. Рассмотрим панель параметров этого инструмента:

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

Выборка - определяет механизм действия инструмента:

o Непрерывно - инструмент работает все время, пока не нажата кнопка мыши. o Однократно - инструмент затронет только область его кисти.o По образцу фона - инструмент будет перекрашивать только пикселы, окрашенные в

цвет фона. Ограничения - область действия инструмента:

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

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

областям одного цвета внутри более широких областей другого цвета. Допуск - задает сходство пиксела с первым под центром указателя для замены цвета. При

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

Попробуем на деле:Создайте новый слой и залейте его желтой краской.Теперь сделайте основным цветом зеленый, возьмите инструмент -кисть- (выберите любую) и нарисуйте что-нибудь. Например, вот так:

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

Теперь выберите на панели параметров: выборка - однократно, ограничения - все пикселы, допуск - 100%. Теперь подведите центр кисти (крестик) к нашему листочку и щелкните. Теперь наш листочек красный.

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

5.8 Photoshop - Урок 8. Архивная кисть и панель "История"Сначала рассмотрим подробнее панель "История". Если вы не видите ее в главном окне программы, то выберите в меню: Окно -> История. Сама панель выглядит так:

В ней перечислены все операции, выполненные с момента открытия файла, последняя команда списка является активной (подсвечена синим цветом).

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

Можно отменять и возвращать назад до двадцати команд, перемещая ползунок или просто щелкая по строке с последней нужной командой. Если отмененные команды вам больше не понадобятся, то их можно вовсе удалить. Для этого перетащите строку с этой командой к корзине (она находится внизу панели "История"). Команда исчезнет из панели и теперь к ней уже нельзя будет вернуться.

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

Название первого снимка совпадает с названием файла. Щелкните на пиктограмме снимка, и

изображение придет в исходное состояние (как сразу после открытия).

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

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

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

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

архивная кисть - позволяет рисовать из любого снимка состояния на палитре "История". Это позволяет вернуть не все состояние снимка, а лишь его часть.

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

Смысл работы этих инструментов лучше рассмотреть на примерах.

Архивная кисть

Предположим мы открыли вот такое изображение:

Пусть нам необходимо добавить облака на него. Для этого возьмем инструмент пипетка (как в уроке 4) и щелкнем по голубому фону, основной цвет стал голубым. Теперь на панели меню щелкнем по Фильтры (Filter) -> Render -> Clouds.

Сейчас наше изображение выглядет так:

Обратите внимание, мы не создавали новый слой, мы редактируем имеющееся изображение.

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

Поэтому мы воспользуемся инструментом "Архивная кисть". В палитре "История" поставим флажок рядом с "Открыть". Возьмем на панели инструментов инструмент "Архивная кисть" (выберем кисть диаметром 100 и с неровными краями) и щелкнем ее несколько раз в области, где находятся голуби. Облака будут исчезать там, где мы щелкаем.

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

Архивная художественная кисть

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

Создайте новый слой, назовите его "Фон", залейте его белой краской и установите непрозрачность - 70%. Это вспомогательный слой, он поможет нам видеть, что мы рисуем.Создайте еще один слой, назовите его "Роза", на нем мы будем рисовать.Наше изображение сейчас выглядит так:

Убедитесь, что активным является слой "Роза" и возьмите инструмент "Архивная художественная кисть" на панели инструментов. Теперь настроим ее параметры на панели параметров:

Щелкните по треугольнику рядом с кистью для ее выбора.

Теперь щелкните по треугольничку в кружочке и в открывшемся подменю выберите набор кистей "Art History" -> Добавить.

Теперь выберите кисть "Oil sketch" ("Масляная кисть").

Теперь установите остальные параметры: режим - нормальный, непрозрачность - 40%, стиль - короткое прикосновение, диаметр - 30, допуск - 0.

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

Теперь измените следующие параметры кисти: диаметр - 30, стиль - сжатая короткая, диаметр - 10. И пройдитесь ею только по самому цветку (у меня это красная роза). Должно получиться вот так:

Вот так из фотографии с помощью архивной художественной кисти мы сделали рисунок масляной краской. Обратите внимание на палитру "Слои", мы действительно нарисовали эту розу в слое "Роза":

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

5.9 Photoshop - Урок 9. Как рисовать в фотошопе. Рисование фигуры.Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.

Создайте новый файл для тренировки.

Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:

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

Для любой фигуры можно выбрать:

режим рисования:

o Слой-фигура. Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке "Контуры" панели "Слои".

o Контуры. Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке "Контуры" панели "Слои".

o Заливка пикселов. При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение

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

Рисуем прямоугольники

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

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

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

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

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

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

От центра - рисует прямоугольник от центра. Привязать к пикселам - края прямоугольника привязываются к границам пикселов.

Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons и Web Styles.

Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?

Рисуем прямоугольники со скругленными углами

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

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

Чем не блоки новостей и кнопочки меню?

Рисуем окружности

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

Вот, что получилось у меня:

Рисуем многоугольники

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

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

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

многоугольник вогнутый. Глубина лучей - если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот

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

Сгладить внешние углы - со снятой галочкой углы острые, с поставленной галочкой углы округлые.

Например:

Первый девятиугольник имеет радиус 3см, остальные галочки сняты.

Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей - 25%, остальные галочки сняты.

Третий девятиугольник имеет радиус 3см, глубина лучей - 50%, стоят все галочки.

Ко всем применен стиль.

Рисуем линии

Выберем фигуру - линии. На панели выберем режим - слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:

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

Начало - стрелка в начале линии. Конец - стрелка в конце линии. Ширина - пропорции стрелки в процентном отношении к толщине линии (от 10% до

1000%). Длина - пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%). Кривизна - определяет степень изогнутости самой широкой части стрелки в месте, где она

встречается с линией (от -50% до +50%).

Например:

У первой линии все галочки сняты, ширина - 500%, длина - 1000%, толщина - 2 пиксела.

У второй линии все тоже самое, но стоит галочка у -начало- и кривизна - 5%.

У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.

У четвертой линии стоят обе галочки, ширина - 500%, длина - 1000%, кривизна - 15%, толщина - 5 пикселов.

Ко всем применен стиль.

Рисуем произвольные фигуры

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

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

Рисуем несколько фигур в одном слое

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

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

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

Если эллипс растянулся не так, как хотелось, можно это поправить. Для этого возьмите на панели инструментов инструмент -выделение контура-:

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

Сохраняем фигуры

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

Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.

На этом урок закончен. В следующей раз займемся контурами и растровыми изображениями

5.10 Photoshop - Урок 10. Контуры и растровые изображенияВесь прошлый урок мы рисовали фигуры, выбирая на панели параметров режим "Слой-фигура", сегодня рассмотрим два остальных режима - "Контуры" и "Заливка пикселов".

Контуры

Линия, ограничивающая фигуру, представляет собой контур. Рабочий контур — это временный контур, который появляется на панели "Контуры" и определяет границы фигуры.

Контуры можно использовать несколькими способами:

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

Контур можно преобразовать в выделенную область.

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

Создайте новый файл для экспериментов. Возьмите инструмент -фигура- на панели инструментов, выберите режим "Контуры" на панели параметров и растяните мышкой контур на холсте. Теперь посмотрите на панель "Слои", выберите на ней вкладку "Контуры":

В нижней части панели находятся кнопки, за которыми закреплены наиболее полезные команды работы с контурами:

- выполнить заливку контура основным цветом.

- выполнить обводку контура.

- загрузить контур как выделенную область.

- сделать из выделенной области рабочий контур.

- создать новый контур.

- удалить активный контур.

Итак, вы нарисовали контур, теперь щелкните по иконке -выполнить заливку контура основным

цветом- и вот ваш контур похож на фигуру. Попробуйте в деле и другие кнопки панели "Контуры".

Теперь посмотрите на верхнюю часть панели и щелкните по трем параллельным черточкам:

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

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

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

Заливка пикселов

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

1. Выберите слой на котором будете рисовать. 2. Выберите на панели инструментов желаемый основной цвет. 3. Выберите инструмента "Фигура" на панели инструментов.

4. Выберите на панели параметров режим "Заливка пикселов", остальные параметры по желанию.

5. Растяните мышкой фигуру на холсте.

На этом урок закончен, в следующий раз мы познакомимся с очень полезным инструментом - "Перо".

5.11 Photoshop - Урок 11. Рисование - инструмент пероГруппа этих инструментов используется для создания и редактирования сложных контуров, а также часто применяется для точного выделения объектов.

Итак, выберите на панели инструментов инструмент "Перо"

Панель параметров этого инструмента такая же как у инструментов типа "Фигура":

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

Свободное перо - очень похож на инструмент "Лассо", только тот создает выделение, а "Свободное перо" - контур. Его хорошо использовать тем, кто может точно рисовать курсором мыши.

Магнитное перо - "Свободное перо" станет "Магнитным пером", если поставить галочку у "Магнитное". Этот инструмент применяется для точного выделения объектов (впрочем также как и инструмент "Перо").

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

Самое простое, что можно нарисовать, это контур из прямых отрезков. Для этого:

1. Выберите инструмент "Перо".2. Поместите курсор мыши в то место, откуда должен начинаться прямой отрезок, щелкните,

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

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

Теперь будем рисовать дугообразные отрезки. Для этого:

1. Выберите инструмент "Перо".2. Поместите курсор мыши в то место, откуда должна начинаться дуга, нажмите левую

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

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

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

o Если вы будете перетаскивать управляющую линию в сторону предыдущей управляющей линии, т.е. вниз, то получите S-образную кривую.

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

5. Для завершения создания контура щелкните по первой опорной точке.

Теперь рассмотрим дополнительные инструменты, помогающие редактировать контуры. Нажмите левой клавишей мыши на инструмент "Перо" на панели инструментов, откроется список выбора инструмента:

Перо+ - добавляет точки привязки. Перо- - удаляет точки привязки. Угол - изменяет свойства узловых точек. В контурах различают три вида узловых точек:

o Гладкий узел - обеспечивает плавный переход от одного сегмента к другому в виде единой дуги.

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

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

Так вот при щелчке инструментом "Узел" на гладком узле образуется угловой узел, а при протягивании углового узла – образуется гладкий узел.


1. Нарисуйте какой-нибудь контур.2. Теперь выберите инструмент "Перо+" и добавьте два опорных узла на вершинах дуг

(щелкните в этих точках), например, вот так:

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

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

Теперь возьмите на панели инструментов "Выделение контура":

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

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

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

Для закрепления этого материала, потренируемся рисовать цифры:

1. Берем инструмент "Перо" и щелкаем в точке 1, отпускаем.2. Щелкаем в точке 2, отпускаем. Появилась прямая линия.3. Щелкаем в точке 3 и, не отпуская, протягиваем дугу нужной формы.

В панели "Контуры" сохраните контур с именем "Цифра 1" и создайте новый контур с именем "Цифра 2". Будем рисовать цифру 2.

1. Берем инструмент "Перо" и щелкаем в точке 1, отпускаем.2. Щелкаем в точке 2, отпускаем. Появилась прямая линия.3. Щелкаем в точке 3 и, не отпуская, протягиваем вниз и влево до образования дуги нужной

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

формы.

В панели "Контуры" создайте новый контур с именем "Цифра 3". Будем рисовать цифру 3.

1. Точки 1-5 нарисуйте также как в предыдущих цифрах.2. Возьмите инструмент "Угол", щелкните по точке 3 и, не отпуская, протяните немного вниз.

Теперь ухватитесь за нижнюю балансировочную точку и протяните ее вверх и влево.

3. Теперь возьмите инструмент "Стрелка" (белая стрелка), ухватитесь за точку 3 и опустите ее чуть ниже и правее. Готово.

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

5.12 Photoshop - Урок 12. Рисование - магнитное пероМагнитное перо — это вариант инструмента "Свободное перо", позволяющий рисовать контуры, привязанные к краям определенных областей изображения.

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

1. Выберите инструмент "Свободное перо" и поставьте флажок у "Магнитное". Теперь задайте параметры инструмента:

o Погрешность - задает чувствительность к движениям мыши (от 0,5 до 10 пикселов).o Ширина - перо обнаруживает края только в пределах указанного расстояния от

курсора (1-256 пикселов).o Контрастность - указывает контраст между пикселами области, наличие которого

будет считаться признаком края. Для слабоконтрастных изображений используйте большее значение ( 0-100%).

o Частота - указывает, как часто перо создает узловые точки (от 0 до 100).

2. Щелкните по изображению, чтобы установить первую точку привязки.

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

добавить точку привязки вручную и не дать границе сдвинуться.

o Если допущена ошибка, нажмите клавишу "Delete" для удаления последней точки привязки.

o Перетаскивание курсора при нажатой клавише "Alt" позволяет нарисовать контур от руки.

o Щелчок мыши при нажатой клавише "Alt" позволяет рисовать прямые.

4. Дважды щелкните мышью, чтобы замкнуть контур.

5. Теперь на панели параметров щелкните по иконке "Вычесть из области контура" и проделайте шаги 2-4 для вычерчивания контура внутри ручки.

6. Собственно говоря наш контур готов, его можно сохранить и использовать в дальнейшем, но мы превратим его в выделение, щелкнув по соответствующей иконке на панели "Контуры" (как это сделать мы рассматривали в прошлом уроке).

С этим выделением можно делать всё что угодно. Можно скопировать и перенести в другое изображение, можно и маску создать, можно просто фон удалить/залить нужным цветом, можно применить какой-либо эффект и т.д.

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

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

5.13 Photoshop - Урок 13. Инструменты ретушированияНа панели инструментов инструменты ретуширования находятся в одной группе с инструментами рисования:

Рассмотрим их.

Восстанавливающая кисть

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

Пусть у нас есть вот такое изображение:

и мы хотим убрать веснушки. Для этого мы:

1. возьмем инструмент "Восстанавливающая кисть"2. подберем на палитре параметров подходящий размер кисти (например, 10

пикселов)3. подведем курсор мыши к участку кожи, где нет веснушек (например, на шее)4. нажмем клавишу "Alt" (курсор станет походить на мишень) и щелкнем, чтобы

определить область-источник. 5. отпустим клавишу "Alt" и начнем рисовать по веснушкам. Пикселы с "источника"

будут передаваться и подгоняться по цвету там где вы рисуете кистью.

Так можно убирать родинки, прыщики, царапинки и другие дефекты.

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

и мы хотим убрать родинки. Для этого мы:

1. возьмем инструмент "Точечная восстанавливающая кисть"2. подберем на палитре параметров подходящий размер кисти. Рекомендуется

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

3. выберем режим "Заменить", зададим тип кисти:

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

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

4. щелкнем по области, которую нужно исправить.

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

и мы хотим убрать плот из изображения. Для этого мы:

1. возьмем инструмент "Заплатка"2. курсором мыши выделим область вокруг плота, затем на панели параметров

выберем "Источник".

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

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

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

Красные глаза - удаляет эффект "красных глаз", а также белые и зеленые блики на фотографиях, снятых со вспышкой. Пусть у нас есть вот такое изображение:

и мы хотим убрать красные глаза. Для этого мы:

1. возьмем инструмент "Красные глаза"

2. щелкнем область, где проявился эффект красных глаз

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

Штамп

Штамп - предназначен для нанесения одной части изображения поверх другой части изображения. Пусть у нас есть вот такое изображение:

и мы хотим добавить еще одну бабочку. Для этого мы:

1. возьмем инструмент "Штамп"2. на панели параметров выберем нужную кисть (в данном случае круглую,

диаметром 150)3. подведем курсор мыши так, чтобы бабочка помещалась в след кисти, нажмем "Alt"

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

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

Сначала добавим его в коллекцию узоров. Для этого:

1. выделим часть изображения песка.2. в меню: Редактирование -> Определить узор. В открывшемся диалоговом окне

зададим имя узора:

Теперь создадим новый файл (или слой в открытом файле), возьмем инструмент "Узорный штамп", выберем на панели параметров кисть и наш узор "Песок" и что-нибудь нарисуем.

Если на панели параметров поставить флажок у "Эффект", то рисование текстурой будет напоминать импрессионизм.

Ластик

Ластик - стирает излишки наших художеств с изображения (как стирательная резинка). Просто выберите этот инструмент и сотрите им все лишнее (принцип работы такой же как у инструмента "Кисть").

Фоновый ластик - предназначен для отделения объекта от фона. Очень удобен для контрастных изображений. Пусть у нас есть вот такое изображение:

Давайте уберем черный фон. Для этого:

1. возьмем инструмент "Фоновый ластик".

2. на панели параметров выберем следующие настройки:

3. пройдемся ластиком по всему изображению.

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

Волшебный ластик - гибрид "Ластика" и "Волшебной палочки". Главное отличие инструмента "Волшебный ластик", это скорость работы.

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

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

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

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

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

Давайте уберем черный фон с предыдущего изображения инструментом "Волшебный ластик". Для этого:

1. возьмем инструмент "Волшебный ластик".2. на панели параметров выберем следующие настройки: допуск - 50, непрозрачность

- 100, галочки у "Сглаживание" и "Смежные пикселы".3. щелкнем по черному фону.

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

5.14 Photoshop - Урок 14. Инструменты коррекции изображенийК инструменам коррекции изображений относят:

Рассмотрим их подробнее.

Как размыть изображение в фотошопе

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

Теперь возьмите инструмент "Размытие", задайте параметры размера кисти, режима и интенсивности на панели параметров и проведите мышкой по бабочке:

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

Вообще резкость и размытие изображений или их частей лучше регулировать соответствующими фильтрами в меню "Фильтр".

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

Теперь возьмем инструмент "Палец", выберем на панели параметров: кисть - 13, режим - нормальный, интенсивность - 40 и проведем мышкой по каждому лепестку ромашки:

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

Как осветлить изображение в фотошопе

Осветлитель - осветляет область изображения.

Затемнитель - затемняет область изображения.

У этих двух инструментов одинаковые параметры. На рисунке ниже показана работа инструмента "Осветлитель" с разными параметрами.

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

Принцип работы у всех инструментов одинаков: выбираем инструмент, задаем параметры на панели параметров и проводим мышкой по необходимым областям.

5.15 Photoshop - Урок 15. Эффекты текстаМожно выполнять различные действия с текстом для изменения его внешнего вида. Например, текст можно деформировать, преобразовать в различные фигуры или добавить к нему тень.

Текст по контуру

1. Создайте новый файл.2. Создайте инструментом "Фигура" контур круга.3. Возьмите инструмент "Горизонтальный текст". Установите курсор так, чтобы индикатор

базовой линии инструмента "Текст" находился на контуре,

и щелкните. После этого на контуре появится курсор вставки.

4. Введите текст, он будет располагаться вдоль контура.

5. Чтобы переместить текст вдоль контура, возьмите инструмент "Выделение контура" (черная стрелка), подведите курсор к контуру, он примет вид I-образной формы со стрелкой, нажмите левую клавишу мыши и ведите вдоль контура в сторону перемещения:

6. Чтобы отразить текст внутрь контура, возьмите инструмент "Выделение контура" (черная стрелка), подведите курсор к контуру, он примет вид I-образной формы со стрелкой, нажмите левую клавишу мыши и ведите поперек контура:

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

Затем снова выровняйте текст по контуру, как в пункте 5.

8. Форму контура с текстом можно просто переместить инструментом "Перемещение".

Аналогично можно работать и с инструментами "Вертикальный текст", "Горизонтальный текст-маска" и "Вертикальный текст-маска".

Текст-маска

1. Создайте новый слой.

2. Возьмите инструмент "Горизонтальный слой-маска", выберите шрифт покрупнее (например, 60) и напишите им что-нибудь. При вводе текста появится красная маска:

3. По окончании ввода текста щелкните по галочке на панели параметров:

Границы текста превратятся в выделение:

4. Теперь можно залить буквы краской (Редактирование -> Выполнить заливку) или обвести их контур (Редактирование -> Выполнить обводку).

Аналогично можно работать и с инструментом "Вертикальный текст-маска".

Эффекты текстового слоя

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

1. На панели "Слои" выберите текстовый слой.

2. Щелкните два раза по этому слою или щелкните по кнопке "Добавить стиль слоя" внизу палитры слоев:

3. В открывшемся окне настройки эффектов поставьте галочки у тех эффектов, которые понравятся и щелкните ОК. Вот пример предыдущего текста с эффектами - тень и

внутреннее свечение:

Текст также можно заполнить изображением. Об этом читайте на странице Создание и

использование обтравочных масок. А еще к тексту можно применять различные фильтры и

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

Photoshop - полезные навыки.

6.Фрактальная графика

Среди всех картинок, которые может создавать компьютер, лишь немногие могут

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

большинства из нас слово "фрактал" вызывает в памяти цветные завитушки,

формирующие сложный, тонкий и составной узор. Но на самом деле этот термин имеет

гораздо более широкий смысл. Фрактал - объект, обладающий бесконечной сложностью,

позволяющий рассмотреть столько же своих деталей вблизи, как и издалека. Земля –

классический пример фрактального объекта. Из космоса она выглядит как шаp. Если

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

рассматривать горы ближе – станут видны еще более мелкие детали: кусочек земли на

поверхности горы в своем масштабе столь же сложный и неровный, как сама гора. И даже

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

сама является фрактальным объектом.

Компьютеры дают возможность строить модели таких бесконечно детализированных

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

профессора математики из Технологического института штата Джоржия разработали

широко используемый метод, известный как Cистемы Итерируемых Функций (СИФ). С

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

например, как листья папоротника, деревья, при этом неоднократно применяются

http://www.site-do.ru/photoshop/photoshop.php#3

http://www.site-do.ru/photoshop/photoshop.php#3

http://www.site-do.ru/photoshop/photoshop_maski.php

http://www.site-do.ru/photoshop/photoshop_maski.php

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

СИФ используется самоподобие, которое есть у творений природы, и объект

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

изображения с многоцветными завитушками относятся обычно к разряду так называемых

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

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

точки перешла ("перебежала") определенную границу. Комплексная плоскость - как

координатная плоскость с осями x и y. По паре координат точка строится на комплексной

плоскости так же, как и точка на плоскости Oxy, но числа имеют другой, необычный

смысл: они обладают мнимой компонентой, называемой i, которая равна квадратному

корню из -1. (Вот почему i - мнимая единица - в действительности корень из -1 не

существует). Это искажает обычные правила математики, так что такие общепринятые

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

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

Для каждой точки на экране компьютер считает координаты серии точек, определяющих

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

мнимого цилиндра, расположенного в начале координат комплексной плоскости,

считаются элементами множества Мандельброта и обычно закрашиваются черным.

Точки, чьи орбиты выходят за пределы цилиндра, раскрашиваются в соответствии с

быстротой "убегания": пиксель, чья орбита покидает цилиндр, например, на шестой

итерации, можно раскрасить голубым, a тот - орбите которого требуется для этого семь

итераций - красным. В результате на изображении получим множество Мандельброта и

его окружение с "нестабильными" областями фрактала - областями, для которых малые

изменения формулы ведут к большой разнице в орбитальном поведении. Это

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

другие, такие же экзотические фракталы с временным порогом. Бесконечно

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

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

рассматриваете: рисунок, который вы увидите, будет одинаково сложным. Почему?

Потому что в двумерной плоскости, на которой строится множество Мандельброта, любая

область содержит бесконечное число точек. Когда вы выбираете область для

отображения, компьютер точкам из области ставит в соответствие точки на экране. И

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

орбиту, порождающую соответствующий цветовой узор.

Математической основой фрактальной графики является фрактальная геометрия. Здесь в

основу метода построения изображений положен принцип наследования от, так

называемых, «родителей» геометрических свойств объектов-наследников.

Понятия фрактал, фрактальная геометрия и фрактальная графика, появившиеся в конце

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

фрактал образовано от латинского fractus и в переводе означает «состоящий из

фрагментов». Оно было предложено математиком Бенуа Мандельбротом в 1975 году для

обозначения нерегулярных, но самоподобных структур, которыми он занимался.

Фракталом называется структура, состоящая из частей, которые в каком-то смысле

подобны целому. Одним из основных свойств фракталов является самоподобие. Объект

называют самоподобным, когда увеличенные части объекта походят на сам объект и друг

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

небольшая часть фрактала содержит информацию обо всем фрактале.

В центре фрактальной фигуры находится её простейший элемент - равносторонний

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

сторон строятся равносторонние треугольники со стороной, равной (1/3a) от стороны

исходного фрактального треугольника. В свою очередь, на средних отрезках сторон

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

выстраиваются треугольники-наследники второго поколения со стороной (1/9а) от

стороны исходного треугольника.

Таким образом, мелкие элементы фрактального объекта повторяют свойства всего

объекта. Полученный объект носит название «фрактальной фигуры». Процесс

наследования можно продолжать до бесконечности. Таким образом, можно описать и

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

фигур можно моделировать образы живой и неживой природы (например, ветви дерева

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

Фрактальная графика, также как векторная и трёхмерная, является вычисляемой. Её

главное отличие в том, что изображение строится по уравнению или системе уравнений.

Поэтому в памяти компьютера для выполнения всех вычислений, ничего кроме формулы

хранить не требуется.

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

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

компактности математического аппарата, необходимого для ее реализации. Так, с

помощью нескольких математических коэффициентов можно задать линии и поверхности

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

являются «Фрактальный треугольник». Затем идет «Фрактальная фигура», «Фрактальный

объект»; «Фрактальная прямая»; «Фрактальная композиция»; «Объект-родитель» и

«Объект наследник». Следует обратить Ваше внимание на то, что фрактальная

компьютерная графика, как вид компьютерной графики двадцать первого века получила

широкое распространение не так давно. Её возможности трудно переоценить.

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

можно реализовать такие композиционные приёмы как, горизонтали и вертикали,

диагональные направления, симметрию и асимметрию и др. Сегодня немногие

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

сравнить фрактальное изображение?

Ну, например, со сложной структурой кристалла, со снежинкой, элементы которой

выстраивается в одну сложную структуру. Это свойство фрактального объекта может

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

орнамент. Сегодня разработаны алгоритмы синтеза коэффициентов фрактала,

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

оригиналу. С точки зрения машинной графики фрактальная геометрия незаменима при

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

фрактальной графике найден способ эффективной реализации сложных неевклидовых

объектов, образы которых весьма похожи на природные.

Геометрические фракталы на экране компьютера - это узоры, построенные самим

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

фрактальная анимация и фрактальная музыка.

Создатель фракталов - это художник, скульптор, фотограф, изобретатель и ученый в

одном лице. Вы сами задаете форму рисунка математической формулой, исследуете

сходимость процесса, варьируя его параметры, выбираете вид изображения и палитру

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

графических редакторов (и в частности - Painter) от прочих графических программ.

Например, в Adobe Photoshop изображение, как правило, «с нуля» не создается, а только

обрабатывается. Другой самобытной особенностью фрактального графического редактора

Painter (как и прочих фрактальных программ, например Art Dabbler) является то, что

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

кисти, карандаша и пера тех возможностей, которые заложены в Painter программистами.

Перечень рекомендуемых учебных изданий, Интернет-ресурсов, дополнительной литературыОсновная литература

1. Гурский Ю.А., Гурская И. Компьютерная графика: Photoshop CS 3,

CorelDRAW X3, Illustrator CS 3. Трюки и эффекты (+CD). http://www.twirpx.com/file/698565/

2. Микрюков В.Ю. Компьютерная графика: учеб. пособие для СПО. http://lib.omgpu.ru/cgi-bin/irbis64r/cgiirbis_64.exe

3. Писарев А.П. Электронное пособие и лаб. практикум по КГ(векторная

графика и растровая графика)

Дополнительная литература

1. Михеева Е.В. Информатика: учеб. пособие для СПО. – М.: Академия,

2009.

Интернет-ресурсы

1. Руденко К.А. "Учебник Фотошоп" - раздел для начинающих [Электронный

ресурс]. Режим доступа: http://www.photoshop-master.ru/articles.php.

2. Гурский Ю.А. Онлайн учебник Corel Draw и PhotoPaint [Электронный

ресурс]. Режим доступа: http://www. academia-moscow.ru›off-line/_books.

http://lib.omgpu.ru/cgi-bin/irbis64r/cgiirbis_64.exe?Z21ID=&I21DBN=IBIS&P21DBN=IBIS&S21STN=1&S21REF=&S21FMT=&C21COM=S&S21CNR=20&S21P01=0&S21P02=1&S21P03=A=&S21STR=%D0%9C%D0%B8%D0%BA%D1%80%D1%8E%D0%BA%D0%BE%D0%B2,%20%D0%92%D0%B0%D1%81%D0%B8%D0%BB%D0%B8%D0%B9%20%D0%AE%D1%80%D1%8C%D0%B5%D0%B2%D0%B8%D1%87

http://www.twirpx.com/file/698565/

Конспект лекций разработан в соответствии с требованиями ФГОС СПО

по специальности 09.02.03 Программирование в компьютерных системах,

утвержденного приказом Министерства образования и науки РФ № 804 от 28

июля 2014 г. с учетом рекомендаций ПрООП.

Конспект лекций разработал:Писарев А.П. к.т.н. доцент каф. «ИВС»

Конспект лекций одобрен кафедрой «Информационно-вычислительные системы», ответственной за проектирование и реализацию ППССЗ.Протокол заседания кафедры № ___ от _______________.

Заведующий кафедрой Ю.Н. Косников

Конспект лекций одобрен Учебно-методическим советом Многопрофильного колледжа

Протокол № ___ от «____» ______________ 20__ года

Председатель Учебно-методического совета Многопрофильного колледжа_______________________ Феоктистов В. А.

Date post:	14-Oct-2020
Category:	Documents
Upload:	others
View:	12 times
Download:	0 times

dep_ivs.pnzgu.ru · Web viewRLE (Run Length Encoding)— один из методов сжатия...

Documents