¿Cómo puedo crear gráficos de estilo dibujados a mano para mi sitio web?

8

Estoy desarrollando una página web para aplicaciones basadas en web, soy nuevo en diseño web, así que perdón si he hecho una pregunta muy básica.

Quiero crear iconos e incrustarlos en mi archivo de imagen PNG existente. He adjuntado la imagen de muestra a continuación y marque con un círculo el icono que deseo

ingrese la descripción de la imagen aquí

así que quiero saber cómo incrustar los íconos en la imagen, ¿hay alguna herramienta específica para crear esos íconos?

pappu_kutty
fuente
Debería dar una atribución (es decir, una URL) para esa imagen. Supongo que es un requisito tanto para este sitio como para el que obtuvo la imagen (si ese sitio lo permitiera, aunque con atribución probablemente esté cubierto bajo un uso justo).
Restablece a Monica - notmaynard el
El uso de IVS puede ser bueno para algo como esto por lo que se pueden escalar y cambiar según sea necesario en el propio navegador
Zach Saucier
2
La mejor manera de crear gráficos dibujados a mano es dibujarlos a mano. Los del ejemplo parecen dibujados con un mouse o tableta, el trazo es consistente.
Phil

Respuestas:

11

Si ya tiene su banner y se está preguntando sobre los pequeños dibujos en la parte superior, entonces puedo pensar en dos formas de obtenerlos:

1) Compre en línea, ya hecho. Sitios como iStock o GraphicRiver ofrecen ilustraciones vectoriales con fondos transparentes, por lo que es bastante fácil abrir los archivos y pegarlos en su banner. También hay iconos gratuitos que puedes usar. Eche un vistazo a Vecteezy , The Noun Project o FlatIcon , por nombrar solo algunos.

2) Dibújalos tú mismo. Puede usar su mouse (Illustrator o Inkscape sería mejor para esto) o, si está interesado en dibujar, puede obtener una tableta gráfica. Los pequeños no son tan caros, y en cualquier caso, si es lo tuyo, no sería más que una inversión.

¡Buena suerte!

Yisela
fuente
gracias .. he decidido dibujar el mío usando ilustrador, que parece más creativo y original.
pappu_kutty
1

Si entiendo su pregunta correctamente, entonces tiene dos opciones:

  1. Puede dibujar a mano los iconos en papel y escanearlos en un programa de edición de imágenes. Puede convertir el "icono" en un PNG de tamaño fijo con un fondo transparente, o en un archivo SVG escalable. Luego, simplemente suba esa imagen a su sitio web, conviértala en un enlace y colóquela correctamente ... usando estilos CSS absolutos, fijos, flotantes, etc.

  2. Puede incrustar los iconos dibujados a mano como parte de la imagen de fondo. Luego, trabajará con una sola imagen grande. Puede convertir diferentes partes de esa imagen en enlaces creando una URL de mapa de imagen en algo como Dreamweaver. Lo que eso significa es que identifica una parte de su imagen (a través de coordenadas) como un enlace, un área que puede "dar forma" para que tenga la misma forma y ubicación que en su imagen de fondo.

física compartida
fuente