• The Facebook Platform

Results 1 to 2 of 2
  1. #1
    Join Date
    Feb 2010
    Posts
    126
    Points
    166.99
    Rep Power
    134

    Default adob photoshop notes class 26

    14. Optimize for Web







    You have the image file peter plys.psd saved on the hard disk. The file is also read into Photoshop, where you see the content on the screen. There are three picture layers: the bear and the two backgrounds.
    Let us presume that you need a copy of the picture for a home page. You actually need 2 copies, one with each background. We will make those now.
    The image size

    The picture is a little too big for the home page, it is intended for. So we start by diminishing it.
    1. The teddy bear is seen with the background that you produced, right? The pattern 2 layer hides the pattern 1 layer. That is ok, we start by making a copy of this picture.
    2. Select menu items Image --> Image Size:
    802us - adob photoshop notes class 26
    3. Now you can see that the picture measures 560 x 595 pixels:
    image179 - adob photoshop notes class 26
    4. It is important that the fields Constrain Proportions and Resample Image are checked. Then there will be no distortion in the proportions of the new image, and it gets the best quality.
    5. Now enter the pixel measure 400 in the Width field. Then the program calculates the height to 425 pixels:
    image180 - adob photoshop notes class 26
    6. Click OK, or press Enter. Then the picture size changes. NOTE: do not save this version of the picture …
    7. Then select menu items File --> Save for Web… :
    image181 - adob photoshop notes class 26
    8. That opens the dialog box Save for Web, which you will be using shortly:
    image182 - adob photoshop notes class 26
    Figure 24. The dialog box Save for web enables saving optimized copies of your pictures.
    Save to web

    When you need to save a picture for internet use, you usually make an optimized copy. This means that you need to find a file format and a compression that is suitable for the particular task.
    Here we show a practical example on how the picture is saved in the JPG format.
    1. Now you have the dialog box Save for Web on the screen (as in Figure 24).
    2. In the right side of the dialog box you select the desired file format and compression. Try to select JPEG in quality 60 like here:
    image183 - adob photoshop notes class 26
    3. The large picture now shows the picture quality, which will result from these choices. You can read the file size below the picture. By us it is 72 KB plus:
    796us - adob photoshop notes class 26
    4. A file size of 72 KB is probably a little large for a web picture. It will take 27 seconds to retrieve the picture with a slow modem (28 kbit), as you can read in the bottom of the field.
    5. If the file size has to be reduced further, it will diminish the picture quality. Let us look at that. Start by increasing the enlargement to 400%:
    image184 - adob photoshop notes class 26
    6. Now you can use the hand tool (with space bar and mouse) to move the picture section. You can see how the picture quality will be in JPEG quality 60. Notice the fussyness around the details, they are a consequence of the JPEG compression.
    7. Now try to change the JPEG quality to 30:
    image185 - adob photoshop notes class 26

  2. #2
    Join Date
    Jan 2010
    Location
    Lahore, Pakistan
    Age
    25
    Posts
    3,818
    Points
    6,772.51
    Rep Power
    10000

    Default

    very nice sharing
    Find Me On Social Networks

    Facebook | Twitter | Google+



 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Similar Threads

  1. adob photoshop notes class 24
    By $$$lover in forum Adobe Photoshop Complete Course
    Replies: 6
    Last Post: 03-26-2010, 11:06 AM
  2. adob photoshop notes class 27
    By $$$lover in forum Adobe Photoshop Complete Course
    Replies: 1
    Last Post: 02-16-2010, 11:21 PM
  3. adob photoshop notes class 28
    By $$$lover in forum Adobe Photoshop Complete Course
    Replies: 1
    Last Post: 02-16-2010, 11:18 PM
  4. adob photoshop notes class 42
    By $$$lover in forum Adobe Photoshop Complete Course
    Replies: 1
    Last Post: 02-16-2010, 10:52 PM
  5. adob photoshop notes class 25
    By $$$lover in forum Adobe Photoshop Complete Course
    Replies: 0
    Last Post: 02-15-2010, 05:44 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •