Особенности техники создания анимированных баннеров в Adobe Photoshop CS5

Размещено на http://www.allbest.ru

Введение

В данной курсовой работе будет подробно рассказано о компьютерной графике, также о программе Adobe Photoshop CS5, о самой компании Adobe, будет рассмотрен интерфейс, рассказано о форматах графических файлов, плагинах, фильтрах,

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

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

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

Исходя из выше изложенного, можно выделить следующие задачи:

- анализ литературных источников и ссылок Интернет, посвященных данной тематике;

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

- обзор современных редакторов;

- сравнительный анализ современных редакторов;

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



§ 1.Основные понятия компьютерной графики

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

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

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

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

Краткое описание из представленных выше видов компьютерной графики:

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

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

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

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

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

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

Используют два наиболее распространённых способа представления графических изображений: Растровый и Векторный

Растровая графика - это прямоугольная матрица состоящая из множества точек называемых (пикселями).

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

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

Чем выше разрешение, тем четче мы видим изображение на экране монитора.

Разрешение - это количество пикселей на дюйм для описания отображения на экране или количество точек на дюйм для печати изображений.

Преимущества:

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

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

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

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

Точная передача цветовых переходов.

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

Недостатки:

Большой размер файлов у простых изображений

Невозможность масштабирования (в частности, увеличения) изображения без потери качества .

Невозможность вывода на печать на плоттер.

Графические форматы

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

Рассмотрим несколько из наиболее известных.

JPEG (Joint Photographic Experts Group) - самый распространенный формат растровой графики. JPEG - пример использования алгоритмов сжатия «с потерями» или, по_другому, «искажающего сжатия», он наиболее подходит для хранения картин, фотографий и других реалистичных изображений с плавными цветовыми переходами, но зато практически не пригоден для чертежей и схем, то есть для изображений с резкими переходами - алгоритм сжатия будет образовывать заметные артефакты в местах резкого контраста.

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

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

Формат JPEG - так же основной формат, в котором фотобанки принимают растровые изображения(фотографии и иллюстрации) для продажи. Сохранять конечный вариант файла, отправляемый на микро сток, нужно в цветовой модели RGB, разрешением 300dpi и, конечно, в 100%-м качестве. Так же можно вписать в файл IPTC-информацию (название, описание, ключевые слова) - формат JPEG позволяет это сделать и это значительно сэкономит вам время при отправке изображений на несколько фотобанков.

Кроме общих форматов растровой графики (GIF, JPEG, TIFF и др.), которые «читаются» всеми графическими редакторами и просмотровщиками изображений, существуют «родные» форматы почти каждого редактора, которые можно открыть только программой, в которой они были сделаны, например, формат PSD программы Adobe Photoshop. При обработке фотографий, растровых иллюстраций и разработке дизайна, промежуточные варианты следует сохранять в таких форматах и только финальные версии переводить JPEG. Это нужно для того, чтобы можно было сохранять результаты работы без потери информации и в любой момент внести изменения в изображение или проект.

GIF(Graphics Interchange Format) один из самых популярных форматов растровой графики, используется для публикации изображений в WEB. Хотя некоторые называют его «устаревшим», альтернативы ему пока нет. Дело в том, что это фактически единственный растровый формат графики, поддерживающий анимацию. На данный момент, известно, что существует еще 2 формата с анимацией - MNG и APNG, которые, вероятно и заменят GIF, но пока их поддерживают далеко не все браузеры и графические редакторы.

Преимущества формата GIF

Небольшой размер изображения.

Поддержка прозрачности.

Возможность создания покадровой анимации.

К недостаткам можно отнести маленькое количество возможных цветов (до 256) и отсутствие передачи полупрозрачности. GIF широко используется для создания анимированных рекламных баннеров.

TIFF (Tagged Image File Format) - формат для хранения изображений высокого качества, поддерживает любые из существующих цветовые модели, обеспечивает широкий диапазон изменения глубины цвета, поддерживает работу со слоями. Хранение информации в формате TIFF возможно как с потерями, так и без потерь. Фотокамеры, не поддерживающие RAW-формат иногда могут делать снимки в формате TIFF.

Недостатком формата является большой вес файла, гораздо больше, нежели файл RAW-формата такого же качества - каждый снимок в TIFF весит от 8 до 20Мб.

RAW (в переводе с английского «raw» -- сырой)

Формат RAW появился благодаря цифровым фотоаппаратам.

RAW - это по сути «отпечаток», который остается на матрице фотоаппарата в момент съемки, а точнее целых 3 отпечатка - в красном, зеленом и синем цветах. Кроме этих отпечатком в RAW-файле хранятся и некоторые другие данные, которые в подобном случае носят скорее справочный характер, диктующие RAW-конвертеру с какой интенсивностью отразить на экране каждый из цветных каналов для разных пикселов - это баланс белого, цветовое пространство и т.д.

Изменение этих параметров никак не отразится на исходной информации, вы можете их безболезненно изменить и в любой момент вернуться к первоначальному виду. С полученным в результате экспорта другим растровым форматом работать будет уже гораздо проблематичней. Расширения у файлов в формате RAW могут быть разные (.cr2,.crw,.nef и т.д.) в зависимости от марки фотоаппарата - у каждого производителя камер свой способ хранения информации.

Для редактирования RAW-файлов и преобразования их в другие растровые форматы производители камер поставляют свой собственный софт и при этом RAW-конвертер фирмы Canon будет читать только RAW-файлы снятые фотоаппаратами Canon (.cr2,.crw) и не сможет прочитать RAW-файл снятый фотоаппаратом Nikon (.nef). Существуют RAW-конвертеры сторонних производителей, которые работают с большинством RAW-файлов. В общем, отсутствие единого стандарта создает определенные неудобства при работе с этим форматом.

Недостатками формата являются большой размер файла (хотя и не такой большой, как TIFF) и отсутствие единого стандарта формирования RAW-файлов для всех производителе й фототехники.

RAW как и TIFF можно отправлять на фотобанки в качестве «дополнительного» формата изображения - наличие исходника может повлиять на решение дизайнера о покупке изображения.

Векторная графика - это набор графических примитивов, описанных математическими формулами. 

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

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

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

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

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

Достоинства:

Небольшой размер файла при относительно несложной детализации изображения.

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

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

Возможность позиционирования объектов по оси, перпендикулярной плоскости экрана (по оси z - «выше», «ниже», «выше всех», «ниже всех»).

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

Управление толщиной линий при любом масштабе изображения.

Недостатки:

Трудность передачи фотореалистичного изображения (следует из 1_го недостатка)

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

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



Форматы Векторной графики

EPS(Encapsulated PostScript) - формат, созданный компанией Adobe на основе языка PostScript. Eps, соответствующий разным версиям программы Adobe illustrator, описывается разными версиями языка PostScript, этим объясняется несовместимость более поздних версий с другими программами. Для 8_ой версии это PostScript3. Именно в формате eps-8 все фотобанки принимают векторные иллюстрации. При сохранении в формате eps-8 из более поздних версий программы все эффекты, которые были не доступны в Illustrator8 становятся растровыми объектами. Не смотря на то, что по стандарту EPS может содержать растр, фотобанки такую иллюстрацию не примут. Так что если вы создаете изображения для последующей продажи на фотобанках будьте внимательнее при использовании эффектов. Самая «популярная» ошибка начинающего стокера использование прозрачности. С недавнего времени фотобанк ShutterStock.com стал принимать eps 10_ой версии. В этой версии прозрачность поддерживается.

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

AI(Adobe Illustrator) - формат, создаваемый по умолчанию программой Adobe Illustrator. Более поздние версии программы не совместимы с предшествующими, но, тем не менее, имеется возможность сохранения файла для более ранних версий. Текущая версия - Adobe Illustrator CS5.

CDR--формат программы Corel Draw. Формат не совместим с другими редакторами векторной графики и со своими же более ранними версиями.

SVG(Scalable Vector Graphics) - формат, созданный на основе языка разметки XML. Формат создавался в том числе для публикации векторной графики в сети Интернет, является открытым стандартом, поддерживает анимацию. Достоинством svg является еще и то, что это по сути текстовый файл и при наличии определенных навыков возможно редактировать и создавать векторное изображение в обычном текстовом редакторе. Кроме того, существует так же возможность управлять атрибутами изображения при помощи таблицы стилей CSS. Из фотобанков векторную графику в формате SVG продает только Fotolia (Фотолия). Бесплатный векторный редактор Inkscape по_умолчанию сохраняет файл в этом формате.

SWF - flash-формат, предназначенный для просмотра анимации. Для просмотра требуется установка программы Flash Player.

FLA - flash- формат программы Adobe Flash, предназначенный для создания анимированной графики. При помощи языка Action Script возможно создание управляемых сценариев. Обычно готовый ролик из fla экспортируют в формат swf

Графические редакторы

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

Графический редактор - это программа для создания и редактирования графических изображения.

Рассмотрим несколько из наиболее известных растровых и векторных графических редакторов:

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

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

CorelDRAW - векторный графический редактор, предназначенный для создания и редактирования изображений.

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

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

Растровый редактор Adobe Photoshop

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

Adobe Photoshop - самая популярная прикладная программа для редактирования изображений, предназначенная для компьютеров Macintosh и IBM-совместимых ПК под управлением Wmaows Несмотря на жесткую конкуренцию с такими программами как Macromedia xRes, Write Design и др компания Adobe Systems Inc, захватила, по ее собственным оценкам свыше 80% рынка программ для редактирования изображений. Таким образом, Photoshop оказывается в четыре раза популярнее всех своих конкурентов, вместе взятых.

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

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

- Сканированные фотоснимки;

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

- Картины, насыщенные цветовыми тонами;

- Логотипы и эмблемы с нечеткими границами, бликами и тенями;

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

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

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

Растровый редактор Adobe Photoshop

Рабочая область Adobe Photoshop

Первым мы рассмотрим строку меню.

Строка меню - стандартный элемент для всех оконных приложений Windows

Структура строки:

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

Edit(Редактирование) -- в этом меню находятся основные команды редактирования: отменить, вставить, копировать и т. д.;

Image(Изображение) -- меню, созданное для работы непосредственно с изображением;

Layer(Слой) -- работа со слоями;

Select(Выделение) -- создание и редактирование выделения;

Filter(Фильтр) -- в этом меню находятся фильтры -- дополнительные модули Photoshop, выполняющие самые разные функции;

View(Вид) -- различные настройки интерфейса, помогающие пользователю в работе;

Window(Окно) -- с помощью этого меню вы управляете отображением палитр и размещением документов на экране;

Help(Справка) -- команды справочной системы.

Следующим элементом рабочей области Adobe Photoshop является

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

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

Панель параметров

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

Палитры- это небольшое окно, в котором сгруппированы элементы управления, выполняющие специфические функции.

Команды главного меню Adobe Photoshop

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

создать новый рисунок «с нуля» (Ctrl+N) - новый;

открыть уже существующий рисунок или фотографию, хранящиеся на любом диске компьютера или в сети (Ctrl+O) - открыть;

просмотреть перечень изображений, недавно обрабатывавшихся в Photoshop, и вернуться к любому из них (Alt+Ctrl+O) - обзор;

сохранить откорректированный рисунок (Ctrl+S) - сохранить;

настроить параметры страницы и выполнить печать рисунка на принтере (Ctrl+P) - печать;

заполнить раздел свойств рисунка (Alt+Shft+Ctrl+I) - сведения о файле;

произвести экспорт и импорт изображения;

закрыть готовый рисунок (Ctrl+W) - закрыть;

выйти из программы Photoshop CS5 (Ctrl+Q) - выход.

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

отменить последние неудачные изменения изображения (Ctrl+Z) - отменить;

повторить еще раз недавние успешные действия с рисунком;

очистить выделенную область рисунка;

вырезать выделенную область рисунка и поместить ее в буфер обмена Windows (Ctrl+X) - вырезать;

скопировать выделенную область рисунка в буфер обмена Windows (Ctrl+C) - скопировать;

вставить в текущий рисунок содержимое буфера обмена Windows (Ctrl+V) - вставить;

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

запустить поиск и замену текста, проверить орфографию;

настроить параметры работы программы Photoshop CS5 (Alt+Shft+Ctrl+M) - меню.

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

изменить цветовой режим рисунка;

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

изменить размер и разрешение изображения;

выполнить произвольный поворот изображения;

обрезать ненужные части изображения.

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

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

создать новый слой изображения (Shft+Ctrl+N) - создать новый слой;

сделать дубликат слоя (Ctrl + J) ;

модифицировать содержимое существующего слоя;

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

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

скрыть один или несколько слоев изображения;

удалить ненужный слой изображения (Deleted)

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

создать новое выделение;

повторить предыдущее выделение,

модифицировать выделенную область;

уточнить края существующего выделения (Alt+Ctrl+R);

сохранить и загрузить выделенную область;

отменить существующее выделение.

Фильтр - содержит основные команды работы с фильтрами Photoshop. С помощью команд этого пункта меню пользователь Photoshop CS5 может выполнить следующие действия:

просмотреть перечень доступных фильтров;

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

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

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

измерить линейные характеристики любого объекта рисунка (например, длину, ширину, угол или периметр);

подсчитать количество определенных объектов на рисунке;

сохранить протокол измерений.

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

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

выбрать цветовой режим просмотра изображения;

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

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

скрыть и отобразить на экране любую панель Photoshop CS5;

скрыть и отобразить на экране любую палитру Photoshop CS5;

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

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

настроить параметры рабочей среды Photoshop CS5.

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

вызвать встроенную справку Photoshop;

произвести регистрацию;

найти дополнительную информацию о Photoshop CS5 в сети Интернет.

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

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

Инструменты и их действия в Adobe photoshop

Инструмент «Перемещение»

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

Инструмент «Прямоугольная область»

Инструмент «Прямоугольная область» (M) выделяет прямоугольные области. Для создания выделений необходимо кликнуть левой кнопкой мыши по документу и, не отпуская её, растянуть выделение.

Вложенные инструменты группы:

«Овальная область» (M) - служит для создания овальных выделений.

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

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

Инструмент «Лассо» (L) создает выделение от руки. Для создания выделения нажмите левую клавишу мышки и, не отпуская её, обведите желаемый объект. Для завершения выделения отпустите клавишу мышки. Выделенный объект будет обведён бегающей пунктирной линией. Выделенный объект можно переместить или скопировать на новый слой.

Вложенные инструменты группы:

«Прямолинейное лассо» (L) - используется для выделения прямых участков.

«Магнитное лассо» (L) - автоматически определяет грани объекта и магнитится в местах сильного контраста. При помощи этого инструмента очень удобно выделять объекты на светлом фоне.

Инструмент «Волшебная палочка» (W)создаёт выделенные области на основе анализа цвета пикселей. Принцип действия инструмента таков: при нажатии на изображении по какому-либо пикселю, Photoshop анализирует цвета смежных пикселей и проверяет их на близость к исходному. Если цвета оказываются близкими, то смежные пиксели присоединяются к выделенной области, после чего образуется выделение.

Вложенные инструменты группы:

«Быстрое выделение» (W)- позволяет быстро «нарисовать» выделение при помощи круглой кисти.

Инструмент «Рамка» (C) кадрирует изображение. Кадрирование -- это отсечение частей изображения с целью фокусирования или улучшения компоновки.

Вложенные инструменты группы:

Инструмент «Раскройка» (C) используется для разрезания изображения на части. Этот инструмент часто используют web-дизайнеры для нарезки графики для сайта.

Инструмент «Выделение фрагмента» (C) используется для выделения фрагментов с целью последующего их изменения, добавления в URL , переименования.

Инструмент «Пипетка» (I) берет информацию о цвете и стиле с изображения, т.е. копирует цвет.

Вложенные инструменты группы:

Инструмент «Комментарий» (I) увеличивает или уменьшает изображение.

«Цветовой эталон» (I) измеряет и отслеживает цвет в нескольких точках изображения.

«Линейка» (I) позволяет измерить расстояние между любыми двумя точками рабочей области. При измерении расстояния от одной точки до другой рисуется непечатаемая линия.

«Счётчик» (I)точно подсчитывает объекты или свойства в любых изображениях.

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

Вложенные инструменты группы:

«Точечная восстанавливающая кисть» (J) позволяет быстро удалять с фотографий пятна и другие дефекты.

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

«Красные глаза» (J) удаляет эффект красных глаз с фотографий людей и животных, снятых с использованием вспышки.

Инструмент «Кисть» (B) создает мягкие или четкие цветные штрихи. Так же можно загружать наборы кистей (формат ABR) в программу и создавать свои собственные.

Вложенные инструменты группы:

«Карандаш» (B)создает четкие произвольные линии.

«Замена цвета» (B)используется для замены одного цвета на другой.

«Микс-кисть» (B)позволяет моделировать реалистические приемы живописи, такие как смешение цветов на холсте, сочетание цветов на кисти, изменение влажности краски на протяжении штриха.

Инструмент «Штамп» (S)позволяет клонировать (копировать) пиксели из одной области изображения в другую, на другой слой или даже на другое изображение, что полезно при создании копий объектов, ретушировании изъянов или рисовании поверх объектов фотографии.

