-Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Векторная_графика

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.07.2006
Записей:
Комментариев:
Написано: 3823


Плавные линии в векторной графике.

Четверг, 20 Июля 2006 г. 17:22 + в цитатник
Пивное_Пузо все записи автора Иногда хочется сделать векторный рисунок с реалистичными тенями, или например показать плавные формы. Как это сделать я покажу в этом уроке.
тут описываются некоторые тонкости работы с векторными инструментами

Работа выполнялась в Adobe Photoshop CS2




Для начала возьмем фотографию. Для простоты я решил найти на www.photosight.ru карточку вишенки. Вот оригинал.
 (216x300, 33Kb)

С помощью Пера Безье (pen tool) я обвел контур самой вишни. Старался сделать ее форму максимально гладкой и без резких переходов.
Для удобства я сделал заливку рисуемого объекта полупрозрачной (c помощью регулятора Opacity). Цвет я взял черный, он на самом деле не важен. Все равно в итоге придется менять цвета)
Вот так выглядел рисунок на этом этапе:
 (190x254, 34Kb)


Затем я обвел несколько бликов и теней тем же способом, что и саму вишню (ручкой). Для удобства я на время скрывал слой с рисунком вишни (нажатие на "глаз" в списке слоев).
Пока что выглядит не очень, правда?
 (202x277, 32Kb)


Еще пара теней и бликов. Нарисовал черенок вишневый, с тенью. Не такой как на фотке, а немного искривленный и, ИМХО, более стильный. После этого на несколько слоев с тенями и бликами я применил фильтр Gaussian Blur. Довольно сильно размазал эти детали, чтобы переходы были почти не заметны на поверхности вишни.
 (185x258, 31Kb)


Оставшиеся тень и три блика (которые я посчитал основными и самыми главными на вишне) я тоже "расблюрил") Но уже не так сильно, как остальные. В результате контур остался довольно четкий, но в тоже время не резкий.
На этом этапе я скрыл слой с исходной фотографией, так как он стал более не нужен.
 (199x285, 62Kb)


Затем на новом слое, который я разместил ниже всех остальных, я нарисовал фон. Очень простой, из двух элементов =) С помошью Oval tool (Овал) я сделал тень на фоне, и потом также "расблюрил" ее, чтобы она была не резкой.

 (210x294, 34Kb)


Последние штрихи - доработка того, что кажется нужным. Я, например, сделал маленькую тенюшку в верхней части вишенки, где она прикрепляется к черенку.
Потом склеил все слои (Merge layers), сделал маленькую белую рамку (Layer style - stroke) и конечно любимый копирайт =)

Финальный результат:
 (216x300, 47Kb)


Вот такая вот милая картинка. При достаточном опыте и тренировке отнимет у вас 10-15 минут максимум. Поэтому тренируйтесь, пробуйте! И свои эксперименты кидайте в каменты, или вовсе в посты)
Можете попробовать с вишенкой, но интереснее будет делать какую нибудь другую картинку) Яблоко к примеру)

Удачи!
Рубрики:  Статьи
V-Хитрости
УРОКИ


Процитировано 2 раз

BZzziC   обратиться по имени Re: Плавные линии в векторной графике. Четверг, 20 Июля 2006 г. 17:28 (ссылка)
а Opacity не подскажешь как на русском?) или хотя бы где искать?

LI 5.09.15
Ответить С цитатой В цитатник
Пивное_Пузо   обратиться по имени Четверг, 20 Июля 2006 г. 17:32 (ссылка)
BZzziC, справа, где слои все находятся =) Называется как нить вроде "заливка" или "прозрачность", что то в этом духе.
Хотя смотря какая версия ФШ.
Ответить С цитатой В цитатник
BZzziC   обратиться по имени Четверг, 20 Июля 2006 г. 17:36 (ссылка)
спасибо большое) и за урок огромное спасибо;)
Ответить С цитатой В цитатник
Пивное_Пузо   обратиться по имени Четверг, 20 Июля 2006 г. 17:40 (ссылка)
BZzziC, незачто) попробуй по нему сделать что нибудь)
Ответить С цитатой В цитатник
BZzziC   обратиться по имени Re: Ответ в Векторная_графика; Плавные линии в векторной графике. Четверг, 20 Июля 2006 г. 17:45 (ссылка)
Исходное сообщение Пивное_Пузо: BZzziC, незачто) попробуй по нему сделать что нибудь)
ага) ща попробую)

