Como criar gráficos de estilo desenhados à mão para o meu site?

8

Estou desenvolvendo uma página da web para aplicativos baseados na web, sou novo em web design, então perdoe se tiver feito uma pergunta muito básica.

Eu quero criar ícones e incorporar no meu arquivo de imagem png existente. Anexei a imagem de exemplo abaixo e circule o ícone que eu quero.

insira a descrição da imagem aqui

Então, eu quero saber como incorporar os ícones na imagem. Existe alguma ferramenta específica para criar esses ícones?

website-design icon images pappu_kutty
fonte
Você deve atribuir (ou seja, um URL) a essa imagem. Eu acho que esse é um requisito para o site e para o qual você obteve a imagem (se esse site permitir, de qualquer forma, embora com atribuição provavelmente esteja coberto por uso justo).
Reintegrar Monica - notmaynard
Usando SVGs pode ser bom para algo como isso, para que possam ser dimensionadas e alterado conforme necessário no próprio navegador
Zach Saucier
2
A melhor maneira de criar gráficos desenhados à mão é desenhá-los à mão. Os do exemplo parecem ter sido desenhados com um mouse ou tablet, o traçado é consistente.
Phil

Respostas:

11

Se você já tem seu banner e está se perguntando sobre os pequenos desenhos no topo, posso pensar em duas maneiras de obtê-los:

1) Compre online, já feito. Sites como o iStock ou o GraphicRiver oferecem ilustrações vetoriais com fundos transparentes, por isso é muito fácil abrir os arquivos e colá-los no seu banner. Também existem ícones gratuitos que você pode usar. Dê uma olhada no Vecteezy , The Noun Project ou FlatIcon , para citar apenas alguns.

2) Desenhe você mesmo. Você pode usar o mouse (o Illustrator ou o Inkscape seria melhor para isso) ou, se estiver interessado em desenhar, poderá obter um tablet gráfico. Os pequenos não são tão caros e, de qualquer forma, se você gosta, não seria nada além de um investimento.

Boa sorte!

Yisela
fonte
obrigado .. eu decidi desenhar o meu próprio usando o illustrator, o que parece mais criativo e originalidade.
pappu_kutty
1

Se entendi sua pergunta corretamente, você tem duas opções:

  1. Você pode desenhar à mão os ícones no papel e digitalizá-los em um programa de edição de imagens. Você pode transformar o "ícone" em um PNG de tamanho fixo com fundo transparente ou em um arquivo SVG com capacidade de escala. Em seguida, basta fazer o upload dessa imagem no seu site, transformá-la em um link e posicioná-la corretamente ... usando estilos CSS absolutos, fixos, flutuantes etc.

  2. Você pode incorporar os ícones desenhados à mão como parte da própria imagem de fundo. Então, você estará trabalhando com apenas uma única imagem grande. Você pode transformar partes diferentes da imagem em links, criando um URL de mapa de imagem em algo como o Dreamweaver. O que isso significa é que você identifica uma parte da sua imagem (via coordenadas) como um link - uma área que você pode "moldar" para que seja a mesma forma e localização da imagem de fundo.

sharedphysics
fonte