Назад | Начало урока | Вперед
Содержание

Глава 1 (продолжение)

Вверх

Создание нового рисунка

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

Выберите File ->New или Ctrl+N. На экране появится диалог New.
Определив в том диалоге все опции, нажмите Enter. Вы увидите на экране
окно, определенного вами размера, с готовым полем для рисования.
Это окно имеет рамку. В поле для рисования мы и будем рисовать.

Создаем окно для баннера размером 468х60 пикселов.
Режим цвета 16 бит.
Цвет Фона - белый.

Вверх

Рисуем геометрические фигуры

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

  1. Чтобы нарисовать прямоугольник, воспользуйтесь специальным инструментом
    на панели инструментов Rectangle Marquee Tool.
    Чтобы нарисовать прямоугольник от центра, следует удерживать
    клавишу Alt. Чтобы нарисовать квадрат, удерживайте Shift

    Нарисуйте прямоугольник при помощи Rectangle Marquee Tool,
    шириной в половину баннера. Не снимая выделения, залейте его
    голубым цветом.

    Для заливки фигуры цветом, воспользуйтесь палитрой Swatches и
    инструментом заливки -Bucket.

    Не снимая выделения, обведите фигуру (прямоугольник) по контуру черным цветом,
    ширина линии - 1 пиксел.

    Чтобы обвести фигуру по контуру - Edit->Stroke
    И воспользуйтесь этим окном диалога Stroke, в котором
    укажите толщину линии. Цвет линии можно так же выбрать в этом диалоге.

    Снимите выделение - Ctrl+D

    Подсказка

  2. Далее нарисуйте в правой половине баннера эллипс.

    Чтобы нарисовать эллипс, воспользуйтесь специальным инструментом
    на панели инструментов Elliptical Marquee Tool.
    Чтобы нарисовать эллипс от центра, следует удерживать
    клавишу Alt. Чтобы нарисовать круг - удерживайте Shift.

    Чтобы залить цветом эллипс, щелкните левой кнопкой на образце цвета
    переднего плана на панели инструментов. Появится диалог Color Picker
    Этот умный диалог хорошо описан на стр 112
    Выберите в этом диалоге цвет переднего плана. Нажмите OK.

    Для заливки фигуры можно использовать следующий способ:
    выберите Edit-> Fill на экране появится диалог.
    Выберите в нем Foreground(передний план)

    Эллипс окрасится в цвет переднего плана.

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

    Теперь используя этот элипс,образуем из него кольцо

    Не снимая выделения, выберите
    Select - Modify - Contract (выделение-модификация-сжатие)
    Появится диалог Contract Selection (сжатие выделения)
    В поле ввода Contract Bay (сжать) введите число пикселей - 16
    Нажмите OK и увидите меньший эллипс внутри большого.

    Чтобы расширить область выделения, следует выбрать команду
    Select - Modify -Expand из меню.

    Зальем выделенную область цветом.
    Выберите Edit-Fill и в диалоге выберите Background Щелкните OK
    Выделенная область окрасится белым(фоном второго плана).

    Снимите выделение - Ctrl+D

    Подсказка

  3. Области выделения неправилной формы можно получить при помощи инструментов:
    Lasso Tool
    Poligonal Lasso Tool

    Если требуется создать контур неправильной формы с высокой точностью,
    (например обвести фигуру человека), то воспользуйтесь Pen Tool.

Вверх

Удаление объектов и отмена действий

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

Или при помощи инструмента Lastic. Причем этот инструмент может
иметь форму кисти, размер или жесткость этой кисти задает пользователь.

При помощи этих инструментов удаляем все ранее нарисованые фигуры.

Теперь когда мы умеем рисовать и удалять, то потренируйся в этом.

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

Вверх

Начинаем изготовление баннера

Размер баннера 468х60 пикселов.

Создадим прямоугольник заданного размера 150х50 пикселов и зальем его цветом.

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

