Пятница, 10.05.2024, 19:12
Обзор выбор популярных видео редакторов лучший сайт о видеоредакторах с уроками
Приветствую Вас Гость | 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

Урок 4. Сердце

Во время работы у меня почти всегда включены «умные направляющие» (Smart Guides) — так легче находить точки пересечения контуров, центры объектов и ставить точки «на уровне» с   какой либо фигурой. Советую и вам их включить. «View->Smart Guides»(‹Ctrl+R›)

Урок Illustrator «Сердце». Smart Guides

Кроме того, включите линеечки, с которых будете брать направляющие «View->Show Rulers»(‹Ctrl+U›)

Урок Illustrator «Сердце». Show Rulers

Из вертикальной линейки инструментом «Selection Tool»(‹V›) «вытяните» направляющую:

Урок Illustrator «Сердце». Создание направляющей.

Выберите инструмент «Elipse Tool» (‹L›)

Урок Illustrator «Сердце». Инструмент Elipse Tool

Левее направляющей нарисуйте окружность. Если во время рисования окружности зажать на клавиатуре «Shift», то у вас получится ровный круг:

Урок Illustrator «Сердце». Рисование ровного круга.

Снимите выделение с круга, выбрав инструмент «Selection Tool»(‹V›) и кликнув левой кнопкой мыши на любом свободном пространстве. Затем возьмите инструмент «Pen Tool»(‹P›)

Урок Illustrator «Сердце». Инструмент Pen Tool

Подведите курсор к верхней точке круга, при включенных «умных» направляющих при нахождении курсора над этой точкой появится слово «anchor»:

Урок Illustrator «Сердце». Умные направляющие. Подсветка точки «anchor»

поставьте точку в этом месте (щелкнув левой кнопкой мыши), а затем подведите курсор к левой точке окружности и также щелкните над ней (ее вам тоже подскажут «умные» направляющие). У вас получится отрезок:

Урок Illustrator «Сердце». Рисование отрезка инструментом «Pen Tool»

Теперь для создания «перелома» в рисуемой нами кривой еще раз щелкните в эту же точку и «потяните» мышь вниз, «вытянув» направляющую:

Урок Illustrator «Сердце». Создание острых углов у кривых Безье

Теперь поставьте точку на вертикальной направляющей, которую мы создали в начале урока, ниже окружности и «потяните» мышку вправо-вниз:

Урок Illustrator «Сердце». Рисование кривыз инструментом «Перо»

Для того, чтобы создать острый угол нужно щелкнуть в последней точке с зажатой клавишей «Alt»:

Урок Illustrator «Сердце». Создание острых углов при рисовании кривых инструментом «Pen Tool»

Теперь ставьте очередную точку на вертикальной направляющей на уровне чуть выше, чем середина круга:

Урок Illustrator «Сердце». Рисование прямых отрезков инструментом «Перо»

Потом еще раз в ту же точку и вытяните направляющую кривой влево вверх:

Урок Illustrator «Сердце».

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

Урок Illustrator «Сердце». Замыкание кривой Безье

Зажмите «Alt» на клавиатуре и потяните мышокой горизонтально влево, таким образом, вы замкнете кривую, создав острый угол:

Урок Illustrator «Сердце». Замыкание кривой с острым углом

Должно получится что–то вроде этого:

Урок Illustrator «Сердце». Замкнутая кривая.

Теперь нам нужно объединить 2 объекта в один. Для того вызовите палитру «Window->Pathfinder», выделить оба объекта инструментом «Selection Tool» (черная стрелочка — ‹V›) и нажать на вызванной палитре кнопку «Add to shape area»:

Урок Illustrator «Сердце». Использование палитры «Pathfinder»

Если у вас, как и у меня версия программы Adobe Illustrator CS3, то вам еще придется нажать на этой же палитре кнопку «Expand». Если вы пользуетесь более поздней версией программы, то этого делать не надо:

Урок Illustrator «Сердце». Кнопка «Expand» на палитре «Pathfinder»

Получилась половинка сердечка. Если вам не нравится по каким–то причинам полученный контур, то вы его всегда можете поправить — подвинуть точки, удлинить или укоротить направляющие (и так далее) с помощью инструмента «Direct Selection Tool» (белая стрелочка):

