Внимание! Конкурс!

Всем добрый день:) Вчера был опубликован последний урок из курса Tony Soh «Изучи Adobe Illustrator за 30 дней!!!». Надеюсь, Вы узнали много нового и провели этот месяц с пользой и удовольствием. Настало время применить новые знания на практике:) Поэтому - объявляется конкурс на лучший баннер, нарисованный в программе Adobe Illustrator!

А теперь обо всем по порядку и поподробнее:

Кто «виноват»

Наверное, все же мы. «Мы» - это я и Marovaki, люди, переводившие и публиковавшие курс по Adobe Illustrator весь последний месяц. Уж очень хочется увидеть, что наши старания были ненапрасными и что Вы теперь с Adobe Illustrator на «ты». Результаты обучения хочется видеть:)

Что делать

Если Вы внимательно изучили курс, то условия конкурса Вам будет выполнить легко. Условия есть обязательные и необязательные:)

Обязательные условия:

Нарисовать в программе Adobe Illustrator стационарный баннер для Вашего блога (сайта, форума, да хоть страничики в twitter:)). Размер 468х60. Все элементы баннера должны быть нарисованы Вами. Исключение может быть только для текста.

Прислать свое творение в двух форматах (JPEG- и EPS-файлы) + краткое описание (сколько времени ушло на создание, какие инструменты использовали и т.д.) по адресу lillllia{собака}mail.ru до 18.11.2009 г.

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

Необязательное условие:

Подробно описать процесс создания Вашего баннера шаг за шагом и с картинками:)

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

Но это все по желанию, урок оцениваться судьями не будет и на результаты никак не повлияет. Кстати…

А судьи кто

Оцениваться в Ваших работах будет: интересность идеи и воплощение этой идеи при помощи Adobe Illustrator. А взялись за этот нелегкий труд три очень интересных человека:

Настя Манно – известный в блогосфере веб-дизайнер, автор замечательного блога о веб-дизайне и сайтостроении, ну и просто очень позитивный и увлеченный своим делом человек:)

Михаил Шакин – один из самых успешных блоггеров (5900 rss-подписчиков!!!), веб-мастер и оптимизатор, автор блога «Продвижение сайтов, веб-дизайн и креатив». Также известен своими увлекательными приключениями в Америке:)

Найкрис Кроули – талантливый дизайнер, автор блога «Магия дизайна», соавтор коллективного блога «7bloggers», начинающий (или не начинающий?) писатель, а еще, представляете, КВН-щик!!!

Что дают

Ну это, конечно, самое главное:) Прежде всего хочется отметить, что конкурс наш проходит при поддержке компании Printdirect.ru .

Если кто не в курсе, Printdirect.ru — это онлайн-сервис, позволяющий за пару минут сделать и заказать футболки, сумки, кружки, постеры и другие товары со своим рисунком или фото.

С помощью Printdirect дизайнеры и художники могут продавать товары со своим дизайном и открывать онлайн-магазины, зарабатывая на своём творчестве. Поэтому каталог Printdirect — это еще и самый большой в Рунете магазин футболок и сувениров — более 50000 оригинальных товаров, число которых растёт ежедневно.

Заказы от Printdirect доставляются по всему миру. Это идеальное место, чтобы купить прикольные футболки или майки с надписями и найти интересный подарок. Причём подарок можно заказать не только себе, но и друзьям напрямую и даже добавить подарочную упаковку. Printdirect.ru

Итак, призы:

1 место: 10 постовых (5+5), Ваш баннер 468х60 до конца года на блогах организаторов + интервью + обзор + подарочный код Printdirect!

2 место: 7 постовых (3+4), Ваш баннер на одном из блогов организаторов (на том из них, у которого подписчиков на тот момент будет больше) + подарочный код Printdirect!

3 место: 5 постовых (2+3), Ваш баннер на одном из блогов организаторов (на том из них, у которого подписчиков на тот момент будет меньше) + подарочный код Printdirect!

Приз зрительских симпатий: 3 постовых + подарочный код Printdirect!

Подарочный код даёт победителю право заказать один предмет из каталога Printdirect (кроме толстовок) со своим дизайном. Вы ведь теперь сами себе дизайнеры!

Информационные спонсоры

Клуб свободных художников - интересный блог для творческих людей
Repeat, please - обзор конкурсов, акций и бонусов блогосферы
Новости Блогосферы - все новости о конкурсах и акциях блогосферы
Интервью с блоггерами - интервью с блоггерами от Дениса Чекалова
Вебдванольные заметки - блог об интернет сервисах и проектах
Конкурсы и акции - все конкурсы и акции блогосферы и интернета
Lady Maksima - замечательный женский сео блог о раскрутке, продвижении и оптимизации сайта / блога.
Записки Жука - блоггинг, SEO, SMO и другие насекомые
Блог дизайнера-художника - графический дизайн, векторная графика и бизнес в творчестве
Олег Михайленко - веб-дизайнер и фотограф

