Форум paint.net на русском языке
Бильярдный шар в inkscape
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Бильярдный шар в inkscape
Как нарисовать бильярдный шар в inkscape
Наверное, самый простой и в тоже время самый эффектный урок векторной графики – это рисование сфер. Нельзя обойти и нам этот урок стороной. Давайте нарисуем вот такой бильярдный шарик, используя возможности inkscape и работу с градиентами в этой программе.
Что может быть проще?! Нарисуйте с помощью инструмента эллипс круг. Что бы нарисовать правильный круг удерживайте при рисовании клавишу CTRL.
Откроем по комбинации клавиш CTRL+SHIFT+F окно настройки заливки и обводки фигуры. Если фигура выбрана, то окно будет активным, и нажмем в нем в закладке, посвященной заливке, кнопку типа заливки радиальный градиент. Обводку отключим. Если щелкнуть теперь по фигуре инструментом градиент в inkscape, то появятся направляющие градиента. Цвет центральной точки #ca5500 (ca5500ff), цвет крайних точек #000000 (000000ff) – черный. В скобках указаны значения цветов в inkscape. Это значение отличается от привычного нам RGB дополнительными двумя буквами ff в конце, которые отвечают за прозрачность.
Ну что же, вот шарик и готов. Нарисуем еще один круг и расположим его так, как показано на рисунке ниже.
Установим заливку этого круга как линейный градиент. Цвет верхней точки белый #000000 (000000ff) и цвет нижней точки абсолютно прозрачный.
Теперь с помощью инструмента текст нарисуем, например цифру 8. Все шарики в американском бильярде пронумерованы, пусть наш будет восьмым. После того, как вы написали цифру восемь, не надо расстраиваться, если шрифт оказался слишком маленьким или слишком большим. Выделите цифру, измените её размер, переместите ее куда, куда нужно. Если надо измените поворот цифры или ее наклон.
А ведь шарик практически готов. Но можно его улучшить, добавив блик сверху. Можно конечно снова нарисовать еще один круг. Но для того чтобы не стыковать верхние края блика с нарисованным кругом, проще всего скопировать круг шарика – комбинация клавиш CTRL+D. До этого сам круг должен быть выделен, естественно. Если все прошло удачно, то вы увидите просто круг с градиентом, который мы сделали на первом этапе, и не увидите восьмерки и белого круга, потому что копия круга должна появиться выше всех фигур. Теперь сделайте заливку этого круга просто белой и измените его размер. Если хотите сохранить пропорции, удерживайте нажатой клавишу CTRL. Теперь, когда под будущим бликом видно все остальное, пусть белый круг блика остается выделенным, в главном меню «Контур» - выберите пункт «Оконтурить объект» или CTRL+SHIFT+C. Теперь если активизировать инструмент управления узлами, то будут видны четыре узла.
Измените размер круга, сначала изменив положение узла, используя инструмент управления узлами. А потом можно растянуть немного и сам овал в стороны, используя инструмент выделения и трансформации. Если удерживать нажатой при растягивании клавишу SHIFT, то овал будет растягиваться равномерно в обе стороны.
Ну, и наконец, сделайте заливку овала линейным градиентом. Обводки, как обычно, нет. Верхняя точка белый цвет нижняя точка абсолютно прозрачный.
Шарик готов. Ну и совсем заключительный штрих - тень. Нарисуйте овал с заливкой черного цвета. Если овал выделен, переместите его в самый низ под шарик. Сделать это можно в главном меню «Объект» - «Опустить на задний план» или клавиша END.
Теперь в том же окне, где мы делали заливку, установите параметр её размытия, например, 30. Вот какой шарик у нас получился.
Исходный файл SVG в архиве ZIP можно скачать по ссылке ниже.
Для сравнения, аналогичный урок для растровой графики - как нарисовать бильярдный шар в paint.net.
Наверное, самый простой и в тоже время самый эффектный урок векторной графики – это рисование сфер. Нельзя обойти и нам этот урок стороной. Давайте нарисуем вот такой бильярдный шарик, используя возможности inkscape и работу с градиентами в этой программе.
Что может быть проще?! Нарисуйте с помощью инструмента эллипс круг. Что бы нарисовать правильный круг удерживайте при рисовании клавишу CTRL.
Откроем по комбинации клавиш CTRL+SHIFT+F окно настройки заливки и обводки фигуры. Если фигура выбрана, то окно будет активным, и нажмем в нем в закладке, посвященной заливке, кнопку типа заливки радиальный градиент. Обводку отключим. Если щелкнуть теперь по фигуре инструментом градиент в inkscape, то появятся направляющие градиента. Цвет центральной точки #ca5500 (ca5500ff), цвет крайних точек #000000 (000000ff) – черный. В скобках указаны значения цветов в inkscape. Это значение отличается от привычного нам RGB дополнительными двумя буквами ff в конце, которые отвечают за прозрачность.
Ну что же, вот шарик и готов. Нарисуем еще один круг и расположим его так, как показано на рисунке ниже.
Установим заливку этого круга как линейный градиент. Цвет верхней точки белый #000000 (000000ff) и цвет нижней точки абсолютно прозрачный.
Теперь с помощью инструмента текст нарисуем, например цифру 8. Все шарики в американском бильярде пронумерованы, пусть наш будет восьмым. После того, как вы написали цифру восемь, не надо расстраиваться, если шрифт оказался слишком маленьким или слишком большим. Выделите цифру, измените её размер, переместите ее куда, куда нужно. Если надо измените поворот цифры или ее наклон.
А ведь шарик практически готов. Но можно его улучшить, добавив блик сверху. Можно конечно снова нарисовать еще один круг. Но для того чтобы не стыковать верхние края блика с нарисованным кругом, проще всего скопировать круг шарика – комбинация клавиш CTRL+D. До этого сам круг должен быть выделен, естественно. Если все прошло удачно, то вы увидите просто круг с градиентом, который мы сделали на первом этапе, и не увидите восьмерки и белого круга, потому что копия круга должна появиться выше всех фигур. Теперь сделайте заливку этого круга просто белой и измените его размер. Если хотите сохранить пропорции, удерживайте нажатой клавишу CTRL. Теперь, когда под будущим бликом видно все остальное, пусть белый круг блика остается выделенным, в главном меню «Контур» - выберите пункт «Оконтурить объект» или CTRL+SHIFT+C. Теперь если активизировать инструмент управления узлами, то будут видны четыре узла.
Измените размер круга, сначала изменив положение узла, используя инструмент управления узлами. А потом можно растянуть немного и сам овал в стороны, используя инструмент выделения и трансформации. Если удерживать нажатой при растягивании клавишу SHIFT, то овал будет растягиваться равномерно в обе стороны.
Ну, и наконец, сделайте заливку овала линейным градиентом. Обводки, как обычно, нет. Верхняя точка белый цвет нижняя точка абсолютно прозрачный.
Шарик готов. Ну и совсем заключительный штрих - тень. Нарисуйте овал с заливкой черного цвета. Если овал выделен, переместите его в самый низ под шарик. Сделать это можно в главном меню «Объект» - «Опустить на задний план» или клавиша END.
Теперь в том же окне, где мы делали заливку, установите параметр её размытия, например, 30. Вот какой шарик у нас получился.
Исходный файл SVG в архиве ZIP можно скачать по ссылке ниже.
Для сравнения, аналогичный урок для растровой графики - как нарисовать бильярдный шар в paint.net.
- Вложения
-
- бильярдный_шар.zip
- Бильярдный шар - SVG файл к уроку
- (2.46 КБ) 1996 скачиваний
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
-
- Сообщения: 563
- Зарегистрирован: 20 авг 2010, 13:53
- Репутация: 3
- Пол: Мужской
- Откуда: Павлово
Re: Бильярдный шар
Классно! Нужно будет скачать прогу.
Вроде всё очень легко, а результат серьёзный!
Вроде всё очень легко, а результат серьёзный!
- Lynx
- Сообщения: 5678
- Зарегистрирован: 04 май 2010, 21:44
- Репутация: 34
- Пол: Женский
- Откуда: г. Сочи
Re: Бильярдный шар
Тебе как раз такая нужна. Там качество для WEB отличное. Но она трудная, лично я ничего не поняла
"Чтобы уметь рисовать - надо рисовать" John Howe
- Betta-Tetta
- Сообщения: 21
- Зарегистрирован: 19 дек 2010, 10:56
- Репутация: 0
Re: Бильярдный шар
Кстати, все это можно сделать как в "inkscape" так и в "paint.net", просто подумать как сделать, да и все)
- Lynx
- Сообщения: 5678
- Зарегистрирован: 04 май 2010, 21:44
- Репутация: 34
- Пол: Женский
- Откуда: г. Сочи
Re: Бильярдный шар
Все можно сделать в любой графической программе, тут дело в качестве и формате. Кому что нужно тот там и делает.
Но в паинте ты такой шарик точно не сделаешь, да и потом по употреблению он не сможет (паинтовский) сохраниться так при уменьшении или увеличении, как сделанный в этой. Это и есть разница между вектором и растом
Ну и еще в какой то мере между профи и любительскими работами и назначением этих работ.
Но в паинте ты такой шарик точно не сделаешь, да и потом по употреблению он не сможет (паинтовский) сохраниться так при уменьшении или увеличении, как сделанный в этой. Это и есть разница между вектором и растом
Ну и еще в какой то мере между профи и любительскими работами и назначением этих работ.
"Чтобы уметь рисовать - надо рисовать" John Howe
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Бильярдный шар
Lynx абсолютно права! В принципе практически все можно сделать и в растре (в пейнте) и в векторе (например, inkscape). Растр и вектор используются для разных вещей. Например, обработка фото, используется только в растре. А для масштабирования подходит лучше вектор. Но это не значит, что огромные билборды рекламных конструкций с фото картинками делаются в векторе. Так, просто, для рекламы делаются фотографии хорошего качества, которые потом обрабатываются в фш. И, наоборот, логотип для маленькой визитки, который можно легко сделать в растре, делается в векторе, потому что потом он же может пригодиться для листовки более большого формата или сайта.
Короче, мы решили открыть раздел векторной графики, что бы закрыть и эту область на нашем сайте. Тех, кого напрягает одни и тех же уроки и там и там, или кому они сложны в векторе, читайте раздел растровая графика.
Уроки в обоих разделах приводятся для демонстрации возможностей, а не для того, что бы показать какое направление "круче". Это тоже самое, что сравнивать автомобиль и самолет! Оба средства перемещения, но один никогда не заменит другой. И нельзя сказать, кто "круче".
Короче, мы решили открыть раздел векторной графики, что бы закрыть и эту область на нашем сайте. Тех, кого напрягает одни и тех же уроки и там и там, или кому они сложны в векторе, читайте раздел растровая графика.
Уроки в обоих разделах приводятся для демонстрации возможностей, а не для того, что бы показать какое направление "круче". Это тоже самое, что сравнивать автомобиль и самолет! Оба средства перемещения, но один никогда не заменит другой. И нельзя сказать, кто "круче".
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- Inky
- Сообщения: 216
- Зарегистрирован: 15 ноя 2010, 21:52
- Репутация: 5
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Бильярдный шар
Симпатично получилось! Аккуратненько так! Единственное, я бы тень прямо под шаром сделал потемнее, такое ощущение, что он висит. Абсолютно не уверен, но предполагаю, что это должно помочь.
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- Inky
- Сообщения: 216
- Зарегистрирован: 15 ноя 2010, 21:52
- Репутация: 5
-
- Сообщения: 101
- Зарегистрирован: 16 мар 2012, 09:06
- Репутация: 0
- Пол: Женский
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 39 гостей