By Darrell Heath in Photoshop,Tutorial,Video Tutorials
Thursday February 12, 2009
Darrell Heath opens up Photoshop and talks about creating table styles.
By Scott Kelby
Tuesday August 19, 2014
By Tom Green
Thursday July 31, 2014
By Kevin Ames
Wednesday July 2, 2014
By Dave Clayton
Friday June 27, 2014
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!
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).
- 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…
Have a great day
Hey, Thank you for responding. I now understand much greater!! Good response and thanks again!
So why would you need to go through all that hassle when InDesign can do that for you so much faster?
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?
Thanks for such nice tip , it will help me a lot ….
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!
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.
Thnks for taking time for making a tut.
very interesting for those of us who don’t know a thing about ps
Great Tut. Thanks for the help!
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 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
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.
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)
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.
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.
my version does not have a line tool. So what do I do?
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.
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?
Very helpful, thank you. The download version however only shows the last ten seconds…at least when I tried it.
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!!
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.
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.
TanQ Very Muchhhhhhhhhhhhhhhh
That’s UseFull !!!
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!
AhA!! Thank you soooo much!!! I have been looking everywhere for a tutorial on this. There always seemed to be something that wouldn’t work in other one with my photoshop!!
Click here to cancel reply.
Mail (will not be published) (required)
LAYERS Tip of the Day Get the latest tips, tricks and news delivered straight to your inbox.
© 2014 Layers Magazine. Kelby Media Group. All other trademarks are the property of their respective owners.
Adobe, Photoshop, Illustrator, Acrobat, Flash, Dreamweaver, After Effects and soundbooth
are either trademarks or registered trademarks of Adobe Systems Incorporated.