Архив метки: урок

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

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

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

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

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

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

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

На главную 

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

День 13. Наложение текстуры на объект в Иллюстраторе (Adobe Illustrator).

Текстура всегда двумерная, плоская.

Фактура — объемная, трехмерная.

Текстура — это характеристика изображения поверхности предмета, а фактура — свойство поверхности самого предмета.

 Способы рисования текстуры:

  1. ручками
  2. средствами Иллюстратора

наложение текстуры на объект в иллюстраторе
Текстура отрисованая вручную.

текстура в иллюстраторе
Текстура сделанная средствами  Иллюстратора. Читать далее

День 5. Палитра Обводка в Иллюстраторе (Adobe Illustrator). Кисти часть 1.

Палитра Обводка.

Находиться в меню Окно. Позволяет редактировать обводку объекта.

Толщина обводки задается в пунтках (В странах СНГ 1 пункт = 0,3759 мм.)

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

Изменение концов и стыков линии.

Срезанные концы  Создаются контур с обводкой с квадратными концами.

 

 

 

 

 

Скругленные концы  Создаются контур с обводкой с полукруглыми концами.Выступающие концы  Создаются контур с обводкой с квадратными концами, выступающими на половину ширины линии за крайнюю точку линии. Этот параметр обеспечивает одинаковую толщину обводки во всех направлениях относительно линии.Угловые стыки  Создаются контур с обводкой с острыми углами.
Скругленные стыки  Создаются контур с обводкой со скругленными углами.Скошенные стыки  Создаются контур с обводкой с квадратными углами.
Срез — это переключение между срезанным (остроугольным) стыком и скошенным (квадратным) стыком. Изменяется от 1 до 500. По умолчанию 4, при этом программа переключается со срезанного стыка на скошенный стык, когда длина точки в четыре раза превышает толщину обводки. Значение 1 для предела среза соответствует скошенному стыку.

 

 

 

 

 

 

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

 

Домашнее задание 1 Солнышко:

  1. рисуем круг без заливки, но с обводкой
  2. делаем обоводку пунктирной
  3. и делаем ее оооочень толстой, должны получиться расходящиеся лучи
  4. ну и в серединку помещаем круг
  5. итог — солнышко

Для того что бы потом можно было редактировать все это прямым выделением, например, нажимаем меню Объект — разобрать.

Домашнее задание 2.

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

Горячие клавиши к уроку:

  • A — инструмент прямое выделение
  • G — инструмент градиент
  • Shift  — выделение нескольких объектов

Команды:

  • Объект Разобрать    Позволяет разбирать сложные объекты на более простые ( в нашем случае это кисти).
  • Объект — Контур — Вычистить  Удаляет незамкнутые линии, точки, пустые текстовые объекты

Работать с одним  объектом из группы можно:

  • все разгруппировать
  • или 2 щелчка по объкету в группе, если много групп (как у меня) тогда щелкаем по 2 раза до тех пор пока не дойдем до нужного объекта

 

 

Итоги недели

 

 

 

 

ВОПРОС:

Когда я нажимаю копировать (когда угол выставляем), то у меня появляется одна семечка, а не несколько.

Для того что бы повторять последнюю трансформацию (поворот, например) есть команда меню Объект — трансформация — повторить трансформацию (ctrl+D), что я и делаю на видео.

День 8. Переходы цвета в Иллюстраторе (Adobe Illustrator).

Создание переходов

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

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

 рисование в иллюстраторе

Создать переход

  • Выберите инструмент "Переход" (W).
  • Щелкните в центре одного объетка и второго объекта.
  • После этого получается 1 объект с переходом

или

  • Выделить объекты, которые будут участвовать в переходе.
  • Меню Объект — Переход — Создать (Alt+Ctrl+B)

 

Разобрать переход

  • меню Объект Разобрать    Позволяет разбирать сложные объекты на более простые ( в нашем случае это кисти).

 

палитра Переход в Иллюстраторе

Настройки Перехода

Метод. Определяет количество шагов в переходе.
Оптимальные цвета — программа сама подбирает количество шагов.
Заданное число шагов — вы определяете количество шагов.
Заданные интервалы — вы определяете величину интервалов между объектами.