Вложенные инструменты группы:

«Узорный штамп» (S) накладывает на изображение заданную текстуру.

Инструмент «Архивная кисть»

Инструмент «Архивная кисть» (Y) позволяет не только рисовать, но и очищать изображение от ранее наложенных штрихов.

Вложенные инструменты группы:

«Архивная художественная кисть» (Y) позволяет рисовать стилизованными штрихами с использованием исходных данных указанного архивного состояния или снимка.

Инструмент «Ластик» (E) позволяет либо заменить цвет пикселей цветом заднего плана, либо сделать их прозрачными, т.е. стереть какую-

Инструмент «Фоновый ластик» (E) стирает фон на изображении, сохраняя края объекта на переднем плане.

Инструмент «Волшебный ластик» (E) напоминает инструмент «Волшебная палочка». Этот инструмент действует так же, как если бы вы сначала произвели выделение области при помощи инструмента «Волшебная палочка», а затем клавишей Delete удалили выделенное.

Инструмент «Градиент» (G) создаёт заливку с плавным переходом между двумя или несколькими цветами.

Вложенные инструменты группы:

«Заливка» (G) выполняет заливку области, близкой по цвету к пикселам, на которых вы щелкаете. Область можно также залить фоновым цветом или узором.

Инструмент «Размытие» (R) применяется для "размывания" границ изображения путем сглаживания перепада оттенков цвета соседних пикселов растра. С его помощью можно отделить по тону мелкие детали изображения от крупных областей со сплошной заливкой.

Вложенные инструменты группы:

«Резкость» (R) позволяет избирательно повысить резкость изображения, увеличивая контраст между соседними пикселями.

«Палец» (R) используется для создания направленных «мазков».

Инструмент «Затемнитель» (O) предназначен для затемнения фрагмента изображения.

Вложенные инструменты группы:

«Осветлитель» (O) позволяет осветлить фрагмент изображения.

«Губка» (O) позволяет одновременно изменять насыщенность и

Инструмент «Перо» (P) позволяет вычерчивать пути. Этим инструментом расставляются опорные точки, которые Adobe Photoshop автоматически соединяет сегментами.

Вложенные инструменты группы:

«Свободное перо» (P) позволяет рисовать так же, как это делается карандашом на бумаге. Узловые точки добавляются автоматически в процессе рисования.

«Добавить опорную точку» добавляет опорную точку.

«Удалить опорную точку» удаляет опорную точку.

«Угол» используется для изменения свойств закреплённых точек.

Инструмент «Горизонтальный текст»

Инструмент «Горизонтальный текст» (T) предназначен для написания текста, который располагается горизонтально.

Вложенные инструменты группы:

«Вертикальный Текст» (T) предназначен для написания текста, который располагается вертикально.

«Горизонтальный текст-маска» (T) создает текст-маску напечатанного текста в виде выделенной области по горизонтали.

«Вертикальный текст-маска» (T) создает текст-маску напечатанного текста в виде выделенной области по вертикали.

Инструмент «Выделение контура» (A) предназначен для работы с векторными контурами (путями) созданными соответствующими инструментами Перо (P). Задача инструмента состоит в том, что бы делать эти контуры активными и перемещать их.

Вложенные инструменты группы:

«Стрелка» (A) предназначен для работы с путями (или их еще называют контурами).

Инструмент «Прямоугольник» (U) предназначен для рисования прямоугольников.

Вложенные инструменты группы:

«Прямоугольник со скруглёнными краями» (U) предназначен для рисования прямоугольников со скругленными углами.

«Эллипс» (U) предназначен для рисования эллипсов и окружностей.

«Многоугольник» (U) предназначен для рисования многоугольников.

«Линия» (U) предназначен для рисования прямых линий.

«Произвольная фигура» (U) предназначен для рисования фигур произвольной формы.

Инструмент «Скольжение 3D-объекта» (K) используется для поперечного перетягивания, чтобы расположить модель горизонтально, или для перетягивания вверх и вниз, чтобы расположить модель ближе или дальше.

Вложенные инструменты группы:

«Масштабирование 3D-объекта» (K) используется для увеличения или уменьшения масштаба модели.

«3D-панорама» (K) используется для панорамного движения камеры по оси Х или Y.

«Вращение 3D-объекта» (K) используется для поворота модели вокруг оси Z .

