Архив рубрики: Adobe Illustrator

Рисование лампочки в иллюстраторе

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

Как нарисовать типографический постер, открытку к новому году. Урок.

У Анны и Романа Волковых на Осеннем марафоне нам дали задание нарисовать 15 шрифтовых композиций. Что делать? Надо браться). Шрифты мне всегда нравились.

Литература по типографике (не путать с каллиграфией и леттерингом):

Книга "Дизайн для недизайнеров" Робин Вильямс в интернет-магазине OZON.ru Книга «Дизайн для недизайнеров» Робин Вильямс в интернет-магазине OZON.ru

Больше ничего советовать не буду. Этой книги для начала достаточно. Легко читается, много картинок и пояснений.

Вот что получилось у меня.

Открытка к новому году

Теперь расскажу как я это делала. Урок, предупреждаю, не для нулевичков. Многие моменты объяснены не будут. Читать далее

Восемь способов уменьшить размер EPS файла для микростоков.

Максимальный размер файла на шаттерстоке 15 мб. Иногда получаются файлы намного больше размером. Попробуем их уменьшить?

1.  Уменьшим размер изображения. К примеру, была картинка 1000 на 1000 пикселей. Делаем 100 на 100 пикселей. Метод работает, если в файле есть градиенты, прозрачности и меши. А если просто много точек и кривых работать не будет. Читать далее

Горячие клавиши в программе Иллюстратор (Adobe Illustrator), которыми пользуюсь я.

Сочета́ние кла́виш 
(синонимы: горячая клавиша, клавиша быстрого доступа, клавиша быстрого вызова, клавиатурный ускоритель) (англ. keyboard shortcut, quick key, access key, hot key) — нажатие одной или нескольких клавиш на клавиатуре для выполнения определённой команды, запрограммированной на вызов по нажатии этого сочетания. Использование сочетаний клавиш значительно ускоряет работу и увеличивает количество возможных действий, выполняемых с помощью клавиатуры.  
Источник ru.wikipedia.org

Клавиши работы с документом в иллюстраторе.
CTRL+N – создать новый документ.
CTRL+O – открыть документ.
CTRL+W – закрыть документ.
CTRL+S – Сохранить документ. Сохраняйте ваш документ каждые 10-15 минут.
CTRL+SHIFT+S — Сохранить как. Читать далее

Урок создания календарной сетки

Как сделать в кореле (CorelDRAW) календарную сетку.

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

Останется экспортировать файл с календарной сеткой в ai или eps и с ним можно будет работать в Иллюстраторе, например, добавить картинку или поздравление.

Успехов вам в Новом году))

По ссылке ниже можно скачать календарные сетки (шаблоны) на 2010 год для корела, которые можно импортировать в фотошоп или иллюстратор.

 P.S. Появился скрипт для создания календарной сетки в Иллюстраторе, но он сделан для анголязычных стран, а там неделя начинается не с понедельника, а с воскресенья. Автор скрипта Натаниел Келсо (Nathaniel V. Kelso). Если вас это не смущает вот ссылка на сайт Юлии Латышевой, где описано как работать со скриптом.  Заодно посмотрите и векторные иллюстрации Юлии.

На главную 

А можно просто заказать печать календаря на принтдиректе. Календарная сетка там уже готова. Нужно только вставить картинку. Пример ( по щелчку на картинке можно купить этот календарь): календарь 2011 с рыцарем

Горячие клавиши в программе Иллюстратор (Adobe Illustrator).

Сочета́ние кла́виш
(синонимы: горячая клавиша, клавиша быстрого доступа, клавиша быстрого вызова, клавиатурный ускоритель) (англ. keyboard shortcut, quick key, access key, hot key) — нажатие одной или нескольких клавиш на клавиатуре для выполнения определённой команды, запрограммированной на вызов по нажатии этого сочетания. Использование сочетаний клавиш значительно ускоряет работу и увеличивает количество возможных действий, выполняемых с помощью клавиатуры.  
Источник ru.wikipedia.org

Функциональные клавиши.

Вызвать справку
"F1"

Вырезать
"F2"

Копировать
"F3"

Вставить
"F4"

Показать/скрыть палитру "Кисти"
"F5"

Показать/скрыть палитру "Цвет"
"F6"

Показать/скрыть палитру "Слои"
"F7"

Создать новый символ
"F8"

Показать/скрыть палитру "Информация"
"Ctrl" + "F8"
"Command" + "F8"

Показать/скрыть палитру "Градиент"
"Ctrl" + "F9"

Показать/скрыть палитру "Обводка"
"Ctrl" + "F10"

Показать/скрыть палитру "Атрибуты"
"Ctrl" + "F11"

Восстановить
"F12"

Показать/скрыть палитру "Стили графики"
"Shift" + "F5"