P.S. Надеюсь, конкурс получится интересным. Я часто участвую в различных конкурсах блогосферы и на себе ощутила всю их пользу для продвижения блога, но сама конкурс организую впервые, волнуюсь:) Просьба всем, кто желает принять участие в конкурсе, озвучить свое намерение в комментариях:)

Анна ВолковаЧитать дальше...

Adobe Illustrator за 30 дней. День 30: Финальный проект - создаем логотип

Предыдущий урок: Сохраняемся и печатаем

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

Если в процессе прохождения этого курса у вас возникали трудности с обучением, либо остались какие-либо вопросы, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.

Рисуем логотип для медовой фермы

Для начала отсканируем набросок логотипа и сохраним в формате jpeg.


Теперь нам нужно импортировать jpeg-файл в Illustrator. Идем в Файл > Поместить (File > Place) и выбираем нужный нам файл. Убеждаемся, что поставлена галочка напротив пункта «Шаблон» (Template). Если открыть палитру «Слои» (Layers Palette), можно увидеть, что файл закреплен и его цвета поблекли. В таком виде его легко отрисовать.


Начнем с тела пчелы. Рисуем овал. Редактируем точки, используя инструмент «Прямое выделение» (Direct Selection Tool), чтобы придать нужную форму телу пчелы.


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


Чтобы получить усик, можно нарисовать овал и пририсовать к нему толстую линию, используя инструмент «Перо» (Pen Tool).


Теперь рисуем два овала и поворачиваем их, чтобы получились крылья. Выделяем большее крыло и жмем Ctrl+С, чтобы скопировать. Жмем Ctrl+F, чтобы вклеить его на передний план. Теперь, удерживая Shift, выделяем маленькое крыло. Идем в Окно > Обработка контуров (Window > Pathfinder) и, удерживая Alt, жмем «Вычесть из фигуры» (Subtract from shape area).


Перекрытая часть крыла вычтется.


Наступил черед для полосок на теле пчелы. Нарисуем два прямоугольника высотой в толщину полосок.


Выделяем оба прямоугольника и идем в Эффект > Деформация > Дуга (Effect > Warp > Arc). Выставляем изгиб (Bend ) на 23%. Теперь идем Объект > Разобрать оформление (Object > Expand Appearance), чтобы разобрать эффект на объекты.


Развернем полоски и расположим их поверх пчелы. Копируем пчелиное тело, нажав Ctrl+C. Затем вклеиваем на передний план, нажав Ctrl+F. Выделяем сделанную копию и полоски, затем вызываем меню правой кнопкой мышки и выбираем «Создать обтравочную маску» (Make Clipping Mask). Это спрячет выступающие области полосок.


Выделяем инструмент «Многоугольник» (Polygon Tool) и, удерживая Shift для сохранения пропорций, рисуем соты. Делаем три копии.


Выделяем все три многоугольника и выставляем для них черную заливку, затем группируем командой Ctrl+G.


Теперь обрежем лишние части многоугольников. Выделяем тело пчелы, идем в Объект > Контур > Создать параллельный контур (Object > Path > Offset Path) и выставляем параметр «Смещение» (Offset value) на10. Перемещаем новый контур на передний план, нажав Ctrl+Shift+].


Выделяем смещенный контур и многоугольники и открываем палитру «Трансформирование» (Pathfinder). Удерживая Alt, жмем «Вычесть из фигуры» (Subtract from shape area).


Финальные штрихи

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


Вычищаем логотип

Сохраняем копию логотипа, чтобы иметь оригинал на случай, если захотим что-то исправить в будущем. Теперь выделяем текст и преобразуем его в кривые, нажав Ctrl+Shift+O. Это предотвратит потерю шрифта при открытии файла на других компьютерах.


Теперь выделяем пчелиные полоски, идем в палитру «Трансформирование (Pathfinder) и выбираем «Обрезка» (Trim), чтобы обрезать лишние части.


Выделяем все контуры пчелы. Идем в Объект > Разобрать (Object > Expand) и жмем OK. Нам нужно было разобрать обводку, чтобы ее пропорции сохранялись при изменении размеров логотипа.


После того как мы разобрали пчелу на объекты, удерживаем Shift и выделяем полоски. Идем в палитру «Трансформирование» (Pathfinder) и, удерживая Alt, жмем «Добавить к фигуре» (Add to shape area). Это соединит все формы пчелы вместе.


В конце добавляем цвета и вот – конечный логотип готов!


Перевод: Анна Волкова
Источник: Vectordiary

Это был последний урок из курса «Изучи Adobe Illustrator за 30 дней». Надеюсь, Вам понравилось :)