«Поворот 3D-объекта» (K) используется для поворота модели вокруг оси Х.

Инструмент «3D-орбита» (N) используется для вращения по орбите камеры в направлении оси Х или Y.

Вложенные инструменты группы:

«Вращение вида 3D-объекта» (N) используется для вращения камеры вокруг оси Z.

«Вид 3D-панорамы» (N) используется для панорамного движения камеры по оси Х или Y.

«Перемещение вида 3D-объекта» (N) используется для отклонения камеры.

«Вид масштабирования 3D-объекта» (N) используется для приближения или удаления поля просмотра.

Инструмент «Рука» (H) перетаскивает изображение в пределах окна.

Вложенные инструменты группы:

Инструмент «Поворот вида» (R) вращает изображение не трансформируя его. Использование этого инструмента необходимо для облегчения рисования или раскрашивания.

Инструмент «Масштаб» (Z) увеличивает или уменьшает изображение.
Примечание: Для удобства используйте горячие клавиши Alt+прокрутка колеса на мышки.

Создание дизайна рекламы для сайта в Adobe Photoshop CS5

Шаг 1: Создаем новый документ Ctrl + N (Файл > Новый) размером 1000 Ч 800px. с белым фоном.

После того как новый PSD файл создан, вставьте кроссовок.

Шаг 2: Добавим текстуру фона Files > Open (Файл > Открыть).

Нажмите Ctrl + T, чтобы активировать команду Free Transform (Свободное трансформирование) и уменьшите размер текстуры, чтобы она соответствовала нашему холсту. Поместите слой текстуры между слоем с обувью и белым фоновым слоем, созданным по умолчанию.

Шаг 3: Обесцветим текстуру, выбрав ее слой на панели слоев и нажав

