Форум paint.net на русском языке
Обои с бликами
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Обои с бликами
Векторные обои с бликами в inkscape
Это крайне простой урок. В этом уроке мы будем использовать простые фигуры: прямоугольник и круг, а так же свойства размытия и прозрачности. Вот в принципе и все, что нам понадобится для этого урока.
Начнем урок с того, что сделаем фон. В качестве фона нарисуем прямоугольник. В уроке использовался прямоугольник с цветом 2E162E без обводки. Про размер изображений для обоев рабочего стола можно прочитать в уроке как нарисовать валентинку. Там это описано довольно подробно. Поэтому в этом уроке не будем останавливаться подробно на размере прямоугольника. В крайнем случае сделайте такой, как вам нравится.
Для создания цветных пятен воспользуемся инструментом звезды. В этом уроке использовались звезды с четырьмя вершинами, без обводки с цветами 902295, DB46A0 и DB4686.
Так будет выглядеть картинка, если установить размытие 40. Изменить параметр размытия можно в диалоговом окне заливки и обводки (Shift+Ctrl+F). Размытие в inkscape относится к категории эффектов. Эффекты требуют ресурсов компьютера. Поэтому, если компьютер, начинает тормозить, то можно отключить отображение эффектов в главном меню "Вид" - "Отображение" - "Без фильтров". При этом фильтры никуда не денутся, просто не будут временно показываться, а соответственно занимать ресурсы компьютера.
Блики мы будем делать из двух исходных фигур - кругов. Первый - очень простой. Просто круг с заливкой белого цвета и обводкой цвета f88ece, с толщиной обводки 5. Непрозрачность 25% и размытие 6.
Второй круг сделан из двух кругов. Первый побольше с обводкой и без заливки, а второй, наоборот, поменьше с заливкой белого цвета и без обводки. Отцентрировать два круга можно, выделив их, открыв окно "Выровнять и расставить" (Shift+Ctrl+A). В этом окне надо нажать кнопки "центрировать по вертикальной оси" и "центрировать по горизонтальной оси". Когда круг с обводкой и круг внутри отцентрированы, можно их объединить (Ctrl+G).
Окружности без размытий будут выглядеть так:
Сделайте копии исходных кругов (Ctrl+D). Расставьте их так, как на рисунке ниже. Без размытия это должно выглядеть так.
Вот так это выглядит, если включить видимость размытий.
В принципе сами обои уже готовы. Можно украсить их надписью и каким-нибудь рисунком. О том, как нарисовать такого пингвина, можно узнать в отдельном уроке на нашем сайте.
Ну, и заключительный этап. Как вы видите, некоторые фигуры вылезают за края нашей картинки. Давайте кадрируем наше изображение. Для этого надо либо нарисовать прямоугольник с нужными размерами сверху, либо, как это сделаем мы, сделать копию исходного прямоугольника. Что бы выделить находящийся внизу прямоугольник используйте при выделении нажатой клавишу (Alt). Когда прямоугольник выделен сделайте его копию (Ctrl+D). Копия уже будет на самом верху.
Теперь выделите все объекты (Ctrl+A).
В меню Объект выберите "Обтравочный контур" - "установить". Как видите, теперь все объекты стали ограниченными верхней фигурой - верхней копией прямоугольника. Сама копия прямоугольника при этом исчезла.
Всё. Вот конечный результат.
Это крайне простой урок. В этом уроке мы будем использовать простые фигуры: прямоугольник и круг, а так же свойства размытия и прозрачности. Вот в принципе и все, что нам понадобится для этого урока.
Начнем урок с того, что сделаем фон. В качестве фона нарисуем прямоугольник. В уроке использовался прямоугольник с цветом 2E162E без обводки. Про размер изображений для обоев рабочего стола можно прочитать в уроке как нарисовать валентинку. Там это описано довольно подробно. Поэтому в этом уроке не будем останавливаться подробно на размере прямоугольника. В крайнем случае сделайте такой, как вам нравится.
Для создания цветных пятен воспользуемся инструментом звезды. В этом уроке использовались звезды с четырьмя вершинами, без обводки с цветами 902295, DB46A0 и DB4686.
Так будет выглядеть картинка, если установить размытие 40. Изменить параметр размытия можно в диалоговом окне заливки и обводки (Shift+Ctrl+F). Размытие в inkscape относится к категории эффектов. Эффекты требуют ресурсов компьютера. Поэтому, если компьютер, начинает тормозить, то можно отключить отображение эффектов в главном меню "Вид" - "Отображение" - "Без фильтров". При этом фильтры никуда не денутся, просто не будут временно показываться, а соответственно занимать ресурсы компьютера.
Блики мы будем делать из двух исходных фигур - кругов. Первый - очень простой. Просто круг с заливкой белого цвета и обводкой цвета f88ece, с толщиной обводки 5. Непрозрачность 25% и размытие 6.
Второй круг сделан из двух кругов. Первый побольше с обводкой и без заливки, а второй, наоборот, поменьше с заливкой белого цвета и без обводки. Отцентрировать два круга можно, выделив их, открыв окно "Выровнять и расставить" (Shift+Ctrl+A). В этом окне надо нажать кнопки "центрировать по вертикальной оси" и "центрировать по горизонтальной оси". Когда круг с обводкой и круг внутри отцентрированы, можно их объединить (Ctrl+G).
Окружности без размытий будут выглядеть так:
Сделайте копии исходных кругов (Ctrl+D). Расставьте их так, как на рисунке ниже. Без размытия это должно выглядеть так.
Вот так это выглядит, если включить видимость размытий.
В принципе сами обои уже готовы. Можно украсить их надписью и каким-нибудь рисунком. О том, как нарисовать такого пингвина, можно узнать в отдельном уроке на нашем сайте.
Ну, и заключительный этап. Как вы видите, некоторые фигуры вылезают за края нашей картинки. Давайте кадрируем наше изображение. Для этого надо либо нарисовать прямоугольник с нужными размерами сверху, либо, как это сделаем мы, сделать копию исходного прямоугольника. Что бы выделить находящийся внизу прямоугольник используйте при выделении нажатой клавишу (Alt). Когда прямоугольник выделен сделайте его копию (Ctrl+D). Копия уже будет на самом верху.
Теперь выделите все объекты (Ctrl+A).
В меню Объект выберите "Обтравочный контур" - "установить". Как видите, теперь все объекты стали ограниченными верхней фигурой - верхней копией прямоугольника. Сама копия прямоугольника при этом исчезла.
Всё. Вот конечный результат.
- Вложения
-
- wallpaper.svg
- Файл к уроку векторные обои с бликами в формате SVG-inkscape
- (37.38 КБ) 1360 скачиваний
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- Sleam
- Сообщения: 78
- Зарегистрирован: 29 сен 2010, 14:47
- Репутация: 0
- Откуда: Самара
- Контактная информация:
Re: Обои с бликами
Обои для linux
- Inky
- Сообщения: 216
- Зарегистрирован: 15 ноя 2010, 21:52
- Репутация: 5
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Обои с бликами
Смешная ворона! и обои получились!
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- A+n+A+n+A+s
- Сообщения: 35
- Зарегистрирован: 23 фев 2012, 19:41
- Репутация: 0
- Пол: Мужской
- Контактная информация:
Re: Обои с бликами
А я для виндовс сделалSleam писал(а):Обои для linux
- Вложения
-
- Windows 7 Обои.png (265.25 КБ) 11614 просмотров
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Обои с бликами
Молодец. Только ты бы еще и значок Windows с надписью в векторе нарисовал, было бы интереснее.
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- A+n+A+n+A+s
- Сообщения: 35
- Зарегистрирован: 23 фев 2012, 19:41
- Репутация: 0
- Пол: Мужской
- Контактная информация:
Re: Обои с бликами
Эт какxmario писал(а):Молодец. Только ты бы еще и значок Windows с надписью в векторе нарисовал, было бы интереснее.
- Мария Александровна
- Сообщения: 5
- Зарегистрирован: 19 фев 2012, 15:27
- Репутация: 0
- Пол: Женский
- Откуда: Самара
Re: Обои с бликами
Долго мучалась с сохранением, пока не додумалась экспортировать данные в нужный формат Вот что получилось. (дубль 2: поменяла изображение немного)
- Вложения
-
- Обои_Linux.jpg
- (80.78 КБ) 0 скачиваний
Последний раз редактировалось Мария Александровна 09 апр 2012, 18:14, всего редактировалось 1 раз.
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Обои с бликами
А симпатично получилось! А в jpg же в paint.net конвертировали? ведь в inkscape есть сохранение только в png.
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- Мария Александровна
- Сообщения: 5
- Зарегистрирован: 19 фев 2012, 15:27
- Репутация: 0
- Пол: Женский
- Откуда: Самара
Re: Обои с бликами
Спасибо)) Конвертировала в Pinta Image Editor, ибо в формате PNG слишком тяжелый файл для выкладки сюда..
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 53 гостя