Recommended 10 commonly used transparent usage

Source: Internet
Author: User
In a previous article we solved the CSS in the summary of the translucent settings, but also know that the translucent effect is not only on the picture, there are all kinds of places have been used to, then we will introduce to you today the translucent style of the summary of Photoshop! Photoshop semi-transparent style summary: 1.Photoshop simple make Web page Translucent button This tutorial is perfect for making Web page popup window beautification. The production method is very simple, just need to use the layer style settings can be. The effect is very good. 2.Photoshop Beautiful Translucent notes the effect of this tutorial is somewhat similar to the translucent effect of bubbles. The way to do this is to find the selection of the graphic highlights section, then fill the white, and then apply the mask and other edges of the transition. The principle is relatively simple, but the production time is much more complex, need to pay attention to the high light level and transparency. Final effect 3.Photoshop creates translucent orange glass icon The author's message: An icon with a painting of a painting is similar, also experienced drafting, shape, large color block, details of these steps to do, but do not have the icon painting art gas

1. translucency Definition and Usage Summary

Introduction: We in a previous article in the CSS in the summary of the translucent settings, but also know that the translucent effect is not only on the picture, there are all kinds of places have been used to, then we will introduce to you today in Photoshop Translucent style summary! Photoshop semi-transparent style summary: 1.Photoshop simple make Web page Translucent button   This tutorial is perfect for making Web page popup window beautification. The production method is very simple, just need to use the layer style settings can be. The effect is very good. 2.Photoshop Beautiful Translucent sound ...

2.10 recommended content to enlarge

Introduction: Final Effect  1. First build a 14*14 pixel transparent canvas, we are small icon well, the general Web page Small and medium icon is so big, remember the background to choose transparent, so that it can be arbitrarily placed on any different color background above  2. Enlarge the canvas to the maximum, and then use a pencil, choose a dark gray, on the “ point ” out a page border style, the upper left corner folded a small corner, simple pencil point out a triangle on the line. This little icon is ...

3. Talk about the effect of hollowing out examples

Introduction: This article mainly introduces the text skeleton in CSS, transparency value, the shadow effect setting example summary, which through the Text-stroke-color transparency value settings can make the text to some extent more gentle, Need friends can refer to the following text-fill-color to create the skeleton text: code CSS to copy the contents of the Clipboard-webkit-text-fill-color:transparent;   -webkit-text-stroke:1px&n ...

4. Special effects articles on landscape painting recommended

Introduction: PS Making landscapes Open photos, and copy layers. Executive < Filter-stylized-find edges &gt, and extract the edges of the landscape. Executive < Image-Adjust-de-color &gt, the color of the picture is removed. Executive < Images-adjustments-levels > , set the input color scale to 136, 1.0, 255, respectively. Increases the contrast of black and white. Keep the layers panel unchanged from the layer you just edited, change type to overlay, and opacity to 80%. Copy the diagram just now ...

5.6 Articles recommended for copying

Summary: Final effect 1. First build a transparent canvas 14*14 pixels, we are small icon well, the general Web page Small and medium icon is so big, remember the background to choose transparent, so that it can be arbitrarily placed on any different color background above 2. Enlarge the canvas to the maximum, and then use a pencil, choose a dark gray, on the “ point ” out a page border style, the upper left corner folded a small corner, simple pencil point out a triangle on the line. This little icon is such a 1.1-point place to come out ...

6. Recommendations for spotlight-related articles

Introduction: This article mainly introduces the method of making spotlight effect through Photoshop, the friends who need can refer to the next step  1 open the Spotlight image file or choose their own drawing; step  2 Use the Pencil tool to draw the following light shape; steps & Nbsp;3 Right-click to open the shortcut menu and select "Make selection"; step  4 Select the Gradient tool and set the white to transparent gradient; step  5 Copy the light layer, filter >> Blur >> Gaussian blur, radius 3 or 4 pixels ...

7. Summary of all summary function definitions and usage

Summary: All background properties cannot be inherited. 1. Background-color all elements can set the background color. The default value for Background-color is transparent; that is, if an element does not specify a background color, the background is transparent so that the background of its ancestor elements is visible. 2. Background-image all elements can set the background image, the background image can be set multiple, the middle separated by commas, the background image will be stacked, written in front of the level above. 3. Backg ...

8. Recommended PS Mirror Example article

Introduction: This tutorial is mainly to share PS produced a beautiful crystal mirror photo frame method, the operation is very simple, recommended, come together to learn it! Method/Step fills the background color after you create a new A4-sized paper in PS. Then create a new layer to draw the rectangle (this is the size of the mirror), adjust the transparency, the adjustment is probably, anyway, the final fine-tuning. Next, add triangles and diverging triangles to the new layer, respectively. Adjust the transparency. (This step is the specular effect on the mirror) to the size of the mirror, remove the extra layer on the reflective effect of adding a blur, this will be more natural. New layer, add ...

9. Recommended 10 Hotoshop Source code (collection)

Summary: Masks, channels, and layers are the three stumbling block in Photoshop learning. But I think it is difficult for beginners to think of them, and it may be that many people complicate the simple questions when they tell about the application. Compared to the layer mask, it was a very simple question, but there are many people who do not understand. A layer mask can be understood as covering a layer of glass on top of the current layer: transparent and black opaque, both of which show all, the latter hidden. Then use a variety of drawing tools on the mask (both on the glass) to paint (only black and white gray), black-coated local masks ...

10. Recommended Layer Mask Effects (favorites)

Summary: Masks, channels, and layers are the three stumbling block in Photoshop learning. But I think it is difficult for beginners to think of them, and it may be that many people complicate the simple questions when they tell about the application. Compared to the layer mask, it was a very simple question, but there are many people who do not understand. A layer mask can be understood as covering a layer of glass on top of the current layer: transparent and black opaque, both of which show all, the latter hidden. Then use a variety of drawing tools on the mask (both on the glass) to paint (only black and white gray), black-coated local masks ...

"Related question and answer recommendation":

CSS3-Animation about CSS

Python-mplayer how to implement fade In/fade out effect (gradient)

HTML5-Front cut a transparent background question?

Android-How do I create a transparent activity?

JavaScript-apple phone notification bar background transparent How to solve?

Related Article

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.