Как сделать правильно центрированные спиннеры в скинах (перевод с английского) 2v708
*"Как сделать спиннеры симметричными" от: ziin 6v3q3z
Это руководство, вероятно, трудно понять для людей с небольшим опытом работы с GIMP/Photoshop. В этом руководстве предполагается, что вы знаете (и умеете) включать/выключать слои, а также находить некоторые вещи самостоятельно.
Как сделать симметричные спиннеры 75b40
Так томительно видеть кривые спиннеры! Пожалуйста, если вы хотите сделать спиннер, убедитесь, что он идеально центрирован.
Сначала откройте свой редактор изображений, в этом руководстве будет использоваться GIMP, так как он бесплатный.
Создайте новый документ. Скин шаблона размером 666x666, и, хотя безопасно превысить этот предел, спиннеры могут вызвать много задержек на медленных компьютерах, поэтому лучше всего сделать их ниже этого предела. Сделайте документ 664x664, чтобы, когда мы закончим, мы могли залить края прозрачностью, что позволит osu! знать, что он может сглаживать границу, а не делать ее прямым краем.
Создание нового документа 175n4i
Изображение туториала 1
Выберите свой круг 2j5h1n
Используйте инструмент «Эллипс» (или горячая клавиша "e") и сделайте круг на всем документе. Создайте новый слой и заполните его цветом.
Tutorial Image 2
Сжатие выделенной области 611q3j
Затем уменьшите выделенную область, выбрав Выбрать - Сжать. Для более точных кругов просто перерисуйте их с помощью инструмента эллипса, так как «сжимать» хорошо только для одного или двух кругов.
Изображение туториала 3
Здесь выбрано 15, но вы можете выбрать столько, сколько захотите. Создайте новый слой и заполните меньшую выделенную область другим цветом, чтобы вы могли ее увидеть.
Спиннер 4a2j2g
Повторите этот процесс для центральной точки или любых других кругов, которые вы хотите. Я выбрал 300.
Изображение туториала 4
Добавление изображения в спиннер g3642
Затем можно использовать каждый слой для создания дизайнов или поместить на него изображение, выбрав альфа-канал этого слоя.
Изображение туториала 5
Копирование изображения 4ac4r
И скопируйте/вставьте выделенную область из изображения, которое вы хотите скопировать:
Изображение туториала 6
Установка размера холста 611r6m
Наконец, вы можете добавить дизайн посередине или перекрасить края. Убедитесь, что вы сбросили размер холста до 666x666, перейдя в раздел Изображение - Размер холста, и центрируйте изображение, чтобы у вас была граница в 1 пиксель вокруг изображения.
Изображение туториала 7
Теперь у вас должен быть идеальный спиннер, который не колеблется, когда вы его вращаете.
Изображение туториала 8
В этом руководстве не будет информации о том, как сделать края красивыми или придать им глубину, это совершенно другое. Я выбрал очень простой образ и процесс. Если вы хотите это сделать, везде есть гайды, или вы, вероятно, уже знаете, как это сделать. Однако кажется, что чувство симметрии ускользнуло от большинства людей, которые делают скины.
Как сделать спиннер фоны, которые соответствуют фону битмапа p2r42
Если вы хотите, чтобы ваш спиннер имел тот же фон, что и актуальная карта, это может быть сложно из-за ошибки в osu!, которую никогда не исправляли. Во-первых, нам нужно сопоставить фон в игре, а не в редакторе битмапа. Карта помещает элементы сториборда (фон и видео) на 5 пикселей выше на 1024x768, чем остальную часть карты.
Не беспокойтесь, если спиннер выглядит неправильно в редакторе 2o5f39
Изображение туториала 9
Обрезка фона 4zf5s
Во-первых, возьмите фон с разрешением 1024x768 и обрежьте верхние 46 пикселей и нижние 30 пикселей, получив изображение 1024x692. Изображение шаблона 1023x692, но это не имеет значения; правая сторона просто чистая черная из-за характера работы спиннеров.
Изображение туториала 10
используйте вкладку каналов для отключения редактирования альфа-канала 2q703p
Технически вы закончили, но если вы хотите сделать фон «заполненным» фоновым спиннер-метром, то вы можете использовать скин шаблона или сделать его самостоятельно. Откройте шаблон спиннер-метра. Чтобы перекрасить его, выключите альфа-канал, выбрав его, чтобы не трогать прозрачность вообще. Затем используйте заливку и заполните всю область серым цветом или любым другим цветом, который вы хотите (я использовал черный).
Изображение туториала 11
Скопируйте/вставьте в новый слой, а затем сохраните спиннер-метр 3s2o59
После того, как у вас появился цвет, снова выберите весь альфа-канал (щелкните правой кнопкой мыши на альфа-канале - канал для выбора), скопируйте и вставьте фон спиннера, чтобы у вас было чем заполнить ваш спиннер-метр.
Изображение туториала 12
Уменьшите непрозрачность, пока не получите цвет, который вам нравится 48536g
Чтобы добавить больше деталей, вы можете уменьшить непрозрачность на черном изображении.
Изображение туториала 13
Полностью вращающийся фон спиннера и спиннер-метр 2f1d6v
Затем вы можете увидеть, как он выглядит заполненным, включив старый слой. Обратите внимание, что у него есть немного контура. Если вы хотите изменить размер этой структуры, вы можете использовать инструмент Выделение — Увеличить или Сжать перед копированием / вставкой, чтобы сделать спиннер-метр.
Изображение туториала 14
Если вы сделаете это, переход от фона к спиннеру будет плавным, и у вас не будет фона, сдвинутого вверх на несколько пикселей.