ISTYLER (663622), страница 2
Текст из файла (страница 2)
Есть так же и несколько других операций, которые доступны через меню Object.
Работа с палитрами. Описание и примеры использования.
Вызвать окно любой палитры можно через меню Window. Закрыть окно палитры можно, нажав мышкой на маленький крестик в верхнем правом углу. Выделить палитру из группы палитр можно, нажав мышкой на соответствующую закладку (выступ с названием палитры) и "оттащив" ее мышкой в сторону. Снова сгруппировать можно "втащив" палитру таким же образом на ее прежнее место.
Начнем рассматривать палитры с самого верха (в порядке расположения в меню Window):
Группа: Properties, Transform, Web.
-
Properties - позволяет изменять свойства данного объекта. Для разных типов объекта имеются разные свойства:
-
г
еометрический объект: палитра позволяет изменять тип геометрического объекта: rectangle, rounded rectangle, ellipse или polygon. Можно выбрать тип заливки объекта: Fill (сплошное заполнение), или Outline (контур; можно выбрать толщину контура, используя ползунок Width)
-
текстовые объекты: палитра позволяет изменять параметры текстового объекта такие, как шрифт, размер, выравнивание и т.д.
-
графические объекты: палитра позволяет изменять параметры маски:
-
No Alpha - без альфа-канала. Изображение будет рисоваться, как оно есть, окруженное прямоугольником.
-
Use alpha channel - использовать альфа-канал, задаваемый самим IS. Эта опция стоит по умолчанию для каждого нового изображения. Используемая маска строится исходя из контура самого объекта. Например, если вы не хотите, чтобы картинка рисовалась в прямоугольнике, то нужно использовать альфа-канал.
-
Build alpha from image - альфа-маска строится из самой картинки, т.е. прозрачность задается, исходя из числовых значений элементов картинки в данной точке.
-
Active Matte - использование загружаемой маски для изображения. Будет рассмотрено на последнем примере.
-
T
ransform - содержит информацию о размере объекта, его положении, угле поворота и состояние деформации.
-
Web - позволяет присвоить URL (web-адрес) к объекту, а так же задать параметры для Batch Replace (см. Дополнительные возможности)
Группа: Color, Opacity, Distort.
-
C
olor - позволяет выбрать цвет для объекта и для фона (выбрав соответственно один из двух больших квадратов слева, как и на основной панели инструментов). Можно поставить галочку напротив кубика слева, тем самым, ограничив выбор цветов до набора "безопасных" для Internet.
-
Opacity - задает степень прозрачности для объекта. Её можно изменять, передвигая ползунок в верхней части окна. Далее можно выбрать способ задания прозрачности (выбирая нужный из списка):
-
No Gradient - обычная прозрачность, применяемая сразу ко всему объекту.
-
Linear - применение линейно-изменяющегося градиента прозрачности (степень прозрачности изменяется от одного края объекта до другого)
-
Burst - используются два симметричных линейных относительно центра градиента по обе стороны от объекта.
-
Double burst - используются два burst градиента, перпендикулярных друг к другу.
-
Radial - затенение от центра объекта к краю по окружности.
Ниже находится Opacity Bar (управление прозрачностью). Черный цвет означает 0% прозрачности (непрозрачный) и белый - 100% прозрачности (полностью прозрачный). Можно передвигать ползунки снизу для задания начальной и конечной позиции градиента.
Круг с чертой справа показывает состояние установок прозрачности и направление, в котором будет накладываться градиент. Направление можно изменять, задавая угол наклона (справа). При включении Relative градиент будет "вращаться" вместе с объектом при его вращении.
-
Distort - искажение объекта. Можно искажать объект, выбрав из списка соответствующий способ: No Distortion, Displace, Lens, Twirl, Spherize, Quantize, Radial Quantize. Для каждого способа можно задать различные индивидуальные параметры. Не будем останавливаться на этом, т.к. описание каждого способа слишком долгое (подробности можно узнать из файла помощи - online help).
Пример №1
Для демонстрации возможностей этой группы создадим новый документ File->New. Выберем синий цвет, как основной, черный - как цвет фона и выберем инструмент Ellipce Tool. Нарисуем произвольный эллипс (рис.1). Откроем палитру Properties. В окне появился список свойств для объекта Ellipce. Изменим способ нарисовки с обычного заполнения (Fill) на контур (Outline) и зададим ширину (Width) 6 точек. (рис.2). Теперь откроем палитру Opacity и выберем метод Linear, угол наклона - 140 градусов (рис.3). Сделаем две копии (нажав CTRL-D два раза) и выберем для каждой из них отдельный цвет. Расположим получившиеся объекты друг возле друга. Получилось красивое радужное оформление для какой-нибудь надписи. (рис.4).
Группа: Layer, Gradient, 3d, Filter.
-
Layer - задает параметры для данного слоя. Доступные параметры:
Fill with: color - заполнять заданным цветом.
image - заполнять заданной картинкой.
background - заполнять картинкой фона
texture - заполнять текстурой.
М ожно задать смещение слоя (Xoffset, Yoffset) относительно самого объекта, относительное увеличение (Width) и степень размытия (Softness)
-
Gradient - Все аналогично палитре Opacity, но только gradient не регулирует степень прозрачности, а просто заполняет объект градиентным цветом. После нажатия на одни из ползунков, нажатый ползунок выделяется, говоря о том, что можно изменить его цвет (цвет градиента) через палитру Color.
-
3d - задание эффектов объема. Доступные опции: None, Cutout, Emboss, Bevel, Ripple. Мы не будем здесь рассматривать каждый эффект, а покажем позже на примере.
-
Filter - фильтр для изображения. Можно регулировать яркость (Brightness), контраст (Contrast), насыщенность (Saturation), оттенок (Tint), применить эффект пастеризации (Pasterize) и инвертировать цвета (Invert).
Группа: Object Layers, JavaScript.
-
O
bject Layers - эта палитра содержит список всех слоев для данного объекта. Можно переключаться между активными слоями путем выбора нужного. Каждый слой имеет название (название можно изменить, дважды нажав левой кнопкой мыши на нем) и уменьшенное изображение. Слева от слоя есть значок глаза. Нажав на него можно сделать слой временно невидимым. Если снова нажать на то же место, то слой снова станет видимым. Самый верхний слой в списке будет первым видимым слоем. Слои можно менять местами, для этого нужно "перетащить" мышкой данный слой на другое место.
Внизу находятся три кнопки, это: создать новый слой, создать копию данного слоя и удалить слой.
-
JavaScript - см. Дополнительные возможности.
Пример №2
Создадим объемную надпись с мягкой тенью.
Откроем новый документ. Зададим основной цвет красным, а фон - белым. Выберем Type tool и создадим объект с текстом (рис.1). Откроем палитру 3d и выберем эффект Emboss (выпуклость), Light = 130, Edge = Plateau (возвышающиеся стороны) (рис.2). Теперь делаем тень. Тенью будет служить увеличенный и смещенный контур объекта. Создадим копию слоя и сделаем ее активной. Сделаем новый слой черного цвета (если он уже не черный). Откроем палитру Layer. Зададим Width=2 (относительное увеличение объекта), Softness=6 (размытие), XOffset=-4, YOffset=-4 (смещение слоя по горизонтали и вертикали). Объемная надпись с тенью готова (рис.3).
Группа: Styles, Textures, Shapes.
-
S
tyles - эта палитра содержит набор заранее заготовленных стилей (наборов свойств для объекта и каждого из его слоев), которые можно применять к любым объектам не тратя времени на задание параметров вручную, как мы это делали прежде. Например, можно нарисовать прямоугольник и легко сделать из него объемную кнопку, выбрав соответствующий стиль из списка. IS предусматривает возможность добавления новых стилей и создание собственных.
-
Textures - палитра содержит набор текстур (изображений), которыми можно заполнять объект. Для применения текстуры к объекту нужно выделить объект, выбрать текстуру и нажать кнопку Apply внизу палитры. Например, во втором примере можно сделать объемную надпись из дерева, выбрав соответствующую текстуру для основного слоя. IS так же предусматривает возможность добавления собственных текстур в коллекцию.
-
Shapes - набор контуров, которые можно использовать в качестве объектов, либо в качестве масок. IS предусматривает возможность добавления новых контуров. Единственное условие - контур должен храниться в файле как черно-белое изображение.
Пример №3
Теперь на основе полученных знаний о возможностях Adobe ImageStyler, создадим демонстрационную картинку:
С
оздадим новый документ. Сделаем фон активным, щелкнув на нижний квадрат на панели инструментов. Зададим для фона текстуру, для этого откроем палитру Textures и выберем нужную. Теперь вставим в документ картинку, для этого воспользуемся возможностью Windows Drag-and-drop, т.е. "перетащим" картинку из Windows Explorier в документ IS:
Растянем картинку по вертикали так, чтобы она имела высоту 246 (это значение взято из дальнейшего расчета пропорции), а инструментом Crop урежем ее до ширины 240. Теперь надо присвоить картинке форму кляксы. Откроем палитры Properties (для нашего объекта) и Shapes. В свойствах выберем Alpha Channel = Active Matte (маска прозрачности на основе заданного контура). Наша картинка сразу приняла форму круга, т.к. по умолчанию установлен круглый контур. В маленьком окошке снизу видим черный круг – это и есть заданный контур. В палитре Shapes ищем контур с названием Blob 4 (переключить в моду показа с названиями можно нажав черную стрелку в левом верхнем углу и выбрав Names view). Затем перетаскиваем его в окошко в палитре Properties, в котором находится круг.
Теперь наша картинка имеет новую маску (см. образец в описании палитры Properties). Но картинка находится не совсем так, как хотелось бы. Используя Crop tool, выровняем положение картинки:
Создадим эффект объема, для этого зададим в 3d палитре эффект Emboss (выпуклый), Depth=13 (глубина), Softness=1 (размытие). Теперь немного исказим картинку, для этого откроем палитру Distort, зададим Spherize (сферическое искажение), Magnification=100 (увеличение), Amount=-83 (глубина):
Теперь нужно добавить эффект полупрозрачности с клетчатым фоном.
Создадим второй слой и присвоим ему текстуру в виде шахматной доски. Откроем палитру Distort и зададим тип Twirl (закрутить), Turns=27 (количество оборотов), Band size=2 (размер сегмента). Чтобы сделать текстуру помягче, откроем палитру Opacity и зададим прозрачность слоя в 40%. Пока нашего клетчатого фона не видно, потому что передний слой непрозрачен. Сделаем активным первый слой и откроем палитру Opacity. Установим тип Linear (линейное изменение прозрачности), угол=13, правый ползунок Opacity Bar передвинем на середину.
Все, наша картинка готова.
Дополнительные возможности
IS позволяет создавать из сделанного документа готовые web-страницы для Internet.
Для этого необходимо создать страницу так, как бы вам хотелось её видеть, затем выбрать File->Export, File->Export As, или File->Export Selection и ввести в появившемся окне имя файла, в котором будет сохранен документ на диске. IS создаст готовый HTML файл и набор графических файлов, которые будут лежать на диске в директории Images. При генерации изображений, IS помещает все объекты, которые соприкасаются друг с другом, в один файл. Остальные же объекты записываются в отдельные файлы. Фоновое изображение так же записывается в отдельный файл.
Для Internet немаловажен размер графических файлов, по этому IS предоставляет возможность выбрать, в каком формате будут сохранены графические изображения и степень сжатия изображений (для JPEG формата). Эти установки можно сделать в палитре Export settings.