Урок Illustrator «Сердце». Исправление кривой Безье с помощью инструмента Direct Selection Tool

Имеющийся контур теперь нужно «отразить» по горизонтали. Для этого выделите имеющуюся половинку черной стрелочкой и выберите инструмент «Reflect Tool» (‹O›) и поставьте центр вращения на вертикальной направляющей:

Урок Illustrator «Сердце». Инструмент «Reflect Tool»
Урок Illustrator «Сердце». Задание центра отражения объекта

Теперь «возьмите» левую половинку сердца и с зажатыми клавишами «Shift» и «Alt» скопируйте ее по горизонтали:

Урок Illustrator «Сердце». Одновременное копирование и отражение объектов по горизонтали

На этом этапе я удаляю вертикальную направляющую, так как она больше не понадобится.

И снова нужно объединить два объекта, как это делать вам уже известно — с помощью палитры «Window->Pathfinder»:

Урок Illustrator «Сердце». Использование палитры «Window- Pathfinder»

Не забудьте нажать кнопку «Expand», если у вас версия Illustrator'а CS3.

В итоге у вас должно получиться вот такое сердечко:

Урок Illustrator «Сердце». Контур сердечка

На этом этапе создайте копию полученного объекта и «отложите» его в сторону — она нам пригодится чуть позже. Существует как минимум два способа создания копии объекта: привычный «Ctrl+C» и «Ctrl+V» и более удобный — перемещение объекта инструментом «Selection Tool» (черная стрелочка — ‹V›) при зажатой клавише «Alt»:

Урок Illustrator «Сердце». Копирование объекта

Вернитесь к исходному сердечку и сделайте у него оооооочень толстую обводку. настройки для обводки можно найти на верхней палитре инструментов, нажав на слово «Stroke». Толщина обводки выставляется в поле «weight»

Урок Illustrator «Сердце». Изменение свойств обводки

Теперь нужно разбить заливку и обводку на два разных объекта. Делается это командой «Object->Expand»:

Урок Illustrator «Сердце». Команда «Expand»

Теперь у нас два объекта, объединенных в группу. Разгруппируйте их нажав правой кнопкой мыши на них и выбрав из всплывающего меню команду «Ungroup»

Урок Illustrator «Сердце». Разгруппировка командой «Ungroup»

И, не снимая выделения объедините их в один объект с помощью уже известной палитры «Window->Pathfinder»:

Урок Illustrator «Сердце». Палитра «Window- Pathfinder»
расположите «отложенное» сердечко поверх только что полученного и с помощью палитры «Window->Align» расположите их по-центру друг относительно друга:
Урок Illustrator «Сердце». Позиционирование объектов палитра «Align»

Из верхнего сердечка мы сделаем блик. Для этого поверх него нарисуйте эллипс при помощи инструмента «Elipse Tool» (‹L›):

Урок Illustrator «Сердце». Рисование эллипсов

При необходимости снова выравняйте все объекты по-центру при помощи палитры «Align». Выделите верхнее сердечко и эллипс инструментом «Selection Tool» (черная стрелочка — «V») и в помощью палитры «Window->Pathfinder» создайте объект от их пересечения:

Урок Illustrator «Сердце». Pathfinder

Если у вас версия Illustrator CS3 не забудьте нажать кнопочку «Expand»:

Урок Illustrator «Сердце».

Осталось совсем немного — раскрасить. Нижнее сердце я заливаю вертикальным линейным градиентом от цвета «#BF0000» к цвету «#8C0101». А «блик» нужно залить градиентом от светло-красного, например «#FA3232» к цвету, который образуется на границе между верхним и нижним объектом. Для этого я буду использовать программу Color Cop, которая позволяет брать цвета с любого объекта на экране. Она бесплатная и последнюю версию можно скачать отсюда: http://colorcop.net/download. Вы можете использовать любой другой известный вам способ, вплоть до «метода научного тыка». Итак, я запускаю программку и беру цвет из нужного мне места изображения:

Урок Illustrator «Сердце». Программа Color Cop

И заливаю верхний объект вертикальным градиентом от цвета «#FA3232» к цвету «#A40101»

Урок Illustrator «Сердце». Заливка градиентом

Результатом выполнения урока будет вот такое сердечко:

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