Как сделать баннер для сайта в Gimp.

Как сделать баннер для сайта.  Сделать простой баннер в графическом редакторе Gimp не  сложно.  Достаточно овладеть  навыком  работы  со слоями,  масштабированием  изображения  и различными преобразованиями того же изображения.

К примеру,  нужно  сделать баннер о распродаже  кроссовок  adidas. Рисуем  в Gimp.  Размер  баннера  1000 х 1000. Создаем проект. Каждый текст и изображение создаем в новом слое.

Пишем текст.

Баннер для сайта - кроссовок

В баннер включим текст Распродажа,  50% , 15 апреля 25, логотип adidas, кроссовок из интернета и нарисуем простую подставку под кроссовок с небольшой тенью. В конце подберем цвет заливки фона.

текст к баннеру

Подбираем шрифт, размер текста и цвет.

кроссовок

Отдельно находим кроссовок в интернете. Набираем в поисковой строке кроссовки adidas. Выбираем рисунок лучше на однотонном фоне. Нашли, открыли в программе. Если изображение большое, то уменьшаем его.

Масштабируем изображение.

маштабируем изображение

Выбираем инструмент Масштаб и уменьшаем изображение.

Выделяем и копируем изображение.

Выделяем нужное изображение

Теперь нужно отделить изображение кроссовка от фона и перенести его в наш баннер. Берем инструмент _ Выделение смежных областей. Кликаем на белом фоне. Получаем выделение. Дальше выбираем _ Выделение _ Инвертировать. Потом _ Правка _ Копировать. Переходим к изображению баннера, создаем новый слой.

Вставляем изображение в новый слой.

Вставка изображения в новый слой баннера

Выбрав новый слой, вставляем в него изображение кроссовка. Правка _ Вставить. Над новым слоем появилось Плавающее выделение. Выбираем его левой кнопкой мышки, затем на нем же кликаем правой кнопкой мышки и выбираем _ Прикрепить слой.

Масштабируем и перемещаем изображение.

маштабируем и перемещаем изображение

Кроссовок получился несколько великоват. Поэтому выбираем инструмент _ Масштаб. Уменьшаем и перемещаем изображение.

Вращение изображения.

вращаем кроссовок

Нам нужно, чтобы кроссовок был немного с наклоном. Для этого мы сделаем поворот изображения. Сначала выделим кроссовок _ Прямоугольное выделение. Потом инструмент _ Вращение. Цепляем мышкой изображение в любом месте и поворачиваем его. Подтверждаем _  Повернуть. В конце прикрепляем плавающее выделение.

Рисуем прямые линии.

рисуем прямую линию

Теперь сами нарисуем подставку под кроссовок. Создаем новый слой. Слой с изображением кроссовка я сделал полупрозрачным, это просто для удобства рисования подставки. Выбираем инструмент для рисования. Можно выбирать любой. Определяемся с цветом и толщиной линии. Для того чтобы карандаш рисовал прямую линию, надо поставить первую точку, а потом нажать и удерживать клавишу Shift.

Заливаем цветом.

заливаем цветом

Инструмент _ Плоская заливка. Параметры _ Цветом переднего плана_ Залить похожие цвета. Цвета по усмотрению. Располагаем слой с подставкой под слой с кроссовком. Просто цепляем слой и перетаскиваем в нужное место.

Рисуем простую тень.

 эллипс тень

Создаем новый слой. Рисуем эллиптическое выделение. Заливаем его цветом. Получаем что-то похожее на тень.

делаем тень

Чтобы расположить тень в соответствии с положением кроссовка, ее надо немного преобразовать. Для этого используем инструмент _ Перспектива. Не забываем выбрать нужный слой. Обратите внимание, выделение должно быть. Цепляем мышкой углы выделения и трансформируем тень как нам надо. Подтверждаем _ Преобразовать.

делаем тень

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

выравниваем элементы

Выравниваем элементы баннера. Выбираем инструмент _ Перемещение. Кликаем мышкой строго на элементе изображения, не отпуская кнопки, перемещаем изображение.

Вставляем эмблему.

эмблема адидас

С эмблемой adidas делаем также, как с изображением кроссовка.

  1. Находим в интернете изображение.
  2. Открываем в программе.
  3. Делаем выделение по цвету.
  4. Инвертируем выделение.
  5. Копируем выделение.

 эмблема адидас

Переходим к баннеру. Создаем новый слой. Вставляем в него эмблему adidas. Масштабируем и располагаем в нужном месте.

еще одна надпись

В конце добавляем последнюю надпись. Выбираем шрифт, размер и положение. В конце выбираем фоновый слой, самый первый слой, при создании проекта. Заливаем инструментом _ Плоска заливка любым цветом или текстурой.

Итог, сделали свой баннер в графическом редакторе Gimp.

Свой баннер

Сохраняем банер для вставки на сайт. Сохраняем в необходимом формате. Выбираем  _ Файл _ Экспортировать как. Сохранять лучше в формате  .gif 

Видео __ Создание баннера в Gimp.

0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x