Use Photoshop to create transparent background images

Source: Internet
Author: User
Tags transparent image

 This kind of thing often happens in the process of creating web pages. When you insert a hard-made image into a webpage, you will find that the background color of this image is not consistent with the background color of the webpage. The picture looks like a patch. It's a pity to remove it. don't remove it. It looks awkward. Now you need to use transparent background images for help. Many methods have been introduced in some magazines about how to make the image transparent, but the steps are troublesome and the results are not very good. In fact, in the latest Photoshop 5.5, you only need a few steps to "get" a transparent background image. The procedure is as follows: <br/> 1. open the image you want to process (it can be in any format) and adjust its size first. Although this is irrelevant to the transparent background image, the image is too large to affect the browsing speed, who wants to "Wait for me to feel bad" just to see a picture! Therefore, the image should be reduced as much as possible without affecting the visual effect, and the length and width of the image should be basically the same as the size of the image on the webpage. Otherwise, the image will be deformed after being inserted. You can use the image size command in the Image menu to adjust the size. <Br/> 2. Use the cable plug-in tool to select the required part. This step is to separate the image from the opaque background in the source image. Photoshop 5. O added the magnetic plug-in tool in the above versions. This tool is very convenient for selecting a part with a large contrast to the background color, but it also requires patience, in order to completely select the desired image. Use the Copy command in the edit menu to copy the selected content to the clipboard. <Br/> 3. Use the "new" command in the "file" menu to create an image. Use the default value in the dialog box, which is the minimum value given by the system based on the data in the clipboard. In the "contents" column, you must select the "transparent (transparent)" item to determine whether transparent background images can be generated. After clicking "OK", you will see a new image with a grid. In fact, this is a blank background transparent image. <Br/> 4. use the "Paste" command in the "edit" menu to paste the clipboard content to the new image, and select the mobile tool in the toolbar on the left, move the image to a proper position. At this step, the basic operations have been completed. Remember not to merge layers here, otherwise the previous work will be abandoned. <Br/> 5. finally, select the "Save a copy (save as a backup)" command in the "file" menu to save the file, and select * in the "Save As (Save As)" selection box *. in GIF format, click "OK" to go to the next step. <Br/> 6. In the dialog box that appears in the next step, select the transparency (transparent) item, use the default values for other items, and click OK. <Br/> now, a perfect transparent background image is created! Try it, insert it into the webpage, and preview it! How is it?

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.