Создание иконок с длинными тенями для Android

Обо всем по порядку: Насколько я понял, ваш вопрос касается не GIMP, а скорее

Как создать материальную иконку с помощью бесплатного программного обеспечения с открытым исходным кодом?

(поскольку вы находитесь в Linux). Если это так, пожалуйста, измените заголовок вашего вопроса соответствующим образом.

Как уже упоминалось, лучшей программой здесь является Inkscape , поскольку она позволяет вам создавать именно ту векторную иллюстрацию, которую вы ищете, а затем экспортировать результат для нескольких разрешений устройств. Описанный вами стиль называется Material Design и отличается уменьшенным плоским внешним видом с длинными тенями .

Вот как создать показанный значок в Inkscape:

0. Загрузите и установите Inkscape . При первом запуске должен быть открыт новый пустой документ.

1. Создайте фоновый круг размером 192x192 пикселей с помощью инструмента «Эллипс » ( F5). Вы можете ограничить соотношение сторон эллипса идеальным кругом, нажав Ctrlво время его рисования. После того, как вы нарисовали круг, вы также можете отредактировать его ширину и высоту ( Wи H) в свойствах объекта выше. Выберите подходящий цвет заливки из палитры ниже или непосредственно из изображения (вы можете импортировать исходное изображение с помощью Ctrl+I, а затем использовать инструмент «Пипетка» ( F7), чтобы выбрать цвет из импортированного изображения).

Примечание. Поскольку вы создаете векторный рисунок, размер не имеет значения (вы можете экспортировать/растрировать векторный значок в любом разрешении). Однако рекомендуется создавать чертеж с разрешением, которое соответствует максимальному желаемому выходному разрешению (в данном случае xxxhdpiдля Android).

1. Создайте основную форму значка внутри круга. Поскольку это разные процессы для каждой иконки, я не буду вдаваться в подробности. Чтобы создать талисман андроида, вы должны использовать комбинацию кругов ( F5) и прямоугольников со скругленными углами ( F4, установите радиус границы в свойствах объекта). Вы можете «склеить» фигуры вместе, выделив их ( F1и Shift + Clickобъекты), а затем выбрав «Путь» > «Объединение». Некоторые формы (антенны талисмана) нужно будет вращать (дважды нажмите на объект, затем используйте ручки поворота). Обратите внимание, что вы можете дублировать фигуры с помощью Ctrl + Dи отражать фигуру по горизонтали/вертикали с помощью hиv, соответственно. Для головы вы можете создать эллипс, затем прямоугольник, который покрывает нижнюю часть, выберите оба и отрежьте нижнюю часть с помощью «Путь»> «Разница». Точно так же для глаз талисмана вы используете круги, затем вычитаете их из круглой формы головы и т. д.

2. Создайте форму тени. Тени Material Design представляют собой простые тени под углом 45°, которые указывают на юго-восток. Чтобы нарисовать тень, используйте инструмент «Прямая линия » ( Shift + F6) и нарисуйте непрерывный контур, который касается каждой точки северо-восточного экстремума вашей основной формы значка. Щелкните, чтобы разместить вершину. Когда вы рисуете сегмент линии, который создаст видимую часть фигуры, идущую на юго-восток, нажмите , Ctrlчтобы ограничить линию углом 45°. Убедитесь, что ваш контур выходит за пределы юго-восточной границы фона круга. Продолжайте, пока не замкнете фигуру (соедините последнюю вершину с первой).

ОБНОВЛЕНИЕ : Если вам трудно добиться точного размещения сегментов линии под углом 45°, я предоставил более подробное объяснение в этом сообщении блога .

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

Примечание. Скорее всего, ваша фигура тени будет иметь обводку и не будет заполнена после ее рисования. Чтобы изменить это, выберите цвет заливки из палитры ниже (сейчас подойдет любой цвет заливки, например, ярко-красный), а затем удалите обводку, выбрав Right Clickцвет «Обводка» в левом нижнем углу и выбрав «Удалить обводку».

4. Обрежьте и отрегулируйте форму тени . Выберите фоновый круг и продублируйте его ( Ctrl + D). Вновь созданная копия должна быть сверху, закрывая все остальные фигуры. Shift + Clickформа тени (часть, которая видна за пределами круга). Теперь выберите «Путь» > «Пересечение», чтобы отрезать перекрывающуюся часть формы тени. У вас должна получиться форма тени, которая идеально совпадает с кругом внизу. Теперь выберите форму тени, выберите чистый черный цвет заливки (самый левый в палитре ниже) и придайте ему 50%непрозрачность (параметр Oвнизу слева, под палитрой). Наконец, отправьте форму тени на задний план («опустите» ее), нажимая, Page Downпока она не окажется за основной формой значка. Вот и все.

5. Чтобы экспортировать значок : выберите все созданные фигуры ( F1, затем нарисуйте вокруг них рамку выбора) и сгруппируйте их ( Ctrl + G). Это не является строго обязательным (вы можете просто экспортировать фоновую фигуру, которая отобразит все фигуры над ней), но группировка всех фигур, принадлежащих одному значку, в целом является хорошей практикой. Затем нажмите Ctrl + Shift + E, чтобы открыть панель «Экспорт PNG». Выберите путь и имя файла, нажав «Экспортировать как», затем экспортируйте «Выделение» с желаемым разрешением ( 90точки на дюйм соответствуют экранному разрешению в 192x192пикселях.

Примечание. Чтобы использовать значок в реальном приложении для Android, его следует экспортировать с разрешением 90dpi (соответствует xxxhdpi), 67.5dpi ( xxhdpi), 45dpi ( xhdpi), 33.75dpi ( hdpi) и 22.5dpi ( mdpi) соответственно. Экспортируйте эти файлы в /res/drawable-*dpi/папки для обычных ресурсов Android или в /res/mipmap-*dpi/папки для фактического значка приложения.

Примечание. Для обложки PlayStore вам потребуется значок с еще более высоким разрешением (512x512 пикселей). Это, как вы уже могли догадаться, не проблема, так как мы создали векторный рисунок значка, который можно экспортировать в любом желаемом разрешении. Просто экспортируйте значок с 240разрешением dpi (или введите 512ширину и высоту на панели экспорта).