Ориентация. Определяет ориентацию объектов.
Выровнять по странице Ориентирует переход перпендикулярно оси Х страницы.
Выровнять по контуру Ориентирует переход перпендикулярно к контуру.

 

Правила.

  • Нельзя сделать переход между объектами сетки.

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

  • При переходе между двумя объектами с узорчатой заливкой шаги перехода используют только заливку объекта верхнего слоя.

  • При переходе между объектами, для которых режимы наложения заданы с помощью палитры "Прозрачность", в шагах перехода используется только режим перехода верхнего объекта.

  • При переходе между объектами, имеющими разные атрибуты оформления (эффекты, заливки, штриховки), Illustrator пытается создать переходы параметров.

  • При переходе между двумя экземплярами одного символа шаги перехода будут экземплярами этого символа. Однако, если переход выполняется между двумя экземплярами разных символов, шаги перехода не будут являться экземплярами символа.

  • По умолчанию переходы создаются как группа частичной прозрачности, так что, если на любом из шагов будут присутствовать перекрывающиеся прозрачные объекты, эти объекты не должны быть видны один из-под другого. Можно изменить эту настройку, выбрав переход и сняв флажок "Маскировать в группе" в палитре "Прозрачность".

 Домашнее задание: скачать видео и сделать 3 урока на видео.

День 16. Имитация трехмерных объектов.

В Иллюстраторе  (Adobe Illustrator) существует возможность делать имитацию трехмерных объектов. Это конечно не построение в перспективе от руки, но позволяет создавать довольно интересные вещи.
Можно создавать 3d объекты с помощью вытягивания и вращения.


Будьте внимательны!

Цвет объекта с эффектом будет зависеть от цвета объекта без эффекта.

меню Эффекты, создание трехмерных объектов
 
Для создания трехмерных объектов с помощью вытягивания в Иллюстраторе (Adobe Illustrator) есть команда Эффект — Объемное изображение — Вытягивание и скос.
Объекты вытягиваются вдоль оси Z.

параметры вытягивания в иллюстраторе 3д объектов

Для создания трехмерных объектов с помощью вращения в Иллюстраторе (Adobe Illustrator)  есть команда Эффект — Объемное изображение — Вращение.

Для того, что бы вращать объект, сначала нужно нарисовать его половину. Это половинка объекта, затем, будет вращаться программой и в результате получиться объемный объект. Этим способом лучше делать объекты типа вазы, бокала, тарелки, то есть те объекты, которые имеют ось вращения.
настройки диалоговых окон трехмерных объектов

Настройки диалоговых окон Вытягивания и Вращения.

  1. Позиция, определяет положение объекта.
  2. Вытягивание и скос, определяет  «глубину» объекта.
  3. Поверхность, позволяет выбрать имитацию материала, из которого состоит объект.
  4. Освещение – это настройки освещения объекта.
  5. Отображение, позволяет поместить на поверхность объекта рисунки.
     

нанесение рисунков на объемный объект в иллюстраторе

Нанесение рисунка на объемный объект.

  1. Рисуем текстуру или берем готовую
  2. Сохраняем ее в палитре Символы (методом перетаскивания). Я брала готовый символ в библиотеке символов (такая же кнопочка как и библиотеки кистей, но на палитре символов)
  3. Открываем диалоговое окно Проецирование
    проецирование в иллюстраторе
  4. Настраиваем текстуру. Текстуру можно перетаскивать и изменять в размерах.
  5. Поверхности запоминаются по цифрам.
  6. Та поверхность, с которой сейчас работаете подсвечивается на объекте, если включить галочку Предварительный просмотр.

 

 

трехмерные объекты в иллюстраторе (вращение)
Для редактирования готового эффекта нужно в палитре Оформление щелкнуть 2 раза на название эффекта.

Объекты с эффектами не используются в микростоковой иллюстрации и не идут на печать. Поэтому используем команду Объект — Разобрать оформление, Объект — Разгруппировать для подготовки к печати. Учтите, что у вас получиться куча мелких объектов.

 

Домашнее задание: нарисовать букет в вазе.

Во второник будет теоретическая часть онлайн про методы креативного мышления в 22.30
 

День 20. Диаграммы в Иллюстраторе (Adobe Illustrator).

