Комментариев 2На примере данного урока мы научимся делать объёмные блики и отражения c использованием программы GIMP.
Делаем кнопку
Создадим документ размером 640 на 400 пикселов, фон — белый.
Создадим прозрачный слой (Слой - Создать слой).
На нём создадим прямоугольное выделение.
Закруглим у него углы (Выделение — Закруглить прямоугольник). Значение радиуса — 50.
Зальём его синим (#386ce3) цветом с помощью инструмента «Плоская заливка». Слой назовём «Кнопка».
Делаем блик на кнопке
Затем создадим ещё одно прямоугольное выделение, но уже меньшего размера. Назовём этот слой «Блик». Выглядеть оно должно примерно так:
Также закруглим второму прямоугольнику углы.
Создадим новый слой. Настроим градиент. Цвет — основной в фоновый. Форма - линейная.
Применим полученный градиент к слою «Блик». Нажмём Выделение — Снять, чтобы снять выделение. Так как блик является отдельным слоем, мы можем немного подвинуть его с помощью инструмента «Перемещение» относительно края кнопки, чтобы результат выглядел максимально реалистично.
Добавляем текст
Теперь напишем на кнопке какой-либо текст. Выбираем инструмент «Текст» и пишем. Цвет шрифта — белый, шрифт — Sans, размер шрифта — 51 пиксель.
Вот наше послание и явилось миру. Теперь займёмся отражением.
Делаем отражение
Отключаем слой «Фон». Кликнув по верхнему слою (тексту) в панели слоёв правой кнопкой мыши, выбираем «Создать из видимого», получив тем самым единый слой, в котором совмещены все те слои, которые в данный момент включены и видимы в программе.
Применяем к этому слою инструмент «Зеркало», тип отражения — вертикальное.
Получаем примерно следующее:
С помощью инструмента «Перемещение» размещаем перевёрнутый слой ровнёхонько под кнопкой, переименуем слой в «Отражение». Снова включаем слой «Фон» (который мы отключали, чтобы слой «Отражение», составленный из видимых слоёв, имел бы прозрачный фон, в противном случае, за перевёрнутым слоем с белым фоном не была бы видна сама кнопка).
Чтобы отражение «постепенно исчезало» сверху вниз, воспользуемся быстрой маской. Нажмём на иконку быстрой маски в левом нижнем углу окна.
Используем градиент от белого к прозрачному. Протянем градиентом сверху вниз по отражению. Выделенная градиентом область станет прозрачной. 
Выйдем из режима быстрой маски (повторно кликнув её значок или нажав Shift+Q).
Затем нажмём кнопку Delete на клавиатуре, и после снимем выделение (Выделение - Снять).
Теперь у кнопки появилось отражение.
Комментарии