ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
 Страница 1 из 6  » следующая
 мужчина  vaskaM 4 Января 2010, 06:40
Пост №1 * 4 Января 2010, 06:40

Размышляющие
125 постов
70°
Возраст: 40
Регистрация: 17.06.2009
Проживает: Новокузнецк
Рисуем цветок с помощью Mash Tool
How to Create a Mesh Flower in Illustrator


Автор урока:Simona Pfreundner

Программа: Adobe Illustrator
Версия: CS4
Сложность: Средняя
Затраченное время: 1час 50 минут


Вот финальный результат:

Рисуем цветок с помощью Mesh

Шаг 1

Создаем новый документ.Выбираем инструмент Polygon Tool(Многоугольник).Щелкаем левой кнопкой мыши по
рабочему полю один раз и в появившемся окне задаем следующие настройки: радиус - 50pt,
число сторон(Sides) - 6.Заливаем оранжевым цветом.

Рисуем цветок с помощью Mesh

Шаг 2

Выбираем инструмент Mesh Tool (U) и начинаем создавать градиентную сетку.Щелкаем слева в центре многоугольника.

Рисуем цветок с помощью Mesh

Примечание:В шагах со 2 по 4 автор создает сетку,хотя в этом случае можно сделать проще.
С выбранным многоугольником идем Object-Create-Gradient Mesh и задаем параметры как на скриншоте 2а

Рисуем цветок с помощью Mesh

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

Рисуем цветок с помощью Mesh

Шаг 4

Добавим горизонтальных линий

Рисуем цветок с помощью Mesh

Шаг 5

Выбираем инструмент Direct selection Tool (A) выделяем центральную опорную точку и задаем ей темно-оранжевый цвет

Рисуем цветок с помощью Mesh

Шаг 6

Затем выбираем угловые точки и задаем им желтый цвет
Примечание:Чтобы выбрать все угловые точки за один раз,делайте это с зажатой клавишей Shift.

Рисуем цветок с помощью Mesh

Шаг 7

Теперь постараемся придать многоугольнику вид звезды.С помощью инструмента Direct selection Tool начинаем тянуть
опорные точки так,что бы получилось как на рисунке ниже.

Рисуем цветок с помощью Mesh

Шаг 8

Перейдем к созданию лепестка.Выбираем инструмент Pen Tool (P) и рисуем форму лепестка,заливаем его 5% черным.

Рисуем цветок с помощью Mesh

Шаг 9

Создайте форму,наподобие приведенной ниже,это будет основание для лепестка.Заполните темно-розовым цветом,
или используйте цвет на ваше усмотрение.Далее идем Effect > Stylize > Feather и устанавливаем настрйки как на скриншоте.
Поместите эту фигуру в основание лепестка.

Рисуем цветок с помощью Mesh

Шаг 10

С помощью инструмента Mesh Tool (U) создаем градиентную сетку для лепестка(шаги 2-4).Выбираем произвольные опорные точки
и задаем им более темный цвет.

Рисуем цветок с помощью Mesh

Шаг 11

Выбераем маленькую розовую форму(основание лепестка),делаем копию и помещаем поверх оригинала(Ctrl+C,Ctrl+F)
Сократите размер примерно до 75% от исходного.Заполняем его более темным розовым или фиолетовым.И применяем
эффект Feather 2pt.

Рисуем цветок с помощью Mesh

примечание: Для того что бы изменить настройки эффекта,щелкните по нему в палитре Appearance(рис 11а).

Рисуем цветок с помощью Mesh

Шаг 12

Сгруппируем лепесток и две маленькие формы.Выбираем эту группу,делаем копию и с помощью инструмента Rotate Tool ®
поворачиваем примерно на 60 градусов.Повторяем эти действия пока у нас не будет 6 лепестков,как на изображении.

Рисуем цветок с помощью Mesh

Шаг 13

