Come posso creare grafica disegnata a mano per il mio sito Web?

8

Sto sviluppando una pagina web per applicazioni basate sul web, sono nuovo nel web design, quindi perdona se ho fatto una domanda molto semplice.

voglio creare icone e incorporarle nel mio file di immagine png esistente. ho allegato un'immagine di esempio qui sotto e cerchia l'icona che desidero.

inserisci qui la descrizione dell'immagine

quindi voglio sapere come incorporare le icone nell'immagine, c'è qualche strumento specifico per creare quelle icone ?.

website-design  icon  images 
— pappu_kutty
fonte
Dovresti dare l'attribuzione (cioè un URL) per quell'immagine. Immagino che sia un requisito sia per questo sito che per quello da cui hai ottenuto l'immagine (se quel sito lo consentirebbe, sebbene con l'attribuzione sia probabilmente coperto da un uso equo).
— Ripristina Monica - notmaynard,
L'uso degli SVG può essere utile per qualcosa del genere in modo che possano essere ridimensionati e modificati in base alle esigenze nel browser stesso
— Zach Saucier
2
Il modo migliore per creare grafici disegnati a mano è disegnarli a mano. Quelli nell'esempio sembrano disegnati con un mouse o un tablet, il tratto è coerente.
— Phil

Risposte:

11

Se hai già il tuo banner e ti stai chiedendo quali sono i piccoli disegni in cima, allora posso pensare a due modi per ottenerli:

1) Acquistali online, già realizzati. Siti come iStock o GraphicRiver offrono illustrazioni vettoriali con sfondi trasparenti, quindi è abbastanza facile aprire i file e incollarli sul banner. Ci sono anche icone gratuite che puoi usare. Dai un'occhiata a Vecteezy , The Noun Project o FlatIcon , per citarne solo alcuni.

2) Disegnali tu stesso. Puoi usare il mouse (Illustrator o Inkscape sarebbe meglio per questo) oppure, se sei interessato a disegnare, potresti ottenere una tavoletta grafica. I più piccoli non sono così costosi, e in ogni caso se fosse la tua cosa non sarebbe altro che un investimento.

In bocca al lupo!

— Yisela
fonte
grazie .. ho deciso di disegnare il mio usando Illustrator, che sembra più creativo e originale.
— pappu_kutty,
1

Se capisco correttamente la tua domanda, allora hai due opzioni:

  1. Puoi disegnare a mano le icone su carta e scansionarle in un programma di modifica delle immagini. Puoi trasformare l '"icona" in un file PNG di dimensioni fisse con uno sfondo trasparente o in un file SVG in grado di ridimensionare. Quindi, carica quell'immagine sul tuo sito Web, trasformala in un link e posizionala correttamente ... usando stili CSS assoluti, fissi, mobili, ecc.

  2. È possibile incorporare le icone disegnate a mano come parte dell'immagine di sfondo stessa. Quindi, lavorerai con una sola immagine di grandi dimensioni. È possibile trasformare diverse parti di quell'immagine in collegamenti creando un URL di mappa immagine in qualcosa come Dreamweaver. Ciò significa che identifichi una parte della tua immagine (tramite coordinate) in modo che sia un collegamento, un'area che puoi "modellare" in forma e posizione identiche a quelle dell'immagine di sfondo.

— sharedphysics
fonte
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.