GIMP: Обложка для рутубика или как сделать PNG с прозрачностью
Легальный Photoshop становится росюзерам всё более недоступен из-за высокой для нас, нищебродов, цены, а пиратский - из-за постоянно усложняющейся защиты в Windows. Многие, в том числе и я, перешли на бесплатный GIMP, который легко скачать и русифицировать прямо в процессе установки.
С фактическим закрытием Ютуба люди поневоле стали заходить на страдающий падучестью рутубик и даже открывать там каналы.
В связи с имеющимся вопросом, покажем пошагово создание обложки для канала Рутьюб в редакторе GIMP. Обложка будет очень простой и абстрактной, но покажет пару приёмов по рисованию и заливке геометрических фигур.
Создаём новый проект (Файл - Создать проект...) с размером картинки 2204 x 864 пикселей и прозрачным фоном.
Настройки нового проекта
Добавляем второй слой (меню Слой, Создать копию слоя).
На панели инструментов программы выбираем "Эллиптическое выделение" (горячая клавиша E в английской раскладке, далее пишем клавиши в круглых скобках).
В настройках инструмента включаем опции "Рисовать из центра" и "Фиксировать соотношение сторон" 1:1.
Кликаем в центре рабочей области левой кнопкой мыши. Держа её зажатой, рисуем мышкой от центра окружность.
На левой панели кликаем "Активный цвет переднего плана" (верхний квадратик из двух пересекающихся), выбираем или вводим в поле "HTML-разметка" нужный цвет, например, #ffd700.
Кликаем один раз по выбранному цвету левой клавишей мыши и при зажатой кнопке перетаскиваем курсор на круг.
Меню Выделение - Снять выделение (Ctrl+Shift+A).
Убедились, что справа внизу новый слой с кругом выбран как активный.
Меню Выделение - По цвету (Shift + O), кликаем круг.
Идём Меню Слой, Обрезать до содержимого.
Идём в меню Инструменты, Преобразование, Выравнивание (Q). При зажатой Shift кликаем по кругу, слева выбран Ориентир = "Изображение", выравниваем круг кнопками со стрелками на панели инструментов.
Меню Выделение - Снять выделение (Ctrl+Shift+A).
Переключаемся на фоновый слой, выбираем фоновый (нижний) цвет #0066cc, Правка - Залить цветом фона.
Переключившись на слой с кругом, выделяем круг по цвету как выше.
Выбираем в меню Инструменты - Рисование - Градиент (G), на панели выбираем "Основной в фоновый", Форма = "Радиальная", проводим линию от центра до его края.
Меню Выделение - Снять выделение.
Переключаемся обратно на фоновый слой, выбираем команду меню Инструменты - Рисование - Ластик (Shift+E), настраиваем по своему вкусу кисть, например, так:
Настройки кисти
При зажатой левой кнопке мыши стираем края фона как нам нравится.
Когда контур готов, для исправления дефектов можно кисти выставить жёсткость 100% и размер поменьше. и ещё раз обвести края рисунка в слое фона.
Рисунок можно уже сохранять, но для лучшего вида создадим ещё один нижний слой командой Слой, Создать слой... (Ctrl+Shift+N) с фоновым белым цветом, в списке слоёв перетащим его вниз, так как у нас уже есть прозрачность, он тоже будет выглядеть прозрачным.
Выберем этот слой в списке слоёв и проверим для него, что в альфа-канале именно белый цвет. Если команда Слой - Прозрачность - Добавить альфа-канал, не доступна, то доступна команда "Удалить альфа-канал", прозрачность уже есть и ничего делать не нужно.
Команда Слои - Прозрачность - Цвет в альфа-канал покажет это в новом окне:
Команда Слои - Прозрачность - Цвет в альфа-канал
Меню Файл, Экспортировать как... (Ctrl+Shift+E), выбираем тип файла "Формат PNG", и имя, после нажатия кнопки "Экспортировать" в окне "Экспорт изображения" выставляем "8 бит на канал RGBA" и остальные опции как на рисунке:
Настойки сохранения PNG с прозрачностью в GIMP
Вышло вот что:
Файл PNG прикреплён отдельно, чтобы движок блога не переделал в JPEG :) (197 Кб)
В браузере такой рисунок покажется корректно, а вот с упомянутым в начале рутубиком получится, скорее всего, облом - скрепный загрузчик файлов не использует альфа-канал, соответственно, превращая прозрачный цвет в удачном случае в белый, а чаще всего в чёрный. Так что прикрепляйте туда рисунок с фоном.
Хозяйке на заметку. Если ваш бесплатный вьюер графики XnView показывает прозрачный фон изображений PNG чёрным, просто включите в окне с изображением опцию Использовать альфа-канал из верхнего меню Вид (или нажмите горячую клавишу Ctrl+H).
12.09.2024, 11:52 [217 просмотров]