Universal design method of 12 transparent backgrounds

Now many posters, Banner, Web pages like the use of transparent effect as a background, in addition to the control of the page and readability of the overall effect of the obstruction is not a big deal. If you only have the simplest layer + text, suggest to take a look at today @ Heart Maniac 16 Night Cat's this Good article, enumerated 12 kinds of transparent effect background design method, collect!

　　01. Make a messy background smooth

Using illustrations and a model background with a sense of texture, you can add personality to design. But at the same time, it's likely to get messy, making text unreadable. As a workaround, you can overlap a semi-transparent background.

Here's an example of a beautiful red wine brewing pattern used as a backdrop for promotional activity posters. If there is no translucent white color filter, the design is too much, text text (especially small font) will not be able to read.

Even in the background of the display, the use of white layers should also be noted that the color of the illustrations and adjust the point of decline also need to draw attention. Photoshop or Illustrator will try to adjust the opacity from 0% to 100% to see.

Another example, the following postcard, the landscape fade, add a simple and gorgeous round background, the text to overlap.

　　02. Try to make the text more visible

Photos are a popular background, whether it's a product poster or a website title, a social media design, print printing, and Web projects. Just because of the composition of the photo, the hue, the lightness of the reason, it is not easy to find a satisfactory location of text text placement.

In the following example, translucent shapes overlap each other for text reasons (black and white photos become difficult to see). In addition, different layers of transparency overlap each other, and unique effects are displayed.

Next is another reference case where the following page design uses a white transparent layer to overlap, and the text is displayed on top of a monochrome photograph.

The trick is to use the color reversal. For example, translucent black layers and white text text or something.

　　03. Show as clean as air

When the accessories for the design have been decided, you can use the layout of the magazine to reflect the simple space and scope. For example, the following Web design, which accounts for most of the translucent background, the smooth and neat combination of fonts, through an organized layout, produces a minimalist style. (Here is a download link, but the following some material, I first put the address here, later to translate.) http://photoshopvip.net/archives/83925 "completely free commercial, 60 kinds of beautiful fonts to download!" 2015 Edition "

The following set of catalogues, with three primary colors of translucent layer and a photo overlap each other, and then add a small amount of text, showing a simple but not simple style.

　　04. Focus the reader's attention

A background layer that is designed to be translucent will cover it all, not necessarily four squares. A small window is added to the translucent layer, and by adjusting the transparency, there is a specific part designed to focus the reader's attention there.

The following example is an effect of focusing on the image of a solid color by digging out the shape of the text, and the characters on the poster are cleverly concentrated in the right place.

And the next design, all by the triangular translucent layer layout. The sight is induced into the female face and becomes the focus of vision.

　　05. Let the content become conspicuous

boxes, covers and other design, in the content of the use of transparent layer, so that it will become very attractive.

The following magazine is designed to add a logo with white text on a transparent and clear cover. In this way, let him produce a gloss, highlighting the image below the picture.

The following two samples, is in the food packaging to apply the "transparent" effect of such a technique. At first glance, you can tell a variety of beans in the packaging, color and the shape of the beans can not be time-consuming to distinguish between the food packaging design.

The following design is used in a simple paper bag in French Café cafécalled voyageur du Temps (meaning of "Time traveler" in French). A little transparent can see the content, by adding a cosmic map with the year breath, the brand charm is successfully molded out.