12 мар. 2010 г.

Уроки Adobe Illustrator: как нарисовать корзину с цветами



Всем добрый день! Сегодня у нас новый урок Adobe Illustrator: рисуем корзину с цветами. Автор урока – Alekks-all – один из победителей конкурса на лучший баннер, начинающий микростокер и блогер. На его блоге «Хорошие картинки» вы найдете еще немало интересных уроков Adobe Illustrator!

Если в ходе выполнения урока у вас появятся вопросы по работе с тем или иным инструментом, вы можете поискать подсказку в бесплатном курсе «Изучи Adobe illustrator за 30 дней». Вы также можете взять онлайн консультацию по Adobe Illustrator через Skype.

Рисуем корзину с цветами


урок adobe illustrator: рисуем корзину с цветами

Начнем с корзины, и для начала нарисуем дно.
Для этого используем инструмент Elipse tool (Эллипс) и с помощью зажатой клавиши Shift рисуем ровный круг.

урок adobe illustrator: рисуем корзину с цветами

Далее над кругом рисуем прямоугольник: Rectangle tool.

урок adobe illustrator: рисуем корзину с цветами

Далее выделяем оба объекта (круг и прямоугольник) и при помощи меню Pathfinder (которое изначально находится в разделе Window)

урок adobe illustrator: рисуем корзину с цветами

вычитаем прямоугольник из круга: Pathfinder > Subtract from shape area - и жмем Expand (для закрепления свойств)

урок adobe illustrator: рисуем корзину с цветами

урок adobe illustrator: рисуем корзину с цветами

Получится вот такое будущее основание корзины.

урок adobe illustrator: рисуем корзину с цветами

Далее при помощи пера (Pen tool) рисуем следующее.

урок adobe illustrator: рисуем корзину с цветами

Не хотите рисовать пером?!
Данную фигуру можно нарисовать при помощи меню Pathfinder.
Для этого нарисуем прямоугольник - Rectangle tool и овал - Elipse tool.

урок adobe illustrator: рисуем корзину с цветами

И при помощи Pathfinder > Subtract from shape area вычитаем овал из прямоугольника. Жмем Expand.

Получаем следующее:

урок adobe illustrator: рисуем корзину с цветами

Затем выделяем получившийся объект и при помощи зажатой клавиши Alt перетаскиваем чуть в сторону (таким образом копируя), в данный момент перетаскиваем вниз.

урок adobe illustrator: рисуем корзину с цветами

После этого выделяем оба объекта и при помощи опции Pathfinder > Subtract from shape area вычитаем второй объект из первого и получаем такую вот фигуру.

урок adobe illustrator: рисуем корзину с цветами

Все просто.

Получившуюся фигуру перетаскиваем на ранее созданный полукруг и с помощью Elipse tool рисуем еще один овал.

урок adobe illustrator: рисуем корзину с цветами

Основание корзины готово.

Теперь при помощи пера «Pen tool» рисуем ручку.

урок adobe illustrator: рисуем корзину с цветами

Теперь, когда корзина готова, рисуем цветы.
Для этого воспользуемся инструментом Poligon tool (Многоугольник).

урок adobe illustrator: рисуем корзину с цветами

Кликаем по рабочей области рисунка и в появившемся меню устанавливаем количество углов, равное 10.

урок adobe illustrator: рисуем корзину с цветами

У нас получился вот такой многоугольник.

урок adobe illustrator: рисуем корзину с цветами

Выделяем получившийся многоугольник и при помощи Filter (или Effect) > Distort > Pucker & Bloat раздуваем углы многоугольника – в появившемся окне устанавливаем 40%.

урок adobe illustrator: рисуем корзину с цветами

урок adobe illustrator: рисуем корзину с цветами

Получается вот такой вот объект.

урок adobe illustrator: рисуем корзину с цветами

Теперь в центр этого объекта добавляем круг - Elipse tool, раскрашиваем: Правая панель > Color.

урок adobe illustrator: рисуем корзину с цветами

Получившийся цветок выделяем и при помощи правой кнопки мыши и опции Group группируем его.

урок adobe illustrator: рисуем корзину с цветами

По этому принципу рисуем еще цветы, меняя количество лепестков количеством углов многоугольника, а раздувание - процентами Filter > Distort > Pucker & Bloat.
Копируем их при помощи зажатой клавиши Alt и наполняем корзину.

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

урок adobe illustrator: рисуем корзину с цветами

Чтобы этого не случилось, положение готовых объектов меняйте относительно друг друга: выделяете объект > правая кнопка мыши > Arrange > Send backward, таким образом перемещая их на передний (либо задний) план относительно друг друга.

урок adobe illustrator: рисуем корзину с цветами

Итак, наша корзина с цветами готова. Желаю вам всяческих успехов.
Кстати, раскрашивал объекты при помощи градиента. Как это делать, смотрите здесь.

Alekka-all

____________________

И я желаю вам хорошего настроения!

Анна Волкова

Планировала опубликовать этот пост с утра, но зашла на литературный блог и зачиталась:)


Уроки Adobe Illustrator через Skype
Читать дальше...


Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями:



