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.
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?.
website-design
icon
images
pappu_kutty
la source
la source
Réponses:
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!
la source
Il existe de nombreux logiciels, certains gratuits et d'autres payants.
Pour n'en citer que quelques-uns:
GRATUIT
GIMP
Peinture ultime
InkScape
Paint.Net
Payé
Adobe Fireworks
Adobe Photoshop
Adobe Illustrator
CorelDRAW
Tous ayant des courbes d'apprentissage différentes, vous pouvez trouver plus de logiciels graphiques en effectuant une recherche rapide sur Google.
la source
Si je comprends bien votre question, vous avez deux options:
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.
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.
la source