Стеклянный стакан с апельсиновым соком

Этот раздел предназначен для публикации уроков inkscape. В этом же разделе можно высказать замечания и пожелания к опубликованным на сайте урокам inkscape
Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Стеклянный стакан с апельсиновым соком

Сообщение xmario » 12 окт 2011, 14:04

Как нарисовать стеклянный стакан с апельсиновым соком в inkscape

На этом уроке inkscape мы научимся рисовать вот такой стеклянный стакан с соком, используя возможности векторного редактора inkscape.

Изображение

Базовая форма стеклянного стакана с соком

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

Нарисуйте эллипс без заливки с обводкой зеленого цвета #629A61.

Изображение

Нарисуйте еще один эллипс. Поместите его на уровень ниже зеленого клавишей (Page Down). Цвет обводки #FFF56B, заливка линейным градиентом от темного #D59707 к светлому #F9B50A.

Изображение

Нарисуем сам будущий стакан. Проще всего это сделать из прямоугольника. Т.е. нарисовать прямоугольник, перевести его в контуры (Ctrl+Shift+C) и инструментом управления контурами изменить нижний контур вытянув его вниз. А так же немного сдвинуть нижние узлы, что бы получилась фигура такая, как на рисунке ниже. Обводки нет. Заливка линейным градиентом левый цвет #DD9907, правый цвет #F7E805.

Изображение

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

Изображение

Нарисуем еще одну окружность – это будет дно стакана. Переведем ее в контуры и немного вытянем дно. Обводка у окружности бело цвета. Заливка линейным градиентом. Нижний цвет #CD8F06, а верхний #FCF2BE.

Изображение

Все вместе выглядит примерно так.

Изображение

Еще один эллипс, что бы подчеркнуть белую обводку внизу стакана. Этот эллипс можно сделать копированием из предыдущей фигуры (Ctrl+D). Эллипс имеет тонкую обводку с цветом #7d7556 и заливку из сплошного цвета #a57e28.

Изображение

В стакане последний эллипс чуть-чуть вылезает из под предыдущего.

Изображение

Стеклянные хитрости

Теперь, когда стакан готов, сделаем разные маленькие хитрости, которые придадут стакану стеклянный эффект.

Во-первых, блики по краю стакана. Это две линии нарисованные пером, без заливки, обводка которых представляет собой радиальный градиент из трех точек. Крайние точки градиента абсолютно прозрачный белый цвет, а точка посередине просто белая. Пример линии с контурами и градиентом показан на рисунке ниже в центре. А результат без узлов виден на зеленом круге.

Изображение

Большой блик на стакане

Большой блик представляет собой вот такой контур. Проще всего сделать его из оконтуренной окружности, добавив в нее несколько новых узлов.

Изображение

Так теперь должен выглядеть наш стакан. Непрозрачность фигуры блика 25%. Изменять непрозрачность можно в диалоге «заливка и обводка» (Shift+Ctrl+F).

Изображение

И еще один блик для стакана из окружности, даже без добавления узлов. Непрозрачность фигуры блика 25%. Схема фигуры блика на рисунке слева, расположение блика на стакане справа.

Изображение

Пузырьки воздуха

Сам по себе пузырек представляет собой несложную конструкцию. Это окружность с заливкой #C1890D и обводкой #FFF29F, а также двух кривых фигурок белого цвета, которые несложно сделать из окружностей.

Изображение

Поместите на свободное место на холсте пузырек и форму пятна. Выделите пузырек.

Изображение

Заполнить пятно пузырьками можно, конечно, вручную, но это долго и трудоемко. Поэтому воспользуемся возможностью inkscape «Создать узор из клонов», которая находится в меню «Правка» - «Клоны».

Inkscape запоминает последние настройки, поэтому, на всякий случай, нажмите кнопку «Сбросить», что бы отменить старые настройки.

Когда настройки установлены по умолчанию на закладке «Обводка» установите вот такие параметры, как на рисунке ниже.

Изображение

А на закладке «Масштаб» параметры случайности 100%.

Изображение

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

Изображение

Если все готово, в меню «Правка» - «Клоны» при выделенном исходном пузырьке нажмите пункт – отсоединить клон. Сам исходный пузырек можно теперь либо удалить, либо поместить вручную, куда-нибудь на нашу конструкцию. Выделите пятно с пузырьками и сгруппируйте объекты (Ctrl+G). Переместите пятно на стакан.

Изображение

Тень от стакана

Сделаем тень. Основная тень представляет собой вот такой контур. С плавным переходом градиента из прозрачного белого цвета в непрозрачный черный. Тень надо разместить в самом низу, на самом нижнем уровне, клавиша (End). Вспомогательный серый прямоугольник, нам, пожалуй, больше не нужен, можно его удалить.