Если Вы, пройдя курс, почувствовали в себе силы заняться микростоковой иллюстрацией, начните с прочтения статьи "Что такое микростоки и как на них заработать".

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

Читать дальше...

Adobe Illustrator за 30 дней. День 29: Сохранение & печать

Предыдущий урок: Создаем обтравочную маску и непрозрачную маску (Clipping Path /Opacity Mask)

В этом уроке Вы узнаете, как обрезать свою работу для экспорта в JPG-формат, который потом можно отправить на печать или использовать в сети Интернет. Также мы сегодня рассмотрим формат EPS – универсальный формат для сохранения векторной графики.

Если при прохождении этого курса у вас возникают какие-либо затруднения с обучением, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.

Сохраняем файл, используя область обреза (Crop Area)

Если Вы импортируете свой файл в JPG-формат, то иногда вокруг картинки образуется белая область. Это из-за невидимых частей иллюстрации, скрытых под маской (Вы можете увидеть пример ниже). Illustrator экспортирует изображение в пределах границ всех объектов, находящихся на рабочей области, и не важно, под маской они или нет. Чтобы решить эту проблему, Вам нужно задать область обреза и тем самым показать программе часть иллюстрации, которую нужно экспортировать.


Задаем область обреза

Нарисуйте прямоугольник, чтобы задать область, которую Вы хотите экспортировать. Выделите его и в меню выберите Объект > Метки обреза > Создать (Object > Crop Area > Make).


Появятся метки обреза.


Теперь идете в Файл > Экспортировать (File >Export). Выбираете тип файла JPEG и жмете «Сохранить» (Save). Появятся опции файла JPEG. В зависимости от того, сохраняете ли Вы файл для печати или для публикации в Интернете, необходимо выставлять разные настройки (После выхода Adobe Illustrator CS4, метки обреза упразднены, поэтому достаточно просто поставить галочку Use Artboards во время экспорта изображения).

Для сети:
Качество (Quality): 6-8
Разрешение (Resolution Depth): Экранное (Screen)

Для печати
Качество (Quality): 12
Разрешение (Resolution Depth): Высокое (High)



Сохраняем EPS-файл

Формат .AI, к сожалению, может быть прочитан только в программе Adobe Illustrator. Но есть другой универсальный формат, который дизайнеры обычно сохраняют для печати и экспорта работ в такие программы, как Indesign и QuarkXPress. Это EPS-файл.

Идем в Файл > Сохранить как (File > Save As) и выбираем тип файла EPS. Жмем «Сохранить» (Save). Можно оставить опции сохранения по умолчанию или сохранить работу в более ранней версии Adobe Illustrator, чтобы у других людей не возникло проблем с открытием файла. (Именно поэтому по требованиям большинства микростоков векторные файлы необходимо сохранять в формате EPS 8-й версии Adobe Illustrator. Подробнее о подготовке и сохранении работ для микростоков Вы можете почитать тут.)

Версия (Version): Выберите Illustrator 8 EPS, если хотите быть уверенными, что файл откроется в любой версии Adobe Illustrator. Учтите, что прозрачности при этом сохранятся некорректно. Если в вашей иллюстрации имеются прозрачности или применены режимы наложения - сохранять лучше в EPS-10. Если же в вашей иллюстрации применено много эффектов или инструментов, которых не было в прошлых релизах иллюстратора, то сохранять желательно в самой последней версии. Учтите, что большинство микростоков принимают на продажу векторные файлы EPS-8 и EPS-10. Именно эти два формата и являются самыми универсальными.

Просмотр (Preview): Встраивает небольшой превью-файл, чтобы можно было увидеть иллюстрации в других программах.

Прозрачность (Transparency Preset): установите самое высокое разрешение, если собираетесь печатать изображение и оно содержит прозрачность.

Встроенные шрифты (Embed Fonts): поставьте галочку, если Вы хотите включить используемые шрифты в файл EPS, чтобы сделать их доступными для других.


Перевод: Анна Волкова
Источник: Vectordiary

ЗАКЛЮЧИТЕЛЬНЫЙ УРОК: День 30: Финальный проект - создаем логотип

Читать дальше...

Adobe Illustrator за 30 дней. День 26: Создаем обтравочную маску и непрозрачную маску (Clipping Path / Opacity Mask)

Предыдущий урок: Применяем инструмент “Быстрая заливка” (Live Paint)

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

Если при прохождении этого курса у вас возникают какие-либо затруднения с обучением, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.

В сегодняшнем уроке на Marovaki design blog Вы как раз сможете поподробнее узнать про эти два инструмента, а также научиться применять их на практике (по многочисленным просьбам читателей копия перевода урока также опубликована на этом блоге).

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

Обтравочная маска

В этой иллюстрации у нас 3 слоя. Задний фон, эффект лучей и солнце. Нужно поместить солнечные лучи в квадрат.


Сначала выделяем, солнечные лучи и задний фон, и группируем их вместе.
Выделите их с помощью инструмента «Выделение» и нажмите Ctrl+G чтобы сгруппировать их.


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


Выберите фон и контур который Вы нарисовали. Щелкните правой клавишей и выберите Объект > Обтравочная маска > Образовать (Object > Clipping Mask > Make).


После этого переместите фон на задний план нажав Ctrl+Shift+[


Редактируем обтравочную маску

Чтобы внести изменения в обтравочную маску, идем в панель слои (layers), выбираем подслой «обтравочный контур» (Clipping Path). Теперь Вы можете перемещать и изменять размеры маски. Если вы хотите отменить маску выберите Объект > Обтравочная маска > Отменить (Object > Clipping Mask > Release).


Маска непрозрачности

Непрозрачность позволяет создать прозрачность для вашего слоя. Интенсивность черного определяет прозрачность слоя. Черный будет прозрачным, а белый соответственно непрозрачным.

В отличие от рисования квадрата из предыдущего примера, мы нарисуем круг и заполним его градиентом.


Теперь выделим обе фигуры и выберем маску непрозрачности (Opacity Mask), щелкнув на иконке опций (Options icon) в углу палитры Прозрачности (Transparency Palette).


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


Несколько нюансов для тех, кто планирует в дальнейшем рисовать для микростоков:

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

- Обтравочной маской можно воспользоваться, если Вы хотите оставить покупателям возможность редактировать объекты, выходящие за область изображения. Но некоторые микростоки (например Istockphoto) требуют не просто прятать лишние элементы, а полностью их обрезать. Так что если Вы готовите файл сразу для нескольких стоков, учитывайте этот момент!

Не пропустите следующий урок: Сохраняемся и печатаем

Анна Волкова

Читать дальше...

Adobe Illustrator за 30 дней. День 25. Применяем инструмент «Быстрая заливка» (Live Paint)

Предыдущий урок: Преобразования с использованием эффектов деформации (Warp Effects)

Всем добрый день:) Сегодняшний урок посвящен инструменту «Быстрая заливка» (Live Paint). Инструмент, кстати, очень даже интересный - он позволяет быстро раскрасить Ваш объект, заливая контуры разными цветами.

Изучив урок на Marovaki Design blog, Вы научитесь пользоваться инструментом «Быстрая заливка», а еще – рисовать объемную звезду. (по многочисленным просьбам читателей копия перевода урока также опубликована на этом блоге)

С «Быстрой заливкой» (Live Paint), Вы можете легко раскрасить свои работы. По принципу она схожа с детскими раскрасками, когда у вас есть контуры и вы начинаете заполнять их разными цветами. В этом уроке Вы научитесь разбивать звезду на отдельные сегменты, используя инструмент “Быстрая заливка” (Live Paint).

Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.

Создаем объемную звезду инструмент “Быстрая заливка” (Live Paint)

Давайте рассмотрим пример использования «Быстрой заливки» (Live Paint ) для того, чтобы научиться рисовать объемную звезду. Включите «Быстрые» направляющие (Smart Guides), чтобы точнее позиционировать точки. Они включаются в меню Просмотр > «Быстрые» направляющие (View > Smart Guides).


Нарисуйте звезду на рабочей поверхности. Выберите инструмент «Отрезок линии» ( Line Tool) и наведите курсор на опорную точку в луче звезды, появится надпись «опорная точка» (anchor). Кликните один раз.


Кликните на второй точке снизу от опорной, чтобы создать первую линию.


Продолжайте делать то же самое для противостоящих точек.


Вот финальный контурный набросок.


Выделите все фигуры с помощью инструмента «Выделения» ( Selection Tool.) Затем выберите Живую Краску (Live Paint) и заполните первую область светло-серым цветом.



Продолжайте заполнять отдельные сегменты разными оттенками серого.


Как вы можете увидеть, у рисунка все еще есть черная обводка. Выделите звезду и нажмите свойство обводки «Без цвета» (None).


После того как вы довольны полученным результатом пришло время разбить рисунок на отдельные элементы с помощью команды «Разобрать» (Еxpand).


Вот финальная объемная звезда.


Заключение

Представьте себе отрисовку этой звезды с использованием инструмента «Перо». Вам бы пришлось нарисовать 10 треугольных сегментов, что заняло бы больше времени. У Вас возникли бы проблемы с точным позиционирование точек фигур. Как видите с инструментом “Быстрая заливка” все намного проще!

Анна Волкова

Следующий урок: Создаем обтравочную маску и непрозрачную маску (Clipping Path /Opacity Mask)

Читать дальше...