Shift + Ctrl+ U или выбрав Image > Adjustments > Desaturate (Изображение Коррекция Обесцветить). После обесцвечивания текстуры, переключите Blend Mode (Режим наложения) слоя на Overlay (Перекрытие). Теперь фон станет совершенно белым, потому что он накладывается на нижний слой с белым фоном, но не волнуйтесь: мы исправим это с помощью Blending Options (Параметры наложения). Щелкните правой кнопкой мыши на фоновом слое на панели слоев и выберите Blending Options (Параметры наложения).Появится диалоговое окно Layer Styles (Стиль слоя). Здесь, выберите серый цвет (# b5b5b5) в пункте Color Overlay (Наложение цвета). После этого уменьшите свойство Opacity(непрозрачность) слоя текстуры на 30%

Шаг 4: Создаем пол.

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

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

Поскольку Blend Mode (Режим наложения) слоя с оригинальной текстурой установлен в Overlay (Перекрытие), нам нужно восстановить режим наложения дублированного слоя в Normal (Нормальный).

После этого нажмите Ctrl+ T, чтобы активировать команду Free Transform (Свободное трансформирование), а затем перетащите вниз верхнюю центральную точку контроля, чтобы уменьшить высоту текстуры, как если бы мы сплющивали ее вниз -- таким образом, мы создали идею перспективы.

Далее, возьмите Burn Tool (O) (Инструмент «Затемнитель») на панели инструментов, чтобы затемнить часть пола, в частности, мы хотим затемнить нижние углы. Для того что бы пол не выделялся слишком сильно , а сливался с нашей текстурой.

Для этого, мы «углубляем» изображение и пол выглядит менее отвлекающим. Используйте Eraser Tool (E) (Инструмент «Ластик») для удаления верхнего верхнего края пола. Для этого выберите большую мягкую кисть с Hardness (Жесткость) 0%.

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

Шаг 5: Создание светового эффекта за обувью. Фон почти готов. Последний штрих ? световой эффект за обувью. 

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

Шаг 6: Создаем эффект красочных брызг.

Для создания этого эффекта, мы определим, какие цвета использовать, взяв образцы с частей обуви при помощи Eye Dropper Tool (I) (Инструмент «Пипетка»), и немного под редактировать их, чтобы они соответствовали цвету обуви.

Начнем с нижней части обуви. Для этого выберем готовую форму.

Создание желтого эффекта. Откроем эту текстуру в Photoshop и дважды щёлкнем по слою с белым фоном, чтобы разблокировать его.

Возьмем Magic Wand Tool (W) (Инструмент «Волшебная палочка»), выделим белую область, выбрав ее на холсте (автоматически должна выделиться вся белая область), и нажмите Delete, чтобы удалить фон. Перетащите подготовленную форму на основной холст.

Выполним команду Free Transform (Ctrl+ T) (Свободное трансформирование), чтобы повернуть краску и изменить ее размер. Разместим на подошве обуви и изменим цвет краски на желтый. Для этого будем использовать два корректирующих слоя.

Выберем слой с краской в качестве активного слоя в палитре слоев и выполним Layer > New Adjustment Layer > Gradient Map (Слой > Новый корректирующий слой > Карта градиента). Для того, чтобы изменить только лишь краску (а не все слои, которые находятся ниже корректирующего слоя карты градиента), создадим обтравочную маску Layer > Create Clipping Mask (Слой > Создать обтравочную маску) на корректирующем слое.

Установите цвета градиента от темно-желтого цвета (e9c603) до более светлого (f3df71).

Если цвет краски слишком светлый. Используем кривые корректирующего слоя Layer > New Adjustment Layer > Curves (Слой > Новый корректирующий слой > Кривые), чтобы немного затемнить его, чтобы он соответствовал желтому цвету подошвы обуви.

 Далее создаем слой-маску для краски, возьмем мягкую черную кисть, и используйте Brush Tool (B) (Инструмент «Кисть»), чтобы удалить небольшой участок на правой стороне краски, так чтобы выглядело, как будто она принадлежит обуви.



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

Для белой краски, применим черно-белый корректирующий слой, чтобы обесцветить краску и карту градиента корректирующего слоя, от светло-серого (# d7d7d7) до белого (# FFFFFF), чтобы покрасить ее.

Красная краска .Для красной краски, была выбрана красная фигура из Paint Tossing Pack повернутая горизонтально при помощи Free Transform (Свободное трансформирование <Ctrl + t>). Чтобы затемнить ее цвет, примените Curves (Кривые) корректирующего слоя.

Серая краска. Увеличим яркость серой краски до 70 с помощью Brightness - Contrast (Яркость -Контраст) корректирующего слоя Layer> New Adjustment Layer > Brightness - Contrast (Слой > Новый корректирующий слой > Яркость - Контраст). Затем, добавьте Gradient Map (Карту градиента) корректирующего слоя, от темно-серого (# 525252) до светло-серого (# e6e6e6).

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

Шаг 7: Усовершенствуем картинку при помощи слой-маски.Выберем слой с обувью и создадим слой-маску, нажав на кнопку Add layer mask (Добавить слой- маску) в нижней части панели слоев.

После создания маски, используем черную, мягкую кисть Brush Tool (B), чтобы стереть заднюю часть обуви без потери самого рисунка. Это создаст иллюзию того, что краски естественным образом связаны с ботинком.

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

Шаг 9: Последние штрихи.

Увеличим контрастность. Для этого создайте новую Gradient Map (Карту градиента) корректирующего слоя поверх всех остальных слоев. Установим градиент от черного (# 000000) к белому (# FFFFFF), и затем переключим Blend Mode (Режим наложения) корректирующего слоя на Overlay (Перекрытие). Уменьшим Opacity (Непрозрачность) слоя, до тех пор пока не будем удовлетворены цветовым контрастом.



Заключение

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

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

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

Список использованной литературы

компьютерная графика photoshop

Гурский Ю. Компьютерная графика. Трюки и Эффекты, - СПб.: Питер, 2009.

Залогова Л.А. Компьютерная графика: Практикум. - М.: ЛБЗ, 2010.

Инженерная и компьютерная графика. - М.: Высшая школа, 2009.

Мельниченко В.В. Настоящий самоучитель компьютерной графики. - Киев: Век, 2009.

Миронов Д. Компьютерная графика в дизайне. - СПб.: Питер, 2009.

Музыченко. Самоучитель компьютерной графики. - М.: Тех-нолоджи 3000, 2009.

Петров М.Н., Молочков В.П. Компьютерная графика: Учебник для вузов. 2-е изд. - СПб. Питер, 2010.

Рэйнбоу В. Компьютерная графика: Энциклопедия. - СПб.: Питер, 2009.

Хандадашева Л.Н., Истомина И.Г. Информатика. Техническая Графика. Издательство МАРТ, 2009.

Хейфец А.Л. Инженерная и компьютерная графика. Autocad. BHV, 2009.

Размещено на Allbest.ru