Диаграмма — это графическое изображение, наглядно демонстрирующее соотношение каких-либо величин. Представляет собой геометрическое символьное изображение информации с применением различных приёмов техники визуализации. (ru.wikipedia.org/wiki/Диаграмма)

Диаграммы относятся к деловой графике, их можно создавать не только в Иллюстраторе (Adobe Illustrator), но и в Экселе и других программах. Зачастую даже удобнее пользоваться не Иллюстратором, но в Иллюстраторе диаграммы можно создавать красочные, яркие,  с картинками)).

Научимся же этому!

Для создания диаграммы есть инструмент Диаграмма.

интрумент диаграмма в иллюстраторе

Способы применения инструмента Диаграмма:

  1. Выбрать инструмент и нарисовать им прямоугольник (так вы определяете размер диаграммы)
  2. Выбрать инструмент и  1 раз щелкнуть в рабочем поле, появиться диалоговое окно, в котором можно задать размер диаграммы.

диалоговое окно размера диагнраммы в иллюстраторе

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

диаграммы в иллюстраторе

Применять изменения в диаграмме можно:

  1. нажимая ENTER на клавиатуре
  2. Ввод  в окне Данные диаграммы.

 

День 6. Палитра Обработка контуров в Иллюстраторе (Adobe Illustrator).

Домашнее задание:

День 19. Палитра Оформление и Атрибуты объектов в Иллюстраторе. Графические стили.

Атрибуты оформления – это свойства, которые влияют на вид объекта, не изменяя его базовой структуры. К атрибутам оформления относятся заливки, обводки, прозрачность и эффекты. Если к объекту применить атрибут оформления и затем изменить или удалить этот атрибут, базовый объект и другие его атрибуты не изменятся.
атрибуты объектов в иллюстраторе
То есть, по сути, мы работаем с внешним видом объекта. Это нам дает определенную гибкость в работе (исходный объект не меняется, а часть свойств в палитре Оформление всегда можно выключить или удалить), но и накладывает определенные ограничения на редактирование формы готового объекта. Читать далее

День 7. Живой цвет в Иллюстраторе (Adobe Illustrator). Карандаш. Слои.

Карандаш в Иллюстраторе (Adobe Illustrator).
Рисует как обычный карандаш на бумаге.
Используется чаще при рисовании на графическом планшете,  для имитации графики нарисованной от руки, при создании эскизов.
Редактируется инструментами редактирования кривых (как и любые кривые Безье). Опорные точки появляются автоматически. Количество опорных точек будет зависеть от параметров в диалоговом окне Карандаш.
Когда вы рисуете этим инструментов, то  вновь созданный контур остается выделенным.

Как нарисовать замкнутый контур?
Начинаем рисовать, в процессе рисования нажимаем Alt и удерживаем его. Курсор меняется на карандаш с ноликом. Когда вы закончили рисовать контур, отпускаете кнопку мыши, но все еще удерживаете Alt. На каком бы расстоянии не находились точки начала и конца линии таким способом они все равно соединяться прямой линией.

Как редактировать контур инструментом Карандаш?
Фишка! Редактировать можно любой контур из кривых Безье.

  1. Продолжаем рисовать незамкнутый контур. Для этого просто подводим карандаш к конечной точке контура, нажимаем и тащим.
  2. Соединяем 2 контура.  Для этого выделяем 2 контура инструментом Выделение. Подводим инструмент Карандаш к одному из контуров. Начинаем рисовать. Нажимаем на Ctrl, удерживаем его, при этом меняется курсор. Заканчиваем рисовать отпускаем кнопку мыши,  затем отпускаем Ctrl. Примечание. Для достижения лучших результатов рекомендуется перетаскивать один контур к другому, как если бы контуры просто продолжались в первоначальном направлении.
  3. Изменение контуров. Подносим Карандаш к контуру. Ловим момент, когда у Карандаша пропадает крестик (у курсора) и начинаем перетаскивать инструмент пока контур не примет нужную форму. Не всегда получаются запланированные результаты. Они зависят от того куда и с какого места начать перерисовывать контур.

палитра карандаш в иллюстраторе

Настройки палитры.