LI 5.09.15
Ответить С цитатой В цитатник
BZzziC   обратиться по имени Четверг, 20 Июля 2006 г. 18:44 (ссылка)
вот так у меня получилось)
как сделать тень на столе?)))
 (150x208, 14Kb)
Ответить С цитатой В цитатник
Пивное_Пузо   обратиться по имени Четверг, 20 Июля 2006 г. 18:53 (ссылка)
BZzziC, можешь ручкой ее нарисовать, а потом расблюрить =)
Ответить С цитатой В цитатник
BZzziC   обратиться по имени Re: Ответ в Векторная_графика; Плавные линии в векторной графике. Четверг, 20 Июля 2006 г. 20:45 (ссылка)
Исходное сообщение Пивное_Пузо: BZzziC, можешь ручкой ее нарисовать, а потом расблюрить =)
а вообще как получилось?) сойдет для первого раза?))
надеюсь я не потеряна)

LI 5.09.15
Ответить С цитатой В цитатник
Векторная_графика   обратиться по имени Четверг, 20 Июля 2006 г. 20:57 (ссылка)
BZzziC, неплохо =) главное что основные приемы уловила, а дальше с опытом будет лучше и лучше.
Только один вопрос - у тя линии контура вишенки какие то ломаные. Ты научилась изгибать векторные линии?)
Ответить С цитатой В цитатник
BZzziC   обратиться по имени Re: Ответ в Векторная_графика; Плавные линии в векторной графике. Четверг, 20 Июля 2006 г. 21:01 (ссылка)
Исходное сообщение Векторная_графика: BZzziC, неплохо =) главное что основные приемы уловила, а дальше с опытом будет лучше и лучше.
Только один вопрос - у тя линии контура вишенки какие то ломаные. Ты научилась изгибать векторные линии?)
=))) пока нет) просто лень было с "рогами" разбираться) я думаю как-нить потом посмотрю, как это работает)

LI 5.09.15
Ответить С цитатой В цитатник
Пивное_Пузо   обратиться по имени Четверг, 20 Июля 2006 г. 21:04 (ссылка)
BZzziC, эх ты =) Это самая клевая вещь в ручке Безье) Такие стильные линии можно делать
Ответить С цитатой В цитатник
BZzziC   обратиться по имени Re: Ответ в Векторная_графика; Плавные линии в векторной графике. Четверг, 20 Июля 2006 г. 21:05 (ссылка)
Исходное сообщение Пивное_Пузо: BZzziC, эх ты =) Это самая клевая вещь в ручке Безье) Такие стильные линии можно делать
=)) ну ладно-ладно)) я попробую))

LI 5.09.15
Ответить С цитатой В цитатник
BZzziC   обратиться по имени Re: Плавные линии в векторной графике. Четверг, 20 Июля 2006 г. 21:15 (ссылка)
не получается.(( как-нибудь будет время, напиши урок по этому, пожалуйста)

LI 5.09.15
Ответить С цитатой В цитатник
Пивное_Пузо   обратиться по имени Четверг, 20 Июля 2006 г. 22:06 (ссылка)
BZzziC, ставишь одну точку, потом ставишь вторую, и не отпускаешь кнопку мыши, а ведешь мышь куда нить в сторону. Линия изогнется)
Ответить С цитатой В цитатник
BZzziC   обратиться по имени Re: Ответ в Векторная_графика; Плавные линии в векторной графике. Четверг, 20 Июля 2006 г. 23:23 (ссылка)
Исходное сообщение Пивное_Пузо: BZzziC, ставишь одну точку, потом ставишь вторую, и не отпускаешь кнопку мыши, а ведешь мышь куда нить в сторону. Линия изогнется)
аа) вот оно что)) спасибо)

