Streaming live at 10am (PST)

Vector hand drawn arrows


#1

I want to insert a cool-looking arrow. A google search showed there's a free list of 100+ hand-drawn-style arrows that are vector files here:

http://thinkdesignblog.com/120-handdrawn-vector-arrows.htm

How do you insert one of the arrows into the website? Also, how do you change the colour of the arrow so that it's the exact same shade of blue that the rest of my website has as its theme?


#2

You are going to need to download the arrow and get it into a vector program like Illustrator to change the color (you will need the right kind of file).

To insert into a website, just upload the image and place it as an image or use as a background.


#3

As jdesign said, you'll need adobe illustrator or another vector program to open the file. Then choose the one you want copy it and paste it into a photoshop document. Then you can change the color to anything you want and then Save For Web as a PNG with transparency at whatever size you want it on the site. Remember for retina displays, make the image double the size you want it. Then you can just upload it like any image.

If any of these are to your liking, they offer a download as PNG option http://www.flaticon.com/packs/hand-drawn-arrows

Good Luck


#4

Thanks kindly. I don't have Adobe Illustrator but do have the full Sketch 3 program. Does Sketch 3 allow Vector files to inserted? I don't think Sketch 3 has a "Save For Web" option. Once the changes are made, what file format should the arrow be saved in, and should it be compressed?


#5

If you want it to have background transparency then you need to use a png sketch should be able to do this. Make sure you are exporting at the right size too. Look online at tutorials for this. If this is too complicated, check out the link I posted


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.