Ирина Эланс

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

Создание текстовой надписи при помощи инструмента градиент в Adobe Photoshop

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

Среднего профессионального образования

«Сибирский профессиональный колледж»

Курсовой проект

По дисциплине: «Компьютерная графика»

По теме:

Создание текстовой надписи при помощи инструмента градиент в Adobe Photoshop

Омск 2012

Содержание

Введение

Глава 1 Теоретические основы инструментов градиента и текста в Adobe Photoshop

1.1 Применение градиентной заливки

2.1Основные положения о тексте в программе Adobe Photoshop.

Выводы по 1 Главе

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

2.1 Основные инструменты

2.2 Надпись 2012

Выводы по 2 Главе

Заключение

Список литературы

Приложение

Введение

В данной курсовой работе будут рассмотрены приёмы и инструменты для создания текстовой надписи с помощью инструмента градиент в Adobe Photoshop. Данная тема будет раскрыта через версию Adobe Photoshop CS3. Будут рассмотрены все интересные подробности инструмента градиент при помощи практической работы.

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

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

Предмет: текстовая надпись

Объект: градиент

Цель курсового проекта: создание текстовой надписи с помощью инструмента градиент в Adobe Photoshop.

Задачи:

1. Изучить все возможные способы применения инструмента градиент.

2. Определить основные положения о тексте в программе Adobe Photoshop.

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

4.Создание текстовой надписи с помощью инструмента градиент в программе Adobe Photoshop CS3.

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

Глава 1 Теоретические основы инструментов градиента и текста в Adobe Photoshop

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

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

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

2.Выберите инструмент "Градиент".

3.Выберите градиентную заливку на панели параметров.

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

•Выполните щелчок внутри образца градиента, чтобы на экране появилось окно "Редактор градиентов". Выберите подготовленный вариант градиентной заливки или создайте новую градиентную заливку. Затем нажмите кнопку "ОК".

4.Выберите вариант применяемой градиентной заливки на панели параметров.

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

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

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

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

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

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

•Укажите режим наложения и непрозрачность для краски.

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

•Для создания более гладкого наложения с меньшим количеством полос установите флажок "Дизеринг".

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

6.Поместите курсор в то место изображения, где необходимо установить начальную точку градиента, и перетащите курсор, чтобы определить конечную точку. Чтобы ограничить угол наклона линии значением, кратным 45°, удерживайте клавишу "Shift" во время перетаскивания курсора.

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

Сохранение набора подготовленных градиентов в виде библиотеки

1.Нажмите кнопку "Сохранить" в диалоговом окне "Редактор градиентов" или выберите пункт "Сохранить градиенты" в меню селектора "Градиенты" на панели параметров.

2.Выберите местоположение для библиотеки градиентов, введите имя файла и нажмите кнопку "Сохранить".

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

Загрузка библиотеки подготовленных градиентов, выполните одно из следующих действий в диалоговом окне "Редактор градиентов".

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

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

•Выберите файл библиотеки в нижней части меню палитры. Нажмите кнопку "ОК", чтобы заменить текущий список, или кнопку "Добавить", чтобы дополнить текущий список.

Можно также выбрать команду "Загрузить градиенты", "Заменить градиенты" или выбрать библиотеку градиентов в меню селектора "Градиенты" на панели параметров.

Возврат к заданной по умолчанию библиотеке подготовленных градиентов

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

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

Переименование подготовленного градиента:

•Если палитра настроена на отображение градиентов в виде миниатюр, дважды щелкните градиент, введите новое имя и нажмите кнопку "ОК".

•Если палитра настроена на отображение градиентов в виде списка или только текста, дважды щелкните градиент, непосредственно введите новое имя и нажмите клавишу "Ввод" (Windows) или "Return" (Mac OS).

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

Рисунок 1 - Редактор градиентов.

Создание гладкого градиента:

1.Выберите инструмент "Градиент".

2.Щелкните внутри образца градиента на панели параметров, чтобы отобразить диалоговое окно "Редактор градиентов".

3.Чтобы взять за основу нового градиента существующий градиент, выберите градиент в разделе "Наборы" диалогового окна.

4.Выберите пункт "Непрерывный" в раскрывающемся меню "Градиент".

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

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

•Дважды щелкните контрольную точку цвета или щелкните образец цвета в разделе "Контрольные точки" диалогового окна. Выберите цвет и нажмите кнопку "ОК".

•Выберите параметр во всплывающем меню "Цвет" в разделе "Контрольные точки" диалогового окна.

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

7. Чтобы определить конечный цвет, щелкните правую контрольную точку цвета под панелью выбора градиента. После этого выберите цвет.

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

