Cоздаём изображение со стандартными параметрами.

Делаем прямоугольное выделение с параметрами:

Заливаем градиентом.

Ровно сверху вниз. Создаём 2 новых белых соля называем их «1» и «2». Размещаем как на скриншоте:

Удаляем выделенную область из слоя «1». Непрозрачность слоя фон ставим 20%. Получаем:

На слое «1» рисуем очертание контактов батарейки. Создаём прямоугольное выделение с параметрами как на картинке.

Заливаем чёрным цветом, потом изменяем настройки выделения, чтобы получилось так:

И закрашиваем чёрным цветом эту область.

Делаем примерно тоже самое с другой стороны. Получается:

Делаем прямоугольное выделение с параметрами:

И заливаем чёрным. Проделываем примерно то же, что и с 1 частью контактов. Получаем:

Теперь пружинка

Берём инструмент «Контуры» и рисуем небольшой сужающийся зигзаг из 4 линий. Вот так:

Изгибаем линии для получения спиральки.

Теперь выбираем.

Обводим, не меняя параметров. Контакты готовы.

Добавляем огонь

Находим в Яндексе, Гугле или Бинге картинку «огонь». Я выбрала такую:

Делаем невидимыми все слои кроме «2». Перетаскиваем картинку на него в диалоге слоёв и получаем:

Объединяем видимые слои. Слой «2» делаем размером 200 пикселей с сохранением первоначальных пропорций. Переворачиваем его.

Создаём новый прозрачный слой «3». Размещаем его под слоем «фон» и выделяем область остальной батарейки. Заливаем чёрным. Получается так:

Как видно, батареечка получилась не сильно объёмная. Так добавим ей объёма!

Переходим на слой «1» и выделяем чёрные контакты. Берём градиент с указными параметрами:

Получаем:

Но это ещё не всё, создаём слой «4».

Оставляем его выше всех и волшебной палочкой выделяем всю батарейку. Работаем на 4 слое.

Применяем градиент «Основной в фоновый» сверху вниз. Ставим непрозрачность слоя 30%.

Создаём слой «5» и уменьшаем выделение на 5 пикселей (Выделение — Уменьшить). Делаем тоже самое снизу вверх.

Сводим изображение.

Делаем интересный фон, готово!

Метки: выделение, градиент, контуры, рисование, иконка.

Уроки: ← предыдущий следующий →