Отклонение.  Настраивает  частоту добавления опорных точек при перетаскивании указателя мыши или пера. Чем больше данное значение, тем более сглаженным и менее сложным будет контур.
Плавность. Управляет степенью сглаживания, применяемой при использовании инструмента. Диапазон сглаживания – от 0% до 100%. Чем больше данное значение, тем более сглаженным будет контур. Чем меньше данное значение, тем больше создается опорных точек и тем больше сохраняется неровностей линии.
Выполнять заливку новых штрихов карандашом. Заливка применяется к обводке инструментом Карандаш, которая была нарисована после того как вы поставили галочку у этого параметра.
Оставлять контур выделенным. Определяет, сохраняется ли выделение после создания контура. Этот параметр выбран по умолчанию.
Зона редактирования выделенных контуров. Делает возможным редактирование параметра В пределах: _ пикс.   Если галочка не стоит, то контур редактироваться не будет.
В пределах: _ пикс. Показывает, на каком расстоянии от контура должен быть Карандаш, прежде чем начнется изменение контура.

 

 

рисование в иллюстраторе

Вот эту овечку я нарисовала инструментом Карандаш.

 Домашнее задание:

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

 рисование в иллюстраторе

 

 

День 18. Текст. Как сделать визитку?

Виды текста в Иллюстраторе (Adobe Illustrator)виды текста в иллюстраторе

  1. Простой текст (текст в абзаце, текст в области) – всегда располагается в текстовом фрейме. Рисуем инструментом Текст прямоугольную рамку (фрейм), после этого внутри него можно писать. Или рисуем объект (квадрат, круг…), берем инструмент текст в области и пишем внутри объекта (см видео по работе с текстом в Иллюстраторе).
  2. Художественный текст (текст из точки) – пишется по щелчку мыши.
  3. Текст по кривой (по контуру), сначала рисуется кривая, затем на ней располагается текст.
    текст во фреймеЕще пример текста в области или во фрейме.

Фрейм — это контейнер для текста, который также может быть пустым.

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

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

Если текст не влезает в 1 фрейм, для создания нового фрейма, связанного с первым, щелкают инструментом Выделение с нажатым CTRL по красному крестику в квадрате. Меняется курсор мыши. После этого можно "рисовать" второй фрейм.

 Для создания связей между двумя готовыми фреймами нужно инструментом Выделение с нажатым CTRL щелкнуть по красному крестику в квадрате на первом фрейме. Измениться курсор. Затем по пустому синему квадратику на втором фрейме, который находиться в левом верхнем углу фрейма.

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

 

Настройки текста. Основные настройки как в Ворде, поэтому не вижу смысла их рассматривать. Более тонкие настроки нужны только тем кто верстает тексты, поэтому тоже смысла рассматривать не вижу ( по ним ниже дана ссылка на классную, подробнейшую статью). Если все таки что-то не понятно напишите в комментариях, тогда распишу подробнее.
настройки символов в тексте

 

настройки абзаца и трансформация текста

 

Типографика средствами Adobe Illustrator  четко, доступно расписанно как работать с текстом. Но урок для продвинутого уровня, для тех кто верстает в Иллюстраторе.

 

Домашнее задание.
Сделать визитку.

 

Как сделать визитку?

История визитной карточки.

Размеры готовой визитки 50*90 мм в России.

Плюс по 2-5 мм с каждой стороны на обрезку итого 94*54 (100*60) мм (на рисунке красные линии — это направляющие, которые показывают, то что отрежется).

визитка в Иллюстраторе

На визитке обычно указывают Фамилию, Имя, Отчество, контактные данные, и вероятно организацию где человек работает.

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

При создании визитки рекомендуется использовать правила и принципы композиции. Это выделение главного, повторение, выравнивание, равновесие, последовательность, единство, использование пауз (пустых пространств). Очень хорошо про это написано в книге Роберт Уильямс "Дизайн для недизайнеров"

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

 БОНУС видео по дизайну визитки (на данный момент бонус не доступен)

 

Примеры оригинальных визиток.

sasha-sorokina.blogspot.com/

youdesigner.blogspot.com/2008/07/blog-post_23.html

 

 

 ВОПРОС  про КАК сделать ТЕНИ?

Ответ.

тени в иллюстраторе

и видео