•Перетащите соответствующую контрольную точку цвета влево или вправо в нужное местоположение.

• Щелкните соответствующую контрольную точку цвета и задайте значение для параметра "Позиция" в разделе "Контрольные точки" диалогового окна. При значении 0 % точка помещается в крайний левый конец панели выбора градиента, а при значении 100 % - в крайний правый конец.

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

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

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

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

13.В случае необходимости установите значения прозрачности для градиента.

14.Введите имя для нового градиента.

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

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

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

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

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

3.В разделе "Контрольные точки" диалогового окна задайте значение в текстовом поле "Непрозрачность" или перетащите всплывающий ползунок "Непрозрачность".

4.Чтобы откорректировать непрозрачность конечной точки, щелкните правую контрольную точку прозрачности над панелью выбора градиента. Затем установите непрозрачность в разделе "Контрольные точки".

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

•Перетащите соответствующую контрольную точку непрозрачности влево или вправо.

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

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

•Перетащите ромб над панелью выбора градиента влево или вправо.

•Выберите ромб и задайте значение для параметра "Позиция".

7.Чтобы удалить редактируемую контрольную точку непрозрачности, нажмите кнопку "Удалить".

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

9.Для создания подготовленного градиента введите имя в текстовом поле "Имя" и нажмите кнопку "Новый". В результате создается новая установка градиента с заданным значением прозрачности.

Градиент шума представляет собой градиент, который содержит случайно распределенные цвета, относящиеся к указанному диапазону цветов (рис. - 2)

Рисунок 2 - Градиент шума с различными значениями неровности.

1.Выберите инструмент "Градиент".

4.Выберите пункт "Шум" во всплывающем меню "Градиент".

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

6.Чтобы определить цветовую модель, выберите цветовую модель из списка "Цветовая модель".

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

8.Задайте параметры ограничения цветов или добавления прозрачности.

9.Чтобы рандомизировать градиент, который соответствует значениям параметра, нажимайте кнопку "Другой вариант", пока не будет найдено требуемое значение параметра.

10.Для создания подготовленного градиента введите имя в текстовом поле "Имя" и нажмите кнопку "Новый". В результате создается новый подготовленный градиент с указанными значениями параметров.

Основные положения о тексте в программе Adobe Photoshop.

Фигурный текст применяется для создания небольших фрагментов текста, например надписей и заголовков. Простой текст используется для создания текстовых документов. Полиграфические параметры текста – шрифт, начертание, размер. Слой – аналог листа прозрачной пленки, на которую нанесен рисунок. Если сложить такие листы стопкой, то получится изображение из нескольких рисунков. Панель Layers (Слои) используется для работы со слоями. На ней отображается информация о слоях активного документа. Кроме того, эта панель позволяет выполнять различные операции над слоями. Градиентная заливка – заливка, состоящая из нескольких цветовых переходов. Фильтр – особый модуль, ориентированный на создание специального эффекта. Оболочка – замкнутая кривая, в которой размещается текст, причем форма текста подгоняется под контур этой кривой. В программе Photoshop формы оболочек заранее предопределены.

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

Первый инструмент Horizontal Type Tool создаёт текстовый слой (рис. - 3), на котором текст размещается совершенно традиционным горизонтальным образом. Второй инструмент Vertical Type Tool создаёт текстовый слой, на котром текст размещается сверху вниз (рис. - 4).

Рисунок 3 — Основное меню Рисунок 4 - Слои

Следующие два инструмента не создают текстового слоя принципиально. Они создают выделение в виде текста, причём инструмент Vertical Type Mask Tool создаёт текстовое выделение которое располагает буквы текста сверху вниз, а Horizontal Type Mask Tool создаёт текстовое выделение слево направо.
Текстовый слой легко отличить от других слоёв по его иконке в строке слоя палитры Layers. Если обычный слой имеет иконку виде его миниатюрного отображения, то текстовый слой имеет иконку содержащую букву T.

Когда вы выбираете инструмент работы с текстом, то на панели свойств появляются настройки текста (рис. - 5).

Рисунок 5 — Настройки текста.

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

Рисунок 6 - Траектории.

В разделе Style вы можете выбрать вид траектории, а затем при помощи дополнительных настроек довести текст до ума (вернее сказать безумия). При помощи ползунка Bend вы изменяете силу изгиба траектории. При положении ползунка 0% изгиба (деформации) не будет, а при отрицательных значениях деформация пойдёт в противоположную сторону. Horizontal Distortion управляет искажением текста по горизонтали. Положительные значения увеличивают правую часть текста, отрицательные - левую.
Vertical Distortion занимается искажениями по вертикали.
Что касается дополнительных настроек текста, при нажатии на эту кнопку у вас возникает на экране две новых палитры, собранных в одну группу. Палитра под названием Character управляет символами (рис. - 7).

