Darrell Heath opens up Photoshop and talks about creating table styles.

Share & Enjoy


 

  1. John Henderson (Reply) on Thursday February 12, 2009

    Wow, This is a useless, uncreative and boring tut. Normally I love your tutorials because they are always give me inspiration and are helpful. The finished piece is disgusting to look at and I dont know when I would need this. Microsoft Word can make prettier tables. But there is no such thing as a pretty table.

    Also, this guys voice is annoying!

  2. Darrell Heath (Reply) on Thursday February 12, 2009

    Hey John, sorry it’s not relative to you.

    However, if you ever had the opportunity of creating a table in Ps from scratch (multiple boxes, multiple type Layers and so fourth) it’s a hugh chore to have to keep them aligned and organized. (This alone would involve a lot of tweaking and nudging).

    As demoed:
    - A simple shape, intersected by lines: Subtract from Shape (no need for multple boxes/shapes)
    - Type in a Path auto detects the disected areas (no need for nudging/alignment)
    - Apply Blending Style to the Shape (no need to style individual areas).

    I know it’s not a fancy end result, but the process certainly makes it easier.

    As for my voice, well, can’t do much about that…

    Cheers

    Have a great day

  3. John Henderson (Reply) on Thursday February 12, 2009

    Hey, Thank you for responding. I now understand much greater!! Good response and thanks again!

  4. Stacey B (Reply) on Thursday February 12, 2009

    So why would you need to go through all that hassle when InDesign can do that for you so much faster?

  5. Sharon Hastings (Reply) on Thursday February 12, 2009

    To Darrell Heath: Excellent tutorial. Having created tables from scratch, I wish I had known about this before now. While I can certainly create tables in InDesign, Word, and Excel, it is nice to know a better way in Photoshop.

    To John Henderson: Is it really necessary to be so rude?

  6. Arnab Bhadra (Reply) on Thursday February 12, 2009

    Thanks for such nice tip , it will help me a lot ….

  7. Blossoms (Reply) on Thursday February 12, 2009

    Great tutorial! I’ve been looking for one on tables a looong time now and gave up trying to create tables in ps, i guess i’ll be able to do it now, thanks!

  8. Ewa M (Reply) on Thursday February 12, 2009

    I do not have InDesign or anything else and rely only on Photoshop CS4. Thanks for showing multiple tools and making life easier. I can think of so many other uses for the knowledge I just gained. Thank you.

    To John Henderson: people of substance judge others by their actions and character, not by things that cannot be changed.

  9. will (Reply) on Thursday February 12, 2009

    Thnks for taking time for making a tut.
    very interesting for those of us who don’t know a thing about ps

  10. David M (Reply) on Thursday February 12, 2009

    Great Tut. Thanks for the help!

  11. mike (Reply) on Thursday February 12, 2009

    Thanks for sharing, Darrell.

    If I have to resize the table (by moving the lines around and redistributing them) after the table is full of text, is there a way to get that text to stay inside their newly positioned divisions?

    Thanks!

  12. Darrell Heath (Reply) on Thursday February 12, 2009

    Thanks everyone for the feedback.

    Good question Mike.

    I just did a little test and to avoid any/too much extra work or risking a disaster in the change. The best I could think of is this.

    - Select main Shape (Layer), Command/Ctrl + T to transform and resize as desired.
    - Add New (Subtract) lines to the Shape (if needed) and Align Lines accordingly to the originals.
    - Select the type Layer in the Layers Panel. Activate the Path Selection Tool and then on the options Bar enable Show Bounding Box. You should get transform handlers JUST for the Type Path. So that when transformed, the type (attributes) is not affected.

    Unfortunately, there does not appear to be a way to mult-select Type Paths at once.

    Hope this helps
    h

  13. greg (Reply) on Thursday February 12, 2009

    Thanks for this. Couple of questions.

    When aligning, the far left, right, top and bottom areas don’t conform to boxes in middle, leaving perimeter boxes in different proportions. Any way to correct?

    When I try to add text, photoshop is not recognizing the table cells. I don’t get the type on path symbol. Any ideas.

    Thanks so much.

  14. Darrell Heath (Reply) on Thursday February 12, 2009

    Hey Greg

    To adjust for accurate placements, add any combination of Character Baseline Shift or Paragraph Indent options to the mix.

    As for add text into a section, make sure the Path Shape is selected.
    So the routine is:
    – select the Path Shape
    – activate the Type Tool
    – hover inside a divided section of the Shape Path, then click to add separate type Layer (it will confine to that area)

    Then repeat.

  15. greg (Reply) on Thursday February 12, 2009

    Thanks for your quick response. The text is working now that I’m selecting the path first (not just the layer with the path). The only issue remaining is the table boxes being unequal on left, right top and bottom. Even in your tutorial, the right-hand column appears slightly narrower than the rest.

    Thanks

  16. Darrell Heath (Reply) on Thursday February 12, 2009

    Btw – you can also select the Shape Vector Path thumbnail on the Layer to select the ‘whole’ shape.

    As for the unequal dividers, use the Path Selection Tool to select just a single one and use the arrow keys to ‘nudge’.

    Or use the Path Selection Tool + Shift key, to select multple dividers and then use the Options Bar Alignment/Distribute icon commands to refine.

    h

  17. bunky (Reply) on Thursday February 12, 2009

    my version does not have a line tool. So what do I do?

  18. Darrell Heath (Reply) on Thursday February 12, 2009

    Hey bunky
    Press and hold (for a second or two) the Rectangular Shape Tool on the toolbar. You should see a sub-set of Vect tools appear. The Line Tool will be among them.

    h

  19. Tom (Reply) on Thursday February 12, 2009

    Is there any website that still has available extensive “help/tips/tutorials/ information/etc relative to CS2. Seems everywhere I look, it’s all CS3 or CS4?

  20. zwoon (Reply) on Thursday February 12, 2009

    Very helpful, thank you. The download version however only shows the last ten seconds…at least when I tried it.

  21. Martin (Reply) on Thursday February 12, 2009

    Great tutorial!! I wish you would clarify where to click sometimes. For ex. to type in the box you need to click in the icon of the edge layer. If you click anywhere else in the layer it doesn’t select the path.
    In relationship to the answers John if this is so boring, why are you watching it? For those saying that this is much easier to do in Word, Excel or InDesign you must understand that this is a Photoshop tutorial. If you know how to do in InDesign good for you. I use Photoshop, why would I want to do it in InDesign? Stay focused my friends.
    Great job Darell!!

  22. Diana (Reply) on Thursday February 12, 2009

    I have Photoshop CS4. I’ve watched your video several times and keep trying to follow the steps, but I don’t seem to have a distribute evenly option after selecting the lines….does CS4 have that option? I really need to create a table very similar to yours, but can’t seem to get past this point. Thanks for the video and your help.

  23. JP (Reply) on Thursday February 12, 2009

    I sometimes layout my table data in Illustrator by first creating a text area, entering some text, then adding columns by tabbing one tab for each column. You can then adjust the width of these tabs in the Tab width panel. Once this is done you can copy and paste the text into a text area in Photoshop and it will maintain the formatting and tabs. And if you want to change tab widths in the future, just copy the text from the Photoshop, paste it back into AI, make your changes and paste it back.

    Tested in PS and AI CS4

    Hope this helps.

  24. siavash (Reply) on Thursday February 12, 2009

    TanQ Very Muchhhhhhhhhhhhhhhh

    That’s UseFull !!!

  25. Thomas Wright (Reply) on Thursday February 12, 2009

    Darrell,
    Wow, that first comment there was totally uncalled for.
    I think the tutorial was awesome, and it was – in fact – exactly what I was looking for!
    Thanks for putting this out there. After searching multiple sites, your method is by far, the most useful.
    Thanks again man! :)



Planet Photoshop Photoshop World KelbyOne Lightroom Killer Tips Scott Kelby