ISTYLER (663622), страница 2

Файл №663622 ISTYLER (Графические редакторы на примере Adobe ImageStyler) 2 страницаISTYLER (663622) страница 22016-07-31СтудИзба
Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 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.

Характеристики

Тип файла
Документ
Размер
259,5 Kb
Тип материала
Учебное заведение
Неизвестно

Список файлов реферата

Свежие статьи
Популярно сейчас
Как Вы думаете, сколько людей до Вас делали точно такое же задание? 99% студентов выполняют точно такие же задания, как и их предшественники год назад. Найдите нужный учебный материал на СтудИзбе!
Ответы на популярные вопросы
Да! Наши авторы собирают и выкладывают те работы, которые сдаются в Вашем учебном заведении ежегодно и уже проверены преподавателями.
Да! У нас любой человек может выложить любую учебную работу и зарабатывать на её продажах! Но каждый учебный материал публикуется только после тщательной проверки администрацией.
Вернём деньги! А если быть более точными, то автору даётся немного времени на исправление, а если не исправит или выйдет время, то вернём деньги в полном объёме!
Да! На равне с готовыми студенческими работами у нас продаются услуги. Цены на услуги видны сразу, то есть Вам нужно только указать параметры и сразу можно оплачивать.
Отзывы студентов
Ставлю 10/10
Все нравится, очень удобный сайт, помогает в учебе. Кроме этого, можно заработать самому, выставляя готовые учебные материалы на продажу здесь. Рейтинги и отзывы на преподавателей очень помогают сориентироваться в начале нового семестра. Спасибо за такую функцию. Ставлю максимальную оценку.
Лучшая платформа для успешной сдачи сессии
Познакомился со СтудИзбой благодаря своему другу, очень нравится интерфейс, количество доступных файлов, цена, в общем, все прекрасно. Даже сам продаю какие-то свои работы.
Студизба ван лав ❤
Очень офигенный сайт для студентов. Много полезных учебных материалов. Пользуюсь студизбой с октября 2021 года. Серьёзных нареканий нет. Хотелось бы, что бы ввели подписочную модель и сделали материалы дешевле 300 рублей в рамках подписки бесплатными.
Отличный сайт
Лично меня всё устраивает - и покупка, и продажа; и цены, и возможность предпросмотра куска файла, и обилие бесплатных файлов (в подборках по авторам, читай, ВУЗам и факультетам). Есть определённые баги, но всё решаемо, да и администраторы реагируют в течение суток.
Маленький отзыв о большом помощнике!
Студизба спасает в те моменты, когда сроки горят, а работ накопилось достаточно. Довольно удобный сайт с простой навигацией и огромным количеством материалов.
Студ. Изба как крупнейший сборник работ для студентов
Тут дофига бывает всего полезного. Печально, что бывают предметы по которым даже одного бесплатного решения нет, но это скорее вопрос к студентам. В остальном всё здорово.
Спасательный островок
Если уже не успеваешь разобраться или застрял на каком-то задание поможет тебе быстро и недорого решить твою проблему.
Всё и так отлично
Всё очень удобно. Особенно круто, что есть система бонусов и можно выводить остатки денег. Очень много качественных бесплатных файлов.
Отзыв о системе "Студизба"
Отличная платформа для распространения работ, востребованных студентами. Хорошо налаженная и качественная работа сайта, огромная база заданий и аудитория.
Отличный помощник
Отличный сайт с кучей полезных файлов, позволяющий найти много методичек / учебников / отзывов о вузах и преподователях.
Отлично помогает студентам в любой момент для решения трудных и незамедлительных задач
Хотелось бы больше конкретной информации о преподавателях. А так в принципе хороший сайт, всегда им пользуюсь и ни разу не было желания прекратить. Хороший сайт для помощи студентам, удобный и приятный интерфейс. Из недостатков можно выделить только отсутствия небольшого количества файлов.
Спасибо за шикарный сайт
Великолепный сайт на котором студент за не большие деньги может найти помощь с дз, проектами курсовыми, лабораторными, а также узнать отзывы на преподавателей и бесплатно скачать пособия.
Популярные преподаватели
Добавляйте материалы
и зарабатывайте!
Продажи идут автоматически
6531
Авторов
на СтудИзбе
301
Средний доход
с одного платного файла
Обучение Подробнее