Рисунок 7 — Палитра

В этой палитре можно настроить опять таки шрифт, его начертание, размер шрифта, расстояние между строками , расстояние между символами и кернинг пар .
       Существуют такие пары букв, расстояние между которыми визуально кажется большим, чем расстояние между остальными буквами. Для устранения этого оптического обмана применяется операция кернинга, т.е. уменьшения расстояния между буквами такой пары. Обычно такая операция проделывается автоматически, но в любом, более менее серьёзном текстовом редакторе есть возможность установить такое расстояние вручную. Соответственно есть такая возможность и у Photoshop.
                Также есть возможность изменить высоту символов и ширину символов. Для этого служат поля с буковкамиT и соответствующими стрелками. Поле предназначено для смещения выделенных символов вверх или вниз относительно остальной строки (а именно так называемой базовой линии). Если в поле ввести положительные числа, то выделенные символы сместятся вверх, а если отрицательные, то вниз относительно базовой линии текста.
Ниже - кнопки управления текстом. Кнопка делает начертание выделенного текста жирным, кнопка наклонным. Кнопка предназначена для того, что бы перенести символы из нижнего регистра в верхний, и наоборот. А эта кнопка трансформирует выделенные символы в заглавные буквы, сохраняя при этом размер строчных символов. При помощи кнопки вы переводите выделенный символ в верхний регистр, при помощи кнопки в нижний.                                                          Предпоследняя кнопочка этого ряда позволяет подчеркнуть выделенные символы, а последняя перечеркнуть.
     Ниже вам даётся возможность выбрать словарь для орфографической проверки и тип сглаживания шрифтов.
        Вторая палитра управления текстом носит название Paragraph. Paragraph это особый вид текста - блочный текст. Разница состоит в том, что блочный текст это понятие вёрстки, т.е. вы инструментом Type Tool рисуете прямоугольную область, в которую вписывается текст. Т.е. это блок текста, который подобен странице в Word-е (рис. -8).

Рисунок 8 — Вид текста.

Соответственно у такого вида текста уже больше возможностей в настройке. Вверху палитры находятся разнообразные виды выравнивания. Часть этих видов вы уже знаете. Кнопка выравнивает текст по ширине, посленюю, незаконченную строку располагает по центру абзаца, кнопка также выравнивает текст по ширине, но последнюю, незаконченную строку прижимает к правому краю относительно абзаца, а кнопка растягивает последнюю строку на всю ширину абзаца за счёт интервалов между словами.
В поле вы можете задать для абзаца отступ от левой границы блока, а в поле от правой границы. Поле позволяет задать отступ первой строки абзаца (красную строку). Поле указывает на нижний отступ абзаца, а поле на верхний.
В самом низу палитры находится флажок Hypernate - включение автоматического переноса слов.
На последок стоит добавить, что любой текстовый слой можно превратить в растровый, и далее работать с ним как с растровым. Это делается командой Rasterize Layer из контекстного меню текстового слоя или из меню Layers - Rasterize. Более того, к своему тексту вы можете применять различные стили из панели Style (Стили) .

Выводы по 1 Главе

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

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

Основные инструменты

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

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

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

Инструмент элипс

Ellipse (Эллипс) - инструмент предназначен для рисования окружностей. Для того чтобы нарисовать круг, также как и с прямоугольником, необходимо нажать и удерживать клавишу Shift во время рисования. Unconstrained (Без ограничений) - Эта позиция переключателя соответствует полностью произвольным размерам и форме фигуры. Square (Квадрат) или Circle (Окружность) - Прямоугольник или эллипс будет представлен своим частным случаем - квадратом или окружностью. Fixed Size (Фиксированный размер) - Можно задать значения высоты и ширины фигуры. Proportional (Пропорции) - Можно задать значения, определяющие отношение ширины и высоты фигуры. From Center (Из центра) - Фигура будет растягиваться из своего центра. Snap To Pixels (Выравнивать по пикселам) - Для прямоугольника и скругленного прямоугольника будет выполняться выравнивание границ по экранным пикселам.

Инструмент кисть

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

Диаметр - временно изменяет размер кисти. Перетащите ползунок или введите значение. Если кисть имеет двойной кончик, то произойдет изменение размеров и основного, и вторичного кончиков кисти.

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

Жесткость - временно изменяет величину сглаживания для инструмента "Кисть". При значении 100 % инструмент "Кисть" имеет наибольшую жесткость отпечатка, но сглаживание по-прежнему выполняется. Инструмент "Карандаш" всегда рисует линии с четкими краями, для которых сглаживание не выполняется.