23 комментария:

  1. Про градиент кстати. я думал ты ссылку на свой урок относительно гардиента вставишь :)

    ОтветитьУдалить
  2. Для корзины "Медный градиент" не очень подходит...

    ОтветитьУдалить
  3. Почему? Может это медная корзина:)

    ОтветитьУдалить
  4. Дык конечно, здесь бы плетение нарисовать, но старался как можно проще :)

    ОтветитьУдалить
  5. Здравствуйте ,а можно использовать фильтры для микростоковой иллюстрации или это просто урок для изучения всех возможностей программы?

    ОтветитьУдалить
  6. Векторные фильтры использовать можно, а вот растровые - не стоит:)

    ОтветитьУдалить
  7. И ничег сложного нет, попробовал тоже получилось, честно не думал что легко так, фотошопом особо не увлекаюсь, так если чуть сайты подредактировать

    ОтветитьУдалить
  8. А никто и не говорил, что это сложно:)

    ОтветитьУдалить
  9. :)) Да и урок, на банальном уровне

    ОтветитьУдалить
  10. А какие фильтры тогда векторные ?я на форуме о микростоках читала , что нельзя фильтры использовать так как более сложные эффекты будут преобразоваваться в растр при сохранении в EPS v8. Можно использовать: градиенты, blend, меши.

    ОтветитьУдалить
  11. Фильтр Pucker & Bloat использовать можно точно:) Сама пользуюсь им года два, никаких растровых элементов не возникнет:) Если используете эффект Pucker & Bloat, то полученный результат нужно обязательно экспандить, а фильтр - не надо

    ОтветитьУдалить
  12. тут никаких текстур даже пологике вещей не может возникнуть, всего то объект слегка изменит свою форму. Математика, а значит вектор. :)

    ОтветитьУдалить
  13. А я ну никак немогу понять, как залить цветной фон (( Или для этого нужно отдельно рисовать квадрат с размером страницы, заливать его и на нём же уже рисовать необходимое. Или всё-таки как в Paint возможно залить фон? Всё перепробовал! И выделял фон, но он никак не выделяется!

    ОтветитьУдалить
  14. Именно так :)
    Рисуете прямоугольник или квадрат по размеру страницы и заливаете!

    ОтветитьУдалить
  15. У меня почему-то градиентная заливка не работает.
    Все делала так, как написано было в Ваших уроках: нажимаю на градиент со стандартной заливкой ч/б цвета -> треугольник с режимом RGB, выходят ползунки слева, справа, посередине. Вызываю окно с цветом Color, забиваю нужный цвет - синий. Градиент не работает. На ползунках (как в фотошопе, напр.) цвет не вызвать. Что делать?
    Можно ответить по электронке:
    tatyanafevralskaya@yandex.ru

    ОтветитьУдалить
  16. Попробуйте сделать тоже самое, но при этом держите зажатой клавишу Alt.

    То есть сначала вы применяете градиентную заливку к фигуре, фигура заливается стандартной ч/б градиентной заливкой. Затем, не снимая выделения с фигуры, вы кликаете в квадратик ползунка на градиентной линейке, активизируя таким образом этот ползунок для выбора цвета - маленький треугольничек над квадратиком ползунка станет черным. Вот теперь в некоторых версиях иллюстратора лучше зажать Alt и не отпускать. С зажатой клавишей Alt вы двойным кликом открываете настройку заливки в панеле инструментов (Fill - цветной квадратик такой, там же рядом и цвет контура). Выбираем нужный цвет(все еще держим Alt). Жмем OK, и цвет попадает в градиент. Еще проще, если после выделения ползунка идти не в Fill, а в палитру образцов(swatches), просто кликнуть в ней по нужному цвету и он перелетит в градиент. Можно вообще цвет из панели swatches тупо на градиентную линейку перетащить, и на ней материализуется ползунок с этим цветом.

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

    ОтветитьУдалить
  17. и я могу так рисовать ето очень легко могу показать

    ОтветитьУдалить
  18. Ну-у-у... ФУ! Я думала здесь карандашом учат рисовать, а тут на компьютере... Кому это надо?!Может кому-то и надо, но мне нет!

    ОтветитьУдалить
  19. Розовым по белому написано "уроки Adobe Illustrator" :) И очень многим такие уроки нужны, просто не вам. Поэтому попрошу не фукать :)

    ОтветитьУдалить
  20. ничего не получается с ручкой корзины(((

    ОтветитьУдалить
    Ответы
    1. Тогда лучше начать с инструмента перо, чтобы разобраться как с ним работать. Посмотрите этот урок http://anna-volkova.blogspot.com/2009/10/adobe-illustrator-30-pen-tool.html

      Удалить

Для тех, кто хочет оставить комментарий, но не знает как:

- Нажмите на стрелку в окошке "Подпись комментария"
- Выберите Имя/URL. Все-таки приятнее общаться с человеком, чем с Анонимом
- Напишите своё имя, строчку URL можете оставить пустой, а можете добавить ссылку на свой блог или профиль в соц. сети
- Нажмите "Продолжить"
- Напишите все, что хотели написать!
- Нажмите "Публикация"

Будьте терпеливы, комментарии отображаются в блоге только после модерации.

 

Постоянные читатели

Яндекс.Метрика

Большая коллекция уроков Adobe Illustrator вконтакте

Записки микростокового иллюстратора Copyright © 2009-2018