Пятница, 10.05.2024, 16:51
Обзор выбор популярных видео редакторов лучший сайт о видеоредакторах с уроками
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
музыкальные фото видео редакторы [33]
онлайн уроки AdobeAudition [15]
уроки AdobeAudition
Уроки по Cyberlink PowerDirector [25]
онлайн Уроки по Cyberlink PowerDirector
уроки Atomix Virtual DJ Pro [10]
уроки онлайн Atomix Virtual DJ Pro
уроки MAGIX Movie Edit Pro [12]
онлайн уроки MAGIX Movie Edit Pro
уроки Final Cut Pro X [10]
уроки онлайн Final Cut Pro X
урок Camtasia Studio онлайн [27]
урок Camtasia Studio
Ulead Cool 3D Production Studio [10]
уроки онлайн Ulead Cool 3D Production Studio
BluffTitler DX уроки [10]
онлайн уроки BluffTitler DX
MAGIX 3D Maker уроки [11]
уроки онлайн MAGIX 3D Maker
онлайн уроки NeroVision самоучитель [40]
NeroVision склейка уроки руководство пользователя книи учебники
уроки 4Media Movie Editor [2]
уроки ArcSoft ShowBiz [4]
Wondershare Video Studio Express видео уроки [3]
уроки видео FXhome HitFilm Ultimate [3]
уроки SpiceMASTER25TFX-HELP [2]
SpiceMASTER25TFX-уроки
Как максимально сжимать видео без потери качества [3]
сжатие видео
уроки Adobe Illustrator CS4 [10]
обзор программы
работа уроки flash [9]
как делать флеш анимацыю
уроки gif анимации [20]
уроки работа по созданию gif анимации
AutoPlay Media Studio уроки [9]
работа с AutoPlay Media Studio
Womble MPEG Video Wizard [7]
уроки Womble MPEG Video Wizard онлайн в картинках
уроки prodad vitascene [16]
ProDAD VitaScene 2.0.203.1 (x86, x64) + Русское руководство
лучшие бесплатные программы для записи с экрана монитора [2]
Лучшие программы для захвата видео с экрана монитора, запись видео, скачать
видео редакторы для владельцев макентоша и OS X от Apple [2]
пакет программ для профессиональной обработки видео Последняя версия Final Cut Studio вышла в июле 2009 года
бесплатные видеоредакторы для для Linux [2]
бесплатные видеоредакторы для для Linux
sony vegas pro смотреть уроки бесплатно без смс [22]
sony vegas pro видео уроки уроки в картинках
Lightworks Tutorial [30]
Lightworks видио уроки
аваторки GIF анимации и гиф картинки [1]
GIF анимации и гиф картинки на аватарки оригинальные для форума сайта блога ютуба на различные тематики
GIF анимации и гиф картинки на аватарки оригинальные для форума сайта блога [1]
GIF анимации и гиф картинки на аватарки оригинальные для форума сайта блога про алексея навального
лучшие гифки, GIF интернета оригинальные на сайт форум в соцсети [1]
лучшие гифки, GIF интернета оригинальные на сайт форум в соцсети
Мини-чат
200
Наш опрос
Оцените мой сайт
Всего ответов: 1675
Статистика
Rambler's Top100
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » уроки Adobe Illustrator CS4

Урок 5. Как нарисовать смайлик.

Берем инструмент Ellipse Tool (‹L›) и рисуем им окружность (для получения ровного круга, а не эллипса — зажмите клавишу ‹Shift›):

Как нарисовать смайлик. Уроки Adobe Illustrator

Удаляем обводку и закрашиваем круг градиентом:

Как нарисовать смайлик. Градиент. Уроки Adobe Illustrator.

Смещаем центр радиального градиента вверх при помощи инструмента «Gradient Tool (‹G›)

Линейка градиента. Уроки Adobe Illustrator. Как нарисовать смайлик.

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

Как нарисовать смайлик. Уроки Adobe Illustrator. Смещение центра градиента.

Теперь нарисуем блик (если хотим, чтобы смайлы были блестящими), опять же инструментом Ellipse Tool (‹L›):

Как нарисовать смайлик. Уроки Adobe Illustrator. Рисование эллипса

Этот блик нужно закрасить линейным градиентом сначала от белого цвета до цвета места, которое находится прям под верхним эллипсом, чтобы не было заметно цветового перехода. Такой же фокус я проделывала в уроке «Сердце ко дню святого Валентина» — при помощи программки Color Cop, которая позволяет брать цвета с любого объекта на экране. Она бесплатная и последнюю версию можно скачать отсюда: http://colorcop.net/download.

Уроки Adobe Illustrator. Как нарисовать смайлик. Раскрашивание градиентом.

