Mobile app version of vmapp.org
Login or Join
Courtney577

: How can I create hand-drawn style graphics for my website? I am developing a web page for web based application, i am new to web design, so forgive if i have asked very basic question. i

@Courtney577

Posted in: #Icon #Images #WebsiteDesign

I am developing a web page for web based application, i am new to web design, so forgive if i have asked very basic question.

i want to create icons and embed into my existing png image file. i have attached sample image below and circle the icon which i want.



so i want to know how to embed the icons into the image, is there any specific tool to create those icons?.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Courtney577

3 Comments

Sorted by latest first Latest Oldest Best

 

@Margaret771

If I understand your question correctly, then you have two options:


You can hand-draw the icons on paper, and scan them into an image-editing program. You can turn the "icon" into a fixed-size PNG with a transparent background, or into a scale-able SVG file. Then, just upload that image into your website, turn it into a link, and position it correctly... using absolute, fixed, float, etc CSS styles.
You can embed the hand-drawn icons as part of the background image itself. Then, you'll be working with just a single large image. You can turn different parts of that image into links by creating an image-map url in something like Dreamweaver. What that means is that you identify a part of your image (via coordinates) to be a link -- an area that you can "shape" into being the same form and location as in your background image.

10% popularity Vote Up Vote Down


 

@Radia289

If you already have your banner and are wondering about the little drawings on top, then I can think of two ways of getting them:

1) Buy them online, already made. Sites like iStock or GraphicRiver offer vector illustrations with transparent backgrounds, so it's quite easy to open the files and just paste them on your banner. There are also free icons you can use. Take a look at Vecteezy, The Noun Project or FlatIcon, to name just a few.

2) Draw them yourself. You can either use your mouse (Illustrator or Inkscape would be better for this), or, if you are interested in drawing you could get a graphic tablet. The small ones are not that expensive, and in any case if it's your thing it would be nothing but an investment.

Good luck!

10% popularity Vote Up Vote Down


 

@Carla748

There is a lot of software out there, some free and some paid.

Just to list a few:

FREE

GIMP

Ultimate Paint

InkScape

Paint.Net

Paid

Adobe Fireworks

Adobe Photoshop

Adobe Illustrator

CorelDRAW

All of which have different learning curves, you can fin more graphics software by doing a quick Google search.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme