Comment créer des graphiques de style dessinés à la main pour mon site Web?

8

Je développe une page Web pour une application basée sur le Web, je suis nouveau dans la conception Web, alors pardonnez si j'ai posé une question très basique.

je veux créer des icônes et les intégrer dans mon fichier image png existant. J'ai joint l'image ci-dessous et encercle l'icône que je veux.

entrez la description de l'image ici

donc je veux savoir comment intégrer les icônes dans l'image, existe-t-il un outil spécifique pour créer ces icônes?.

pappu_kutty
la source
Vous devez attribuer (c'est-à-dire une URL) pour cette image. Je suppose que c'est une exigence pour ce site et celui dont vous avez obtenu l'image (si ce site le permettait, bien qu'avec l'attribution, il soit probablement couvert par une utilisation équitable).
Rétablir Monica - notmaynard
L'utilisation de SVG peut être bonne pour quelque chose comme ça afin qu'ils puissent être mis à l'échelle et modifiés selon les besoins dans le navigateur lui
Zach Saucier
2
La meilleure façon de créer des graphiques dessinés à la main est de les dessiner à la main. Ceux de l'exemple semblent avoir été dessinés avec une souris ou une tablette, le trait est cohérent.
Phil

Réponses:

11

Si vous avez déjà votre bannière et que vous vous interrogez sur les petits dessins sur le dessus, je peux penser à deux façons de les obtenir:

1) Achetez-les en ligne, déjà fabriqués. Des sites comme iStock ou GraphicRiver offrent des illustrations vectorielles avec des arrière-plans transparents, il est donc assez facile d'ouvrir les fichiers et de simplement les coller sur votre bannière. Il existe également des icônes gratuites que vous pouvez utiliser. Jetez un œil à Vecteezy , The Noun Project ou FlatIcon , pour n'en nommer que quelques-uns.

2) Dessinez-les vous-même. Vous pouvez soit utiliser votre souris (Illustrator ou Inkscape serait préférable pour cela), ou, si vous êtes intéressé par le dessin, vous pouvez obtenir une tablette graphique. Les petites ne sont pas si chères, et en tout cas si c'est votre truc ce ne serait qu'un investissement.

Bonne chance!

Yisela
la source
merci .. j'ai décidé de dessiner le mien en utilisant l'illustrateur, ce qui semble plus créatif et original.
pappu_kutty
1

Si je comprends bien votre question, vous avez deux options:

  1. Vous pouvez dessiner à la main les icônes sur du papier et les numériser dans un programme de retouche d'image. Vous pouvez transformer l '"icône" en PNG de taille fixe avec un fond transparent ou en fichier SVG évolutif. Ensuite, téléchargez simplement cette image sur votre site Web, transformez-la en lien et positionnez-la correctement ... en utilisant des styles CSS absolus, fixes, flottants, etc.

  2. Vous pouvez intégrer les icônes dessinées à la main dans le cadre de l'image d'arrière-plan elle-même. Ensuite, vous travaillerez avec une seule grande image. Vous pouvez transformer différentes parties de cette image en liens en créant une URL d'image-carte dans quelque chose comme Dreamweaver. Cela signifie que vous identifiez une partie de votre image (via les coordonnées) comme étant un lien - une zone que vous pouvez "façonner" pour avoir la même forme et le même emplacement que dans votre image d'arrière-plan.

sharedphysics
la source