Цвет получился #93c916 (у вас может получится другой). Значит, заливаем блик градиентом от цвета #ffffff до цвета #93c916:

Уроки Adobe Illustrator. Как нарисовать смайлик. Раскрашивание смайлика градиентом.

Можно оставить и так, но мне лично не нравится белый цвет. Очевидно, в «реальной» жизни такого блика не получится (хотя, о какой я реальной жизни — это же смайлик), все таки верхний цвет будет не белым, а светло-зеленым. Чтобы этого добиться кликните мышью на линию градиента где‑нибудь поближе к белому цвету, появится еще один маркер:

Уроки Adobe Illustrator. Как нарисовать смайлик. Добавление маркера в градиент.

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

Уроки Adobe Illustrator. Как нарисовать смайлик. Удаление цвета из градиента.

Основа для смайлика готова, она будет неизменна для каждой эмоции, теперь можно рисовать рожицы. Эмоции у смайлов передаются в основном глазами и ртом. Вначале рисуем глаза — они тоже в основном будут одинаковые у всех. Вот тут можете уже включать свою фантазию — глаза могут быть круглые, овальные, анимэшные, узкие, широкие, с радужкой или только со зрачком, в общем — какие угодно. Я нарисую овальные с радужкой. Для этого снова берем инструмент Ellipse Tool (‹L›) и рисуем им вертикальный белый эллипс:

Уроки Adobe Illustrator. Как нарисовать смайлик. Вертикальный эллипс.

Копируем его (‹Ctrl+C›), вставляем на то же место поверх первого (‹Ctrl+F›) и при помощи клавиши «вниз» на клавиатуре перемещаем вниз и немножко увеличиваем:

Уроки Adobe Illustrator. Как нарисовать смайлик. Копирование и вставка объекта на то же место.

Теперь выделите оба объекта и вычтите верхний из нижнего при помощи палитры «Window->Pathfinder»:

Уроки Adobe Illustrator. Как нарисовать смайлик. Палитра Pathfinder. Вычитание объектов.

Если у вас, как и у меня Illustrator CS3, то вам понадобится еще нажать кнопку «Expand» на палитре Pathfinder, если же у вас версия выше CS3, то кнопку нажимать не надо:

Уроки Adobe Illustrator. Как нарисовать смайлик. Вычитание объектов. Кнопка Expand.

Получится, что мы «отрежем» небольшой кусочек снизу и как‑бы схематично обозначим «щечку»:

Уроки Adobe Illustrator. Как нарисовать смайлик. Рисование глаза.

При помощи подобных манипуляций можно еще придать небольшой объем глазу — ‹Ctrl+C›, потом 2 раза (обязательно 2 раза) ‹Ctrl+F›, опустить немного верхнюю копию и вычесть ее из нижней. Должно получится вот так:

Уроки Adobe Illustrator. Как нарисовать смайлик. Рисование века.

Окрасьте полученную дугу в самый темный цвет из используемых вами в этой иллюстрации (в данном случае — #82BC00):

Уроки Adobe Illustrator. Как нарисовать смайлик. Закрашивание сплошной заливкой.

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

Уроки Adobe Illustrator. Как нарисовать смайлик. Рисование глаза эллипсами.

Скопируйте полученный глаз на другую сторону смайлика и вот уже на вас уже кто‑то смотрит (прямо Буратино на Папу Карло):

Уроки Adobe Illustrator. Как нарисовать смайлик. Копирование объектов.

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

Уроки Adobe Illustrator. Как нарисовать смайлик. Вычитание объектов.

Я еще немного нижнюю точку белой стрелочкой (‹A›)вниз подвинула, чтобы улыбка стала шире:

Уроки Adobe Illustrator. Как нарисовать смайлик. Улыбка.

Еще мне захотелось улыбку вверх поднять и все — первый смайлик готов!

Уроки Adobe Illustrator. Как нарисовать смайлик. Смеющийся смайлик. :-D

Переверните рот уголками вниз — будет злой смайлик:

Уроки Adobe Illustrator. Как нарисовать смайлик. Злой смайлик. D-:

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

Уроки Adobe Illustrator. Как нарисовать смайлик. Печальный смайлик :'-(

И еще много-много вариаций :)

Уроки Adobe Illustrator. Как нарисовать смайлик. Коллекция смайлов.
Категория: уроки Adobe Illustrator CS4 | Добавил: monja (23.11.2012)
Просмотров: 3706
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
WMmail.ru - сервис почтовых рассылок
Поиск
Друзья сайта
  • Официальный блог
  • супер зароботок
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Рейтинг@Mail.ru Яндекс.Метрика