Основы создания графики

Создание графики для веб-страницы

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

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

Шаг № 1 При запуске программы, нашим первым делом будет создание нового слоя, размером 1600×1200. Далее мы заливаем его черным цветом, для того, что дальнейшие действия над слоем были отчетливо видны.

Шаг № 2 Создаем прозрачный слой, и называем его «Фиолетовый», выбирали в палитре цвет «#b10993» (рис.2).

Рисунок 2.

Шаг № 3 Настроили параметры градиента радиальной формы, и прозрачностью 50, рисуем градиент как указано на изображении (рис.3).

Рисунок 3.

Шаг № 4 Создаем прозрачный слой и называем его «Затмение 1» .

Шаг № 5 В панели инструментов выбираем «Кисть» и изменяем настройки так, как показано на изображении. На данном этапе, мы можем произвольно менять размер и рисовать окружности (рис.4).

Рисунок 4.

Шаг № 6 Затем мы применяем к данному слою с окружностями «Фильтр — Размывание — Гауссово размывание» со значением 40 рх (рис.5).

Рисунок 5.

Шаг № 7 Создаем еще один прозрачный слой, называя его «Затмение 2», тем же способом мы рисуем еще несколько окружностей различного размера, применяя фильтр Гауссово размывание, но со значением в 10рх. Повторяем предыдущие действия, называя новый слой «Затмение 3», и изменяя настройки фильтра размывания на 1рх.

Шаг № 8 Создаем новый прозрачный слой с названием «Облака». Выбираем как показано на рисунке ниже, со значением, детализация =4, размер Х=4, размер У=4. Выбираем режим «Перекрытие» (рис.6).

Рисунок 6.

Шаг № 9 Создаем прозрачный слой с названием «Радуга», выбираем инструмент «Градиент» линейной формой с непрозрачностью 50 (рис.7).

Рисунок 7.

Шаг № 10 На данном этапе необходимо поменять режим смешивания на «Перекрытие» и возвращаясь на слой «Затмение 3» ставим режим «Объединение зерна». Выделяя слой «Затмение 2» ставим режим «Направленный свет» .

Шаг № 11 В заключении нам необходимо изменить цвет нашего фона на более светлый оттенок, так как, данную итоговую работу мы поместим на фон интернет-страницы. Текст необходим для фона меню (рис.8).

Рисунок 8.