
- •Часть 2. Corel photo-paint 127
- •Часть 1. Выполните в CorelDraw и в Corel Photo-Paint 237
- •Часть 2. Создать в редакторе CorelDraw векторный логотип или рекламное объявление: 243 Часть 1. CorelDraw Векторная и растровая графика.
- •Редакторы растровой графики.
- •Редакторы векторной графики.
- •Первое знакомство с CorelDraw Экран CorelDraw
- •Палитра цветов
- •Окно документа
- •Средства выравнивания объектов
- •Свитки CorelDraw
- •Стандартная панель инструментов
- •Построение кривых
- •Контуры с сегментами разных типов
- •Работа с фигурами
- •Операции, производимые с фигурами
- •Работа с текстом Оформление текстов в CorelDraw
- •Способы задания атрибутов
- •Простой текст
- •Индексы и регистры.
- •Фигурный текст
- •Текст и контуры.
- •Текст как объект.
- •Заливки и обводки Заливки и атрибуты линий
- •«Полосатые градиенты»
- •«Правильные» градиенты
- •Высокое качество для текстурных заливок
- •Обводки
- •Специальные эффекты
- •Экспорт изображений
- •Пример создания изображения
- •Создание иллюзии стекла в CorelDraw
- •Практические занятия по CorelDraw
- •Занятие 1. Создание примитивов (простых объектов)
- •Занятие 2. Преобразование контура в объект.
- •Занятие 3.Однородная заливка
- •Занятие 4. Как правильно пользоваться пипеткой.
- •Занятие 5. Работа с объектами в диспетчере объектов.
- •Занятие 6. Выбор подходящей палитры в CorelDraw.
- •Занятие 7. Копирование и клонирование объектов.
- •Занятие 8. Создание собственных распылителей.
- •Занятие 9. Выравнивание объектов с помощью клавиатуры.
- •Задания для самостоятельного выполнения.
- •1. Файлы, окна, масштаб, параметры страницы, направляющие
- •13. Пальмы.
- •14. Разорванное фото.
- •15. Работа с текстом.
- •Часть 2. Corel photo-paint
- •Панель графики (Toolbox)
- •Инструменты выделения (панель «Mask Tools»)
- •Инструменты рисования и закрашивания
- •Инструменты просмотра
- •Специальные инструменты
- •Кнопка Навигатор
- •Создание новых изображений
- •Выбор цветовой модели
- •Установка цвета фона
- •Взаимосвязь понятий маски и выделения
- •Как функционирует выделение
- •Инструменты выделения
- •Режимы выделения
- •Цветочувствительные инструменты выделения
- •Цветовые режимы Corel photo-paint
- •Режим черно-белой графики
- •Режим Grayscale (Градации серого)
- •Режим Duotone (Дуплекс)
- •Режим rgb Color
- •Режим Paletted (Палитра)
- •Цветовая коррекция изображения
- •Команда Color Hue (Регулировать цвет)
- •Команда Color Tone (Регулировать изображение)
- •Использование других типов коррекции
- •Практические упражнения
- •1. Эффект черно-белого телевизора
- •2. Молния
- •3. Имитация рисунка
- •Стандартные эффекты Photo-Paint 10
- •Практические упражнения
- •1. Буквы из золотых пластин
- •2. Каменные листья
- •4. «Соломенные» буквы
- •Компьютерная ретушь
- •Основные методы борьбы с глобальными дефектами
- •Удаление с фотографии опоры лэп
- •Восстановление фасада дома
- •Создание коллажей
- •Возможности анимации
- •Практическое упражнение
- •1.Анимация в стиле «The Matrix»
- •Работа с текстом в Corel Photo-Paint
- •1. Создание тени.
- •2. Создание выдавленных букв.
- •3. Пример создания «эмблемного» текста.
- •Задания для самостоятельного выполнения Часть 1. Выполните в CorelDraw и в Corel Photo-Paint
- •Часть 2. Создать в редакторе CorelDraw векторный логотип или рекламное объявление:
Текст как объект.
Вокруг набираемого текста появятся манипуляторы. Практически программа считает его графическим объектом. Как с графическим объектом, с текстом можно выполнять следующие операции:
Перемещение. Переместить текст можно инструментом Text, пользуясь центральным манипулятором.
Масштабирование также осуществляется инструментом Text. При этом изменяется атрибут кегля (подвести курсор к угловому манипулятору блока и изменить размеры).
Дублирование. Выделить блок инструментом Pick (указатель) и дублировать его в нужном месте.
Трансформирование. Текстовый блок может быть также трансформирован инструментами Pick и Free Transform (Свободное преобразование). Кроме масштабирования и перемещения ими можно выполнять вращение и наклон текста.
Задание заливки и обводки. Методы работы с этими характеристиками такие же, как и для остальных объектов.
Вызовем инструмент текста щелчком по кнопке или нажатием F8, определим его границы и введем сам текст (для примера «Добро пожаловать на мою страницу»). Выбрав кнопку указателя (верхнюю на левой панели), вызовем всплывающее меню и соответствующим пунктом этот абзацный текст преобразуем в фигурный. Далее нажмем кнопку Format text и подберем форматирование. Выбор гарнитуры шрифта (т. е. наименования) в CorelDraw удобен тем, что при пролистывании списка отображается образец шрифта. Вкратце, гарнитуры подразделяются на три вида: с засечками (напр. Times), без засечек - рубленные или гротескные (напр. Arial) и свободного стиля.
Наличие засечек в направлении чтения улучшает читаемость больших текстов и малых кеглей, а гротескные шрифты используются в заголовках. Также следует отметить, что для малых кеглей предпочтительнее незначительное различие в высоте строчных и прописных знаков и отношение 5:3 высоты к ширине.
Для надписи, оформление текста которой относится к акцидентному (т. е. оформление заголовка, имеющего цель обратить внимание и дать общее представление о тексте), используем шрифты без засечек и других пропорций, предлагаю выбрать MaximaCyr. В качестве варианта предлагаю механически изменить пропорции штифта ArialCyr, отформатировав его т. н. капителью, т. е. применив стиль Uppercase - все заглавные и заменив строчные буквы его меньшим кеглем, и изменив ширину символа на вкладке Space диалогового окна Format text.
Поскольку
мы рассмотрим несколько способов
оформления, создайте копии этого
фрагмента текста. Выделив один из этих
текстов инструментом указатель (Picker),
нажмите кнопку Convert
text
. Этот инструмент преобразует текст в
контуры, так, что к нему становится
применимым большее число действий, но
его по-прежнему возможно редактировать
как текст.
О
тметим,
что в CorelDraw нередко легко запутаться,
какие режимы (указатель, текст и т. п.) к
какому объекту применяются, и велики
шансы увидеть вверху не те инструменты,
что ожидались, или нужные кнопки
недоступными, в таких случаях рекомендую
попереключать кнопки на панели слева
и повыделять объекты разными способами,
пока нужные команды не станут доступными.
В качестве первых действий над
преобразованным в контур текстом
предлагаю перемещения букв, для чего
выберите инструмент Shape
,
и, подведя указатель к направляющим
букв, переместите их. В режиме этого
инструмента буквы будут менять взаимное
расположение, а при выборе Picker
текст будет вновь перемещаться как
единый объект.
В качестве продолжения возможностей преобразованного в контур текста предлагаю инструмент интерактивного оконтуривания.
На верхней панели появятся настройки, а возле самого текста направляющий элемент в виде серого прямоугольника, черного ромбика и штриховых линий. Переместите направляющий элемент в центр, на верхней панели инструментов установите направление наружу, направление цвета контура линейное, используйте один шаг контура, смещение 1,00, цвет контура оставьте черным, а цветом заливки сделайте более светлый серый цвет.
В результате, поскольку направляющий элемент в центре, а направление наружу, заливка расширит буквы более светлым цветом. Несколько шагов контура могут обеспечить чередование цветов, но подобрать нужное смещение для сложного текста бывает нелегко. В то же время этот инструмент работает очень медленно (если процессор существенно менее 1ГГц), после каждого изменения приходится подолгу ждать. Этот инструмент позволяет согласовывать текст с фоном, обеспечивая либо плавное его вписывание в фон, либо, напротив, контраст, позволяющий привлечь внимание к тексту. Например, использование резкого по отношению к фону цвета текста затрудняет его чтение, в то время как небольшой контур такого цвета вокруг букв позволяет привлечь внимание к тексту. Или для крупных и насыщенных шрифтов может не лишним быть использование бледного цвета букв, а их контур сделать контрастным цветом.
При
таком оформлении расположение каждой
буквы задается отдельно, а размер можно
задавать кеглем отдельно для каждой
буквы, поэтому применение какого-либо
специального выравнивания к этому
способу оформления не имеет смысла.
Тень при наличии дополнительного контура
также не очень уместна (но возможна),
предлагаю добавить объем. Нажмите кнопку
интерактивного объема из той же группы
интерактивных инструментов
.
Далее,
выделив надпись, начните из произвольного
места на этой надписи буксировку мышью,
начнет появляться очертание объема в
виде параллелепипеда. Перемещая мышь
с нажатой клавишей, подберите подходящие
направление и глубину, после отпускания
клавиши мыши этот объем отобразится
(на что тоже может уйти немало времени).
Для создания более интересного эффекта
переместите ограничитель, изображаемый
подобно традиционному схематичному
изображению экрана, до точки схода
перспективы, изображаемой крестиком с
отходящей от него по направлению
перспективы штриховой линией. В
результате, объем будет сходиться в
точку, которую можно перемещать. В
раскрывающемся списке на верхней панели
инструментов выбирается способ привязки
точки схода, по умолчанию привязка к
объекту, т. е. перемещение одновременно
с ним. Если после работы другим инструментом
нужно вновь активизировать настройку
объема, нажав эту кнопку, щелкайте на
самих буквах надписи. Теперь придадим
объему более выразительный вид. Для
начала заменим его черный цвет на более
удобный для видоизменения светло-серый.
Нажмите кнопку
.
выбора цвета, в раскрывшемся окне
нажатием кнопки перейдите на вкладку
монотонного цвета и в ставшем доступном
списке цветов выберите подходящий цвет.
Серый цвет смотрится лучше черного, но
объем все еще невыразителен - к буквам
подходит монотонная область цвета,
никак не отражающая их очертания. Для
исправления этого недостатка нажмите
на расположенную рядом (через одну) с
кнопкой цвета кнопку освещения и выберите
первый тип источника света.
Такой объем будет отображаться заметно дольше, но он гораздо выразительнее. Если хотите большей выразительности, добавьте другие источники света в том же окне и подберите их интенсивности
Остается записать этот текст в подходящий формат. Один из способов - скопировать в буфер обмена, затем вставить в растровый графический редактор, например, Microsoft Photo Editor. Этого редактор позволяет убрать лишние края, определить прозрачный цвет и сохранить в GIF - наиболее подходящий для графического текста формат. Кстати, хотя зачастую участок прозрачного цвета бывает подобрать трудно, здесь помогает одно существенное преимущество векторной графики - высокая четкость получаемого изображения, поэтому вся область вокруг окрашивается в белый цвет без переходных полутонов, что и позволяет получить необходимую прозрачную область просто объявлением прозрачного цвета. Другой способ - выделив надпись, выбрать команду экспорта выделения, но прозрачный цвет CorelDraw не предусматривает, нужен опять же дополнительный редактор.
Теперь
займемся другой копией созданного
текста (оставьте кроме этой еще одну
третью). На сей раз изменим расположение
всей строки, а не отдельных букв. Нажмите
кнопку интерактивной огибающей
и
переместите появившуюся на середине
верхнего края точку немного вверх. Текст
в середине расширится, а кроме красной
штриховой линии, обтекающей контур
текста, появятся направляющие в виде
синих штриховых линий с черными
квадратиками на концах. В этом режиме
огибающая текста редактируется как
сплайн Безье. Направляющие задают
касательную к кривой в соответствующей
точке. Около той самой перемещенной
точки оба конца направляющих расположены
вдоль одной прямой, это расположение
сохранится и при их перемещении. В этом
случае в этом узле кривая является
плавной. Кнопки на верхней панели
инструментов могут преобразовывать
типы узлов, добавлят новые и удалять
(подробнее см. о построении контуров).
Расположенный рядом раскрывающийся
список позволяет менять способ заполнения
контура текстом, для дальнейшего создания
надписи выберите Vertical. Направьте
горизонтальную половину направляющей
левого верхнего узла вертикально вверх,
переместите средний узел немного влево
и поверните его направляющую идущей
вниз слева направо. В результате должно
увеличиться в размере начало надписи.
Теперь
изменим заливку. Рассмотрение возможных
способов заливки не входит в этот раздел,
поэтому рассмотрим лишь один из
многочисленных способов, остальные
применяются схожим образом. Нажмите
кнопку Pattern Fill (на вложенной для кнопки
панели заливки). Выберите переключатель
растровой заливки и из раскрувающейся
палитры выберите фон. Вообще, эти фоны
очень неплохо подойдут для фонов
Web-страниц. Внизу этого окна выберите
поворот текстуры на 45°. Сделаем эту
текстуру не равномерной для всей надписи,
а плавно переходящей в черный цвет.
Нажмите, выделив надпись, кнопку
копировать в буфер обмена, затем кнопку
вставить - поверх исходной появилась
еще одна такая надпись. Заполните эту
новую надпись монотонным черным цветом,
а затем нажмите кнопку интерактивной
прозрачности
Проведите
мышью линию чуть выше надписи от правого
конца к левому. Получится плавный переход
от текстуры к черному цвету. Уже знакомый
значок экрана, на сей раз обозначающий
середину градиента, переместите вдоль
линии вправо примерно до одной трети -
текстура будет преобладать над черным
цветом.
Н
а
сей раз добавим тень. На панели
интерактивных инструментов нажмите
крайнюю справа кнопку интерактивной
тени. Проведите линию как из середины
надписи подобно тому, как для объема.
Вы увидите неестественное - тень падает
на сам текст, как бы перед ним. После
создания тень оказывается выделенным
объектом, поэтому через меню Arrange
переместите тень на задний план. Тень
на месте, но полученный вид тени не очень
впечатляет - сделаем поинтереснее.
Нажмите кнопку направления отбрасывания
тени и выберите второй сверху режим.
Такая тень выглядит эффектнее, но уж
очень горизонтально падает. В расположенном
рядом поле ввода, управляющем вращением
тени, заменим 160° на 150°. Теперь тень
ложится ближе к тексту, но сделаем тень
не такой густой и почётче. Крайнее левое
поле ввода управляет непрозрачностью
тени, сделаем 30, следующее за ним
четкостью, сделаем 10. Сделаем тень
подлиней, и пусть тень не будет равномерного
цвета, а по мере удаления от надписи
будет становиться прозрачнее. В крайнее
справа поле ввода, управляющее длиной
тени, введем 70, а в расположенное слева
от него, управляющее скоростью затухания
тени по мере удаления от начала, введем
90. Тень является отдельным объектом,
поэтому для экспорта нужно выделить и
надпись, и тень.
Для GIF-сжатия тень не очень удобна, предпочтительнее, когда фон известен, может пригодиться и JPEG, но тот же способ, что и к предыдущей надписи, вполне применим.
Для третьей надписи также через буфер обмена создадим копию поверх этой надписи. Эту новую надпись переместим вверх, но не далеко, а исходную заполним светло-серым цветом. Выберем инструмент Interactive Blend и проведем линию от нижней надписи к верхней. CorelDraw создаст указанное в верхней панели число промежуточных объектов для перехода одного в другой. Теперь нарисуем волнообразную кривую инструментом свободного рисования и, выделив нижнюю надпись, выберем пункт меню Text -> Fit Text To Path и щелкнем на этой кривой. В результате, нижняя часть текста выровняется вдоль кривой, плавно переходя в верхнюю, что без искажений. Замечу, что изменение размера участков текста возможно с одновременном выравниванием вдоль пути, но при таких действиях желаемый результат бывает получить сложно. Для лучшего понимания рекомендую посмотреть исходный CDR-файл (241Kb).
Некачественное изображение, полученное при экспорте в GIF, обращает внимание на еще одну сложность, связанную со сжатием. Вот так сжимает прежде рекомендованный Microsoft Photo Editor. На мой взгляд, наилучшее GIF-сжатие обеспечивает Jasc Animation Shop, хорошо работает Adobe PhotoShop (начиная с версии 5.5).