Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

What are the tools used to create the instructions and arrows in such images?
Which one is the font?

enter image description here

share|improve this question
add comment

3 Answers

up vote 2 down vote accepted

You can use different programs to do that image. I would use Photoshop, if you have access to it, depends on your OS (mac has great easy soft for this, and Gimp is an excellent program that you can download for free).

For Photoshop, put a black layer with 70% opacity for the background, then for the arrows you could use any of these shapes: http://www.shapes4free.com/shapes-resources/850-free-photoshop-arrow-shapes/

And about the font, you could pick your own from here: http://www.dafont.com/theme.php?cat=603


In addition to this answer: arrows are not shape,(they can be used as alternative)but you can get same brush from here


Make sure all the materials you use have the appropriate licence if you want to distribute your creation.

share|improve this answer
    
I usually prefer shapes to brushes because of scalability. But brushes are great too, specially for the unfinished look :) –  Yisela Nov 22 '11 at 12:23
    
:) i know we have to play with shapes if we need desired look such as in attached screenshot (you have to mold shapes and blah blah) and most of the time we have same brush in which we don't need to involve just use as they are..so i prefer brush when it comes to something like that...you can join the chat room (chat to learn) to share your precious knowledge with us.. –  Jack Nov 23 '11 at 5:09
add comment

I've long been interested in these hand drawn arrows and think I've now nailed down the process. Believe me, I've tried all sorts of long winded techniques like hand drawing the arrow, then scanning and recreating in illustrator probably not an uncommon method but not as quick as this next method.

As correctly pointed out above by utopicam, use the shape tool and find some arrows. The steps are all in this image.

Steps for arrows

share|improve this answer
    
Great answer! Quick and easy method :) –  Yisela Nov 24 '11 at 9:52
add comment

If your primary purpose for asking this question is that you want to facilitate User Interface mockups and screen annotations (as illustrated) then you may be interested in Balsamiq. This is a purpose-built tool for UI wireframing and it is excellent for that purpose.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.