Реферат: Создание баннеров с помощью программы Adobe PhotoShop 7.0
ВВЕДЕНИЕ
Графическая программа AdobePhotoshopпредставляет собойспециализированное инструментальное средство, предназначенное для обработкирастровых изображений.
По своимфункциональным и эксплуатационным возможностям AdobePhotoshopявляется самой совершенной средианалогичных программ обработки растровой графики и пользуется заслуженнымуспехом в среде компьютерных дизайнеров.
Средидостоинств этой программы можно выделить следующие:
·<span Times New Roman"">
высокоекачество обработки графических изображений;·<span Times New Roman"">
удобствои простота в эксплуатации;·<span Times New Roman"">
богатыевозможности, позволяющие выполнять любые мыслимые операции по созданию иобработке изображений;·<span Times New Roman"">
широкиевозможности по автоматизации обработки растровых изображений, базирующиеся наиспользовании сценариев;·<span Times New Roman"">
современныймеханизм работы с цветовыми профилями, допускающий их внедрение в файлыизображений с целью автоматической коррекции цветовых параметров при выводе напечать для разных устройств;·<span Times New Roman"">
обширныйнабор команд фильтрации, с помощью которых можно создавать самые разнообразныехудожественные эффекты.-1-
Пользовательский интерфейс программы
В этом разделе мы рассмотримпользовательский интерфейс графической программы AdobePhotoshop. На рис.1 представлено окнопрограммы при загрузке в нее графического документа с растровым изображением.Как и в любой другой графической или издательской программе, работающей воперационной среде Windows, здесь имеется стандартный набор элементов, характерных дляданной операционной системы. Это – системныеменю программы и документа, заголовкипрограммы и документа, строка состояния иосновное меню программы, а такжесистемные кнопки Свернуть, Восстановить/Развернуть и Закрыть.
Внизу находится строка состояния, которая предназначена для отображения текущейинформации об обрабатываемом изображении и выполняемой операции (рис.1). Строкасостояния разбита на три части (поля). В первом слева поле указывается масштабактивного изображения. Здесь вы можете задать другой масштаб, нажав после этогоклавишу [Enter]. Во втором поле отображается служебная информация, соответствующаявыбранному пункту меню строки состояния (это меню открывается щелчком на чернойтреугольной метке справа). В третьем поле отображается информация об операции,которую вы можете выполнить, используя выбранный рабочий инструмент.
Между строкойменю и строкой состояния находится рабочая область программы. В ней расположеныследующие элементы: блок инструментов(слева), рабочее окно документа сполосами прокрутки (в центре) и три совмещенныепалитры (справа). Каждый из этих элементов является плавающим, т.е. выможете свободно перемещать его, а также удалять с экрана. Это очень удобно,поскольку можно убрать все лишнее, освободив большую часть экрана для обработкиизображения.
Кроме элементов интерфейса впрограмме имеются диалоговые окна(диалоги) (рис.1). Они используются для настройки параметров различных команд.
-2-
Рассмотрим назначение основныхэлементов интерфейса.
<img src="/cache/referats/19906/image002.jpg" v:shapes="_x0000_i1025">
Рис.1 Окно программы AdobePhotoshop
1 – системные меню; 2 – заголовки; 3 – строка меню;
4 – системные кнопки программы и документа; 5 – блок инструментов;
6 – окно документа с полосами прокрутки; 7 – строка состояния; 8 –палитры программы
-3-
Меню
Основноеменю программы представляет собой набор списков команд, сгруппированныхпо функциональному назначению. Эти списки находятся в свернутом состоянии (ввиде строки основного меню) и открываются при выборе одного из них.
Щелчок на томили ином пункте меню приводит к появлению на экране списка входящих в него элементов. В этом спискемогут находиться наименования как отдельных команд, так и их групп. Справа отназвания группы команд имеется черная треугольная метка, и при выборе данногоэлемента (установке на нем указателя мыши) открывается дополнительный списоккоманд.
Помимоосновного меню в программе есть и другие, которые называются контекстными(вспомогательными).
<img src="/cache/referats/19906/image003.gif" v:shapes="_x0000_s1040"> Контекстноеменю – это группа команд, имеющих отношение к определенному элементуинтерфейса или выполняемой в данный момент операции. Такое меню можно открытьдвумя способами: щелчком правой кнопки мыши при установке указателя вкаком-либо месте рабочего окна документа или палитры либо щелчком левой кнопки,если указатель установлен на специальной кнопке с треугольной меткой. На рис.2показаны три контекстных меню. Слева изображено меню операции выделения, асправа – строки состояния (вверху) и палитры Color(Синтез) (внизу).
Рис.2 Контекстные меню
-4-
Рассмотримназначение команд контекстного меню строки состояния программы (это менюоткрывается щелчком на черном треугольнике). При выборе команд этого меню слеваот треугольника отображается следующая информация:
·<span Times New Roman"">
DocumentSizes(Размерыдокументов) – объемы памяти, занимаемые активным документом без учета слоев ислужебных каналов и с их учетом;·<span Times New Roman"">
ScratchSizes(Размерырабочих дисков) – соотношение объема памяти, используемой в настоящее время дляобработки изображения, и объема оперативной памяти, доступной для программы;·<span Times New Roman"">
Efficiency(Эффективность)– процент использования оперативной памяти при обработке изображения;·<span Times New Roman"">
Timing(Хронометраж) – время выполненияпоследней операции;·<span Times New Roman"">
CurrentTool(Текущийинструмент) – название активного рабочего инструмента.Если установить указатель в строкеменю слева от черного треугольника и нажать кнопку мыши, то через некотороевремя на экране появится дополнительное окно, где продемонстрировано реальноесоотношение размеров изображения и страницы. Если эту процедуру выполнить принажатой клавише [Alt], то на экране появятся основные сведения об обрабатываемомизображении: Width– ширина изображения, Height– высота, Channels– число каналов, Resolution– разрешение (рис.3).
<img src="/cache/referats/19906/image004.gif" v:shapes="_x0000_s1041">
Рис.3Информация о параметрах изображения
В спискахкоманд основного меню вы можете встретить ряд дополнительных надписей и меток,которые всем знакомы: многоточия, названия клавиш и подчеркнутые буквы. Крометого, некоторые команды меню могут быть затенены; это означает, что они вданный момент недоступны.
В зависимости от текущего состояниямогут изменяться и названия команд.
-5-
Например, команды HideTools(Спрятать инструменты) и ShowTools(Показать инструменты) сменяют другдруга в меню Window(Окно) в зависимости от того,находится ли на экране блок рабочих инструментов программы.
Рабочие инструменты
Рабочие инструменты– это кнопкиуправления, которые предназначены для выполнения различных операций пообработке изображений, а также для выбора режимов их отображения на экране. Таккак эти инструменты расположены компактно (на одной основной и несколькихдополнительных (вложенных, всплывающих) панелях), их еще называют блокоминструментов (toolbox).
На рис.4показано, какие инструменты входят в состав блока инструментов. Слева приведенанумерация рядов ячеек блока инструментов. Это сделано для того, чтобы можнобыло установить соответствие между изображениями инструментов и их названиями.
Основная панельблока, имеющая прямоугольную форму, находится слева, а дополнительные панели –справа. Основная панель присутствует на экране всегда, а дополнительныеоткрываются лишь в случае переноса инструментов из этих панелей на основную.
В каждой ячейкеосновной панели находится один инструмент или целая группа. Если инструментовнесколько, то в правом нижнем углу ячейки будет изображена небольшая чернаяметка. Щелкнув на такой ячейке и зафиксировав на некоторое время кнопку мыши внажатом состоянии, вы раскроете соответствующую дополнительную панель снаходящимися в ней инструментами. Для выбора одного из них нужно установить нанем указатель и отпустить кнопку мыши. Данный инструмент будет помещен в ячейкублока и станет активным.
В рядах 1, 2 и4 рисунка изображены дополнительные панели блока, относящиеся к левым ячейкамосновной панели; в рядах 5, 8 и 9 – к правым, а в рядах 6 и 7 – к обеимячейкам, левой и правой (дополнительные панели, относящиеся к разным ячейкам,здесь отделены друг от друга небольшим промежутком).
-6-
<img src="/cache/referats/19906/image005.gif" v:shapes="_x0000_i1026">
Рис.4 Блок инструментов
Палитры
Палитра– это средство программы AdobePhotoshop5.0, которое предназначено длявыполнения различных операций по обработке изображения, для настройкипараметров инструментов, а также для отображения соответствующей информации.Палитра, по сути, представляет собой разновидность диалогового окна; онаотличается от обычного окна тем, что может находиться на экране в развернутомили свернутом состоянии, не препятствуя выполнению операций, которые не имеют кней отношения.
На рис.1изображены три совмещенные палитры, используемые в программе. Каждая из нихсостоит из нескольких отдельных палитр. В первую группу (на рисунке онарасположена вверху) входят три палитры: Navigator(Навигатор), Info(Инфо) и Options(Параметры); во вторую (посредине) –также три: Color(Синтез),Swatches(Каталог)и Brushes(Кисти),а в третью (внизу) – пять палитр: Layers(Слои),Channels(Каналы),Paths(Контуры),History(События)и Actions(Операции).
Далееприводится краткий обзор всех палитр программы.
-7-
Палитра Navigator(Навигатор)
Этапалитра управляет масштабом изображения и перемещением последнего в рабочемокне документа. В центре палитры (рис.5) находится окно навигатора, в которомсодержится уменьшенное изображение активного документа. Красной рамкой выделеначасть изображения, которая отображается в рабочем окне документа. Переводяуказатель внутрь рамки и нажимая кнопку мыши, можно перемещать рамку в палитре,выбирая таким образом фрагмент активного изображения, который долженотображаться в рабочем окне документа.
Таким образом,с помощью навигатора можно перемещать изображение в рабочем окне в том случае,когда оно не помещается на экране полностью.
<img src="/cache/referats/19906/image007.jpg" v:shapes="_x0000_i1027">
Рис.5 Палитра Navigator(Навигатор)
Кроме того, при помощи палитры Navigator(Навигатор) можно изменять масштаб изображения. Для этого предназначены слайдер и две кнопки, расположенные в нижней части палитры.Перемещение бегунка слайдера вправо или влевоприводит к плавному увеличению или уменьшению масштаба. После щелчка на однойиз кнопок, находящихся по краям слайдера, масштабизображения изменяется дискретно. Конечно, это приводит к изменению размеровкрасной рамки, ограничивающей видимую часть изображения. Если изображениеполностью помещается в рабочем окне, то красная рамка будет совпадать сграницами окна навигатора.
В левом нижнем углу палитры Navigator(Навигатор) находится поле, в котором отображаетсятекущее значение масштаба в процентах.
-8-
В этом поле можно ввести другоезначение масштаба, и после нажатия клавиши [Enter] активный документ будет представленв заданном масштабе.
Чтобы поменять цвет рамки в палитре,необходимо открыть меню палитры, щелкнув на кнопке с черным треугольником, ивыполнить команду PaletteOptions…(Параметрыпалитры…), задав в ее диалоговом окне новый цвет рамки.
Палитра Info(Инфо)
Вэтой палитре (рис.6) отображаются данные о цвете, координаты и размерыотдельных точек (пикселей) или выделенных областей изображения.
<img src="/cache/referats/19906/image008.gif" v:shapes="_x0000_i1028">
Рис.6 Палитра Info(Инфо)
В окне палитры Info(Инфо) вы можете найти информацию оцветовых параметрах пикселя (группы пикселей) изображения, на котором установленуказатель мыши. Эта информация обычно рассчитана на цветовые модели RGBи CMYKи располагается в верхней части окнапалитры. Для модели CMYKрядом с численными параметрами цвета в большинстве случаевстоит знак процента. Если вместо него вы увидите восклицательный знак, этоозначает, что цвет данного пикселя не входит в цветовое пространство модели CMYK.
В нижней части окна палитры указанытекущие координаты указателя мыши и размеры проекций выделенной области нагоризонтальную и вертикальную оси.
Информация, приводимая в палитре Info(Инфо), зависит от того, какойрабочий инструмент является активным. К примеру, при использовании инструмента Measure(Измеритель)в палитре отображается следующее:
·<span Times New Roman"">
влевой верхней части окна палитры какая-либо информация отсутствует;-9-
·<span Times New Roman"">
вправой части указывается длина отрезка, соединяющего две выбранные точкиизображения, а также угол его наклона относительно горизонтальной оси;·<span Times New Roman"">
влевой нижней части приводятся координаты первой отмеченной точки изображения;·<span Times New Roman"">
вправой части указываются размеры проекций отрезка на горизонтальную ивертикальную оси рабочего окна.При работе с инструментом ColorSampler(Образец цвета) в палитре появляютсядополнительные области (не более четырех), в которых указываются цветовые параметрывыбранных с помощью этого инструмента объектов изображения.Длятого чтобы изменить форму представления информации, отображаемой в палитре,следует открыть меню палитры и выбрать команду PaletteOptions…(Параметрыпалитры…). В открывшемся диалоговом окне вы можете выбрать цветовые модели дляотображения информации о цвете, а также единицу измерения линейных объектов.
Палитра Options(Параметры)
Палитраприменяется для настройки параметров рабочих инструментов программы. Текущееназвание палитры и ее содержимое зависят от того, какой инструмент выбран. Нарис.7 показаны четыре облика этой палитры – при работе с инструментами Paintbrush(Кисть), Pencil(Карандаш), PaintBucket(Заливка) и LinearGradient(Линейныйградиент).
<img src="/cache/referats/19906/image010.jpg" v:shapes="_x0000_s1042">Например, при работе с кистью выможете задать в этой палитре следующие параметры: режим смешения цветов (враскрывающемся списке вверху слева), коэффициент непрозрачности краски(параметр Opacity), размер мазка кисти (Fade) и признак размытости его краев(флажок WetEdges).
Рис.7 Палитра Options(Параметры)
-10-
Чтобывосстановить исходные параметры для выбранного или всех рабочих инструментов,необходимо открыть меню палитры и выбрать команду ResetTool(Восстановить инструмент) или ResetAllTools(Восстановить все инструменты).Процедура изменения параметров других инструментов производится таким жеобразом.
Палитра Color(Синтез)
<img src="/cache/referats/19906/image012.jpg" v:shapes="_x0000_s1043"> Припомощи палитры Color(Синтез)выбирают цвета переднего и заднего планов (основного и фонового). В левой частипалитры (рис.8) расположены два квадратика, с помощью которых можно выбратьсоответствующий цвет. Верхний окрашен цветом переднего плана, а нижний –заднего. Щелчок на квадратике делает его активным (у него появляется рамка),после чего можно задавать цвет нужного вам плана.
Рис.8 Палитра Color(Синтез)
Синтез цвета можно выполнить тремя способами:
·<span Times New Roman"">
щелчкомв соответствующем месте цветового синтезатора (раскрашенной полоски,расположенной в нижней части палитры);·<span Times New Roman"">
установкойбегунков слайдеров, соответствующих базовымпараметрам выбранной цветовой модели;·<span Times New Roman"">
вводомчисловых значений этих параметров в поля справа.С помощью команд меню палитры можновыбрать одну из следующих цветовых моделей: Grayscale(Градации серого), RGB, HSB, CMYKи Lab. Кроме того, здесь предусмотренавозможность замены цветовой модели для синтезатора. Установите на немуказатель, щелкните правой кнопкой мыши и в появившемся контекстном менювыберите соответствующую модель: RGB, CMYK, Grayscaleили двухцветную (CurrentColors).
-11-
Если указанный вами цвет не можетбыть отображен в цветовом пространстве модели CMYK, то внизу слева появятся заключенныйв треугольную рамку восклицательный знак и небольшой квадрат, окрашенныйцветом, который близок к заданному, но входит в число цветов, допустимых дляданной модели. Щелчок на данном квадрате приводит к замене этим цветом того,который был задан ранее.
Палитра Swatches(Каталог)
Этапалитра также предназначена для выбора цветов переднего и заднего планов,однако для их задания используется не цветовой синтезатор, а каталог,загруженный в окно палитры (рис.9).
<img src="/cache/referats/19906/image013.gif" v:shapes="_x0000_i1029">
Рис.9 Палитра Swatches(Каталог)
Работа с этойпалитрой осуществляется следующим образом. Воспользовавшись полосой прокрутки,выберите в каталоге нужный цвет и выполните на нем щелчок. Этот цвет станетцветом переднего плана и отобразится в блоке инструментов (в одиннадцатомряду). Чтобы выбранный в этой палитре цвет был использован для заднего плана,необходимо выполнить щелчок на изображении двунаправленной стрелки в блокеинструментов, поменяв тем самым эти цвета между собой.
В палитру Swatches(Каталог)можно загрузить любой другой каталог цветов, имеющийся в программе. Щелкните накнопке с черной треугольной меткой в правом верхнем углу палитры и воткрывшемся меню выберите команду LoadSwatches…(Загрузитькаталог…) или ReplaceSwatches… (Заменитькаталог…). В появившемся диалоговом окне выберите папку GoodiesColorPalettes, в которой хранятся каталоги цветов,и откройте необходимый.
-12-
Палитра Brushes(Кисти)
Эта палитра(рис.10) позволяет задать размер и форму не только кисти, но и любого другогоинструмента рисования для локального редактирования, расположенного в блокеинструментов в рядах с третьего по шестой.
<img src="/cache/referats/19906/image014.gif" v:shapes="_x0000_s1051">
Рис.10 Палитра Brushes(Кисти)
В окне палитрыпоказано, какую форму может иметь инструмент (каким будет оттиск в документепри однократном воздействии инструмента). Для некоторых больших по размеруобразцов указаны диаметры.
Чтобы выбратькисть, поместите указатель мыши в соответствующую ячейку палитры и выполнитещелчок. В результате указанный образец станет активным и вокруг него появитсячерная рамка.
Дополнительнаянастройка кисти выполняется в диалоговом окне BrushOptions(Параметры кисти), которое открывается после двойного щелчка мышью на ееобразце.
Палитра Layers(Слои)
<img src="/cache/referats/19906/image016.jpg" v:shapes="_x0000_s1044"> ПалитраLayers(Слои)предназначена для выполнения различных операций при обработке многослойныхизображений (рис.11).
Рис.11 Палитра Layers
-13-
Палитра Channels(Каналы)используется при работе с цветовыми и служебными каналами обрабатываемыхизображений (рис.12).
<img src="/cache/referats/19906/image017.gif" v:shapes="_x0000_s1053">
Рис.12 Палитра Channels
Палитра Paths(Контуры)предназначена для работы сконтурами, представляющими собой вспомогательные векторные объекты (рис.13).
<img src="/cache/referats/19906/image018.gif" v:shapes="_x0000_s1052">
Рис.13 Палитра Paths
Палитра History(События)позволяет фиксировать промежуточныеэтапы обработки изображений и в случае необходимости возвращаться к ним(рис.14).
<img src="/cache/referats/19906/image020.jpg" v:shapes="_x0000_s1045">
Рис.14 Палитра History
-14-
Палитра Actions(Операции)предназначена для автоматизации обработкиизображений путем создания и многократного применения сценариев, представляющихсобой наборы команд, часто используемых при обработке. На рис.15 изображены дваварианта этой палитры: слева – обычный, справа – кнопочный. Последнийприменяется лишь в режиме воспроизведения сценариев (к его использованию можноперейти с помощью команды ButtonModeменю рассматриваемой палитры).
<img src="/cache/referats/19906/image021.gif" v:shapes="_x0000_i1030">
Рис.15 Палитра Actions
-15-
Практическая часть
Создание Баннеров
1. Сначала создадим новый файл. Он не должен бытьбольшим. Наш баннер будет 300 пикселов в ширину и 80- в высоту, а фон лучше сделать прозрачным.
<img src="/cache/referats/19906/image022.gif" hspace=«10» vspace=«5» v:shapes="_x0000_i1031">
2. Перед началом работы убедимся, что всенеобходимое есть у нас под руками. Для этого нужно открыть меню«Окно» (Window). Нам понадобятся окна Слои,Анимация, Инструменты, Стили. Около этих слов должны стоять галочки. Этоозначает, что окна уже открыты на экране. Они также могут быть обозначенысловами «скрыть» и «показать». Если окна уже есть, около ихназваний стоит слово «скрыть». Если окон на экране нет, нужнощелкнуть по их названиям мышкой, и они появятся.
Итак, мы настроили программу, а теперь сделаем кадры, которые будут сменятьдруг друга. В программе ImageReady такими кадрамиявляются слои. Работа со слоями — обычное дело для многих графическихредакторов. Но если Вы еще не знаете, что это такое, представьте себепрозрачные пленки. На каждой из них нарисованы отдельные фрагменты и,наложенные одна на другую, они создают впечатление цельной картинки. Но каждыйслой при этом можно редактировать отдельно от других.
Кадры подвижной картинки в ImageReady создаются изслоев, поэтому сначала нужно сделать многослойное изображение.
В нашем баннере будет только два слоя.
3. Зальем фон цветом (R46 G16 B122).
-16-
4. Напечатаем слова "AdobePhotoShop" (или любые другие по Вашему желанию).Цвет текста — любой, гарнитура — Arial, размер — 34 px. Разместим текст по центру. <img src="/cache/referats/19906/image023.gif" v:shapes="_x0000_s1035">Обратите внимание напалитру «Слои» (Layers)- слоев теперь два.
5. Для оформления текста используем готовыеэффекты. На палитре «Стили» (Styles)выберем стиль и, удерживая левой кнопкой мыши, перетащим его на буквы.
<img src="/cache/referats/19906/image024.gif" hspace=«10» vspace=«5» v:shapes="_x0000_i1032">
6. На палитре Слои кликнем правой кнопкой мышина заголовке слоя с фоном и из контекстного меню выберем самую верхнюю позицию- Дублировать слой. То же самое проделаем со слоем, содержащим буквы. Слоевстало четыре.Перетаскивая слои по палитре, можнорасположить их в любом порядке. Нам необходимо, чтобы слои расположились вследующей последовательности снизу вверх: фон — текст — фон — текст.
7. В верхнем слое, содержащем текст, поменяем надпись на AdobeImageReady (или другую, какую захотите). Применим кбуквам другие эффекты, также воспользовавшись заготовкой.
-17-
8. Выделим слой с текстом. Зайдем в меню«Слои» (Layers)и выберем «склеить снижним» (Merge Down).Теперь буквы и лежавший под ними фон объединились в один слой.
9. Проделаем то же самое с другим текстом иполучим два слоя с разными надписями и фоном. Осталось превратить их в кадры.
<img src="/cache/referats/19906/image025.gif" align=«left» hspace=«10» vspace=«5» v:shapes="_x0000_s1037">
<img src="/cache/referats/19906/image026.gif" v:shapes="_x0000_s1048">10. Для этогообратимся к окну «анимация». В меню этого окна выберем команду«сделать кадры из слоев».
-18-
<img src="/cache/referats/19906/image028.gif" v:shapes="_x0000_s1049">В окне появятся двакадра. У каждого из них нужно поставить время, в течение которого кадр будетнаходиться на экране.11. Нажмем маленькую стрелочку в нижнем углу первогокадра. Выберем 0,5 секунды. Точно так же поступим с другим кадром.
<img src="/cache/referats/19906/image029.gif" v:shapes="_x0000_s1050">
Вот и все. Наш баннерготов!
-19-
Содержание
Введение.........................................................................1
Пользовательский интерфейс программы....................2
Меню...............................................................................4
Палитры..........................................................................7
Палитра Navigator(Навигатор)..............................................8
ПалитраInfo(Инфо).................................................................9
Палитра Options(Параметры)...............................................10
Палитра Color(Синтез)...........................................................11
ПалитраSwatches(Каталог)...................................................12
Палитра Brushes(Кисти)........................................................13
Палитра Layers(Слои)..............................................................13
ПалитраChannels(Каналы)....................................................14
Палитра Paths(Контуры)........................................................14
Палитра History(События).....................................................14
ПалитраActions(Операции)....................................................15
Практическаячасть........................................................17
Создание баннеров.......................................................................17
Списоклитературы........................................................20
СПИСОК ЛИТЕРАТУРЫ
Белгородский лицей – интернат №25
РЕФЕРАТ
по информатике
на тему:
«Создание баннеров с помощью программы AdobePhotoShop7.0»
Выполнил:
ученик 11 «А» класса
Халимендик Р.П.
Проверил:
учитель информатики
Заяц Н.А.
БЕЛГОРОД 2005