Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Problem 1. Sizes is there an easy way to know sizes of all element i wish to know of. What i do is select, click to edit than the size appears in info panel, memorize it.

Problem 2. Extracting is there a way to save only the selection and not have to crop the whole thing first than save as. I know i could use slices. But i can't figure out how to do slices with transparencies. Select slice and group.

Problem 3. Offsets easier way to know how much distance is between this box and this text. Right now i make a line with a ruler. but When i click for a different line it disappears. So i have to memorize or write down while doing it. Very inconvenient.

Problem 4. Gradients basically when it comes to gradients and i wish to convert them to css gradients i need to do autopsy of everything. Simpler solution is to do gradients if they are the only thing. But if it's like noise layer with something else than just take the whole thing as jpg. Could there a be a plugin that generates css gradients from photoshop gradients.

So basically i am asking for better ways to do things for all of these or some of these. Either using plugins, scripts, other programs or some tips.

share|improve this question

closed as too broad by Scott, Darth_Vader, Kurt, ckpepper02, Vincent Oct 29 '13 at 15:10

There are either too many possible answers, or good answers would be too long for this format. Please add details to narrow the answer set or to isolate an issue that can be answered in a few paragraphs.If this question can be reworded to fit the rules in the help center, please edit the question.

The problem is using Photoshop to build web sites. It's just not built for that. – DA01 Oct 28 '13 at 18:17
what do you use then? – Muhammad Umer Oct 28 '13 at 18:22
I use HTML, CSS and JS and then use photoshop to create the specific, individual images I need. It's much easier to start with the presentation layer code than it is to get the presentation layer code to match a static PSD file. – DA01 Oct 28 '13 at 18:23
Doesn't that make experimenting around a lot difficult? I'll try this next time. – Muhammad Umer Oct 28 '13 at 18:26
I think it's fine to use Photoshop as a sketching tool, but don't try to build from that sketch. Just use it as a napkin sketch ideation tool. I find working in the presentation layer much more flexible and freeing than being tied into PhotoShop. – DA01 Oct 28 '13 at 18:34
up vote 0 down vote accepted

1 - hide everything besides the thing, ctrl a, edit > copy merged, file new, see the dimensions

2 - ?

3 - marquee tool, click and drag area, edit copy merged, file new, see the dimensions

4 - css gradient support is kind of wacky, using jpgs is a pretty safe bet, if there is noise or effects within the gradient you will not be able to use css3 gradients

share|improve this answer
this is helpful somewhat...nice trick :D – Muhammad Umer Oct 28 '13 at 18:24
about #2, say i wanna save transparent logo. What is the best way to do it. – Muhammad Umer Oct 28 '13 at 18:26
check it out – Muhammad Umer Oct 29 '13 at 16:31
When the background is removed and you edit copy merged it will automatically make the clipboard dimensions to where the semi transparent pixels end and the fully transparent begins so it should already be the size you need, though this question is a little confusing. – A BOY n HIS PIG Oct 29 '13 at 18:49

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