Posts Tagged ‘Photoshop’

How to slice up a PSD file in Photoshop

Thursday, July 29th, 2010
How to slice up a PSD file in Photoshop

Because its quick

I am jumping around in topics lately from CSS, to jQuery, to WordPress, to blogging, and now onto Photoshop. This is good though. Something different every day. Yesterday I had the pleasure of helping out someone who wants to learn how to create a websites. After the the short lesson I gave him, he said “Wow…I have a lot to learn.” To which I replied with a simple yes. He had coded a page, and then had me look at it. At which point I broke him of some nasty habits. This bit of teaching had me thinking though. What are some things I see some people do that makes me shake my head, when I know there is an easier way.

The first thing that popped into my brain was watching someone use the eraser tool in Photoshop to take away the background around an image of a person. That is just plain crazy. But there was a second item I thought about just after that nonsense. Slicing up a Photoshop PSD file to be used as a web page. I know people who do things differently, like using guides and then cropping the images necessary. That takes a while, even though I know one guy who is pretty damn quick at it. For me though, slicing is the way to go. It’s quick, easy, and if you need to make a change, there is no cropping involved – just a re-save.

(more…)

How to change Photoshop’s Keyboard Shortcuts, and write an Action

Tuesday, June 8th, 2010

A commenter here at The Web Machine has asked me to show how to change Photoshop’s Keyboard Shortcuts, which I talked about in my last post. So, since it was a request, how can I refuse. It is actually quite simple really. I’ve gathered some screen shots to walk you through it.

First, go to the Edit menu and select Keyboard Shorcuts (or Alt+Shift+Ctrl+K if you want the Keyboard Kung-Fu method). Figure 1 shows the window that will pop up. On the left hand side you sill see Application Menu Command, and under it, all the menu items in Photoshop. If you click on the arrows next to them, you will see all the sub menus under each main menu. Those sub menus will show the shortcut keys to the right, if they have one.

figure 1

(more…)