Показать/скрыть палитру "Оформление"
"Shift" + "F6"

Показать/скрыть палитру "Выравнивание"
"Shift" + "F7"

Показать/скрыть палитру "Трансформирование"
"Shift" + "F8"

Показать/скрыть палитру "Обработка контуров"
"Shift" + "Ctrl" + "F9"

Показать/скрыть палитру "Прозрачность"
"Shift" + "Ctrl" + "F10"

Показать/скрыть палитру "Символы"
"Shift" + "Ctrl" + "F11"

Источник: официальная справка по Иллюстратору.

Продолжение следует…

 

Похожие статьи:

Горячие клавиши в программе Иллюстратор (Adobe Illustrator), которыми пользуюсь я.

  

 

На главную 

Форматы графических файлов.

Формат файла – это что, в каком виде находиться в файле (спецификация (однозначное описание) структуры данных, записанных в компьютерном файле).

Имя файла.расширение

Расширение файла – это последовательность символов, добавляемых к имени файла после точки. Расширение указывает на формат  (тип) файла.

 

Основные виды графических форматов файлов:

1) Растровые – содержат в себе элементы растровой графики.

  • BMP (Windows or OS/2 bitmap)
  • GIF (Graphics Interchange Format)
  • JPEG, JPG, JPE (Joint Photographic Experts Group)
  • JPEG 2000 (.jp2)
  • PNG (Portable Network Graphics)
  • PSD (Photoshop document), родной формат Фотошопа
  • RAW
  • TGA (Truevision Targa) (.TGA, .tpic)
  • TIFF, TIF (Tagged Image Format)
  • WDP, HDP (Windows Media Photo)
  • CPT (Corel PHOTO-PAINT bitmap), родной формат Фото-Пайнта

2) Векторные - содержат в себе элементы векторной графики.

  • AI (Adobe Illustrator), родной формат Иллюстратора
  • CDR (Corel Draw), родной формат Корела
  • CGM (Computer Graphics Metafile)
  • SVG (Scalable Vector Graphics)
  • WMF (Windows Metafile)
  • EMF (Extended Metafile)

3) Универсальные – могут содержать и векторные и растровые элементы.

  • EPS (Encapsulated Postscript format)
  • PS (PostScript)

 

 

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

1) Для веб дизайна это форматы:

  • GIF (Graphics Interchange Format), поддерживает прозрачность, хорошо сжимает изображения с однородными заливками (без перехода цвета)
  • JPEG, JPG, JPE (Joint Photographic Experts Group), хорошо сжимает полноцветные изображения
  • JPEG 2000 (.jp2)
  • PNG (Portable Network Graphics), поддерживает прозрачность, альфа-каналы (полупрозрачность)
  • SVG (Scalable Vector Graphics), поддерживает анимацию.

2) Для печати (полиграфия):

  • TIFF, TIF (Tagged Image Format), мега супер качественный формат, который хорошо ужимается при архивации. Очень старый и очень универсальный.
  • PSD (Photoshop document)
  • AI (Adobe Illustrator)
  • CDR (Corel Draw)
  • EPS (Encapsulated Postscript format)

3) Для наружной рекламы чаще всего используют:

  • AI (Adobe Illustrator)
  • CDR (Corel Draw)
  • TIFF, TIF (Tagged Image Format), в этом формате файлы много весят и соответственно много «кушают» ресурсов компьютера, но некоторые фирмы берут только в них. Я не эксперт в наружной рекламе, но предполагаю, что это зависит от оборудования.

Итог: по форматам файлов написаны бааальшие и толстые книги, есть материал в Википедии, если хотите изучить подробнее вам туда. Я старалась написать краткий обзор, что бы новички не спрашивали «А в каком формате сохранить?».

На главную 

Статьи

Уроки 2d

Урок рисования реалистичного клевера

Задача: нарисовать реалистичный клевер, разобраться со светом и тенью.
Урок не для нулевичков.

Первое что я сделала — это сходила сфотографировала клевер.
И вот он, клевер с 4 листочками, пусть висит на счастье)))
4х-листный клевер 
Рисовать будем с другой картинки, где сильнее выражена свет и тень.

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

урок рисования клевера в Иллюстраторе
Разрезаем листики на 2 половинки. Теперь будем красить.

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

нарисованный лист клевера
Окрашиваем градиентом листочки. Внимательно смотрим, где темнее цвет, где светлее. Далее рисуем светлые полосочки, которые есть на листьях клевера.

кисть для рисования полосочек на клевере
Для полосочек берем кисть. Я взяла ту что стоит по умолчанию.    ! Не забудьте отэкспандить кисть, когда все нарисуете.

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

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

лист клевера, нарисованный в Иллюстраторе
Цветов, использованных ( которые справа), на самом деле больше.

Как нарисовать перспективу в Иллюстраторе (Adobe Illustrator)?

