#50 Photoshop Trick: Get The Real 100% View

Posted on 9:08 PM by Daniy

If you’re creating web graphics, it’s almost important to preview your work at the same size your audience will view. Get your image at 100% view by giving double-click on the Zoom tool. If you find that the image is too big for your screen, then you can zoom out until the view of your image is the size you’d like to appear on the Web page, then look in the lower left corner of the image window and you’ll see the percentage of zoom.

Write that down, then go under the Image menu and choose Image Size. When the Image Size dialog box appear, in the height pop-up menu , choose percent. Enter the percentage amount that you wrote previously. By default, Photoshop will enter the Width when you enter the Height setting to keep your image proportional. Click OK and it will resize your image to the exact sie you want it to appear on the web page.

Quick Tips: You can use the combination of the key Ctrl + - [Mac: Command + -] to zoom it and Ctrl + + [Mac: Command + +] to zoom out. Another way, you can hold the Alt [Mac: Option] key to toggle between zoom-in and zoom-out in Zoom tool mode.

Labels:

Read More...


,

#42 Photoshop Trick: Let Photoshop Write The Code

Posted on 6:35 PM by Daniy

As Photoshop can tell you about the color’s hexa number, this stuff can also automatically write the code for you. More clever than I thought. Photoshop can extract the hexadecimal codes from an imageand paste them into your HTML code.

Switch to Eyedropper tool by pressing the letter "I" and right-click [Mac: Control + click] on a color within your image. A pop-up menu will appear where you can choose Copy Color as HTML. Now you can switch to your HTML editor and paste the code there.

let photoshop write the code for you

Labels: ,

Read More...


,