Выбираем оранжевую форму созданную в первых шагах и помещаем ее в основание лепестков.Устанавливаем
непрозрачность 88% и применяем эффект Feather - 5pt.

Рисуем цветок с помощью Mesh

Шаг 14

Создаем копию оранжевой формы и сокращаем с помощью инструмента Selection Tool(V),как показано на скриншоте.
Примечание:Что бы масштабирование было пропорционально,делайте его с зажатыми клавишами Shift+Alt.

Рисуем цветок с помощью Mesh

Шаг 15

Инструментом Rectangle Tool(M) рисуем прямоугольник и заполняем его зеленым.Добавляем опорные точки с помощью
Mesh Tool (U).Выбирите произвольные точки и заполните их более темным и более светлым цветом
(на ваше усмотрение),это будет наш фон.

Рисуем цветок с помощью Mesh

Шаг 16

Сгруппируем все лепестки,сделаем копию получившегося цветка и применим к нему размытие по Гауссу, радиус размытия 21 px.
примечание:для этого идем Effect-Blur-Gaussian-Blur

Рисуем цветок с помощью Mesh

Шаг 17

Разместите цветок как показанно на изображении.

Рисуем цветок с помощью Mesh

Шаг 18

Так же,с права размещаем текст.

Рисуем цветок с помощью Mesh

Шаг 19

Сделайте копию цветка,уменьшите ее и поместите справа от большого.Выставите Opacity (Непрозрачность),
для этого цветочка 20 %

Рисуем цветок с помощью Mesh

Шаг 20

Сделаем еще одну копию цветка и применим к нему более сильное размытие 65px(как изменять параметры
эффекта,вы уже знаете,Шаг 11).Размещаем его в вершину большого цветка,непрозрачность ставим 100%.

Рисуем цветок с помощью Mesh

Шаг 21

Далее я буду добовлять Маски Непрозрачности (Opacity Mask) к оригинальному,неразмытому цветку
(мы делали копию в Шаге 16).Перед этим я разместил еще несколько копий цветка на фоне,что бы
придать эффект глубины.

Рисуем цветок с помощью Mesh

Шаг 22

Сделайте копию оригинального цветка,переместите ее на самый верх документа (сочетание клавиш Shift+Ctrl+])
Примените к нему Маску Непрозрачности,выберите черный квадрат.
Примечание: Что бы создать Маску непрозрачности нажмите иконку в правом верхнем углу панели Transparency (рис 22а).
В появившемся окошке нажимаем Make Opacity Mask(рис 22b).

Рисуем цветок с помощью Mesh Рисуем цветок с помощью Mesh

Шаг 23

Создайте,при помощи инструмента Ellipse Tool(L),круг и залейте его черно-белым линейным градиентом

Рисуем цветок с помощью Mesh

Шаг 24

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

Рисуем цветок с помощью Mesh


Отредактировано: meine_kleine — 7 Августа 2013, 23:25
ключевые слова: рисуем цветок в фотошопе, mesh tool adobe illustrator, рисуем цветок, нарисовать цветок Pen Tool, рисовать цветок, как поменять цвет цветка в фотошопе, как в фш нарисовать цветок, как рисовать миколая, как нарисовать цветок на 7 лепестков, как нарисовать в иллюстраторе цветы
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 мужчина  vaskaM 4 Января 2010, 06:52 (спустя 11 мин.)
Пост №2 * 4 Января 2010, 06:52 (спустя 11 мин.)

Размышляющие
125 постов
70°
Возраст: 40
Регистрация: 17.06.2009
Проживает: Новокузнецк
продолжение:

Шаг 25

Выйдите из Opacity Mask
примечание: для этого необходимо щелкнуть по изображению цветка рядом с черным
квадратом в панели Transparency (рис 25а).

Рисуем цветок с помощью Mesh

Поместите оригинальный цветок на самый верх документа.Сейчас мы добавим еще одну маску.

Рисуем цветок с помощью Mesh