Перспекти́ва (фр. perspective от лат.  perspicioясно вижу) —

  1. Явление кажущегося искажения пропорций и формы тел при их визуальном наблюдении. Например, два параллельных рельса кажутся сходящимися на горизонте в двух точках (спереди и сзади наблюдателя)
  2. Способ изображения объемных тел, передающий их собственную пространственную структуру и расположение в пространстве. В изобразительном искусстве возможно различное применение перспективы, которая используется как одно из художественных средств, усиливающих выразительность образов. (http://ru.wikipedia.org/wiki/перспектива)

В Иллюстраторе нет встроенных средств для построения перспективы, поэтому придется все делать вручную.

  1. Для начала  нам нужны линейки. Найдем их мы в меню Просмотр – Линейки (Ctrl+R).
  2. Вытягиваем горизонтальную направляющую, которая будет определять линию горизонта.перспектива в иллюстраторе
  3. Определяем точки схода. Я ставлю маленькие кружочки или вертикальные направляющие, блокирую их (Объект – Закрепить выделенное, Ctrl+2).
    точки схода
  4. После этого можно начинать простраивать линии схода. Для этого вытягиваем направляющую из линейки.
  5. Берем инструмент Поворот.
  6. Щелкаем инструментом в том месте, где должен быть центр вращения направляющей (в точке схода)
  7. Поворачиваем направляющую, так как нам нужно.
  8. Строим перспективу.
    перспектива

Второй способ (вычитала и модернизировала у Xdkd)

  1. Рисуем вертикальную линию.
  2. Не снимая с нее выделения, щелкаем 2 раза по инструменту Поворот.инструмент поворот, иллюстратор
  3. Выставляем нужный нам угол (я поставила 3 градуса)
  4. Нажимаем Копировать, окно зарывается.
  5. Что бы не вызывать каждый раз инструмент Поворот есть замечательная команда Объект – трансформировать – повторить трансформирование и комбинация клавиш Ctrl+D.
    повернуть  в иллюстраторе

 Xdkd использует другой инструмент и другой угол поворота. Давайте посмотрим какой.

  1. Меню Эффект – исказить и трансформировать – трансформировать появляется диалоговое окно Эффект трансформирования.исказить и трансформировать
  2. Угол поворота 5 градусов. Число копий  в поле Экземпляры 72.
  3. После этого выбираем меню Объект – разобрать оформление. У нас получается много лучиков.
  4. Меню Просмотр – направляющие – создать направляющие (Ctrl+5).
  5. Группируем меню Объект — сгруппировать (Ctrl+G) полученное «солнышко»
  6. Копируем так, что бы центры «солнышек» были на одной горизонтали.
  7. Строим объекты в перспективе.

перспектива рисунок

У Xdkd этот способ используется для построения перспективы в Иллюстраторе, что бы потом можно было использовать в Фотошопе. В этом случаем можно сделать, так что перспективные сетки будут разных цветов. В Иллюстраторе мы не можем часть направляющих покрасить в другой цвет. Что же делать?

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

 построение перспективы

 Удачных вам перспективных построений!

P.S. В Adobe Illustrator CS5 появился инструмент, который позволяет делать перспективные построения. Ниже его краткий обзор от компании Адоб.

 

Другие уроки:
7 секретов экономии времени при работе в Иллюстраторе.

 

 

На главную 

Из чего состоит векторная иллюстрация?

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

векторная графика, кривые Безье

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

Векторная иллюстрация может состоять из нескольких видов объектов.
1. Графические примитивы
2. Автофигуры (есть в CorelDAW)
3. Кривые Безье (в некоторых программах называются пути)
4. Текстовые объекты 
5. Растровые объекты
6. Символьные объекты (символы)
7. Групповые объекты (группы)
8. Комбинированные объекты
9. Трассированные объекты
10. Вспомогательные объекты (маски, направляющие, сетка)

векторная графика, геометрические примитивы

геометрические примититвы

 

автофигуры, вектор

автофигуры

В зависимости о какой программе идет речь – эти объекты будут иметь разные свойства. Например в CorelDAW графические примитивы и автофигуры имеют ограниченное редактирование (то есть не все команды к ним применяются), до тех пор пока их не конвертируют (преобразуют) в кривые. В Adobe Illustrator эти объекты сразу можно редактировать в полной мере. Любой объект состоит из точек (узлов) и сегментов их соединяющих. 

Объекты могут иметь свойства:
1. Заливка
2. Обводка (контур) 

Графический примитив — это простейший геометрический объект, например, эллипс, прямоугольник, многоугольник и т.п.

Автофигуры – объекты, форма которых задана заранее и отличается от геометрических примитивов, например, спираль, блок схема (CorelDAW), звезда, стрелка (CorelDAW), капля (CorelDAW), смайлик (CorelDAW) и т. п.

Кривая Безье – это линия, которая строится с помощью математических формул, разработанная математиком Пьером Безье (Bézier) 1962 году из компании «Рено» и Полем де Кастелье (de Casteljau) в 1959 году из компании «Ситроен», где кривые применялись для проектирования автомобилей. Подробнее и вдаваясь в математику про кривые Безье можно почитать в Википедии.

Кривые Безье состоят из точек (узлов) и сегментов (линий соединяющие точки). Узлы (точки) имеют направляющие линии, с помощью которых можно редактировать кривые. Точка или узел имеют две координаты x и y, определяющими положение точки в изображении.

 

кривые безье, векторная графика

Любая кривая имеет начальную точку и конечную точку – это может быть актуально, например, при рисовании стрелок.
Точки могут быть угловые и сглаженные (в кореле три вида точек, узлов: угловые и сглаженные, симметричные). Угловые точки находятся в углах кривой (например, ломаная линия), сглаженные точки находятся в местах плавных перегибов. Угловые точки не имеют направляющих, но если преобразовать их в сглаженные точки, то направляющие появится.

Направляющие линии всегда находятся по касательной к сегменту (то есть, ВСЕГДА прилегают к сегменту и если начать двигать направляющую, то сегмент будет передвигаться за ней) http://ru.wikipedia.org/wiki/Касательная_прямая к сегменту – это нужно учитывать при редактировании кривой Безье. Направляющих может быть 2 или 1. Одна направляющая есть только у начальной и конечной точки (узла) кривой.

Кривые можно редактировать за:
1. Точки (узлы)
2. Направляющие
3. Сегменты 

Свойства контура (обводки):
1. Толщина
2. Цвет
3. Тип линии (сплошная, двойная, пунктирная)
4. Тип начала и конца линии (свойства закругления концов линий) 
Контур может быть замкнутый и не замкнутый. В CorelDAW не замкнутый контур не заливается, то есть он имеет свойство заливки, но мы ее не видим. В Adobe Illustrator все зависит от настроек в программе (по умолчанию заливается).

Типы заливок:
1. Сплошная
2. Градиентная (в Кореле Фонтанная)
3. Узорная, шаблонная
4. Текстурная (CorelDAW)
5. PostScript (ПостСкрипт) заливка, основана на языке программирования ПостСкрипт (CorelDAW)
6. Меш заливка (заливка по сетке)

виды заливок векторных изображений

Операции с объектами:
1. Группировать
2. Комбинировать
3. Производить с ними логические операции (например, соединить 2 объекта в один или из одного объекта «вычесть» другой)

При группировке объекты можно вместе перемещать, трансформировать, масштабировать, задавать всем одинаковый цвет. НО свойства каждого объекта тем не менее остаются индивидуальны. И при разгруппировке объекты снова становятся сами по себе. Группировка, например, применяется если нарисован дом, с окнами, дверями и остальными объектами и вам нужно дом передвинуть или уменьшить, но что бы у каждого объекта (окно, стена) осталась своя заливка и обводка.
При комбинации объектов получается один объект с общими свойствами.
При работе с логическими операциями то же получается один объект формы отличной от начальной (например, вырезали дырку в круге).

Редакторы векторной графики:
1. Коммерческие

  • Adobe Illustrator
  • Adobe Freehand
  • CorelDraw
  • Xara Xtreme
  • Adobe Flash

2. Бесплатные

  • Inkscape 
  • Expression Design

Векторные форматы:

  1. CDR (CorelDraw)
  2. CMX (CorelDraw) 
  3. AI (Adobe Illustrator)
  4. EPS (Encapsulated PostScript)
  5. WMF (Метафайлы Windows)
  6. EMF (Метафайлы Windows)
  7. SVG (Scalable Vector Graphics)
  8. XAR (Xara Xtrem)

Где используются программы векторной графики?

  1. Полиграфия (визитки, буклеты, брошюры, конверты бланки и т. д.)
  2. Мультимедиа
  3. Графика и сайты для сети интернет (иконки, кнопки, иллюстрации)
  4. Создание шрифтов 
  5. Офисная графика (диаграммы в Adobe Illustrator, схемы)
  6. Создание фотореалистичных изображений
  7. Предпечатная подготовка (работа с цветом и PostScript, PDF)
  8. Наружная реклама

Adobe Illustrator — это стандарт векторной графики, благодаря разработкам специалистов компании Adobe языка PostScript, форматов PDF, EPS широко используемых в печати, веб дизайне, создании шрифтов.
Заметьте, я не утверждаю что CorelDraw или Inkscape хуже или лучше (все имеют свои плюсы и минусы), я говорю что Adobe Illustrator — это стандарт, почему — стандарт, я обосновала выше.

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

 

На главную