WWW.DISSERS.RU

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА

   Добро пожаловать!

Pages:     | 1 |   ...   | 2 | 3 || 5 |

«и Юрий Гурский, Ирина Гурская Андрей Жвалевский Трюки и эффекты в CorelDRAW 11 Москва • Санкт-Петербург • Нижний Новгород • Воронеж Ростов-на-Дону • Екатеринбург • Самара • Новосибирск Киев • Харьков ...»

-- [ Страница 4 ] --

Из всех многочисленных вкладок пристыковываемого окна Extrude (Экструзия) нам нужно изменить параметры только в двух: Extrude Camera (Направление экс трузии) и Bevel Extrude (Скос) (рис. 8.32). Зафиксировать внесенные изменения можно щелчком на кнопке Apply (Применить).

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

306 Глава 8. Предметы в движении Port • Вкладка Extrude Camera Вкладка Bevel Extrude (Скос) (Направление экструзии) Рис. 8.32. Настройки эффекта Extrude (Экструзия) Законченный каркас лупы показан на рис. 8.33.

Рис. 8.33. Готовый каркас лупы ПРИМЕЧАНИЕ Приведенная технология кроет в себе широкие возможости: таким образом можно ими тировать любые объемные деревянные предметы, например рамы картин.

8.4. Увеличивающая лупа Теперь можно заняться созданием увеличительного стекла лупы. Для этого при помощи инструмента Ellipse (Эллипс) или 3 Point Ellipse (Эллипс по трем точкам) (второй вариант удобнее, если вы умеете использовать этот относительно новый для CorelDRAW инструмент) нарисуйте две окружности, по размерам точно со ответствующие отверстию в каркасе лупы. С помощью этих окружностей мы ре шим две задачи — увеличения и искажения (ведь линзы в лупах не плоские, по этому изображение в них всегда Откройте пристыковываемое окно Lens (Линза): Window Dockers Lens (Окно Пристыковываемые окна Линза). Выделите одну из окружностей и выберите в пристыковываемом окне тип линзы Magnify (Увеличение) (рис. 8.34).

Рис. 8.34. Настройки линзы Magnify (Увеличение) Это основная для нас линза. Она будет приближать все, что находится под ней, с коэффициентом увеличения, заданным в счетчике Amount (Величина). Мы вы брали двукратное увеличение, но вы можете взять и любое другое.

В целом, на этом можно было бы закончить пример. Но ведь, как уже говори лось, линза лупы не только увеличивает изображение, но и искажает его. Поэто му мы и заготовили вторую окружность. Выделите теперь ее и примените линзу Fish eye (Рыбий глаз). Использованные нами настройки показаны на рис. 8.35.

Рис. 8.35. Настройки линзы Fish Eye (Рыбий глаз) 308 * Глава 8. Предметы в движении Если степень искажения вас устраивает (а узнать это можно, поместив окруж над любым объектом), то пора переходить к последнему шагу работы. По местите вторую окружность ровно над первой и сгруппируйте их (выделив обе и нажав СОВЕТ Теперь лучше отключить обводку иначе будет трудно поместить «увеличи тельное стекло» в каркас лупы так, чтобы не были видны лишние линии.

Затем поместите получившуюся группу в отверстие лупы и сгруппируйте эти два объекта вместе. Все, работа выполнена! Можно сохранить лупу и использо вать ее по мере надобности. Например, на рис. 8.36 показано, как наша лупа при ближает текста, который находится под ней. Неплохо, не правда ли?

для Microsofl Office. В ней подробно Outlook Express.

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

а на круп Она как так и туи, кто желает усовершенствовать свои знания пакета Рис. 8.36. Итоговое изображение Эффект скорости В этом примере мы попробуем создать видимость того, что объект движется с очень большой скоростью. Эффект этот достаточно распространен — подобный способ имитации движения можно найти везде, от плакатов до мультфильмов Диснея.

Этот прием стал уже своего рода штампом.

Первое, что нужно сделать, — подобрать подходящее исходное изображение. Мы выбрали автомобиль из собственного клипарта CorelDRAW (рис. 8.37).

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

8.5. Эффект скорости * Рис. 8.37. Исходное изображение Следующий шаг примером хорошего стиля работы не назовешь, но это наибо лее простой и вариант. Создайте инструментом Rectangle (Прямо угольник) прямоугольник белого цвета и без обводки, чуть длиннее автомобиля (рис. 8.38).

Рис. 8.38. Примерная длина прямоугольника ПРИМЕЧАНИЕ Прямоугольник должен располагаться под изображением автомобиля. Поэтому, выде лив его, нажмите сочетание клавиш Shift+PgDn.

Теперь нужно сгруппировать изображение и прямоугольник. Для этого выдели те их (это можно сделать, например, щелкнув последовательно на объектах с на жатой клавишей Shift), а затем щелкните правой кнопкой мыши и выберите в от крывшемся контекстном меню команду Group (Группировать) (рис. 8.39).

...

Ж Cut Lock Order Internet • Рис. 8.39. Расположение команды Group (Группировать) 310 • Глава 8. Предметы в движении Подготовительная стадия работы закончена. Можно переходить непосредствен но к выполнению эффекта.

Переведем копию с прямоугольником в растр. Для этого нужно выбрать коман ду Bitmaps Convert To Bitmap (Точечная графика Растрировать). При этом от кроется диалоговое окно, в котором нужно указать все настройки растрирования (рис. 8.40).

СОВЕТ Наиболее важная настройка в диалоговом окне Convert To Bitmap (Перевести в растр) — это Resolution (Разрешение). Она определяет не только качество получившегося изобра жения, но и время, которое потом потребуется компьютеру на его обработку. Помните:

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

to CMYK Color И OK Г же, 1 383 772 byte* Рис. 8.40. Настройки растеризации Сейчас нам предстоит самый важный шаг работы — будем создавать шлейф за машиной. Для этого как нельзя лучше подходит растровый фильтр Motion Blur (Размытие в движении): Bitmaps Blur Motion Blur (Точечная графика Размы тие Размытие в движении). Он создает эффект, который действительно можно встретить у объектов, движущихся на больших скоростях, например у колес авто мобиля, — слияние фрагментов в полосы.

Настройки, которые мы применили, показаны на рис. 8.41. Но строго можно взять только направление размытия (Direction). Степень размытия (Distance) нужно подобрать исключительно на глаз, ориентируясь на результат (рис. 8.42).

Остальные настройки, кроме этих двух, можно не трогать вообще.

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

Рис. 8.42. Автомобиль после размытия Этот результат (рис. 8.42) уже можно взять себе на заметку. Во многих плакатах и прочих дизайнерских работах подобным образом задается динамика композиции.

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

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

Рис. 8.43. Два совмещенных объекта Несмотря на то что после этого шага мы получили уже достаточно близкий к за данной цели результат, это еще не все. Посмотрите на автомобиль: получается, что он размыт только с обратной стороны! Это совсем нереалистично, если мож но говорить про реализм в таком примере.

Поэтому выделите размытую копию, скопируйте ее в буфер обмена и вставьте Затем выберите инструмент Interactive Transparence (Ин терактивная прозрачность) и задайте настройки, которые отображены на рис. 8.44.

V...:...:..:.:.:..

Lineal - Lightness Рис. 8.44. Настройки прозрачности 312 * Глава 8. Предметы в движении Как видите, мы применили тип прозрачности Linear (Линейный) — это значит, что прозрачность будет меняться линейно. При этом маркер средней точки гра диента (то есть точки, где прозрачность равна половине возможной) лучше сме стить к капоту автомобиля.

Степень максимальной прозрачности мы установили равной 100%, однако в этом примере изменение процентов на 20 мало что даст — можно немного поэкспери ментировать.

Очень важная настройка — тип смешения пикселов. Мы опытным путем устано вили, что для этого примера лучше всего подходит тип Lightness (Яркость), одна ко совсем неплохо получается и с вариантом (Умножение).

Вот и все, сгруппируйте все три объекта, и эффект можно считать готовым (рис. 8.45). Не следует, однако, забывать о проблемах, которые могут возникнуть с прозрачностью при экспорте в другие форматы или при печати. Подробнее об этом читайте в главе 5.

Рис. 8.45. Итоговое изображение 8.6. Море В этом мы рассмотрим довольно интересный способ создания морской поверхности. При этом работа будет сделана с чистого листа, только один объ ект — рыбу — мы возьмем из Этот пример поможет вам лучше разобраться с текстурами, их свойствами и воз можностями, а также еще раз подчеркнет достоинства инструмента Interactive Transparency (Интерактивная прозрачность).

Итак, приступим к работе. Для начала инструментом Rectangle (Прямоугольник) нарисуйте прямоугольник, после чего в группе Fill (Заливка) выберите инстру мент Texture Fill Dialog (Диалоговое окно текстурной заливки) (рис. 8.46).

В раскрывающемся списке Texture Library (Библиотека текстур) выберите Samples, а в списке текстур выберите Swimming pool2.

Эта текстура будет имитировать небо (в этом вы убедитесь позже), а сейчас пе рейдем к имитации воды.

Создайте еще один прямоугольник, который в дальнейшем станет водой. Теперь мы опять обратимся к группе инструментов Fill (Заливка), но сейчас выберем Pattern Fill Dialog (Диалоговое окно узорной заливки) (рис. 8.47). В открывшемся диалоговом окне Pattern Fill (Узорная заливка) выберите переключатель Bitmap (То чечный). Эти и другие настройки заливки для создания воды показаны на рис. 8.47.

Теперь мы будем работать над реалистичностью изображения, и в этом нам по может инструмент Interactive Transparency (Интерактивная прозрачность).

8.6. Море Fill Рис. 8.46. Текстурная заливка для прямоугольника и ее настройки 3»... Origin • ;

Skew:

Рис. 8.47. Главное — правильно обозначить место расположения заливки для водной поверхности Сначала займемся небом. Примените к верхней части его изображения инстру мент Interactive Transparency (Интерактивная прозрачность) (рис. 8.48).

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

314 * Глава 8. Предметы в движении Рис. 8.48. Улучшаем изображение неба с помощью инструмента Interactive Transparency (Интерактивная прозрачность) Теперь примените инструмент Interactive Transparency (Интерактивная прозрач ность) к нижней части изображения (рис. 8.49).

D Рис. 8.49. После применения инструмента Interactive Transparency (Интерактивная прозрачность) вода и небо постепенно сливаются в единую композицию Но для того, чтобы наше изображение стало целостным, нам нужно отменить об водку в нижнем прямоугольнике. Для этого в группе инструментов Outline (Об водка) выберите No Outline (Удалить обводку) (рис. 8.50).

Море готово, осталось добавить в него живность. Для этого авторы воспользова лись изображением из клипарта. Но векторное изображение дельфина нисколь ко не придало нашей работе реалистичности, скорее наоборот (рис. 8.51).

8.6. Море Удалить обводку Рис. 8.50. Удаляем обводку нижнего прямоугольника Рис. В таком виде дельфин совершенно не вписывается в работу Но не надо спешить с выводами: сейчас мы воспользуемся инструментом Interactive Transparency (Интерактивная прозрачность), и вы увидите, как резко изменится изображение. Примените к дельфину инструмент интерактивной прозрачности (рис. 8.52).

316 Глава 8. Предметы в движении Теперь нам осталось добавить солнце, прячущееся за облаками. При помощи ин струмента Ellipse (Эллипс) нарисуйте круг, залейте его белым цветом и удалите его обводку. Нелишним будет добавить прозрачности при помощи все того же инструмента Interactive Transparency прозрачность). И, наконец, сгруппируйте все объекты.

Рис. 8.52. После применения инструмента Interactive Transparency (Интерактивная прозрачность) часть рыбы оказалась под водой Пример готов. Итоговое изображение показано на рис. 8.53.

Рис. 8.53. Итоговое изображение 8.7. Раскрытая книга * 8.7. Раскрытая книга Этот пример будет во многом показательным. Он продемонстрирует, что стан дартные инструменты CorelDRAW применимы в совершенно необычных ситуа циях и позволяют мгновенно решать задачи, на первый взгляд кажущиеся чрез вычайно трудоемкими.

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

Активизируйте инструмент Star Shapes (Звезды). Выберите 32-конечную звезду и создайте фигуру, показанную на рис. 8.54.

Рис. 8.54. Получившаяся звезда Затем обратите внимание на счетчик Angle of (Угол поворота) в панели свойств (рис. 8.55). С его помощью можно дублировать выбранную фигуру, повер нув копию на определенный угол. Для нашего примера оптимален угол поворота 20°.

Угол поворота копии объекта Рис. 8.55. Результат добавления копии объекта, повернутой на 20° * Глава 8. Предметы в движении Повторите эту операцию со значениями 40, 60 и 80 градусов. После этого выде лите все фигуры инструментом Pick (Выбор) и объедините их (сочетание клавиш Результат показан на рис. 8.56.

Рис. 8.56. Фигура, полученная после нескольких повторений дублирования и поворота звезды Начнем превращение этой фигуры в развернутую страницу. Выберите инстру мент Eraser (Ластик) («горячая» клавиша X) и сотрите все лишнее. При выполне нии этой операции нужно что ни одна «страница» не может быть стертой наполовину — либо она есть, либо ее нет (рис. 8.57).

Рис. 8.57. Объект после стирания всего лишнего Теперь приступим к рисованию корешка книги. Для этого подходит целый ряд инструментов, но все равно большую часть работы нужно будет выполнить вруч ную. Авторы остановили свой выбор на инструменте Bezier (Кривая Безье). Им нужно уметь пользоваться, но если вы обладаете таким навыком, работа займет считанные минуты. Рисованию корешка нужно уделить повышенное внимание (рис. 8.58). Этим фрагментом во многом определяется качество всего результата.

Впрочем, слишком усердствовать тоже не стоит — следующий шаг сгладит мел кие неточности.

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

На следующем шаге мы сделаем изображение объемным. Активизируйте инст румент Interactive Extrude (Интерактивный псевдообъем). В пристыковываемом окне Extrude (Экструзия) важно сразу задать такие настройки, чтобы фронталь ная часть книги и ее задняя часть совпадали по размерам.

8.7. Раскрытая книга Рис. 8.58. Рисование корешка — ответственная часть работы Остальные настройки показаны на рис. 8.59. Обратите внимание на то, что для этого примера не будет лишним задать источники освещения.

И В Рис. 8.59. Настройки объема Пример готов. Итоговое изображение показано на рис. 8.60.

Рис. 8.60. Итоговое изображение 320 Глава 8. Предметы в движении 8.8. Отражение в окне Рассмотрим, как создать отражение в оконном стекле. В качестве исходных ма териалов возьмем портрет женщины (рис. 8.61) и фотографию неба (рис. 8.62), которая будет изображать вид за окном.

Рис. 8.61. Портрет женщины Рис. 8.62. Фотография неба Для начала нарисуем оконную раму. Инструментом Rectangle (Прямоуголь ник) создайте прямоугольник, по размеру немного больше, чем фотография 8.8. Отражение в окне * неба. Затем примените к нему эффект Contour (Ореол) с установками, изобра женными на рис. 8.63.

То ! Inside Steps:

Apply Рис. 8.63. Настройки в пристыковываемом окне Contour (Ореол) Командой Arrange Break Apart (Расположение Разделить) превратите группу ореола в два обычных объекта. Нарисуйте два вытянутых прямоугольника, изо бражающие элементы рамы (рис. 8.64).

Рис. 8.64. Эскиз оконной рамы Чтобы придать раме законченный вид, объедините два внешних ка командой Arrange Combine (Расположение Объединить) а затем 322 * Глава 8. Предметы в движении присоедините к ним вытянутые прямоугольники командой Arrange Shaping Weld (Расположение Изменение формы Объединить). Поместите фотографию неба под раму (рис. 8.65).

Рис. 8.65. Вид из окна Чтобы не запутаться в объектах, создайте в пристыковываемом окне Object Manager (Диспетчер объектов) три слоя: небо — для фотографии неба, оригинал — для портрета и рама — для оконной рамы (рис. 8.66).

Manager | рама оригинал Page | Guides I Desktop Grid i Рис. 8.66. Иерархия слоев документа в пристыковываемом окне Object Manager (Диспетчер объектов) Поместите портрет женщины под раму. Поскольку он не совпадает с ней по фор ме и пропорциям, изображение женщины придется вначале увеличить, а затем обрезать инструментом Shape (Форма) (рис. 8.67).

8.8. Отражение в окне Поскольку это все-таки отражение, зеркально отразите портрет с помощью вклад ки Scale and Mirror (Изменение размеров и отражение) пристыковываемого окна Transformation (Преобразования).

Рис. 8.67. Портрет помещен под раму Теперь самое главное — изображение должно быть прозрачным. Этого можно добиться с инструмента Interactive Transparency (Интерактивная про зрачность) (рис. 8.68).

Рис. 8.68. Портрет после применения инструмента Interactive Transparency Tool (Интерактивная прозрачность) Для большей убедительности добавьте фотографии немного неровности, чтобы имитировать волнистость стекла. Это делается с помощью растрового фильтра 324 * Глава 8. Предметы в движении Bitmaps Distort Ripple (Точечная фика Искажение Рябь). Параметры при фильтра показаны на рис. 8 69.

Primary • p | i 7i | "i | i • Perpendicular Wave fiistort ripple Angle:

Preview Reset Cancel Рис. 8.69. Настройки фильтра Ripple (Рябь) После этого нам остался последний штрих — окрасить раму. Порывшись в тек стурных заливках, авторы пришли к выводу, что наиболее подходящей является заливка Wood Grain из набора Styles (рис. 8.70).

Рис. 8.70. Итоговый результат Результат можно еще немного скорректировать, меняя степень прозрачности портрета, но в целом своей цели мы достигли — имитация отражения человека в оконном стекле достаточно убедительная.

Текстуры и • Логотип из мозаики • Пользовательский узор • «Павлиний» узор • Фотоштрих • Изображение из букв • Калейдоскоп, • В стиле авангарда 326 * Глава 9. Текстуры и узоры Логотип из мозаики В этом примере мы рассмотрим очень интересный трюк — создание мозаики.

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

Перейдем непосредственно к выполнению примера. Для начала нам нужно нари совать ячейку мозаики. Инструментом (Кривая Безье) нарисуйте ячейку.

Данная процедура будет достаточно сложной, но не огорчайтесь: вручную вам придется построить только один элемент (рис. 9.1).

) Рис. Первый элемент мозаики построен при помощи инструмента Bezier (Кривая Безье) Далее на основе этого фрагмента мы будем строить мозаику. Выберите инстру мент (Прямоугольник) и нарисуйте прямоугольник. Разместите его около исходного элемента так, чтобы их стороны сливались и прямоугольник за хватил вытянутую часть ячейки (рис. 9.2).

Рис. 9.2. Стороны прямоугольника и исходного элемента мозаики должны совмещаться Дальше из прямоугольника мы создадим второй элемент будущей мозаики. Для этого выберите команду Window Dockers Shaping (Окно Пристыковываемые окна Изменение формы). Перед вами появится пристыковываемое окно Shaping (Изменение формы) (рис. 9.3).

В группе Leave (Сохранить оригинал) установите флажок Source Object (Исходные объекты), далее выделите нашу готовую ячейку и только после этого 9.1. Логотип из мозаики * щелкните на кнопке Trim (Исключение). Появившимся курсором в виде стрелки с квадратиком щелкните на прямоугольнике.

Рис. 9.3. Пристыковываемое окно Shaping (Изменение формы) В итоге у вас должны получиться уже две ячейки мозаики (рис. 9.4).

Рис. 9.4. Два элемента мозаики уже готовы Далее по такому же принципу сделайте еще две ячейки, и этого будет достаточно.

ПРИМЕЧАНИЕ Если вы хотите создать мозаику для целой картинки, то вам нужно нарисовать соответ ствующую ей по форме мозаику. Также можно нарисовать мозаику прямоугольной фор мы, а после растянуть ее, например до размера фотографии.

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

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

328 * Глава 9. Текстуры и узоры ПРИМЕЧАНИЕ Так как наши фрагменты очень маленькие, то и картинки нужно подобрать соответст вующие, чтобы достичь желаемого результата. Поэтому, выбрав картинку, вы можете ее уменьшить и обрезать при помощи инструмента Pick (Выбор).

Рис. 9.5. Главное — правильно разместить элементы мозаики Подобрав первую картинку, приступаем непосредственно к заполнению мозаи ки. Для начала выделите картинку и выберите команду меню Effects PowerClip Place Inside Container (Эффекты Фигурная обрезка Поместить в контейнер), после чего появится курсор в виде стрелочки. Этим курсором вы должны ука зать тот элемент, в который вы хотели бы поместить рисунок (рис. 9.6).

Рис. 9.6. Первая ячейка заполнена Аналогичным образом заполните все остальные составляющие мозаики, не забы вая при этом о размерах картинок. Сгруппируйте все составляющие мозаики.

Готовый вариант заполненной мозаики вы видите на рис. 9.7.

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

Текст мы оформим одинаковым шрифтом и кеглем, в нашем случае это шрифт AvantGarde BK ВТ.

9.2. Пользовательский узор * Рис. 9.7. Мозаика заполнена Работа закончена. Итоговое изображение показано на рис. 9.8.

Рис. 9.8. Итоговое изображение 9.2. Пользовательский узор CorelDRAW предоставляет достаточно большой набор узоров для заливок, как в стандартной поставке, так и на дисковых и сетевых клипартах. Однако прак тически всегда их недостаточно для работы, и приходится создавать свои собст венные. Этим мы и займемся в данном примере. В целом, этот раздел следует рассматривать не как ряд инструкций по созданию какого-то конкретного узора, а как общее руководство по технологии работы с ними.

В качестве основы для узора мы выбрали 32-конечную звезду. Расположение это го инструмента, его настройки и вид нужной фигуры показаны на рис. 9.9.

Затем зальем фигуру. Авторы остановили свой выбор на градиенте, имитирующем золото (инструмент Fountain Fill Dialog (Диалоговое окно градиентной Его настройки показаны на рис. 9.10. Однако вы можете ограничиться одноцвет ной заливкой — для данного примера это не имеет принципиального значения.

330 Глава 9. Текстуры и узоры :;

i Ж i,...................... I.......

Рис. 9.9. Настройки инструмента Star Shapes (Звезды) и выбранная фигура Option* fithets Рис. Настройки градиентной заливки, имитирующей золото Теперь превратим звезду в своеобразную «орнаментную» фигуру. Это делает ся очень просто при помощи замечательного инструмента Interactive (Интерактивная деформация). Использованные настройки показаны на рис.

Узор почти готов. Мы выполнили всего лишь одно действие: поместили под звез ду черный прямоугольник (инструмент Rectangle с желтой обводкой и сгруппировали эти две фигуры (рис.

9.2. Пользовательский узор Рис. Настройки инструмента Interactive Distortion (Интерактивная деформация) Рис. 9.12. Заготовка для узора Теперь можно переходить ко второй части примера, а именно к использованию созданной фигуры в качестве узора. Для этого есть несколько путей, и мы пой дем наиболее простым.

Сохраните заготовку в любой папке в формате (собственный формат Corel DRAW). Затем создайте фигуру, которую вы хотели бы залить новым узором, и активизируйте инструмент Pattern Dialog (Диалоговое окно узорной заливки).

В открывшемся диалоговом окне Pattern Fill (Узорная заливка) включите режим Full Color (Полноцветный) и щелкните на кнопке Load (Загрузить) (рис. 9.13).

Откроется стандартное диалоговое окно Windows, в котором можно будет найти созданный нами файл. После этого в диалоговом окне Pattern Fill (Узорная заливка) можно задать размер элемента узора, поворот и некоторые другие настройки. По сле щелчка на кнопке выбранная фигура будет заполнена узором (рис. 9.14).

332 Глава 9. Текстуры и узоры • Bitmap Рис. 9.13. Загрузка пользовательского узора Рис. 9.14. Итоговое изображение 9.3. «Павлиний» узор В данном примере мы рассмотрим создание узора, который впоследствии будет наложен на изображение. Этот трюк довольно часто встречается в работе ди зайнеров, так как позволяет очень экономично и оригинально оформить ту или иную рекламу.

9.3. «Павлиний» узор * Для начала создайте новый документ, после чего откройте пристыковываемое окно символов Symbols and Special Characters (Символы) (для этого достаточно на жать клавиши (рис. 9.15).

Выберите шрифт Black и любой подходящий символ. Далее щелкните на стрелке, расположенной около названия шрифта. В открывшемся меню выбери те команду Tile Special Character (Заполнение), после чего откройте то же самое меню и выберите команду Tile Options (Параметры заполнения). Перед вами от кроется диалоговое окно Tile Options (Параметры заполнения) (рис. 9.15).

' || ftuf H 1 К Рис. Пристыковываемое окно символов Symbols and Special Characters (Символы) Установите шаг сетки по горизонтали и по вертикали равным 2,54 дюйма и щелк ните на кнопке сначала в диалоговом окне Tile Options (Параметры заполне ния), а затем в пристыковываемом окне Symbols and Special Characters (Символы).

Далее перетащите ваш символ в окно документа, и узор будет построен.

ВНИМАНИЕ Установка параметров плотности и расстояния немного ненадежна. Для получения иде ального результата придется немного поэкспериментировать. Но при этом не следует что узор можно всегда обрезать, увеличить, уменьшить, что дает нам воз можность не возвращаться к установке параметров. А немного подкорректировать по лучившийся результат можно при помощи инструмента Pick (Выбор).

Итогом первого этапа является изображение, которое вы видите на рис. 9.16.

Следует отметить, что на данный момент наше изображение разбито на малень кие составляющие мозаики. При этом все «собаки», кроме первой, являются ее 334 * Глава 9. Текстуры и узоры составляющими. Выделите первый символ и залейте голубым цветом — все со ставляющие узора примут такую же заливку. Затем сгруппируйте объекты.

Рис. 9.16. Первая «собака» не является составляющей мозаики Далее, на втором этапе нашей работы, инструментом Rectangle (Прямоугольник) нужно построить прямоугольник вокруг узора. Затем командой Arrange Combine (Расположение Объединить) объедините выделенные объекты в одну фигуру (рис. 9.17).

Инструмент Rectangle (Прямоугольник) Рис. 9.17. Изображение после группировки объектов Переходим к третьему этапу. Импортируйте растровое изображение, на которое будет наложен узор. Поместите его позади прямоугольника с узором (рис.

ПРИМЕЧАНИЕ В связи с тем, что изображение было импортировано позже создания узора, оно будет размещено поверх него. Чтобы решить эту проблему, выделите узор, щелкните на нем правой кнопкой мыши и в появившемся контекстном меню выберите команду Order To Front (Порядок На передний план).

9.3. «Павлиний» узор * Рис. Узор наложен на изображение Теперь наша задача — слить в одно целое узор и изображение. Нужно отметить, что узор и фотография примут один и тот же оттенок, в нашем случае он будет голубым. Перейдем к выполнению четвертого этапа нашей работы.

Выберите команду меню Effects Lens (Эффекты Линза), также можно вос пользоваться сочетанием клавиш Alt+F3. Откроется пристыковываемое окно эффекта линзы (рис.

Рис. 9.19. Параметры линзы Transparency (Прозрачность) Для прямоугольника с вырезами назначьте линзу Transparency (Прозрачность).

В раскрывающемся списке Color (Цвет) выберите голубой цвет, а в счетчике Rate (Уровень) установите значение 70% (рис. 9.19).

Работа выполнена. Итоговое изображение показано на рис. 9.20.

336 * Глава 9. Текстуры и узоры Рис. 9.20. Итоговое изображение 9.4. Фотоштрих В этом маленьком примере мы поговорим о том, как использовать в контейнеров для заливки очень сложные формы, а именно штрихи кисти.

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

Этот пример не претендует на качество дизайна — он предельно прост и рассчи тан лишь на описание технологии.

Активизируйте инструмент Media (Художественные средства) («горячая» клавиша I) и переведите его в режим Brush (Кисть) (рис. Среди узоров найди те вариант, называемый (все эти настройки также отображены на рис. 9.21).

Рис. Инструмент Artistic Media (Художественные средства) и настройки для штриха 9.4. Фотоштрих * Теперь нужно нарисовать сам штрих. В этом никаких четких рекомендаций быть не может — художественному вкусу.

СОВЕТ Если сразу не получится сделать удовлетворяющий вашим требованиям штрих, то его несложно исправить при помощи инструмента Shape Правда, при этом воз можно зависание программы — это уже недоработка создателей CorelDRAW.

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

Рис. 9.22. Штрих после отключения обводки Теперь нужно подобрать фотографию, которая подойдет для размещения внутри штриха (рис. 9.23). Лучше, чтобы на ней было множество повторяющихся не больших элементов — тогда будет хоть что-то видно. В случае выбора, скажем, пейзажной фотографии, вы, скорее всего, будете обречёны на то, что зритель не разберет, что у вас внутри контура. Хотя, конечно, это не всегда верно и могут быть Рис. 9.23. Фотография, выбранная для помещения в контур штриха 338 Глава 9. Текстуры и узоры После этого выделите фотографию и выберите команду Effects Place Inside Container (Эффекты Фигурная обрезка Поместить в контейнер). Затем изменившимся курсором щелкните на созданном штрихе.

ПРИМЕЧАНИЕ Скорее всего, с первого раза у вас не получигся заполнить весь штрих — для этого нуж но подобрать удачное место для щелчка мышью. Поэтому совет один: пробуйте несколь ко раз, и успех придет. В частности, у авторов это получилось с четвертой попытки.

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

Работа на этом этапе показана на рис. 9.24.

Рис. 9.24. Готовый штрих Теперь этот элемент можно использовать в работах, например в качестве элемен та композиции (рис. 9.25).

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

Изображение из букв * Пусть у нас есть исходный текст, состоящий из нулей и единиц (рис. 9.26).

Рис. 9.26. Исходный текст Попробуем изобразить с его помощью, например, цифру 1. Нарисуйте ее поверх текста (рис. 9.27), переместите на новый слой в пристыковываемом окне Object Manager (Диспетчер объектов) и заблокируйте этот слой.

010Э 1101101 1011010 Рис. 9.27. Изображение, которое нужно создать из букв Инструментом Text (Текст) выделите те символы, которые попали в пределы цифры 1, и измените их начертание на полужирное ) (рис. 9.28).

Рис. 9.28. Результат редактирования текста 340 * Глава 9. Текстуры и узоры Как видите, единица не слишком хорошо читается. Если уменьшить кегль фоно вого текста с 24 до 10 пунктов, результат будет куда лучше (рис. 9.29).

Рис. 9.29. Меньший кегль обеспечивает лучшее качество изображения Ну а если взять совсем мелкий текст (6 пунктов), то можно будет воспроизво дить и более изображения (рис. 9.30).

Рис. Смайлик, образованный цифрами При определенном усердии описанным способом можно изображать достаточно объемные картинки. Нужно только правильно подобрать размер Когда один из авторов занимался дизайном бумаг, ему приходилось создавать сложные графические элементы (розетки, защитные фоновые сетки) из микротекста (размером около 1 пункта). Разумеется, такой «текстовый» рисунок можно только используя особые технологические приемы.

9.6. Калейдоскоп * 9.6. Калейдоскоп Те из кто провел детство не только с компьютером, возможно, пом нят, что такое калейдоскоп. Принцип этой игрушки прост: между тре мя зеркалами находится несколько цветных стеклышек, которые складываются в случайном порядке. отражение этого порядка приводит к созда нию и неожиданных Рассмотрим, как создать калейдоскоп средствами CorelDRAW.

Сначала нарисуйте треугольник. Для этого можно воспользо ваться инструментом Polygon (Многоугольник), установив количество его сто рон равным трем. При рисовании следует удерживать клавишу Ctrl. Поверните треугольник на 90° и создайте поверх несколько цветных мелких объектов (рис. 9.31).

Рис. Исходные объекты для создания ячейки калейдоскопа Фрагменты калейдоскопа не должны выходить за рамки треугольника. Поэтому обрежьте объекты с помощью команды Arrange Shaping Intersect (Располо помощью команды Arrange Shaping Изменение формы Пересечение) (рис. 9.32).

ВНИМАНИЕ Чтобы команда сработала правильно, сначала выделите треугольник, а затем объект, который нужно обрезать.

Рис. 9.32. Готовая ячейка 342 * Глава 9. Текстуры и узоры Теперь нужно составить набор отражений в зеркалах. Для этого откройте при стыковываемое окно Transformation (Преобразования) на вкладке Scale and (Изменение размеров и отражение) (рис. 9.33), нажав сочетание клавиш Alt+F9.

Scale;

X Apply Apply Рис. 9.33. Вкладка Scale and Mirror (Изменение размеров и отражение) пристыковываемого окна Transformation (Преобразования) '' Выделите правый боковой маркер, щелкните на кнопке, а затем — на кноп ке Apply To Duplicate (Применить к копии). Будет создано отражение ячейки относительно правой границы (рис. 9.34).

Рис. 9.34. Отражение ячейки Переключитесь на вкладку Rotate (Поворот) пристыковываемого окна Transformation (Преобразования) (рис. 9.35). Выделите оба треугольника с наборами фигур, выде лите в пристыковываемом окне верхний маркер, в счетчике Angle (Угол) введите 9.6. Калейдоскоп значение 120, а затем дважды щелкните на кнопке Apply To Duplicate (Применить к копии).

Angle:

To Apply Рис. 9.35. Вкладка Rotate (Поворот) пристыковываемого окна Transformation (Преобразования) В результате будет построено изображение, показанное на рис. 9.36.

Рис. 9.36. Набор отражений калейдоскопа Уже впечатляет. Но мы планируем заполнить калейдоскопическим узором ка кой-нибудь объект. Для этого удобно воспользоваться узорной заливкой. Чтобы 344 * Глава 9. Текстуры и узоры создать ее, создадим еще две копии набора отражений, дважды повернув шести угольник на 120° относительно его правой верхней вершины (рис. 9.37).

• Рис. 9.37. Размножаем шестиугольники Выберите команду Tools Create Pattern (Сервис Создать Узор). Появится диалоговое окно (рис. 9.38), в котором следует выбрать тип создаваемой узорной заливки — Full Color (Полноцветный).

Create ;

• wo OK, select pattern with OK Cancel Рис. 9.38. Определение типа создаваемого узора После этого указатель мыши превратится в перекрестье, которым нужно обвести центральную часть рисунка (рис. 9.39).

СОВЕТ Чтобы обеспечить точность операции, заранее создайте четыре направляющие (две гори зонтальные и две вертикальные), которые ограничат зону создания узора. Указатель мыши к ним, к сожалению, не притягивается, но контролировать процесс станет гораздо легче.

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

Теперь калейдоскопическую заливку можно использовать для окрашивания любых векторных фигур. Нарисуйте, например, букву «С» и выберите в группе инстру ментов Fill (Заливка) инструмент Pattern Fill Dialog (Диалоговое окно узорной за ливки). Появится диалоговое окно Pattern (Узорная заливка) (рис. 9.40).

Bitmap - ;

• Height: 50,8 mm...... -........... Row OF column offset 1 '• Column Rotate:

I..... with Caned Help Рис. 9.40. Диалоговое окно настройки узорной заливки 346 * Глава 9. Текстуры и узоры Выберите режим Full color (Полноцветный) и щелкните на кнопке Load (Загру зить). В появившемся диалоговом окне выберите файл с узором, который вы только что сохранили, и щелкните на кнопке ОК. После закрытия окна Pattern Fill (Узорная заливка) буква будет выглядеть так, как показано на рис. 9.41.

< Рис. Буква залита узором;

овалом выделено место погрешности заливки Овалом мы отметили место, в котором происходит явный сбой заливки. Не пу гайтесь, в данном случае это «лечится» легко. Снова вызовите диалоговое окно Pattern Fill (Узорная заливка) и установите в нем флажок Mirror Fill (Зеркальная заливка). Ситуация исправится (рис. 9.42).

• Рис. 9.42. Исправленная узорная заливка 9.7. В стиле авангарда СОВЕТ Для повторного вызова диалогового окна Pattern Fill (Узорная заливка) не обязательно обращаться к панели графики. Достаточно дважды щелкнуть на образце заливки, кото рый находится в левой части строки состояния (нижняя часть окна документа).

В дальнейшем узорную заливку можно редактировать в широких пределах. Для этого можно использовать все то же окно Pattern Fill (Узорная заливка) или инстру мент Interactive Fill (Интерактивная заливка), который расположен в самом низу панели графики. Последний способ более наглядный (рис. 9.43).

Рис. 9.43. Редактирование узорной заливки инструментом Interactive Fill (Интерактивная заливка) Созданную вами заливку вы сможете использовать в любом другом документе CorelDRAW.

9.7. В стиле авангарда Этот пример получился у авторов случайно, когда они просматривали пакет Corel DRAW, создавая сложные фигуры и применяя к ним разного рода эффекты.

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

Все начиналось с создания бесформенной фигуры. Для этого авторы воспользо вались инструментом Freehand (Кривая) (рис. 9.44).

Далее производилась заливка фигуры желтым цветом. Для этого выделите фигу ру инструментом Pick (Выбор), а затем в группе Fill (Заливка) выберите инстру мент Fill Color (Цвет заливки).

348 * Глава 9. Текстуры и узоры Рис. 9.44. Исходное изображение В открывшемся диалоговом окне выберите желтый цвет, характери стики которого R228 G 231 В17, и щелкните кнопке (рис. 9.45).

Models J (J j Palettes ) I ч a Add To \ OK | Рис. 9.45. Производим заливку нашей фигуры При создании фигуры инструментом Freehand (Кривая) могут возникнуть не большие проблемы с итоговым изображением. Тот или иной элемент может пор тить всю картину, или фигура получится плоская. Все эти проблемы легко ре шить при помощи инструмента Shape (Форма) (рис. 9.46).

Далее авторы решили создать фон для имеющейся фигуры. Для этого они вос пользовались инструментом При этом размеры соз даваемой фигуры должны соответствовать уже существующей. В этом нам помо жет инструмент Pick (Выбор).

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

9.7. В стиле авангарда * и " ' в а Рис. 9.46. Изменение формы фигуры при помощи инструмента Shape (Форма) ПРИМЕЧАНИЕ В связи с тем, что прямоугольник был создан позже исходной фигуры, он будет разме щен поверх нее. Чтобы решить эту проблему, выделите исходную фигуру, щелкните на ней правой кнопкой мыши и в открывшемся контекстном меню выберите команду Order To Front (Порядок На первый план).

Отмените обводку желтой фигуры. Работа после этого этапа показана на рис. 9.47.

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

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

350 * Глава 9. Текстуры и узоры Верхний справа дубликат и нижний слева авторы залили красным цветом;

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

Рис. 9.48. Размещаем дубликаты и задаем для них заливку Убедитесь в том, что обводка для фигур была отменена. Это необходимо, так как сейчас мы будем работать с инструментом Interactive Distortion (Интерактивная деформация). После применения этого инструмента к изображению у вас долж но получиться что-то подобное рис. 9.49.

т Рис. 9.49. Результат применения инструмента Interactive Distortion (Интерактивная деформация) А теперь перейдем к главному этапу в данном примере — именно он решил судь бу созданного эффекта при эксперименте. Сейчас вы увидите, как один инстру 9.7. В стиле авангарда * мент Interactive Contour (Интерактивный ореол) резко изменит наше изображе ние. Но перед этим сгруппируйте объекты. Настройки инструмента Interactive Contour (Интерактивный ореол) показаны на рис. 9.50.

Рис. 9.50. Результат применения инструмента Interactive Contour (Интерактивный ореол) Обратите внимание на штрихи вокруг нашего «фона»: именно для их создания нам понадобились дубликаты исходной фигуры.

Для того чтобы подчеркнуть глубину изображения, добавить последний штрих, авторы обратились к инструменту Interactive Drop Shadow (Интерактивная тень) (рис. 9.51).

Рис. Результат применения инструмента Interactive Drop Shadow (Интерактивная тень) 352 * Глава 9. Текстуры и узоры Цвет тени авторы установили красный, так как он доминирует в изображе нии. Итоговое изображение нашего трюка показано на рис. 9.52.

Рис. 9.52. Итоговое изображение Обработка • Простой фотомонтаж: слияние двух растровых изображений • Сложный фотомонтаж • Отражение в воде • Изменяем цвет глаз • Квадроплексное (четырехцветное) изображение • Переводим цветное изображение в битовое • Рекламный плакат • Футуристический портрет • Неоновая Статуя Свободы 12 354 * Глава 10. Обработка фотографий Простой фотомонтаж: слияние двух растровых изображений Фотомонтаж — это одна из наиболее часто используемых возможностей в дизай нерской работе. Достоинства его очевидны: с одной стороны, используется ре альный материал, слепок жизни, с другой — свобода совмещения позволяет пе редать любую мысль или настроение.

CorelDRAW не относится к программам, которые задумывались для таких це лей, как фотомонтаж. Для этой цели гораздо удобнее использовать специализи рованные растровые графические редакторы, такие как Corel PHOTO-PAINT или классический Adobe Photoshop.

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

Итак, первое, что нужно сделать — подобрать и импортировать (командой File Import (Файл фотографии. Лучше пусть это будут не случайные изо бражения, а заготовки для продуманного совмещения. Например, мы выбрали фотографию женщины на пляже и вид небоскребов (рис. 10.1) — создадим впе чатление того, что эта девушка на горизонте видит большой город.

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

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

Сейчас мы это исправим.

После того как вы подберете размеры и разместите небоскребы именно там, где они и должны быть, уберите все лишнее по краям. Для этого выделите изображе ние инструментом Pick (Выбор) и найдите маленькие белые маркеры около тех, которыми мы корректировали размеры. Сдвигая их, замаскируйте все, что не по падает в границы основного изображения (рис. 10.2).

Рис. 10.2. Сдвигая маркеры белого цвета, замаскируйте все ненужное СОВЕТ Для удобства подгонки фотографий можно выполнить следующие действия. Выделите фотографию с девушкой и щелкните на ней правой кнопкой мыши. В открывшемся контекстном меню выберите команду Order > To Front (Порядок На передний план).

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

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

Результат совмещения границ фотографий показан на рис. 10.3.

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

Для этого активизируйте инструмент Interactive Transparency (Интерактивная про зрачность) и примените его с настройками, показанными на рис. 10.4.

Обработка 356 * Глава рис. Работа совмещения 4. Настройки прозрачности в список Transpare будет го Простой фотомонтаж: слияние двух растровых изображений * жащего или надлежащего изображения, который светлее. Это дает нам возмож ность вывести весь океан и спрятать небоскребы в легкую дымку.

В целом, эффект готов. Однако чтобы с полученным результатом было удобнее работать и он печатался и экспортировался без проблем, лучше объединить две фотографии. Для этого сгруппируйте их (выделив обе и выбрав команду Arrange Group (Расположение Группировать), а затем выберите команду Bitmaps Convert То Bitmap (Точечная графика Растрировать). Наши настройки для операции перевода в растр показаны на рис. 10.5.

to Bitmap..

j RGB OK Resolution;

||||.. у • Г Apply ;

tile size: 4 • Рис. 10.5. Настройки растрирования ПРИМЕЧАНИЕ При переводе в растровое изображение не стоит указывать разрешение (раскрываю щийся список Resolution выше того, которое было у исходных изображе ний, поскольку в этом случае для перерисовки будет применена интерполяция, что может ухудшить качество работы.

Вот и все. Итоговое изображение показано на рис. 10.6.

Рис. 10.6. Результат работы 358 * Глава 10. Обработка фотографий 10.2. Сложный фотомонтаж В этом разделе мы будем решать не совсем стандартную для CorelDRAW задачу создавать классический фотомонтаж. Сложность заключается в том, что для фото монтажа нужны мощные средства выделения элементов из растрового массива, которыми не обладают векторные графические редакторы, в том числе и Corel DRAW. Понятно, что для этого гораздо больше подходит пакет Photoshop и его аналоги. Но сложно — не значит невозможно, к тому же при знании технологии можно и в CorelDRAW выполнить поставленную задачу быстро и качественно.

Итак, подберите исходные фотографии. Объект для переноса должен быть дос таточно сложной формы, чтобы работать было интересно, но не настолько, что бы пример невозможно было выполнить. Например, лучше избегать волос или шерсти — их выделение даже в Photoshop являет собой пример «высшего пило тажа» (узнать об этом подробнее вы можете из книги «Photoshop 7. Трюки и эф В нашем случае это будет орел в небе (рис. 10.7).

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

Активизируйте инструмент Shape (Форма). Он позволяет путем добавления то чек в существующий контур и последующего их перетягивания изменять контур любым образом. Однако сразу предупреждаем: для эффективного прохождения этого этапа вы должны уметь работать с кривыми Безье и понимать, чем отлича ются точки перегиба от гладких узлов.

Ю., Г. Эффективная работа: Photoshop 7. Трюки и эффекты (+CD) (2-е изд.). - СПб.: Питер, 2002.

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

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

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

Сделать узел гладким Рис. 10.8. Щелкнув на этой кнопке при выделенной узловой точке на контуре, можно превратить точку перегиба в гладкий узел ПРИМЕЧАНИЕ Если бы фигура была проще, чем та, которую мы имеем в этом примере (скажем, яблоко), можно было бы вообще ограничиться только этим этапом отделения объекта от фона.

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

Однако не стоит слишком возиться, стараясь полностью удалить фон, — все лиш нее мы уберем на следующем шаге. Результат первого этапа удаления фона пока зан на рис. 10.9.

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

Откройте пристыковываемое окно Bitmap Color Mask (Цветовая маска): Window Dockers Bitmap Color Mask (Окно Пристыковываемые окна Цветовая маска).

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

360 * Глава 10. Обработка фотографий Рис. Первоначальное отделение орла от фона В открывшемся пристыковываемом окне найдите инструмент Color Selector (Вы бор цвета) (рис. 10.10).

Инструмент Color _ Selector (Выбор цвета) Рис. 10.10. Расположение инструмента Color Selector (Выбор цвета) После этого щелкните мышью в любом месте фона. Выбранный цвет сразу по явится в верхней части пристыковываемого окна. Обратите внимание на то, что бы в строке с этим цветом был установлен флажок. Значение в поле Tolerance (Допуск) лучше увеличить до 5-7%.

ПРИМЕЧАНИЕ Значение Tolerance (Допуск) определяет, какой диапазон цветов кроме указанного бу дет учтен при совершении операции маскирования. При нулевом допуске будет спрятан только этот цвет, при максимальном значении 255 — все.

Затем щелкните на кнопке Apply (Применить). Часть фона, но, к сожалению, не весь, будет удалена (рис.

Исправить эту ситуацию можно двумя способами:

увеличить значение допуска;

вручную добавить маскируемые цвета.

10.2. Сложный фотомонтаж * Рис. Вид изображения после первого маскирования: спрятана только часть фона Первый вариант на первый взгляд проще, но нам придется от него отказаться, так как побочным эффектом станет маскирование части головы орла. Поэтому снова щелкните в пристыковываемом окне на кнопке Color Selector (Выбор цвета), выберите неспрятанный фрагмент фона и повторите процедуру маскирования.

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

Рис. Для подчистки фона мы замаскировали три цвета Если после этого где-нибудь еще остались очаги ненужных фрагментов, их можно очень легко и быстро подчистить инструментом Eraser (Ластик). Просто выбери те этот инструмент, уменьшите радиус кисти до нужного и затрите то, что хоти те. Авторам пришлось совсем немного поработать ластиком, так как качественно было сделано маскирование.

СОВЕТ К сожалению, Eraser (Ластик) не очень хорошо работает с растровыми изображениями в смысле устойчивости: достаточно часто программа зависает. Поэтому, прежде чем воспользоваться этим инструментом, обязательно сохраните работу.

362 * Глава 10. Обработка фотографий Полностью подчищенное изображение орла показано на рис. 10.13.

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

Рис. 10.14. Итоговое изображение 10.3. Отражение в воде * 10.3. Отражение в воде В этом простом примере мы продемонстрируем один из классических трюков не только CorelDRAW, но и компьютерной графики вообще: мы будем создавать отражение в воде.

Обычно дизайнеры делают отражение спортивных автомобилей. Но это совсем не обязательно — главное, чтобы отражение объекта в воде было логичным. Мы добавим водоем к дворцу (рис. 10.15).

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

Совместите нижние границы оригинала и копии так, как показано на рис. 10.16.

СОВЕТ Операцию поворота лучше совершать, удерживая нажатой клавишу Ctrl, — тогда враще ние будет происходить только на углы, кратные 45°, что исключает погрешность в несколь ко градусов. Кроме того, вряд ли у вас получится точно совместить две фотографии без увеличения масштаба просмотра. Для увеличения масштаба достаточно щелкнуть на изображении мышью, нажав сочетание клавиш Ctrl+F2.

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

364 Глава 10. Обработка фотографий. Рис. 10.16. Совмещенные фотографии что нижняя фотография выделена, и выберите команду Bitmaps Blur Gaussian Blur (Точечная графика Размытие Размытие по Гауссу). Этот растровый фильтр позволяет уменьшать резкость фотографии на указанное чис ло пикселов. Наши настройки показаны на рис. 10.17.

Рис. 10.17. Настройки фильтра Gaussian Blur (Размытие по Гауссу) Если вы довольны результатом, то остался последний шаг, а именно небольшая тонировка водной поверхности. Если вы бываете на природе и смотрите на отра жение в водоемах, то, наверное, обратили внимание на то, что оно всегда имеет легкий сине-зеленый оттенок. Это и нужно сейчас повторить.

Откройте диалоговое окно эффекта Color Balance (Цветовой баланс), выбрав ко манду меню Effects Adjust Color Balance (Эффекты Настройка цвета Цветовой 10.3. Отражение в воде * баланс) или нажав сочетание клавиш Сдвиньте ползунки в сторону голубого и зеленого (рис. 10.18).

Color Balance V у Рис. Настройки эффекта Color Balance (Цветовой баланс) Напоминаем, что наши настройки не должны быть для вас догмой, — гораздо лучше подобрать оптимальный вариант на глаз, чередуя перемещение ползунков и щелчки на кнопке Preview (Просмотр).

Вот и все, работа выполнена. Сгруппируете фотографии, и результат уже можно будет использовать (рис.

Рис. 10.19. Итоговое изображение 366 Глава 10. Обработка фотографий 10.4. Изменяем цвет глаз Достаточно часто случается, что в целом фотография устраивает пользователя, но один элемент совсем не такой, как нужно. В итоге приходится искать другое изображение, что отнимает время, силы, а зачастую и деньги. Пожалуй, самый яркий пример тому — фотографии женщин и цвет их глаз. Глаза у человека это не просто орган зрения, а «зеркало души». На портретах именно глаза притя гивают больше всего внимания.

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

Наше исходное изображение показано на рис. 10.20.

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

Для этой операции наиболее подходящим инструментом будет Freehand (Кривая).

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

СОВЕТ Не нужно слишком стараться повторить все мельчайшие подробности формы — все не точности в контуре можно будет поправить.

Настройки инструмента Freehand (Кривая), заданные по умолчанию, нас впол не устроят, кроме одного параметра, который рекомендуется изменить, — это 10.4. Изменяем цвет глаз Freehand Smoothing (Сглаживание Уменьшите его до 30-40%, иначе все мелкие детали сгладятся и сложнее обвести контур точно.

• :

Сглаживание кривой После того как глаз удалось обвести, получившийся контур необходимо отре дактировать. Для этого есть несколько способов, но проще всего воспользоваться инструментом Shape (Форма). Он позволяет как перемещать уже существующие узловые точки контура и менять их тип, так и добавлять новые (двойным щелч ком мыши на контуре). Постарайтесь сделать так, чтобы объект максимально точно повторял форму глаза, не пожалейте на это времени: ведь, как уже говорилось, именно точность обводки — это гарантия качества исполнения этого примера.

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

Изображение после завершения этого этапа показано на рис.

Рис. радужка и зрачок Однако контур вокруг глаза и контур вокруг зрачка — это два разных объекта.

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

Выделите при помощи инструмента Pick (Выбор) оба объекта (для этого нужно щелкнуть мышью на каждом из объектов, удерживая клавишу Затем выбери те команду меню Arrange Back Minus Front (Расположение Изменение формы Нижний минус верхний). Эта команда создает новую фигуру путем вы читания формы одного выделенного объекта, находящегося на уровень выше (у нас это зрачок), из формы объекта, находящегося ниже. Итог — фигура, точно повторяющая контур радужки.

После этого можно непосредственно менять цвет глаза. Для начала, используя инструмент (Интерактивная заливка), залейте объект нужным цве том. Мы выбрали зеленый, но вы можете использовать любой другой. Затем уда лите обводку фигуры (рис. 10.22).

368 * Глава 10. Обработка фотографий Рис. 10.22. Отключение обводки объекта Радужка обведена точно, но работа выглядит очень неестественно. Причина этого проста — глаз не однотонен, его окраска достаточно сложна в текстурном отношении. Поэтому последнее действие по перекрашиванию глаза будет таким:

примените инструмент Interactive Transparency (Интерактивная прозрачность) с настройками, показанными на рис. 10.23.

- All Рис. 10.23. Настройки инструмента Interactive Transparency (Интерактивная прозрачность) Самая главная настройка инструмента Interactive Transparency (Интерактивная прозрачность) для данного примера это включение режима смешения пиксе лов Saturation (Насыщенность). В этом режиме инструмент заменяет цветовую составляющую, не трогая при этом что позволяет сохранить слож ную структуру радужки глаза и одновременно поменять ее цвет.

Если этот глаз получился, точно так же работайте со вторым. Есть еще более простой ход: скопируйте созданный объект на второй глаз, немного подправьте инструментом Shape (Форма), и готово! Авторы поступили именно таким образом.

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

ПРИМЕЧАНИЕ По такой же технологии можно поменять цвет не только глаз девушки, но и губ, волос, лица в целом. Поэкспериментируйте, и вы не будете разочарованы.

10.5. Квадроплексное (четырехцветное) изображение В этом разделе мы поговорим о создании четырехцветных изображений. Эта тема во многом перекликается с разделом, посвященным дуплексным изображениям.

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

10.5. Квадроплексное (четырехцветное) изображение * Зачем нужны четырехцветные изображения? С одной стороны, это способ умень шить затраты: распечатанная таким образом продукция обходится значительно дешевле, чем полноцветная. И при этом результат получается очень стильный и ненавязчивый. Например, очень неплохо можно стилизировать фотографии «под старину» (в этом примере мы нечто подобное и получим).

Для примера мы выбрали изображение, представленное на рис. 10.24.

Рис. 10.24. Начальное изображение Для преобразования изображения в дуплексное, триплексное или необходимо выбрать команду меню Bitmaps Mode Duotone (Точечная графика Цветовая модель Дуплекс). Вы увидите диалоговое окно, представленное на рис. 10.25.

В раскрывающемся списке Туре (Тип) можно выбрать количество цветовых со ставляющих будущего рисунка (оно варьируется от 1 до 4). Ниже в окне со спи ском находятся метки цветов, количество которых зависит от выбранного в спи ске Туре (Тип) типа изображения.

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

Вариаций в цветах, как вы понимаете, может быть великое множество. Мы оста новились на оттенках желтого и коричневого, которые характерны для старых фотографий. Нет даже необходимости самим подбирать цвета — достаточно загрузить готовые настройки. Для этого щелкните на кнопке Load (Загрузить) в диалоговом окне Duotone (Дуплекс) и выберите файл qcolor4.cpd. Этого доста точно для перевода изображения в квадроплексное.

370 Глава 10. Обработка фотографий Рис. 10.25. Диалоговое окно (Дуплекс) I solid i j я к о : "с Рис. окно выбора для 10.5. (четырехцветное) изображение как команды Hue/Saturation/Lightness (Тон/Насыщенность/Яркость) и Brightness/ Contrast/Intencity (Яркость/Контраст/Интенсивность). Эти команды находятся в подменю Effects Adjust (Эффекты Настройка цвета).

Авторы подправили работу при помощи команды Brightness/Contrast/Intencity (Яркость/Контраст/Интенсивность), которую можно сочетанием кла виш Использованные настройки показаны на рис. 10:27.

Рис. Настройки в диалоговом окне Brightness/Contrast/Intencity (Яркость/Контраст/Интенсивность) Результатом данной работы станет цветное изображение, которое не требует боль ших затрат при распечатывании, однако выглядит очень неплохо (рис. 10.28).

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

Рис. 10.28. Итоговое изображение 372 * Глава 10. Обработка фотографий Если вы собираетесь распечатывать данное изображение, то позаботьтесь о том, чтобы интенсивность цветов красителя убывала с увеличением их номера. Это необходимо потому, что программа печатает отдельные макеты в порядке их размещения в диало говом окне Duotone (Дуплекс). Правильное расположение цветов улучшит качество изо бражения.

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

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

Откройте цветное изображение любого размера и цветовой модели. В качестве примера мы взяли цветную фотографию попугая (рис. 10.29).

Рис. 10.29. Исходное изображение Любой объект в растровой графике представлен в качестве совокупности разно цветных точек, которые называются пикселами. Именно поэтому растровые кар тинки часто называют битовой картой (bitmap).

ПРИМЕЧАНИЕ Не во всех программах слово «Bitmap» обозначает растровое изображение. Скажем, в Photoshop термин «битовая карта» применяется только к черно-белым изображениям (не путайте с Grayscale — то есть к тем, которые мы в этом примере на зываем битовыми. Это нужно помнить и не смешивать.

10.7. Рекламный плакат * Выбрав команду меню Bitmaps Mode Black and White (Точечная графика Цве товая модель Черно-белый), вы увидите диалоговое окно Convert to Bit (Пере вести в битовое) (рис. 10.30).

Bit Line Art г Options Рис. 10.30. Диалоговое окно Convert to 1 Bit (Перевести в битовое) В раскрывающемся списке предлагается шесть различных битовых карт, по-раз ному преобразующих рисунок. В последнем варианте можно загружать узоры, в соответствии с рисунком которых будет строиться расположение черных и белых пикселов на изображении. После применения какой-либо битовой карты рисунок будет состоять из двух цветов, а все серые оттенки исчезнут.

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

10.7. Рекламный плакат В этом примере мы рассмотрим, как очень легко и быстро можно оригинально оформить ту или иную рекламу. В случае это будет плакат, изображаю щий прогулку по океану и знакомство с его обитателями. Конечно же, суть этого примера не в дизайнерских находках (их тут нет), а в применяемых технологи ях — вы научитесь использовать инструмент Graph Paper (Диаграммная сетка) весьма нестандартно.

Итак, выберите в панели графики инструмент Graph Paper (Диаграммная сетка) и нарисуйте сетку, имеющую размерность 7x6.

374 * Глава 10. Обработка фотографий Рис. 10.31. Варианты итогового изображения Построив сетку, импортируйте рисунок, который ляжет в основу вашего плаката (рис. 10.32).

Рис. Сетка и исходная фотография 10.7. Рекламный плакат * Далее нам нужно объединить сетку и рисунок. Для этого выберите команду Effects Place Inside Container (Эффекты Фигурная обрезка Помес тить в контейнер). Появившимся курсором щелкните на сетке, и фотография окажется «в сети» (рис. 10.33).

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

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

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

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

Рисунок для вставки в ячейку Рис. 10.34. Наша картинка немного больше ячейки, но в данном случае это не так важно, так как изображение на рисунке не имеет центрального объекта 376 * Глава 10. Обработка фотографий Чтобы поместить рисунок в ячейку сетки, выделите его, а затем выберите коман ду меню Effects PowerCtip Place Inside Container (Эффекты Фигурная обрезка Поместить в контейнер) и мышью укажите то место, куда рисунок должен быть помещен. По такому же принципу разместите все ваши картинки, но учтите, что нельзя перегружать изображение: рисунки должны быть хаотично, но со вкусом (рис. 10.35).

Рис. 10.35. Обратите внимание на оформление правого угла нашего изображения И, как в любой рекламе, тут нельзя обойтись без надписи. Именно этим мы зай мемся сейчас. Для нашей надписи мы выбрали шрифт Vivace ВТ (рис. 10.36).

Рис. 10.36. Главное — правильно подобрать шрифт Теперь нам нужно применить к надписи инструмент Interactive Transparency (Интерактивная прозрачность), чтобы она хорошо сливалась с изображением (рис. 10.37).

Рис. 10.37. Добавляем к надписи прозрачность Теперь поместите надпись на но, как вы увидите, нужно еще по добрать место для размещения текста. Это очень важно в нашем случае, посколь 10.8. Футуристический портрет * ку, с одной стороны, надпись несет в себе смысловое значение, с другой — она не должна закрывать картинок (рис. 10.38).

Рис. 10.38. Размещаем надпись Вероятно, вы заметили, что в левом верхнем углу размещено точно такое же изо бражение, что и на исходной фотографии. Это придает плакату некую загадоч ность. Но на этом мы не останавливаемся: мы помещаем в ячейку точно такую же надпись, что и на главном изображении (рис. 10.39). Плакат готов.

Рис. 10.39. Итоговое изображение 10.8. Футуристический портрет Конечным результатом этого примера станет достаточно абстрактное изображе ние, пропитанное духом киберпанка. Но целью этого примера будет вовсе не оно — это изображение было выбрано случайно, — на этом примере мы проде монстрируем, как комплексно использовать встроенные фильтры для растровых изображений.

Исходное изображение — обычная фотография девушки — показано на рис. 10.40.

378 * Глава 10. Обработка фотографий Рис. 10.40. Исходное изображение Для начала немного стилизуем изображение под рисованное, уменьшив количе ство цветов в фотографии. Для этого есть очень хороший фильтр — Psychedelic (Психоделика), который вызывается командой Bitmaps Transform Psychedelic (Точечная графика Преобразования цвета Психоделика). Этот фильтр произ водит постеризацию и изменяет исходные цвета в зависимости от указанной ин тенсивности. Настройки, использованные авторами, показаны на рис.

Level:.

Reset OK Рис. 10.41. Настройки фильтра Psychedelic (Психоделика) Применение фильтра Psychedelic (Психоделика) было необходимо для того, что бы следующий эффект дал в итоге изображение, находящееся в относительно однородной цветовой гамме. Это фильтр Solarize (Соляризация): Bitmaps Color Transform Solarize (Точечная графика Преобразования цвета Соляризация).

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

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

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

10.8. Футуристический портрет * Рис. 10.42. Настройки фильтра Solarize (Соляризация) Рис. Изображение после применения фильтра Solarize (Соляризация) Теперь мы подошли к самой важной части работы. Нужно создать впечатление того, что портрет составлен из кусочков, располагающихся по окружности и со держащих в себе изначальную графическую информацию.

Применим фильтр Pixelate (Пикселизация): Bitmaps Distort Pixelate (Точечная графика Искажение Пикселизация). Этот фильтр предназначен для имитации изображения низкого разрешения. Для нас важно то, что есть возможность распо ложить эти «пикселы» по окружности. Настройки фильтра показаны на рис. 10.44.

mode Рис. 10.44. Настройки фильтра Pixelate (Пикселизация) 380 * Глава 10. Обработка фотографий На этом эффект практически закончен, остался последний штрих. Для большей оригинальности работы ей внутренней резкости и объема: Bitmaps 3D Effects Emboss (Точечная графика Трехмерные эффекты Рельеф). Необхо димые параметры можно увидеть на рис. 10.45.

fiepth: " • " Help Cancel Рис. 10.45. Настройки фильтра Emboss (Рельеф) Вот и все, эффект достигнут (рис. 10.46).

Рис. 10.46. Итоговое изображение 10.9. Неоновая Статуя Свободы В этом примере мы будем создавать иллюзию того, что объект составлен из све тящихся неоновых трубок. В качестве исходного изображения пусть послужит Статуя Свободы (рис. 10.47).

В CorelDRAW есть несколько растровых эффектов, при помощи которых можно превратить фотографию в рисунок из линий. Основные из этих эффектов объ 10.9. Неоновая Статуя Свободы * единены в группу Contour (Контур). Наиболее классический способ использова ния этих фильтров — имитация карандашного рисунка. Из них нам лучше всего подходит фильтр Find Edges (Найти края). Использованные авторами настройки показаны на рис. 10.48.

Рис. 10.47. Исходное изображение К Cancel Help Рис. Настройки фильтра Find Edges (Найти края) Получившееся изображение слишком тускло, а ведь скоро эти линии должны начать «излучать» свет. Поправить это можно несколькими способами, ничуть не уступающими друг другу.

наиболее простым и явным кажется использование команды Effects Adjust Brightness/Contrast/Intensity (Эффекты Настройка цвета Яркость/Кон траст/Интенсивность). Наши настройки отображены на рис. 10.49.

Если вы все делали правильно, то после этого изображение должно состоять из линий, но не «карандашных», а достаточно толстых и ярких (рис. 10.50).

Это уже неплохой который можно запомнить. Но на заявленную нами цель — объект из неоновых трубок — это ну совсем не похоже. Хотя бы потому, что фон в работе белый, а неоновые вывески обычно ассоциируются с ночью.

382 * Глава 10. Обработка фотографий Но в любом графическом пакете есть команда Invert (Инвертировать), которая по зволяет заменить цвета в изображении на противоположные: Effects Transform Invert (Эффекты Преобразования Инвертировать). Выполните эту команду.

Рис. 10.49. Настраиваем «светимость» линий Рис. 10.50. Изображение из линий После этого останется только несколько корректирующих штрихов. Немного размойте линии с помощью фильтра Blur (Размытие по Гауссу): Effects Blur Gaussian Blur (Эффекты Размытие Размытие по Гауссу). Наши настрой ки показаны на рис. 10.51.

А теперь добавим яркости и насыщенности при помощи команды Effects Adjust Brightness/Contrast/Intensity (Эффекты Настройка цвета Яркость/Контраст/Ин тенсивность). Мы использовали показанные на рис. 10.52.

Эффект выполнен. Мы создали аналогичным способом еще и «неоновую над пись» для дополнения композиции (рис. 10.53).

10.9. Неоновая Статуя Свободы * Рис. Настройки размытия /Intensity ш Рис. Добавляем линиям яркости и насыщенности ПРИМЕЧАНИЕ Полученный результат можно перевести в векторный формат (команда Bitmaps Trace Bitmap (Точечная графика Трассировка) — качество при этом не потеряется, зато доба вятся все полезные свойства векторной графики.

Рис. 10.53. Итоговое изображение Рисуем рамки • Рисуем рамку • Рамка для фотографии • Фотография за стеклом Рисуем рамку * Рисуем рамку В этом примере мы рассмотрим процесс создания оригинальных художествен ных рамок.

В качестве исходного изображения можете взять любое фото — не важно, что это будет: снимок природы или вашего близкого человека. Мы взяли фотографию с птицами (рис.

Рис. 11.1. Исходное изображение ПРИМЕЧАНИЕ Готовые эскизы рамок можно найти с помощью команды меню Bitmaps Creative Frame (Точечные изображения Формирование Рамка). Также можно применять к изображе нию сразу несколько рамок.

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

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

ВНИМАНИЕ Здесь нужно отметить важную особенность. Все, что в рамке будет белым, станет про зрачным, все, что будет черным — нет. Именно поэтому внутренняя часть рамки должна быть белая, наружная — черная.

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

13 Зак. 386 • Глава Рисуем рамки В панели свойств найдите кнопку Perfect Shapes (Автофигуры), щелкните на ней и выберите в открывшемся окне понравившуюся вам фигуру (рис. 11.2).

• Рис. 11.2. Выбираем вид Затем поместите фигуру на прямоугольник и сгруппируйте их (рис.

Рис. Рамка готова Сохраните этот файл в любом месте на диске, так как скоро он нам снова пона добится.

А сейчас выделите исходную фотографию и выберите команду меню Bitmaps Creative Frame (Точечная графика Формирование Рамка). Откроется диало говое окно Frame (Рамка) (рис.

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

Рисуем рамку * Результат показан на рис.

I cpt X Reset Рис. Диалоговое окно загрузки рамки Рис. Созданная рамка применена к изображению Для сравнения применим к нашему изображению уже готовую рамку, после чего добавим и только что созданную (рис.

388 * Глава Рисуем рамки Рис. Эффект применения сразу двух рамок 11.2. Рамка для фотографии Рамки с фотографиями есть практически в каждом доме, на каждом рабочем сто ле. Ведь рамка помогает нам не только украсить рабочее место, но и сохранить фото близкого человека или домашнего любимца. Если на вашем столе еще нет фотографии в рамке, это нужно немедленно исправить, потому что среди повсе дневной суеты нет ничего приятнее, чем увидеть улыбку близкого человека.

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

Для начала нужно задать ее форму, а для этого как нельзя лучше подходит одна из фигур инструмента Basic Shapes (Базовые фигуры). Расположение этого инст румента и выбранная нами фигура показаны на рис. 11.7.

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

ПРИМЕЧАНИЕ После того как две фигуры будут созданы, продублируйте меньшую. Эта копия понадо бится нам немного позже, при помещении фотографии в рамку.

Когда фигуры будут созданы, выделите их и выберите команду меню Arrange Shaping Back Minus Front (Расположение Изменение формы Нижний минус верхний), после чего фигуры образуют рамку в форме сердца.

Теперь займемся заливкой рамки. Сначала выделите ее, а затем выберите инст румент Pattern Fill Dialog (Диалоговое окно узорной заливки).

В Диалоговое окно Pattern Fill (Узорная заливка) Откроется диалоговое окно Pattern Fill (Узорная заливка). Установите в нем пе реключатель Bitmap (Точечный), остальные настройки показаны на рис.

'.

Row • Row ' Column OK Cancel Рис. Настройки узорной заливки Выполнив заливку, переходим к созданию формы нашей рамки, в частности зай мемся имитацией объема.

390 * Глава Рисуем рамки Для решения этой задачи у нас есть отличный инструмент — эффект Extrude (Экс трузия). Откройте пристыковываемое окно этого эффекта: Window Dockers Extrude (Окно Пристыковываемые окна Экструзия) (рис. 11.9).

Small Back Locked To..

H:

torn Вкладка Bevel Extrude (Скос) Вкладка Extrude Camera (Направление экструзии) Рис. Две вкладки пристыковываемого окна Extrude (Экструзия), в которых нам не подходят параметры по умолчанию На рисунке вам даны примерные параметры, на которые можно ориентировать ся, но для достижения реалистичного результата придется поэкспериментиро вать самостоятельно. Полностью готовая рамка представлена на рис.

Рис. Справа от рамки находится наш дубликат Рамка для фотографии * Теперь нам и понадобится наш ранее сделанный дубликат. Инструментом Pick (Выбор) помещаем его в объемную рамку, при этом обращая внимание на малей шие погрешности при стыковке рамки и дубликата. Если понадобится, можете немного растянуть или, наоборот, сузить дубликат.

ВНИМАНИЕ После того как дубликат будет помещен непосредственно внутрь рамки, ни в коем слу чае не группируйте их, пока пример не будет завершен.

После этого импортируйте фотографию, которая будет помещена в рамку (рис. 11.11).

ПРИМЕЧАНИЕ Не всегда можно найти подходящую по размерам фотографию, и тогда к нам на помощь приходит инструмент Pick (Выбор), который не только пропорционально изменяет раз меры изображения, но и дает нам возможность обрезать его.

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

Для этого выделите изображение и выберите команду меню Effects PowerClip Place Inside Container (Эффекты Фигурная обрезка Поместить в контейнер). Курсор приобретет вид большой стрелки — ею нужно щелкнуть на контуре дубликата.

На данном этапе могут возникнуть небольшие проблемы с правильным разме щением фотографии, поэтому, возможно, придется немного поэкспериментиро вать для достижения желаемого результата (рис. 11.12).

392 * Глава Рисуем рамки Рис. Итоговое изображение 11.3. Фотография за стеклом В этом примере мы будем решать довольно сложную задачу, которая неодно кратно вставала перед каждым дизайнером: мы будем имитировать стекло.

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

Начнем работу с построения прямоугольника. Для этого выберите в панели графи ки инструмент Rectangle (Прямоугольник) и нарисуйте фигуру средних размеров.

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

Когда первый этап будет пройден, активизируйте инструмент Interactive Contour (Интерактивный ореол) и примените его к прямоугольнику (рис. 11.13).

;

I, • Рис. 11.13. Настройки инструмента Interactive Contour (Интерактивный ореол) Фотография за стеклом * Чтобы добиться реалистичного изображения, нужно задать еще ряд настроек эф фекта ореола в панели свойств (рис.

Для начала щелкните на кнопке Outside (Наружу), чтобы определить направле ние распространения ореола.

Далее перейдем к установке параметров толщины рамки: введите в счетчике Contour Steps (Шаги), определяющем число шагов ореола, значение 55. В следую щем счетчике задается расстояние между соседними элементами ореола — мы подобрали значение 0,331.

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

Осталось установить параметры нелинейности, влияющие на характер измене ния цвета элементов ореола и на расстояния между ними. Для этого щелкните на кнопке Object and Color Acceleration (Нелинейность объектов и цвета). После при менения всех указанных настроек рамка будет такой же, как на рис. 11.14.

Перейдем ко второму этапу работы, главному в примере.

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

Подобрав изображение, инструментом Pick (Выбор) измените его габариты так, чтобы они подходили к рамке. После этого поместите фото в рамку, просто сдви нув эти объекты все тем же инструментом Pick (Выбор) (рис. 11.16).

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

394 Глава Рисуем рамки D Рис. 11.15. Фотография для размещения за стеклом Рис. Соединяем фотографию и рамку Затем щелчком на кнопке инструмента Fountain Fill Dialog (Диалоговое окно гра диентной заливки) откройте диалоговое окно градиентной заливки (рис.

Мы взяли для заливки очень светлый цвет. Это необходимо для чтобы фотография под стеклом не исказилась. Все остальные настройки показаны на рис. 11.17.

Затем выделите заготовку стекла и активизируйте инструмент Interactive Trans parency (Интерактивная прозрачность).

После этого обратитесь к панели свойств, чтобы настроить некоторые параметры прозрачности (рис. 11.18). В раскрывающемся списке Transparency Type (Тип прозрачности) установите вариант Bitmap Pattern (Точечный узор), а в списке Transparency Operation (Тип прозрачности) оставьте Normal (Обычный).

Фотография за стеклом Диагональное окно Fountain Fill (Градиентная заливка) Рис. Настройки градиентной заливки Тип прозрачности точечный узор Образец узора Уровень прозрачности Рис. Работа с инструментом Interactive Transparency (Интерактивная прозрачность) и его настройки Установив в панели свойств нужные параметры, вручную с помощью маркеров отрегулируйте направление наложения прозрачности (рис. 11.18).

Кроме того, в панели свойств вы можете регулировать яркость наложения про зрачности при помощи ползунка уровня прозрачности: это также показано на рис. мы установили значение Наконец, сгруппируйте объекты.

396 * Глава Рисуем рамки Теперь осталось придать нашему изображению блеск. Для этого мы воспользу емся инструментом Star Shapes (Звезды) и создадим звездочки, которые будут имитировать блики (рис. 11.19).

Рис. 11.19. Создаем блики инструментом Star Shapes (Звезды) Нарисуйте заготовку для блика (рис. 11.19). Чтобы изменить параметры звезды (длину лучей), воспользуйтесь инструментом Pick (Выбор). Перетащите красный маркер внутрь звезды, после чего у вас должен получиться такой же результат, как на рис.

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

Как вы многоугольник и рамка будут выглядеть негармонично: блики бу дут неестественные. Чтобы это изменить, воспользуйтесь инструментом Interactive Transparency (Интерактивная прозрачность), применив его к блику (рис. 11.20).

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

На этом работа завершена (рис. 11.21).

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

Имитация объема • Объем с помощью инструмента Interactive Mesh Fill (Интерактивная сетчатая заливка) • Сломанная доска • Шестеренки • Объемные книги • Сигарета • Рисуем Землю • Рисуем тупик • Ломаный деревянный текст • «Глобусы разных стран» • Стеклянные кнопки 12.1. Объем с помощью инструмента Interactive Mesh Fill Объем с помощью инструмента Interactive Mesh Fill (Интерактивная сетчатая заливка) CorelDRAW позволяет создавать псевдообъем при помощи стандартного эффек та Extrude (Экструзия). Используя этот эффект, вы можете нарисовать проекцию боковых стенок, благодаря чему и возникает впечатление объемности (рис. 12.1).

Рис. Объем, созданный с помощью эффекта Extrude (Экструзия) Но такой эффект не дает возможности имитировать выпуклость поверхности, и добавление скосов не спасает ситуации.

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

Предположим, вы хотите создать «валентинку», но не обычную, а демонстрирую щую объем вашего большого сердца.

Для начала нарисуйте сердечко. Проще всего это сделать с помощью инструмен та Basic Shapes (Базовые фигуры) (рис. 12.2).

Рис. 12.2. Заготовка для «валентинки» Щелкните в панели графики на инструменте Interactive Mesh Fill (Интерактивная сетчатая заливка). Поверхность фигуры покроется пунктирной сеткой.

400 * Глава 12. объема ство ячеек сетки по горизонтали и по вертикали определяется значениями в по лях и на панели свойств. Авторы выбрали вариант 4x4 (рис. 12.3).

Рис. 12.3. Сетка на объекте Теперь начнем окрашивать сердечко. Предположим, свет падает слева сверху.

Значит, правая нижняя часть «валентинки» должна быть темной. Выделите узлы в правой нижней части сетки и окрасьте их в 80% серого (рис. 12.4). Для этого щелкните на образце цвета на цветовой палитре в правой части экрана.

СОВЕТ Вы можете выделять отдельные узлы либо целые области. В последнем случае нужно щелкнуть где-нибудь внутри области, после чего окажутся выделенными все прилегаю щие к ней узлы.

Рис. Первый этап окрашивания сердечка Перекрасим оставшуюся часть объекта, за исключением левого верхнего угла, в 30% серого (рис. 12.5).

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

Объем с помощью инструмента Interactive Mesh Fill * Рис. 12.5. Второй этап окрашивания Рис. 12.6. Окончательный вид «валентинки» Как видите, ничего сложного. В качестве тренировки попробуйте создать «вы пуклые» фигуры, изображенные на рис. 12.7.

Рис. 12.7. Примеры использования сетчатой градиентной заливки для имитации выпуклости объектов 402 * Глава 12. Имитация объема Главным недостатком применения сетчатой заливки является то, что узлы мож но окрашивать только с помощью цветовой палитры. Поэтому если вы хотите использовать какие-нибудь нестандартные цвета, их придется сначала добавить в палитру.

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

Для начала нужно создать двумерный каркас для будущей сломанной доски. Это будут два прямоугольника одинаковой ширины, но разной длины, нарисованные инструментом Rectangle (Прямоугольник) («горячая» клавиша (рис. 12.8).

Рис. Заготовкой для доски служат два прямоугольника разной длины Переведите фигуры в кривые: для этого щелкните на каждой из них правой кнопкой мыши и выберите в контекстном меню команду Convert To Curves (Преоб разовать в кривые). Следующий наш шаг — создать на заготовках «обломанную» сторону. Для этого есть несколько путей, но особенно хорош вариант с использо ванием инструмента Roughen Brush (Огрубление). Его расположение и пример ные настройки показаны на рис. 12.9.

Рис. 12.9. Настройки инструмента Roughen Brush (Огрубление) Объем с помощью инструмента Interactive Mesh Fill * Несколько раз проведите инструментом Roughen Brush (Огрубление) по верх ней стороне большей доски. Необходимо получить достаточно достоверный рисунок.

СОВЕТ Доска не ломается равномерно. Постарайтесь, чтобы общий контур слома был неров ным, в одном месте щепки выдавались сильнее, чем в других. Этого можно достигнуть повторным применением инструмента Roughen Brush (Огрубление).

Затем сдвиньте эту доску со второй так, чтобы все щепки заходили на вторую доску, то есть до уровня «целости». Далее выделите обе доски и выберите команду Arrange Shaping Front Minus Back (Расположение Изменение формы Верхний минус нижний), если целая доска находится на уровень выше, чем сломанная, или Arrange Shaping Back Minus Front (Расположение Изменение формы Нижний минус верхний), если наоборот.

ПРИМЕЧАНИЕ Конечно, гораздо проще и вторую доску обработать инструментом Roughen Brush (Ог рубление), однако в этом случае мы проиграем в реалистичности — ведь эти доски должны были быть одним целым, до того как сломались. Поэтому их контуры должны четко соответствовать друг другу.

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

Рис. 12.10. Заготовки сломанной доски Теперь зальем доски необходимым узором. Для этого активизируйте инструмент Pattern Fill Dialog (Диалоговое окно узорной заливки), выберите группу узоров Bitmap (Точечный) и найдите там подходящую деревянную поверхность. Осталь ные настройки показаны на рис.

404 * Глава 12. Имитация объема Затем отключите обводку у досок (впрочем, это необязательно и даже может ока заться лишним) и инструментом Pick (Выбор) немного разверните одну из них так, чтобы усилить впечатление (рис. 12.12).

Г с Help ;

Рис. Настройки узорной заливки Рис. Доски после применения заливки Остается последний, самый интересный и самый важный шаг — придание объ ема доске. Тут нам на помощь приходит инструмент Interactive Extrude (Интерак тивный псевдообъем). Все необходимые настройки показаны на рис. 12.13.

12.2. Сломанная доска * --•,, :

т i ч. Back Parallel ц Locked To H:

V;

'..

в.

Рис. 12.13. Настройки инструмента Interactive Extrude (Интерактивный псевдообъем) Вот и все, пример выполнен. Итоговое изображение показано на рис. 12.14.

Рис. 12.14. Итоговое изображение 406 * Глава 12. Имитация объема 12.3. Шестеренки Этот пример авторы считают одним из лучших в книге. Он демонстрирует, что при правильном подходе созданные изображения могут приближаться по реали стичности к объектам, созданным в программах трехмерного моделирования.

Мы будем рисовать шестеренки.

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

Для этого в панели свойств найдите счетчик Number of Points on Polygon (Количество вершин многоугольника) (рис. 12.15) и увеличьте его значение до 13. Затем, удер живая клавишу Ctrl, нарисуйте фигуру, похожую на показанную на рис. 12.15.

Количество вершин многоугольника ржи К Рис. Инструмент Polygon (Многоугольник), нужные настройки и полученная фигура ПРИМЕЧАНИЕ Для придания звезде наиболее подходящего вида можно воспользоваться инструмен том Shape (Форма).

Вторым этапом в нашей работе будет создание окружности.

Для этого выберите инструмент Ellipse (Эллипс) и при нажатой клавише Ctrl на рисуйте круг. Затем разместите его над многоугольником (рис. 12.16).

ВНИМАНИЕ Для того чтобы выровнять центры фигур по горизонтали и вертикали, воспользуйтесь командами Align Centers Horizontally (Выровнять центры по горизонтали) и Align Centers Vertically (Выровнять центры по вертикали), которые вы найдете в подменю Arrange Align and Distribute (Расположение Выровнять и распределить).

12.3. Шестеренки Рис. Выравниваем центры фигур по горизонтали и вертикали Далее выделите звезду и воспользуйтесь командой Arrange Shaping Intersect (Расположение Изменение формы Пересечение) (рис. 12.17, а).

Никакие флажки в пристыковываемом окне Shaping (Изменение формы) устанав ливать не нужно, а для завершения данного этапа щелкните на кнопке Intersect With (Пересечь с). В результате указатель примет форму стрелки, которой вы должны щелкнуть на круге (рис. б).

Рис. 12.17. Создание пересечения фигур Далее мы будем убирать острые концы лучей бывшей звезды. Для этого нуж но построить еще один круг, который также выровнять по центру с заготов кой. После этого выделите заготовку (рис. 12.18, а) и выберите команду меню Arrange Shaping Weld (Расположение Изменение формы Объединить).

Флажки в пристыковываемом окне Shaping (Изменение формы) также не уста навливайте. Щелкните на кнопке Weld With (Объединить а затем курсором в форме стрелки щелкните на заготовке (рис. 12.18, б).

408 * Глава 12. Имитация объема.. i я Leave 0..

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

Следующим этапом в нашей работе будет соединение объектов в одну кривую.

Для этого нужно выделить фигуру инструментом Pick (Выбор), после чего в меню Arrange (Расположение) выбрать команду Combine (Объединить). В результате получится примерно то, что показано на рис.

View ч Clear and •. О Curves To Рис. 12.19. Соединяем объекты 12.3. Шестеренки * Для чтобы деталь выглядела металлической, ее нужно окрасить. В данном случае нам поможет градиентная заливка. Выделите объект, далее в группе инст рументов Fill (Заливка) на панели графики выберите инструмент градиентной заливки Fill Dialog (Диалоговое окно градиентной заливки). Этот инст румент также можно вызвать «горячей» клавишей F11. Перед вами появится диалоговое окно Fountain Fill (Градиентная заливка) (рис. 12.20). Все настройки заливки, использованные авторами, показаны на рис. 12.20, однако это не значит, что стоит отказываться от эксперимента — именно он может дать вам наилуч ший Диалоговое окно Fountain Fill (Градиентная заливка) Рис. 12.20. Настройки «металлической» градиентной заливки Получившийся каркас по форме напоминает шестеренку, но для большей реали стичности нам нужно заняться имитацией объема.

Для решения этой задачи существует отличное средство — эффект Extrude (Экстру зия). Откройте пристыковываемое окно этого эффекта: Window Dockers Extrude (Окно Пристыковываемые окна Экструзия).

Из всех многочисленных параметров этого эффекта нам необходимо изменить только освещенность и глубину псевдообъема. Настройки освещенности задают ся на вкладке Extrude Light (Освещение) (рис. 12.21). Зафиксировать внесенные изменения можно щелчком на кнопке Apply (Применить).

Настройки глубины псевдообъема позволяют нам отрегулировать толщину шес теренки. Они указываются на вкладке Extrude Camera (Направление экструзии).

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

410 • Глава 12. Имитация объема Рис. 12.21. Настройки при задании объема Back о bject С Рис. Установка глубины экструзии позволит отрегулировать толщину шестеренки Композицию, составленную из шестеренок, вы видите на рис. 12.23. В центре находится вышеописанная фигура, а две другие мы сделали по такому же прин ципу, как и главную.

12.4. Объемные книги Рис. 12.23. Итоговый результат 12.4. Объемные книги • Наверное, кто-то из читателей этой книги уже сейчас работает в книжном изда тельстве или это предстоит ему в будущем. Авторы также имеют подобный опыт, поэтому следующий пример, что называется, «из жизни».

Достаточно часто на практике нужно отобразить какую-то конкретную книгу или, что еще чаще, коробку. Хорошо, если у вас имеется файл, предоставленный производителем. А что если ваша организация и есть производитель (как, на пример, в случае с книжным издательством) или имеющийся материал для ва шей работы совсем не подходит? В идеале лучше использовать программы трех мерной графики. Но не изучать же 3D Мах ради одной книги или коробки! Тут нам на помощь CorelDRAW.

Мы будем рисовать объемную модель книги «Трюки и эффекты в Photoshop 7».

Для начала нужно отсканировать первую страницу обложки и корешок. Для ска нирования в CorelDRAW есть специальная команда Acquire Image (Получить изображение): File Acquire Image (Файл Получить изображение). Дальше про цесс сканирования зависит от устройства, которое установлено на компьюте ре. Для наиболее распространенных в частном пользовании сканеров Mustek это интерфейс Twain (рис. 12.24).

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

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

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

Отсканированные фрагменты книги показаны на рис. 12.25.

412 * Глава 12. Имитация объема Mustek mm.

Scan Рис. 12.24. Интерфейс Twain для сканирования Photoshop • Корабел Рис. Отсканированные первый лист обложки и корешок Теперь можно переходить непосредственно к объединению этих фрагментов в емную книгу. Для этого нужно несколько изменить перспективу каждого из них.

Лучше начинать, как показывает опыт, все-таки с корешка. Выберите позицию, 12.4. Объемные книги в которой должна быть книга (возможно, это лучше даже предварительно нари совать на бумаге), а затем дважды щелкните инструментом Pick (Выбор) на ко решке и осуществите нужный сдвиг одной из сторон.

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

Рис. 12.26. Сдвиг корешка Теперь уже проще работать с обложкой. Пододвиньте ее непосредственно к ко решку и точно так же, как и на предыдущем шаге, осуществите сдвиг.

СОВЕТ Сейчас лучше не экономить время и силы и сделать работу качественно. Увеличьте ра бочую область (клавиша F2) и совместите границы обложки и корешка максимально точно, чтобы не было даже миллиметровой погрешности.

Если все сделано правильно, после этого шага уже должно быть некое подобие объема (рис. 12.27).

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

414 * Глава 12. Имитация объема Рис. Работа после совмещения корешка и обложки Затем сделайте активным инструмент Interactive Fill (Интерактивная заливка) и установите для него в панели свойств параметры, показанные на рис. 12.28.

Рис. Настройки инструмента Interactive Fill (Интерактивная заливка) 12.5. Сигарета После этого отключите обводку нижней части книги и при помощи того же ин струмента Bezier (Кривая Безье) добавьте линию, имитирующую «выглядывание» задней части обложки.

Теперь выберите инструмент Shape (Форма) и подкорректируйте контур книги, чтобы он точно соответствовал обложке — иначе при наложении этого объекта поверх других проявятся не слишком нужные вам белые фрагменты.

Затем скопируйте книгу в обмена и вставьте ее Помести те эти два объекта каскадом друг относительно друга. Авторы еще и добавили тень при помощи инструмента Interactive Drop Shadow (Интерактивная тень), но если ваша работа будет предназначена для печати, это может быть лишним.

Пример готов. Итоговое изображение показано на рис. 12.29.

Рис. 12.29. Итоговое изображение Сигарета Как показывает опыт, самые лучшие результаты обычно получаются с минималь ными затратами сил. Главное — или найти способ получить такой результат, или добиться его экспериментально.

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

Для начала выберите инструмент Rectangle (Прямоугольник) («горячая» кла виша Создайте два прямоугольника, один из которых по относительной величине соответствует основной части сигареты, второй — фильтру. Совмес тите их (рис. 12.30).

416 * Глава 12. Имитация объема Рис. 12.30. Заготовка для сигареты После этого можно заняться фильтром. Вы можете просто залить его оранжевым цветом, но лучше пойти более сложным путем, который гарантирует намного бо лее правдоподобный результат. Выделите «фильтр» инструментом Pick (Выбор) и откройте диалоговое окно Texture Fill (Текстурная заливка), щелкнув в панели графики на инструменте Texture Fill Dialog (Диалоговое окно текстурной заливки).

Откройте библиотеку текстур под названием Styles и найдите там Recycled Paper (Оберточная бумага). Конечно, фильтры у сигарет делаются из оберточ ной бумаги, но это отличная основа для получения нужной нам текстуры.

Сейчас эта текстура имеет только цвета, которые можно отнести к оттенкам серого. Однако это совсем не сложно исправить. Найдите в том же диалоговом окне раскрывающийся список Paper (Бумага) и выберите в нем светло-оранже вый цвет (для ориентации у вас всегда есть компакт-диск этой книги). Затем по вторите эту операцию со списком Fiber (Волокно 1), только в нем выберите желтый цвет. Остальные настройки текстуры показаны на рис. 12.31.

Текстура для фильтра готова. Можно переходить к следующему шагу.

Сделаем объект объемным. Для этого создайте еще один прямоугольник, кото рый по габаритам должен точно соответствовать уже созданной сигарете. Оста вив его выделенным, откройте диалоговое окно Fountain Fill (Градиентная залив ка), щелкнув в панели графики на инструменте Fountain Fill Dialog (Диалоговое окно градиентной заливки).

12.5. Сигарета * • es 2C Hard 3C Rain Drops Soft 3C Recycled Paper I Hard 2C РИС.

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

Fountain Fill Linear Рис. 12.32. Настройки градиентной заливки 14 418 Глава 12. Имитация объема Как после этого этапа должна выглядеть ваша работа, показано на рис. 12.33.

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

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

СОВЕТ Для точного совмещения таких объектов удобно пользоваться командами подменю Align and Distribute (Выровнять и распределить) меню Arrange (Расположение). Выдели те оба объекта, выполните выравнивание по горизонтали («горячая» клавиша Е), а затем по вертикали («горячая» клавиша «С»), и задача выполнена максимально точно.

Теперь оставьте выделенным только прямоугольник с градиентом и примените к нему инструмент Interactive Transparency (Интерактивная прозрачность) с на стройками, показанными на рис. 12.34.

«mm Рис. 12.34. Настройки прозрачности После этого сигарета будет практически готова. Можно, правда, добавить еще один штрих, который совсем не обязателен, но для качества результата совсем не лишний. Это табак на конце сигареты.

Имитировать его очень просто. Создайте еще один узкий прямоугольник. Затем выберите инструмент Roughen Brush (Огрубление) и пройдитесь им по верхней час ти прямоугольника. Получится примерно то же самое, что показано на рис. 12.35.

12.6. Рисуем Землю * Рис. 12.35. Заготовка для табака Залейте эту фигуру подходящим цветом или текстурой и поместите в верхней части сигареты. Лучше переместить табак под слой с градиентной заливкой, щелкнув на нем левой кнопкой мыши и выбрав в открывшемся контекстном меню команду Order To Back (Порядок На задний план).

И, наконец, нужно сгруппировать все объекты сигареты.

Пример выполнен. Итоговое изображение показано на рис. 12.36.

Рис. 12.36. Итоговое изображение 12.6. Рисуем В этом примере мы попробуем нарисовать Землю. В целом, этот пример слож ным назвать нельзя, но он достаточно полезен, так как позволяет изучить осо бенности имитации объема для шарообразных предметов и ближе познакомить ся с текстурами в CorelDRAW.

Начнем работу. Создайте при помощи инструмента Ellipse (Эллипс), который вызывается клавишей F7, две одинаковые окружности.

СОВЕТ Возможно, вам будет проще не пытаться создать вторую окружность точно такой же, как и первую, а скопировать ее.

420 * Глава 12. Имитация объема Помните, что Земля не является абсолютно правильной окружностью, а немного сжата по вертикали — это желательно повторить. Наши стартовые пока заны на рис. 12.37.

Рис. 12.37. Исходные фигуры Затем выделите одну из окружностей инструментом Pick (Выбор) и откройте диалоговое окно Texture (Текстурная заливка), щелкнув в панели графики на кнопке инструмента Texture Fill Dialog (Диалоговое окно текстурной заливки).

В диалоговом окне Texture Fill (Текстурная заливка) найдите нужную текстуру.

огромное количество вариантов, это сделать не так просто. Сначала выберите в раскрывающемся списке Texture Library (Библиотека текстур) под названием Styles. Затем в окне со списком Texture list (Список текстур) найдите текстуру Satellite Photography (Спутниковая фотография). Это и есть то, что нам нужно для этого примера.

Кроме того, самой текстуре можно задать ее собственные настройки. Причем де лается это достаточно очевидным способом: все параметры носят название того, что они задают в текстуре. Скажем, облака — это Cloud, вода — Water, раститель ность — Vegetation.

Авторы решили оставить настройки по умолчанию (рис. 12.38). Вы же, в свою очередь, можете немного поэкспериментировать с ними, возможно, ваш вариант будет гораздо удачнее.

Работа после этого этапа показана на рис.

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

12.6. Рисуем Землю • Landscape tt:

2C 2C Rock-Speckled-Cracked 2C Cloud Й:

Rock-Speckled-Eroded. 2C 2C Cloud softness 2C water:

Upper OK Рис. 12.38. Настройки текстуры Рис. 12.39. Результат наложения текстуры Поэтому выделите вторую окружность и щелкните в панели графики на инстру менте Fountain Fill Dialog (Диалоговое окно градиентной заливки), чтобы открыть диалоговое окно Fountain Fill (Градиентная заливка). Градиентная заливка долж на быть:

радиального типа;

от черного цвета к белому;

со смещенным в левый верхний угол центром (рис. 12.40).

422 * Глава 12. Имитация объема • Center I Help Рис. 12.40. Настройки градиентной заливки Хотя если у вас уже есть опыт и понимание имитации объема при помощи гра диентных заливок, то можно попытаться найти свой вариант, который превосхо дит авторский по качеству. Мы не сомневаемся, что такой существует.

ПРИМЕЧАНИЕ Возможно, вам намного удобнее будет использовать инструмент Interactive Fill (Ин терактивная заливка).

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

СОВЕТ Для точного совмещения таких объектов удобно пользоваться командами подменю Align and Distribute (Выровнять и распределить) меню Arrange (Расположение). Выдели те оба объекта, а затем выполните выравнивание по горизонтали («горячая» клавиша Е) и по вертикали («горячая» клавиша С).

Затем оставьте выделенной только окружность с градиентной заливкой и при мените к ней инструмент Interactive Transparency прозрачность) с настройками, показанными на рис. 12.41.

Multiply Рис. 12.41. Настройки наложения прозрачности В результате Земля сразу проявится из-под второй окружности. Секрет тако го успеха — в режиме смешения пикселов Multiple (Умножение), который со 12.7. Рисуем тупик * храняет цветовые значения, меняя значения нижнего слоя в зависи мости от верхнего.

Земля после этого этапа показана на рис. 12.42.

Рис. 12.42. Объемная планета Вот и все. Эффект получен. Наиболее удачно такая планета будет смотреться на черном фоне, что очень хорошо для имитации космоса (рис. 12.43).

Рис. 12.43. Итоговое изображение 12.7. Рисуем тупик В этом примере нам предстоит работать с очень интересным инструментом Graph Paper (Диаграммная сетка), который входит в группу инструментов Polygon (Многоугольник) на панели графики.

424 Глава 12. Имитация объема Как любой инструмент графической программы, Graph Paper (Диаграммная сет ка) тесно связан работе с другими инструментами, в частности инструментами заливки.

А поскольку нарисованная этим инструментом сетка является векторным объек том, она позволяет нам проводить интересные эксперименты с линзами. В част ности, на рис. 12.44 вы видите эффект применения линзы Fish Eye (Рыбий глаз) поверх сетки.

Рис. Линза искажает расположенные под ней объекты Для начала мы должны установить параметры Number of Cells High (Число строк сетки) и Number of Cells Wide (Число столбцов сетки). Для этого правой кноп кой мыши щелкните на инструменте Graph Paper (Диаграммная сетка). Перед вами должно появиться диалоговое окно Options (Параметры), открытое на стра нице, содержащей настройки инструмента Graph Paper (Диаграммная сетка) (рис. 12.45).

Здесь мы должны отметить немаловажную особенность: она заключается в том, что сетка — это лишь совокупность множества прямоугольников. Поэтому в случае необходимости можно разгруппировать ее и работать с отдельными объектами.

Создав сетку, выберите команду меню Effects Add Perspective (Эффекты Доба вить перспективу). Затем с помощью инструмента Shape (Форма) перетащите правый верхний угол сетки внутрь, удерживая при этом клавиши Ctrl и Shift.

Я Ц Я 12.7. Рисуем тупик * Plug-Ins Text В- Toolbox -Connector of I Dimension i i- Angular ••• Ellipse Tool ••• Eraser Tool Graph Рары т Tool Fill Tod i !•• Tool - Polygon Tool. i Spiral Tool Zoom, • Document Global Рис. Страница с настройками сетки После этого у вас должно получиться изображение, подобное рис. 12.46.

Рис. 12.46. Сетка «уходит» вперед 426 Глава 12. Имитация объема Теперь мы приступим к изменению сетки. Для этого нам понадобится инстру мент Pick (Выбор). Перетащите средний маркер верхней границы сетки вниз, удерживая клавишу Shift, — сетка сожмется по вертикали (рис. 12.47).

Рис. Сжатие по вертикали делает сетку менее вытянутой Рис. 12.48. Две копии сетки 12.7. Рисуем тупик После этого продублируйте сетку. Для этого правой кнопкой мыши оттащите ее немного в сторону и в открывшемся контекстном меню выберите команду Сору here (Копировать). Результат показан на рис. 12.48.

Дальше нам нужно соединить два этих компонента, чтобы в итоге получилась фигура, похожая на рис. 12.49. Для этого нам понадобятся такие инструменты, как Pick (Выбор) и Shape (Форма). При помощи этих инструментов совместите углы копий.

Рис. Линии «пола» и «стены» совмещены Вариант Выберите команду меню Arrange Transformation (Расположение Преобразования), после чего в открывшемся пристыковываемом окне Transformation (Преобразова ния) перейдите на вкладку Scale and Mirror (Изменение размеров и отражение) и щелкните на двух кнопках Mirror (Отражение) (рис. 12.50). Затем щелкните на кнопке Apply To Duplicate (Применить к копии). Получившиеся объекты сгруппи руйте. Итог — рис. 12.51.

428 * Глава 12. Имитация объема •1..... X Рис. 12.50. Устанавливаем параметры преобразования Рис. 12.51. В результате у нас получился тоннель 12.7. Рисуем тупик * Вариант Вся работа будет выполняться при помощи инструментов Pick (Выбор) и Shape (Форма). В данном случае мы не будем группировать части изображения, и это упростит нам работу.

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

В итоге должно получиться так, как на рис. 12.51.

Сгруппируйте объекты.

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

Авторы остановились на радиальном градиенте (рис. 12.52).

Затем откройте пристыковываемое окно Lens (Линза) и выберите тип линзы Fish Eye (Рыбий глаз) (рис. 12.53). В качестве линзы служит окружность подходящих размеров, нарисованная инструментом (Эллипс).

Рис. В качестве заливки мы выбрали радиальный градиент Работа выполнена (рис. 12.54).

430 • Глава 12. Имитация объема Lens Рис. 12.53. Настройки линзы Fish Eye (Рыбий глаз) Рис. 12.54. Итоговое изображение 12.8. Ломаный деревянный текст 12.8. Ломаный деревянный текст В этом примере мы будем имитировать объемные деревянные буквы, как бы подточенные временем или насекомыми. Так как пример основан на эффекте Extrude (Экструзия), то для его реализации потребуется немало системных ре сурсов.

Итак, выберите инструмент Text (Текст). Гарнитуру лучше выбрать достаточно массивную, без засечек. Неплохой вариант — Black, к тому же этот шрифт доступен без установки дополнительных шрифтов. Кегль также стоит назначить крупный, мы выбрали значение в 72 пункта. Исходный цвет не имеет значения (рис. 12.55).

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

Щелкните в панели графики на кнопке инструмента Pattern Fill Dialog (Диалого вое окно узорной заливки).

В открывшемся диалоговом окне Pattern Fill (Узорная заливка) выберите пере ключатель Bitmap (Точечный). В этой группе узоров находятся в основном фото графии реально существующих материалов. Найдите в раскрывающемся списке с образцами узоров дерево. Остальные настройки можно подобрать на глаз, единственная рекомендация: параметр Skew (Перекос) в разделе Transformation (Преобразования) лучше изменить так, чтобы структура древесины на бук вах была оригинальней и естественней. Остальные настройки показаны на рис. 12.56.

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

432 * Глава 12. Имитация объема [ '•'.'''.. т Cancel Г Рис. Настройки узорной заливки, имитирующей дерево Если все в порядке, то идем дальше. Теперь нужно сделать трещины в буквах.

Для этого как нельзя лучше подходит Eraser (Ластик).

Я!

Настроек у ластика немного, и в принципе можно использовать установленные по умолчанию. Активизируйте инструмент и начинайте создавать прорехи в бук вах (рис. 12.57).

ВНИМАНИЕ После того как вы коснетесь ластиком букв, программа запросит подтверждение на пе ревод шрифта в кривые. Нужно дать согласие на это, однако устанавливать флажок, от меняющий вывод окна подтверждения в дальнейшем, не стоит.

Рис. 12.57. Созданные «трещины» Ломаный деревянный текст Качество работы будет выше, если повреждения будут разных размеров. Поэто му лучше сначала создать часть трещин ластиком с толщиной (Eraser Thickness) 1 мм, а потом еще несколько, но уже с толщиной 2 мм.

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

Для этого есть несколько вариантов. Мы воспользуемся наиболее простым из них. Сделайте активным инструмент Interactive Extrude (Интерактивный псевдо объем). Перетащите и ползунки так, как показано на рис. 12.58.

X Рис. Настройки эффекта Interactive Extrude (Интерактивный псевдообъем) После'этого буквы станут совсем другими. Какой-то объем будет чувствоваться, но он будет нереалистичным. Причина этого проста — недостаточно выражены светотеневые переходы, которые и создают иллюзию объема.

Исправим это. Откройте пристыковываемое окно Extrude (Экструзия): Window Dockers Extrude (Окно Пристыковываемые окна Экструзия). Все многочис ленные настройки нас не интересуют, поэтому сразу перейдите на вкладку Extrude Light (Освещение).

На этой вкладке можно определить положение и интенсивность источников света.

В целом, вы можете поэкспериментировать — это интуитивно понятное занятие, которое не нуждается в особых комментариях. Щелкнув па кнопке Edit (Изме нить) в нижней части вкладки, можно приступить к работе. Установив источни ки, щелкните на кнопке Apply (Применить), чтобы настройки вступили в силу.

434 Глава 12. Имитация объема Единственное, на что следует обратить внимание, — это параметр (Ин тенсивность). Это сила света. Если используется несколько «лампочек», то обыч но один источник является гораздо мощнее другого или других — фотографы такой свет «рисующим».

Наш вариант освещения показан на рис. 12.59.

Рис. 12.59. Расположение источников света Причем интенсивность источника 1 равна 100, а источника 2 — всего 37. Это по зволило, с одной стороны, подчеркнуть резкость контуров, а с другой — сделать фронтальную часть букв достаточно светлой, чтобы хорошо просматривался ри сунок дерева.

Вот и все, пример выполнен. Наш результат показан на рис. 12.60.

Рис. 12.60. Итоговый результат 12.9. «Глобусы разных стран» Этот пример, несмотря на несколько шутливый характер, может оказаться инте ресным для дизайнеров, ищущих новые идеи.

Цилиндрический «глобус» Итак, возьмем, например в клипарте для CorelDRAW, карту России в векторном формате (рис. 12.61) и поместим ее в документ CorelDRAW.

В качестве «глобуса», учитывая пропорции страны, будем использовать ци линдр, создать который можно, применив эффект Extrude (Экструзия) к эллипсу (рис. 12.62).

«Глобусы разных стран» * Рис. 12.61. Векторная карта России Vanishing Port:

Back Locked To Depth;

m V: m from:

Рис. 12.62. Цилиндр, полученный путем «выдавливания» эллипса С помощью инструмента Graph Paper (Диаграммная сетка) нарисуйте параллели и меридианы (рис. 12.63).

Рис. Карта с нанесенными на нее меридианами и параллелями 436 * Глава 12. Имитация объема Скопируйте созданный ранее цилиндр в другое место окна документа, превратите его в обычный объект командой Arrange Break Apart (Расположение Разделить) и удалите эллипс, оставив только боковую поверхность (рис. 12.64).

А Рис. 12.64. Поверхность «глобуса» Выделите карту вместе с координатной сеткой. Затем откройте пристыковывае мое окно Envelope (Оболочка) активизируйте в нем инструмент со значком пипетки и далее щелкните на поверхности «глобуса», после чего щелк ните на кнопке Apply (Применить). Карта деформируется соответствующим об разом (рис. 12.65).

V Рис. 12.65. карта Совместите результат деформации с цилиндром. Для этого достаточно выделить оба объекта и нажать клавиши С+Е (рис. 12.66).

Для большей естественности придайте поверхности «глобуса» объем. Выделите группу объектов, которые были получены в результате применения эффекта Extrude (Экструзия), и щелкните в панели свойств на кнопке Lighting (Освеще ние). Появится раскрывающееся меню с настройками освещения (рис. 12.67).

Установите положение и интенсивность источников освещения. В результате будет создано подобие тени (рис. 12.68).

12.9. «Глобусы разных стран» * Рис. 12.66. Карта на «глобусе»...f.

V Use color Рис. 12.67. Настройка освещения эффекта Extrude (Экструзия) Рис. 12.68. Объем достигается благодаря светотеневым переходам \ Осталось только дорисовать недостающие детали и подправить изображение в углах (рис. 12.69).

438 * Глава 12. Имитация объема Рис. 12.69. Готовый цилиндрический «глобус» Кубический «глобус» Карта Беларуси (рис. 12.70) лучше будет смотреться на кубическом «глобусе», который также создается с помощью эффекта Extrude (Экструзия) (рис. 12.71).

Рис. 12.70. Карта Беларуси Рис. Куб, созданный с помощью эффекта Extrude (Экструзия) 12.9. «Глобусы разных стран» * Нам нужно разместить фрагменты карты на трех поверхностях куба. Поэтому нарисуйте инструментом Ellipse (Эллипс) в режиме Pie (Сектор) три сектора по 120° каждый и наложите их на карту Беларуси (рис. 12.72).

Рис. Сегменты размером по наложенные на карту Беларуси Для каждого сегмента и карты выполните команду Arrange Shaping Intersect (Расположение Изменение формы Пересечение).

Каждую из частей нужно немного деформировать, превратив угол 120° в пря мой. Для этого нужно переместить вершину угла наружу. Технология такова:

1. Поверните фрагмент карты на 15°.

2. Включите режим привязки к объектам (View Snap To Objects (Вид Привязка к и к направляющим (View Snap To Guidelines (Вид Привязка к 3. Нарисуйте направляющие по краям объекта.

4. Перетащите вершину угла 120° на точку пересечения направляющих (рис. 12.73).

После этого наложите на сегменты наборы параллелей и меридианов одинаково го размера (рис. 12.74). Сгруппируйте (Ctrl+G) фрагменты карты с соответствую щими координатными сетками.

Рис. 12.73. Редактирование фрагмента карты 440 Глава 12. Имитация объема Рис. Участки карты с наложенной координатной сеткой Разделите изображение куба на три объекта командами Arrange Break Apart (Рас положение Разделить) и Arrange Ungroup (Расположение Разгруппировать).

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

• т т В ч • Рис. 12.75. Кубический «глобус» 12.10. Стеклянные кнопки В этом примере мы будем работать с объемом. Что это значит? В некотором роде это будет имитация трехмерной графики. Но не более чем имитация: с помощью светотеневых переходов мы создадим иллюзию объема, но это ни в коей мере не будет модель, подобная той, которую можно получить в программах трехмер ной графики.

12.10. Стеклянные кнопки * Итак, перейдем непосредственно к примеру.

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

Рис. 12.76. Овал, полученный путем деформации прямоугольника Далее нужно создать еще один овал, который понадобится нам для придания вы пуклости нашему объекту. Для этого выберите инструмент Pick (Выбор) и, удер живая клавишу Shift, тащите мышью внутрь фигуры самый крайний маркер сле ва. Результат показан на рис. 12.77.

Рис. 12.77. Копия овала создана и находится внутри фигуры Затем нужно преобразовать копию овала. Для этого инструментом Pick (Выбор) перетащите его немного вниз, удерживая клавишу Затем преобразуйте его так, как показано на рис. 12.78, все тем же инструментом Pick (Выбор).

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

Рис. 12.79. Третий и последний овал создан 442 * Глава 12. Имитация объема Немного преобразуем верхнюю копию овала. Для этого выделите ее и выберите команду меню Effects Add Perspective (Эффекты Добавить перспективу). Теперь необходимо преобразовать овал таким образом, как показано на рис. 12.80.

Рис. Преобразование верхнего овала: а — процесс работы с эффектом перспективы;

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

Рис. Заливка овалов произведена ПРИМЕЧАНИЕ Теперь нам нужно удалить обводку в фигурах, которые находятся внутри овала, так как да лее мы будем работать с эффектом перетекания. Для этого найдите в панели графики груп пу инструментов Outline (Обводка) и выберите инструмент No Outline (Удалить обводку).

После удаления обводки можно приступать к созданию эффекта выпуклости. Для этого выберите инструмент Interactive Blend (Интерактивное перетекание) и при мените его к объектам, расположенным внутри овала (рис. 12.82).

Рис. Результат применения эффекта перетекания к нижнему овалу Как видите, постепенно мы приближаемся к намеченной цели. Далее нам нужно с помощью инструмента Interactive Transparency (Интерактивная прозрачность) слить с изображением верхний белый овал (рис. 12.83).

Pages:     | 1 |   ...   | 2 | 3 || 5 |



© 2011 www.dissers.ru - «Бесплатная электронная библиотека»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.