Шаг 26

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

Рисуем цветок с помощью Mesh

Заключение

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


Вот как получилось у меня:

Рисуем цветок с помощью Mesh

автор:Simona Pfreundner
ссылка на источник:vector.tutsplus.com
перевод и примечания:vaskam


Отредактировано: vaskaM — 4 Января 2010, 07:07
+6
 женщина  Rively 4 Января 2010, 18:22 (спустя 11 часов 30 мин.)
Пост №3 * 4 Января 2010, 18:22 (спустя 11 часов 30 мин.)

Размышляющие
388 постов
93°
Возраст: 36
Регистрация: 21.02.2009
Проживает: Саратов
Гм... )))


Рисуем цветок с помощью Mesh
+7
 мужчина  vaskaM 4 Января 2010, 19:12 (спустя 50 мин.)
Пост №4 * 4 Января 2010, 19:12 (спустя 50 мин.)

Размышляющие
125 постов
70°
Возраст: 40
Регистрация: 17.06.2009
Проживает: Новокузнецк
Rively очень красиво получилось!
мечтать не вредно,вредно не мечтать wink.gif
0
 женщина  Shenn 4 Января 2010, 19:32 (спустя 19 мин.)
Пост №5 * 4 Января 2010, 19:32 (спустя 19 мин.)

Размышляющие
50 постов
Возраст: 34
Регистрация: 25.12.2009
Проживает: Куопио
мне тоже понравилось smile.gif


Рисуем цветок с помощью Mesh
+6
 мужчина  vaskaM 4 Января 2010, 19:50 (спустя 18 мин.)
Пост №6 * 4 Января 2010, 19:50 (спустя 18 мин.)

Размышляющие
125 постов
70°
Возраст: 40
Регистрация: 17.06.2009
Проживает: Новокузнецк
Shenn красиво )
Два урока подряд clapping.gif так держать!!!
0
 мужчина  g_oo_d_vin 7 Января 2010, 23:38 (спустя 3 дня)
Пост №7 * 7 Января 2010, 23:38 (спустя 3 дня)

Размышляющие
26 постов
Возраст: 28
Регистрация: 30.12.2009
Проживает: Новая Каховка
Во общем пробовал повторить ... сначала вроде мне даже мой цветочик понравился... в конце концов потерял место акцента, цветы смешались и все пошло прахом ...

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



а урок очень красивый ... с весьма полезной и интересной техникой как для илла... принцип масок понимаеться понемногу ... а то в фотошопе подругому !
Автор круть=)))


Рисуем цветок с помощью Mesh

Отредактировано: g_oo_d_vin — 7 Января 2010, 23:41
+1
 мужчина  vaskaM 9 Января 2010, 07:21 (спустя 1 день 7 часов)
Пост №8 * 9 Января 2010, 07:21 (спустя 1 день 7 часов)

Размышляющие
125 постов
70°
Возраст: 40
Регистрация: 17.06.2009
Проживает: Новокузнецк
g_oo_d_vin попробуйте поменять цветовую гамму,уменьшите размытие некоторых цветов на заднем фоне,сделайте очертание лепестков более изящными,а то как то грубовато смотрится )
все это канешно ИМХО )))
Главное вы направильном пути.
0
 мужчина  Genestro 9 Января 2010, 11:50 (спустя 4 часа 29 мин.)
Пост №9 * 9 Января 2010, 11:50 (спустя 4 часа 29 мин.)

Дебютанты
8 постов
Возраст: 49
Регистрация: 7.01.2010
Проживает: Николаев
А у меня нет шкалы внутри круга, как показано в шагах 23-24 dntknw.gif
0
 мужчина  YemZ 9 Января 2010, 12:29 (спустя 39 мин.)
Пост №10 * 9 Января 2010, 12:29 (спустя 39 мин.)

