Ian Hoar — Passion for Technology – Geeking Out

It’s time for another quick Photoshop tip. The other day I was working on an HTML mockup in Photoshop and said, “Hey wouldn’t it be great if there were bullets”. My co-worker turns around and says you can make them, and it’s super easy. It’s not really like ordered or unordered lists in HTML; you still have to type in the numbers or bullets manually, but it’s as close as you’ll get.

Once you have your list created in a text box, go to the Paragraph window. Go to the Indent first line field and type in a negative value. For this example I have 11 pixel Verdana text with a -15px first indent.

Photoshop Bullets

From the screenshot above you can see we now have perfect bullets in our mockup.

Responses

5 Comments to “ Photoshop Tip #3: Bullets in Photoshop ”

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
  • sanish sanish Says: March 24th, 2009 at 11:40 am

    Thanks a lot .. its a nice trick :)

  • Lukas Lukas Says: November 10th, 2009 at 11:23 pm

    …only your example doesnt contain any bullets, its a numbered list… this doesn’t show anyone how to insert bullets in photoshop.

  • Ian Hoar Ian Hoar Says: November 11th, 2009 at 10:45 am

    Hi Lukas,

    You can use anything character you want, just paste a bullet in where the numbers are. If you aren’t sure how to create a bullet just copy and paste this one. “•”

  • Scott Scott Says: December 23rd, 2009 at 1:34 am

    I guess I’m just slow but this doesn’t have enough information for me. Where exactly do I paste the bullet in? Also when I put a -24 in my text it moves everything over to the left, what I want is to move to the right and have a bullet inserted in front of the text so I set it to 24. Why are you saying to use a negative number?

  • Ian Hoar Ian Hoar Says: December 23rd, 2009 at 10:24 am

    Scott, the negative number is for the bullets. You outdent only the first line of text with a number or bullet character.

Leave a reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


About

Ian HoarWelcome to the blog of Ian Hoar. I talk about current web trends, technology, toys, games, gadgets, design, usability and everything in between. It’s all about geeking out and an occasional rant. More about me

The Zombie Journal - Chronicling the events of The Great Zombie Outbreak Get Social!
Most Recent tweets — Follow me on Twitter
Categories