Packs de interface

Aqua Seleção de fase

12 peças de mapa e seleção de fase (cartoon) para interfaces em modo escuro — azul-petróleo profundo, acento azul gelo. SVG e PNG transparente em 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • seleção de fase
  • mapa do mundo
  • fase
  • progressão
  • campanha
  • cartoon
  • cartoon
  • vidro
  • submerso
  • interface escura
  • ficção científica
Folha com 12 peças de mapa e seleção de fase (cartoon) da família Aqua, dispostos sobre um xadrez de transparência com suas medidas em pixels escritas embaixo
prévia 1600×973a transparência aparece como xadrez

Sobre este pack

Aqua Seleção de fase é um conjunto de 12 peças de mapa e seleção de fase desenhados no estilo cartoon, em que um contorno grosso e limpo envolve uma face brilhante com um único faísca. Contém quatro estados de nó de fase, um caminho reto e outro curvo, cada um bloqueado e aberto, uma placa de região, uma borda de névoa de guerra, um controle de zoom e uma caixa de legenda.

Um mapa de seleção de fase é feito de duas coisas, os nós e as linhas entre eles, e as linhas são justamente o que todo conjunto gratuito deixa de fora. Desenhá-las na engine é onde o mapa se desfaz: um traço feito por código não combina com o estilo, e um caminho que num estilo é reto e noutro treme à mão não pode ser um retângulo.

O brilho é uma divisão de borda dura a 44% da altura, não um degradê suave: um esmaecimento suave se lê como vidro, uma divisão dura se lê como desenho. A sombra deslocada é maciça em vez de desfocada pelo mesmo motivo.

Dentro desse estilo, esta é a leitura Aqua: uma interface em modo escuro sobre uma paleta azul-petróleo profundo com acentos azul gelo, construída em torno de uma moldura de borda única, botões de cantos retos de 128x40, barras brilhantes divididas em 10 segmentos e ícones com contorno numa grade de 24px. São essas medidas que explicam por que duas famílias podem compartilhar um estilo artístico sem serem intercambiáveis: o estilo decide como se traça uma borda, os números decidem para que serve a interface.

Os caminhos vêm na mesma linguagem de desenho dos nós, retos e curvos, cada um numa leitura bloqueada e outra aberta. O bloqueado é fino e tracejado, o aberto é contínuo e com toda a espessura, então o avanço num mapa aparece também nas ligações e não só nos nós. Os quatro estados de nó se distinguem pela estrutura: o bloqueado é hachurado de ponta a ponta, o disponível leva um único ponto no centro, o concluído é preenchido e o perfeito acrescenta quatro cantoneiras ao nó preenchido. A borda de névoa é uma faixa em degraus e não um desfoque suave, porque desfoque rasteriza diferente em cada engine e a borda de um mapa é exatamente onde isso aparece.

Cada sprite vem como SVG editável e como PNG transparente em 1x, 2x e 4x, então você pode jogar os PNGs direto num motor ou abrir o vetor e mudar uma cor. Desenhado com as mesmas medidas do resto da família Aqua, o que significa que este kit e o kit de painéis Aqua se alinham sem que nenhum dos dois seja redimensionado. Combina bem com jogos de anime e cartoon.

Download

Link direto · sem cadastro · sem página de espera
Baixar ZIP84 kB

Conjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readme

Arquivos inclusos neste pack
ArquivoFormatoPesoDownload
Conjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readmeZIP84 kB Obter →
Nó de fase, bloqueado, SVG editávelSVG1.9 kB Obter →

Como usar

  1. Coloque os nós na sua própria grade e ponha as peças de caminho entre eles; os caminhos foram desenhados no espaçamento de nós indicado na ficha técnica, então encostam na borda do nó sem sobrepor.
  2. Quando a fase abrir, troque o caminho bloqueado pelo gêmeo aberto em vez de tingi-lo. O sinal é o padrão tracejado.
  3. Ancore a borda de névoa no limite da região explorada e deixe que avance sobre o lado inexplorado; a faixa em degraus foi desenhada para se repetir na horizontal.
  4. A placa de região e a caixa de legenda compartilham o tratamento de canto com o kit de painéis desta família, para que a tela de mapa e a de menu não pareçam dois jogos diferentes.

Licença

Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática

Linha de crédito para copiar
"Aqua Seleção de fase" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/aqua-level-select