LI 5.09.15
Ответить С цитатой В цитатник
just_polli   обратиться по имени Пятница, 28 Июля 2006 г. 20:55 (ссылка)
Блииин...Я потратила нереальное уол-во времени на эту крохотную работу!!!:-0
Фотку другую совсем влом было делать, поэтому взяла ту же вишню.
 (216x300, 26Kb)
Ответить С цитатой В цитатник
Пивное_Пузо   обратиться по имени Суббота, 29 Июля 2006 г. 00:48 (ссылка)
just_polli, зато вышло прекрасно! Уверен, после того что ты узнала и после такой тренировки тебе будет гораздо легче.
Ответить С цитатой В цитатник
just_polli   обратиться по имени Суббота, 29 Июля 2006 г. 01:25 (ссылка)
Пивное_Пузо, Ждите следующей более серьёзной работы))

ЗЫ Очень приятно находиться в таком дружелюбном сообществе)) Спасибо вам обоим большое))
Ответить С цитатой В цитатник
Tcima   обратиться по имени Понедельник, 31 Июля 2006 г. 04:16 (ссылка)
извените у меня вот вопрос может не совсем по теме.. а в ФШ вы работете мышкой или пользуетесь планшетом? у меня не получаются многие вещи и рисунки мышкой... не могу я рисовать мышью.. может ручкой с планшетом будет удобнее?
Ответить С цитатой В цитатник
Пивное_Пузо   обратиться по имени Понедельник, 31 Июля 2006 г. 17:27 (ссылка)
Tcima, я рисую мышкой (думаю как и большинство здесь)
может планшетом и удобнее- не пробовал
just_polli, рад что тебе здесь нравится)
Ответить С цитатой В цитатник
G_O_T   обратиться по имени Пятница, 11 Августа 2006 г. 01:27 (ссылка)
Пивное_Пузо, хорошо у тебя получается уроки писать)) мож учителем станешь)))
Ответить С цитатой В цитатник
Пивное_Пузо   обратиться по имени Пятница, 11 Августа 2006 г. 01:47 (ссылка)
G_O_T, отличная идейка ага) сельским)
Ответить С цитатой В цитатник
G_O_T   обратиться по имени Пятница, 11 Августа 2006 г. 01:49 (ссылка)
Пивное_Пузо, ну... сельским не сельским уж не тебе решать надо будет)))
Ответить С цитатой В цитатник
n00bz   обратиться по имени Вторник, 15 Августа 2006 г. 18:33 (ссылка)
почему когда я делаю контур с помощью pen tool, потом пытаюсь залить, а у меня заливается полностью весь рисунок, хотя контур я рисую на новом слое? с pen tool в любой работе у меня так..
Ответить С цитатой В цитатник
double_scotch   обратиться по имени Пятница, 22 Сентября 2006 г. 21:11 (ссылка)
Пивное_Пузо, урок давний, но может ответишь на вопрос?
я Пером выделила, все о-кей...залилось чОрным цветом, прозрачность тоже могу уменьшить...А ЦВЕТ?!
Ответить С цитатой В цитатник
double_scotch   обратиться по имени Пятница, 22 Сентября 2006 г. 21:47 (ссылка)
разобралась таки...такая вот фигня получилась...
 (216x300, 22Kb)
Ответить С цитатой В цитатник
La_Catalina   обратиться по имени Суббота, 25 Ноября 2006 г. 13:01 (ссылка)
А у меня чето не очень получилось

 (182x242, 33Kb)
Ответить С цитатой В цитатник
Ness-Ka   обратиться по имени Пятница, 01 Июня 2007 г. 18:43 (ссылка)
Скажите пожалуйста, а в фотошопе 7,0 этого Блюра нет? Или я просто не могу его найти?
Ответить С цитатой В цитатник
Shakue   обратиться по имени Суббота, 26 Января 2008 г. 01:05 (ссылка)
мой квадратег

чо то все повисло у меня когда блюр применял и пришлось в Jpeg сохранить
 (216x300, 26Kb)
Ответить С цитатой В цитатник
KeyC   обратиться по имени Четверг, 05 Июня 2008 г. 13:39 (ссылка)
А как вы заливаете краску?? Я выделяю, как показано на второй картинке, а закрашивается вся картинка... почему??((
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку