Skip to content
Increase font size Decrease font size Default font size default color orange color green color
Путь: Главная Уроки по Inkscape 3D эффекты 3D шарик в Inkscape

3D эффекты

3D шарик в Inkscape

29.12.2011 11:46

Здравствуйте! Хочу представить ещё один способ рисования шарика. Здесь нет работы с контурами, зато добавляется работа с тенями и градиентами. Для начала нарисуем круг.

Рисуем круг в Inkscape

Добавим к кругу радиальный градиент. Будет красивее если края градиента вытащить за пределы окружности. Но можно и оставить на окружности или даже втащить внуть, так шарик будет выглядеть более "глянцевым". Или более "матовым". Центр градиента — непрозрачный белый, край — соответствует цвету шарика.

Добавляем в Inkscape градиент к кругу

Ставим курсор мыши в центр градиента и перетаскиваем "блик", удерживая клавишу "Shift". Градиент стал несимметричным, расстояние между центром градиента и "бликом" — эксцентриситет градиента.

Перетаскиваем блик в Inkscape

Сейчас будем рисовать тени. Копируем шарик два раза.

Копируем шарик в Inkscape

Рисуем внешнюю тень. Изменяем градиент шарика. В центре - прозрачный белый, край — серый, немного отступя от края - переходный, тоже прозрачный белый.

Изменяем градиент шарика в Inkscape

Добавляем всему объекту прозрачность и размывание.

Добавляем объекту прозрачность

Накладываем тень на шарик, используя привязку к центру площадки. Смещаем "блик" тени примерно к блику шарика. Можно чуть подальше, потом подкорректируем. Нужно поставить уровень отображения выше, чем у шарика.

Накладываем тень на шарик в Inkscape

Рисуем вторую тень. Чёрный цвет, полупрозрачный и размытый.

Рисуем вторую тень в Inkscape

Поджимаем с боков...

Поджимаем объект с боков в Inkscape

Подсовываем под шарик и рисуем фон. Соблюдаем уровни отображения.

Рисуем фон в Inkscape

Немножко подкорректируем первую тень — сместим её блик за окружность.

Корректируем тень в Inkscape

Вот что получилось.

Шарик, созданный в Inkscape

Спасибо Сергею "alleyrat" за предоставленный урок!

Понравилась статья? Подпишитесь на
новые уроки и статьи по RSS или E-mail:


 
Комментарии 
 
0 # Лика 31.01.2012 20:04
Спасибо за урок! Просьба для особых блондинок указывать подробнее на какие кнопки нажимать, чтоб "выделить", "добавить" или "вытащить". Новичку очень тяжело приходиться - всё методом тыка с сотого раза :)
Ответить | Ответить с цитатой | Цитировать
 
Добавить комментарий


Защитный код
Обновить