Como criar uma coleção de ícones no Pencil Project

Quem usa o Pencil frequentemente, sabe a importância que as coleções têm no aplicativo. Por isso, hoje eu mostrarei como você pode criar sua própria coleção de ícones no Pencil Project.

As coleções são extremamente importantes no software, pois é através delas que podemos inserir elementos em nossos projetos. Além disso, elas facilitam o acesso a esses elementos já que não é necessário inseri-los como imagem diversas vezes.

Ter a sua própria coleção adicionada à biblioteca do Pencil pode facilitar muito o seu trabalho, principalmente em projetos grandes. É a maneira ideal para conseguir manter o padrão visual de um projeto.

Justamente por isso que é essencial saber criar uma coleção de ícones no aplicativo. Assim sendo, veja como funciona logo abaixo.

Vamos ao que interessa!

Em primeiro lugar, para criarmos uma coleção de ícones no Pencil é necessário termos os ícones salvos no computador. Para este exemplo eu usarei alguns ícones da interface do Gmail, aplicativo de e-mail da Google.

Como os ícones do Gmail possuem cores distintas, eu pintei todos eles de preto usando o Chasys Draw IES para facilitar a visualização no Pencil. Entretanto, isso não é uma regra, então você pode colocar os ícones nas cores que você quiser.

Antes de mais nada, lembre-se de salvar todos os ícones na mesma pasta. Isso facilitará no momento de inserir as imagens na coleção a ser criada. Além disso, o nome do arquivo da imagem será o nome usado para o ícone na coleção. Por isso, não esqueça de nomeá-los corretamente antes de começar.

Com o Pencil aberto, vá ao menu do software e selecione a opção Tools > Developer Tools > Stencil Generator. É através do Stencil Generator que podemos criar coleções de ícones.

A janela é dividida em duas colunas. Na primeira está o campo Select Images no qual iremos definir as imagens da coleção. A única forma de adicionar as imagens no campo é arrastando-as sobre ele. Assim sendo, abra a pasta na qual estão as imagens, selecione-as e então, arraste e solte as imagens no campo Select Images.

Feito isso, é hora de inserir as informações da coleção na seção Collection Definition. Você pode definir um nome, uma descrição, o autor da coleção e ainda, o site referente a coleção. Há ainda o campo para definir o ícone da coleção, porém, por algum motivo ele se mantém inativo o tempo todo.

Ao final, há também a opção Detect inkscape groups. Esta opção ajuda na leitura de arquivos SVG caso alguns dos ícones da coleção esteja neste formato. Contudo, eu testei criar coleções com diferentes arquivos SVG e, em todos os casos, o Pencil não conseguiu carregar os arquivos. Por isso, evite usar imagens SVG.

Com tudo configurado, clique em Next. Na janela seguinte, o Pencil mostrará uma lista com todos os ícones que farão parte da coleção. Caso queira, você pode remover ícones nessa janela. Entretanto, há um pequeno bug aqui, pois a janela não possui barra de rolagem, impossibilitando visualizar todos os ícones da lista.

Feito isso, clique no botão Finish e escolha o local de salvamento da coleção. O Pencil criará um arquivo ZIP contendo os ícones e as informações da coleção. Após o salvamento, basta clicar em Close na janela que informa que a coleção foi criada com sucesso.

Pronto, agora você já pode distribuir na internet ou utilizar a coleção de ícones no Pencil Project. Lembre-se apenas que primeiramente você deve adicionar a coleção no aplicativo para que possa utilizá-la em seus projetos.

---

Apesar das adversidades, deu para ver como é simples criar uma coleção de ícones no Pencil. Por outro lado, você também pode recorrer às coleções disponíveis na internet caso não queira criar a sua do zero.

E se quiser ficar por dentro dos nossos tutoriais, siga nossas redes sociais ou inscreva-se em nossa newsletter mensal no rodapé do site.