Книга

автор сайта Razminka

В скобках указана версия программы

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

1. Открываем новое изображение, размеры - как размеры внутреннего разворота страниц. Советую для большей реалистичности придерживаться известного соотношения сторон страницы 3:4 (3х - ширина страницы, 4х - высота). Посчитаем (учебный год, как-никак, открываем) - имеем, что желательное соотношение сторон нового изображения 6:4. У меня - 240х160 пикселей. Цвет - белый.

2. И начинаем с того, что нарисуем затемнение посередине (почему - потом объясню). Рисовать будем градиентом, так что идем в меню Edit--Fill (или Ctrl+F), в диалоговом окне кликаем на вкладке Gradient, отмечаем направление заливки - горизонтальное, тип - Multiple colors.

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

3. Открылось диалоговое окно редактирования градиента - Palette Ramp Editor.
Можно отредактировать первый попавшийся градиент, но проще будет просто поменять настройки максимально похожего.
В нижней части диалогового окна - шаблоны градиентов, крутим полосу прокрутки и почти в самом низу находим нужный шаблон. У меня это номер 106, насколько я знаю - палитры от версии к версии не менялись, так что вы тоже можете работать с ним.

Ну и, собственно, настройка.
Сначала настраиваем значение Ring так, чтобы в окошке-превью Sample самая темная полоса проходила посередине ( у меня получилось 275).
Потом настраиваем цвета.
Квадратики возле круга-палитры - контрольные точки. Клик правой клавишей мышки на контрольной точке дает вам возможность изменить ее цвет (цвет палитры в этой точке) или удалить ее нафиг. Если подвести курсор к контрольной точке и когда он примет вид крестика нажать левую клавишу мышки, появится число - это на сколько градусов он от нуля по кругу. Ноль - на палитре слева по оси х.
Добавляются контрольные точки кликом мышки на палитре, при этом сразу же открывается диалоговое окно выбора цвета Ulead Color Picker. После того, как вы выберете там цвет и нажмете ОК - все изменения отразятся на вашем круге-палитре.

Я настроила так - контрольные точки на 0, 160 и 200 градусах - белые, на 173 и 187 градусах - светло-серый цвет (R=225, G=225, B=225), на 180 градусов - серый цвет (R=185, G=185, B=185).

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

4. После того как вы нажали ОК в диалоговом окне Fill, у вас должно было получиться нечто такое.
Вот теперь будем добавлять странички.

Paintbrush 5. Дальше совершаем следующую процедуру:
- Меню Format--Expand Canvas (Shift+N) - откроется диалоговое окно Expand Canvas. Снимаем галочку в окошке Expand sides equally (потому как расширять будем только по бокам), в окошках Left и Right ставим 1 - будем расширять на один пиксель.
- Кликаем на квадратик Expand color - откроется палитра цветов Ulead Color Picker. Выбираем черный цвет (две полоски цветных квадратиков видите? используйте), ОК - закрывем палитру, ОК - закрываем Expand Canvas.
- Снова Expand Canvas, но на этот раз расширяем на один пиксель серым цветом (R=128, G=128, B=128).
- И опять Expand Canvas, расширяем на один пиксель белым цветом.

Вот такая процедура. И ее надо повторить 5-7 раз.
Кто знает и умеет - может быстренько написать Task и автоматизировать себе создание страничек, кто не знает - разбирается сам или ждет моего урока.

Cache Хотя, хоть как-то автоматизировать эту бредятину все-таки можно.
После того как первый раз расширили изображение командой Expand Canvas, загляните на вкладку Cache в панели Quick Command Panel. Это очень удобная и, к сожалению, обычно незаслуженно игнорируемая вкладка. Тот перечень команд, который вы там видите - это действия, которые вы уже совершали с изображением. Теперь если кликнуть на названии команды - она снова будет выполнена, с теми параметрами, которые вы ей задали.
А вот если кликнуть по перечеркнутому квадратику возле названия команды, то это "обнулит" установленные вами параметры и тогда клик на названии команды вызовет ее диалоговое окно.
Идея понятна? Кликаем на квадратике - обнуляем параметры. Потом кликаем на названии команды - открывается диалоговое окно Expand Canvas. Может быть так вам будет удобнее (или веселее, что тоже немаловажно).