Father -создает плавный переход между писелами выделенной области
и пикселами окружающими ее. Я поставил здесь 1.
Anti-aliased (Сглаживание) - позволяет свести до минимума контраст
на границах. В данной фигуре эта опция не нужна, так как нет кривых.
--------------------------------------------
Следует следить чтобы у инструментов выделения и заливки
всегда был установлен флажок Anti-aliased (Сглаживание)
Это позволит исключить резкие контрасты в изображении.
----------------------------------------------

Из палитры color выберем цвет -32,112,239

Теперь пользуясь палитрой info (она показывает цвет, размер, и
координаты фигуры, которая расположена в окне изображения)
разместите прямоугольник выбранного ранее размера и цвета
в окне, располагая его левый верхний угол в точке x= 5, y=5.

Зальем фигуру этим цветом и снимем выделение.

Далее выберите новую фигуру - эллипс. Выберите фиксированный размер.
Выберите горизонтальный и вертикальный размеры - 140,40

Пользуясь палитрой info установите этот эллипс в точке 10;10.

У нас получится эллипс внутри прямоугольника.
Зальем его белым цветом фона Edit-Fill_Background

Снимите выделение

Сделаем тонкую рамку по границам баннера:
Select - All
Edit -Strke

В диалоге Stroke согласитесь - OK.

Вокруг рисунка появилась тонкая рамка.

Сохраните рисунок.

Подсказка

Вверх

Текст для баннера

Теперь добавим в создаваемый логотип надпись PICK4YOU.

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

Программа позволяет работать со слоями.
Посмотрите палитру Layers

В данный момент наш документ состоит из одного основного слоя
Background.Этот слой создается при создании нового документа.

В палитре Layers каждому слою соответствует миниатюра и имя.

Нажимая иконку ГЛАЗ на этой палитре, мы можем делать выделенный
слой (активный слой - слой с которым работаем в настоящее время)
видимым или невидимым.

Выберите из инструментов - Horisontal Type Tool для ввода текста
в окно рисования.

На панели параметров отобразятся элементы управления:

Change the text orientation
Set the font family
Set the font style
Set font size
Set the anti-aliazed metod

Left align text
Right align text
Center align text
Set the text color

Create warped text (размещение текста вдоль кривой)
Toggle the character and paragrath palettes (дополнительные палитры для настройки текста).
...

Назначение параметров понятно без перевода,кроме:

1. Set the anti-aliazed metod
Это: если на экране провести диаганальную линию, то она не будет прямой.
Эта линия при увеличении будет в виде ступенек.
Чтобы сгладить эти ступеньки и применяется метод называемый anti-aliazed.

Подсказка

2. Toggle the character and paragrath palettes
Это палитра для работы со шрифтами текста и абзацами.

Установите курсор в центр рисунка.Напечатайте слово PICK4YOU.

Теперь выделим введенный текст и будем его модифицировать
по нашему желанию. Выделение текста делается так:

Нажмите клавишу Shift и удерживая ее нажимайте клавишу <-
столько раз,сколько букв в этом введенном нами слове (6 раз).

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

На панели параметров в рубрике Set the font family выберите Arial
На панели параметров в рубрике Set the font style выберите Bold Italic.

Установите размер шрифта (14 пикселей)

Установите расположение текста относительно точки вставки выбрав
одно значение из трех

Left align text
Right align text
Center align text

Выберите Center align text. Текст встанет в середину рисунка.
Щелкните мышью на Set the text color, чтобы выбрать цвет шрифта

С помощью палитры Toggle the character and paragrath palettes
вы можете многое делать с текстом.

В этой палитре вы можете установить

Поэкспериментируйте с этими окноми параметров текста и абзаца.

Теперь можно закрепить текст на рисунке нажав птичку.
Или убрать его нажав перечеркнутое колесо.

Закончить ввод текста можно так же нажав Ctrl-Enter

Подсказка

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

Все эти операции выполняются командами:

Edit -Free Transform (произвольное преобразование)
Edit - Transform (преобразование)

Если возникнет необходимость отредактировать или изменить
параметры введенного текста, то сделать это можно щелкнув
мышью на тексте при выбранном инструменте Horisontal Type Tool
и активном текстовом слое, который нужно редактировать.


Назад | Начало урока | Вверх | Вперед
Содержание

Hosted by uCoz