Размышляющие
1 529 постов
271°
Возраст: 16
Регистрация: 26.07.2006
Проживает: Украина
Если у Вас версия Иллюстратора ниже CS4, то Вы её и не увидите.
Придется настраивать его в палитре Gradient (Ctrl+F9), а распределение на окружности инструментом Gradient Tool (G). Для этого наводим курсор на первую точку, нажимаем на левую кнопки мыши, и, не отпуская, тянем на вторую точку.

Рисуем цветок с помощью Mesh
+4
 мужчина  bezlik 9 Января 2010, 13:28 (спустя 58 мин.)
Пост №11 * 9 Января 2010, 13:28 (спустя 58 мин.)

Дебютанты
9 постов
Возраст: 34
Регистрация: 11.11.2009
Проживает: Донецк
Вот такие у меня цветочки получились. Правда лепестки узковатыми оказались, но вовремя не переделал, а потом стало лень.
Спасибо за урок.


Рисуем цветок с помощью Mesh
+5
 мужчина  Genestro 9 Января 2010, 15:49 (спустя 2 часа 21 мин.)
Пост №12 * 9 Января 2010, 15:49 (спустя 2 часа 21 мин.)

Дебютанты
8 постов
Возраст: 49
Регистрация: 7.01.2010
Проживает: Николаев
YemZ, Спасибо за помощь, все, разобрался!
0
 женщина  mamina 9 Января 2010, 18:10 (спустя 2 часа 20 мин.)
Пост №13 * 9 Января 2010, 18:10 (спустя 2 часа 20 мин.)

Размышляющие
гильдия «Фрактальщиков»
905 постов
156°
Возраст: 20
Регистрация: 1.11.2009
Проживает: Middle-earth
с Мэшем у меня не складываются "отношения" ... вот, пробую ... dntknw.gif

Рисуем цветок с помощью Mesh
+7
 женщина  Миколая 11 Января 2010, 12:31 (спустя 1 день 18 часов)
Пост №14 * 11 Января 2010, 12:31 (спустя 1 день 18 часов)

Размышляющие
276 постов
Возраст: 20
Регистрация: 25.12.2007
Проживает: Россия
Как-то так blush.gif


Рисуем цветок с помощью Mesh
+6
 женщина  andryha 11 Января 2010, 14:49 (спустя 2 часа 17 мин.)
Пост №15 * 11 Января 2010, 14:49 (спустя 2 часа 17 мин.)

Дебютанты
4 поста
Возраст: 44
Регистрация: 23.05.2009
Проживает: Израиль
Извените всё здорово но на 16 шаге когда я делаю Gaussian Blur у меня появляется сзади цветка белый фон и я не знаю как от него отделаться

Рисуем цветок с помощью Mesh


 ! 

andryha, следите за размером рисунка. Правилами форума разрешено до 1024 по длинной стороне ссылка временно скрыта (IV. 7a).




Отредактировано: meine_kleine — 11 Января 2010, 16:47
0
 Страница 1 из 6  » следующая
« Предыдущая тема · Уроки Adobe Illustrator · Следующая тема»
 Похожие темы
Рисуем флешку с помощью mesh Tool
Суслик 25 31462 +8 4 Сентября 2011 - 18:19
» к последнему сообщению
Плавные и резкие переходы с помощью Mesh
еще один простой урок. Иллюстратор.
john squall 16 32891 +5 14 Апреля 2012 - 19:47
» к последнему сообщению
Создаем цветок при помощи Gradient Mesh
Simple Flowers With Gradient Mesh
Dark Wood 37 23700 +15 7 Октября 2019 - 12:36
» к последнему сообщению
Иллюстрация с помощью Make with mesh
простой урок
angietune 81 42515 +10 14 Июля 2017 - 14:23
» к последнему сообщению
Ваза с тюльпанами при помощи Gradient Mesh
Create Detailed Tulips With GradientMesh
Agudova 42 20875 +15 21 Февраля 2018 - 16:18
» к последнему сообщению

0 посетителей в этой теме