Изображение

Тень получилась скучновата. Можно сделать еще одну вспомогательную фигуру для тени. Ведь стекло прозрачное и тень от него редко бывает равномерной. Заливка вспомогательной фигуры линейный градиент. Слева белый цвет с непрозрачностью 50%, справа абсолютно прозрачный белый цвет. Вспомогательную фигуру тени нужно разместить ниже стакана, но выше тени.

Изображение

Соломинка

Соломинка это обычная прямая линия, нарисованная пером и залитая линейным градиентом с цветами #048904 и #28AE29.

Изображение

Ну, вот и все. Все остальное. Что мы делали с соломинкой: добавление тени, белый блик, овал на верхушке, всё это мы уже неоднократно делали в этом уроке. Готовый стакан выглядит так:

Изображение
Вложения
stakan.svg
Стеклянный стакан с апельсиновым соком в формате SVG-Inkscape
(62.36 КБ) 2804 скачивания

AB-web
Сообщения: 563
Зарегистрирован: 20 авг 2010, 13:53
Репутация: 3
Пол: Мужской
Откуда: Павлово

Re: Стеклянный стакан с апельсиновым соком

Сообщение AB-web » 12 окт 2011, 17:06

Ух ты!!!!!! Оч круто!!! :crazy:
Хоть тут некоторым не нравятся посты типа "класс", но всё же это классно!
Я бы с удовольствием потворил что-нибудь, но как то всё не найду время на этот inkscape...
Особенно понравились пузырьки... Мне это морковный сок напомнило :oops: :D Копия! Только тот покраснее)

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Стеклянный стакан с апельсиновым соком

Сообщение xmario » 12 окт 2011, 17:27

Ага! Пузырьки в этом уроке - самое четкое! :-D Как только они получились - получился урок, т.к. все остальное фигня. :-D

Аватара пользователя
Inky
Сообщения: 216
Зарегистрирован: 15 ноя 2010, 21:52
Репутация: 5

Re: Стеклянный стакан с апельсиновым соком

Сообщение Inky » 10 ноя 2011, 01:48

:good:
Inky
Не балуйся апом-накажу, хоть и уважаю ( модератор )

Аватара пользователя
Inky
Сообщения: 216
Зарегистрирован: 15 ноя 2010, 21:52
Репутация: 5

Re: Стеклянный стакан с апельсиновым соком

Сообщение Inky » 25 янв 2012, 01:01

Три дня думал, что такое АПОМ. Извините :oops:
А вот результат моих трудов:

Изображение

Спасибо за понятный урок :)

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Стеклянный стакан с апельсиновым соком

Сообщение xmario » 25 янв 2012, 19:32

Про "ап" не мое. :oops: А стакан получился классный!!!!!! :Bravo:

Аватара пользователя
Inky
Сообщения: 216
Зарегистрирован: 15 ноя 2010, 21:52
Репутация: 5

Re: Стеклянный стакан с апельсиновым соком

Сообщение Inky » 26 янв 2012, 00:49

Спасибо.
Особенно мне понравился блик, который появляется из линии, которая превращается в белую,
которая изгибается как угодно и концы которой плавно растворяются :-D

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 34
Пол: Женский
Откуда: г. Сочи

Re: Стеклянный стакан с апельсиновым соком

Сообщение Lynx » 26 янв 2012, 01:01

"Ап" смайликами мну не понравился, решила упредить дурной пример , чтобы не прижился на форуме.

Хорошая работа, уже практически так же, как и у учителя. Только вот думаю, это так и должно быть у стаканчика, что боковых стенок совсем нет, просто круг сверху и сразу сок. Может хотя бы забликовать нужно было по краям и сзади на стенке. Впрочем если не присматриваться то все отлично.
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Стеклянный стакан с апельсиновым соком

Сообщение xmario » 26 янв 2012, 09:33

Так это задумка такая, что стакан чистый. :-D Прозрачное стекло не видно. Впрочем, если кому-то при выполнении урока захочется стенок, то с этой задачей они справятся без труда. ;) В конце концов, должна же оставаться некоторая недосказанность.

Аватара пользователя
Мария Александровна
Сообщения: 5
Зарегистрирован: 19 фев 2012, 15:27
Репутация: 0
Пол: Женский
Откуда: Самара

Re: Стеклянный стакан с апельсиновым соком

Сообщение Мария Александровна » 11 апр 2012, 03:06

Почти похоже вроде бы :)
Вложения
Стакан сока.jpg
(46.72 КБ) 0 скачиваний

Ответить

Вернуться в «Уроки inkscape»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 4 гостя