Страница 1 из 2

Обои с бликами

Добавлено: 08 окт 2011, 12:11
xmario
Векторные обои с бликами в 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).

Изображение

В меню Объект выберите "Обтравочный контур" - "установить". Как видите, теперь все объекты стали ограниченными верхней фигурой - верхней копией прямоугольника. Сама копия прямоугольника при этом исчезла.

Изображение

Всё. Вот конечный результат.

Изображение

Re: Обои с бликами

Добавлено: 08 окт 2011, 13:24
Sleam
Обои для linux :D

Re: Обои с бликами

Добавлено: 14 дек 2011, 02:00
Inky
Мой вариант. Было интересно :-D

Изображение

Re: Обои с бликами

Добавлено: 14 дек 2011, 21:36
xmario
Смешная ворона! и обои получились! :Bravo:

Re: Обои с бликами

Добавлено: 29 фев 2012, 13:31
A+n+A+n+A+s
Sleam писал(а):Обои для linux :D
А я для виндовс сделал :implication:

Re: Обои с бликами

Добавлено: 29 фев 2012, 17:26
xmario
Молодец. Только ты бы еще и значок Windows с надписью в векторе нарисовал, было бы интереснее.

Re: Обои с бликами

Добавлено: 29 фев 2012, 18:42
A+n+A+n+A+s
xmario писал(а):Молодец. Только ты бы еще и значок Windows с надписью в векторе нарисовал, было бы интереснее.
Эт как :%)

Re: Обои с бликами

Добавлено: 09 апр 2012, 17:47
Мария Александровна
Долго мучалась с сохранением, пока не додумалась экспортировать данные в нужный формат :) Вот что получилось. :-D (дубль 2: поменяла изображение немного)

Re: Обои с бликами

Добавлено: 09 апр 2012, 17:53
xmario
А симпатично получилось! :) А в jpg же в paint.net конвертировали? ведь в inkscape есть сохранение только в png.

Re: Обои с бликами

Добавлено: 09 апр 2012, 18:16
Мария Александровна
Спасибо)) Конвертировала в Pinta Image Editor, ибо в формате PNG слишком тяжелый файл для выкладки сюда..