6. Поясню, почему мы вообще начали создавать книжку не со страниц, а с градиента.
Представьте - вот сейчас у вас имеется симметричное изображение и надо нарисовать затемненную полосу посередине. Если сейчас залить это все градиентом - белый цвет зальет все ваши созданные полосочки. Поэтому напрямую заливать градиентом все изображение нельзя.
Кто любит и умеет использовать кисти (Paintrush, Airbrush) - пожалуйста, включайте направляющие и рисуйте. Кто любит быстрые решения - создавайте выделенную область (симметричную относительно центра) - и заливайте градиентом. Есть, однако, некоторые неудобства - рисуя прямоугольное выделение придется либо отслеживать его размеры и координаты в строке состояния, либо увеличивать масштаб избражения.
Кстати, о выделенных областях. В PhotoImpact есть опция Fixed size - фиксированные размеры выделенной области. Так вот, эта функция работает корректно, только если размеры этой выделенной области заведомо меньше размеров изображения. Проявляется это так - если вы установите размеры фиксированной области, а потом кликните на изображении и это "фиксированное выделение" в изображение не вместится - оно будет обрезано (смотрите на рисунок, выделенная область аж никак не 240х160 заданных пикселя).

7. Ладно, идем дальше.
Побольше реализма, а то у нас странички прямо как в графическом редакторе сделаны :)
Меню Effect--Distort--Fat. Выберите себе какой-нибудь эскиз.

8. Рисуем вертикальную черную линию точно посередине.
Ага, ага, мысленно ускоряемся, Tool-Paintbrush, цвет-черный, 1 пиксель, Lines-Straight, в уме делим изображение пополам, вычисляем координаты начала рисования, напряженно смотрим на строку состояния - когда координаты-то начнутся, вот, точка отсчета, клик, тянем мышкой, еще клик...уфф, тяжка доля digital-art дизайнера...
А в это время я нажимаю Ctrl+N (новое изображение), размеры по высоте - наша книга (160 пикселей), Canvas-Custom color - черный, ОК. Потом Ctrl+C (скопировать), возвращаюсь к изображению-книжке, Ctrl+V (вставить), клик правой клавишей мышки Align-Center Horisontally, потом Shift+M (Merge, слияние). Так, я уже все сделала любимым русским методом copy-paste, а вы еще рисуете?

9. Приступаем к обложке.
Будем рисовать ее в новом документе, потом перетащим туда книжку.
Итак, открываем новое изображение (Ctrl+N), цвет не имеет значения, размеры - побольше, побольше чем книга - потом обрежем (например 400х400).
Инструмент - Path Drawing Tool, Shape-прямоугольник, Mode-2D, кликнув на квадратике Color выберите цвет или текстуру. И рисуем прямоугольник.
А нарисовав - измените его размеры сообразно вашей фантазии (можно исправить цифры в Layer Manager, можно кликнуть правой кнопкой и в Properties поставить нужные значения, можно использовать Transform Tool).
Переходим к изображению-книжке, Ctrl+C, возвращаемся к изображению обложки, Ctrl+V. Удерживая Ctrl кликаем на неактивном объекте (обложке), клик правой кнопкой Align-Center Both.
Ну вот, книжку и обложку совместили. Если надо - подкорректируйте размеры, потом снова выравняйте.

10. Доводим обложку до совершенства (предварительно сделав объект-обложку активным).
Инструмент Path Edit Tool. На панели атрибутов инструмента включаем переключатель Toggle, при этом прямоугольник обложки будет иметь вид каркаса с красными квадратиками (points) в вершинах.
Включаем для изображения линейки или сетку (Shift+V или Ctrl+Shift+R) и корректируем обложку, пользуясь кнопками на панели атрибутов.

Вообще-то и так все понятно, но на всякий случай, вдруг у кого помутнение сообразительности, разъясняю:
- если нажат плюс, то клик на каркасе объекта добавляет узловую точку
- если нажат минус, то клик на узловой точке удаляет ее
- если нажата стрелка, то узловую точку можно перетягивать с места на место
- клик на каркасе делает сегмент объекта выделенным красным цветом и в этом случае его можно сделать прямой линией или дугой (кнопки Convert line).

11. Масштаб 400%. Вот такой "вырез" можно сделать сверху и снизу по центру (добавляем 3 точки, потом центральную перетягиваем поближе к краю книги).

Corner Corner Чтобы сделать красивые уголки добавляем симметричные 2 точки, потом удаляем точку из вершины угла.
Когда закончите с точками, нажмите кнопку на панели атрибутов.

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

<все уроки> <следующий> <на главную>