How to highlight text effects on a picture

Source: Internet
Author: User

Many sites now like to decorate the site with large high-definition images, and how to make the text in the page in a beautiful background to stand out, so that the first time the reader to identify the text, for web designers is quite critical. Today, this issue of foreign PS translation tutorials to share with you 5 of simple and effective ways to improve the significance of the page text. Very simple and practical, suitable for small white students to learn.

One, increase contrast

As shown in the following picture, because the background and text color difference is small, resulting in the picture in the text is more ugly clear. The background of the picture, especially the menu area more details. The words "Buffalo Wings" are almost submerged in the background of a complex picture. The next step is to strengthen the color contrast between the text and the background.

First create a new layer in the Photoshop Layers panel and rename it to "color overlay." Select the Color selection tool (accelerator i), as shown in the following figure, to pick up the color of the blue shirt on the left uncle and press Shift+f5 to fill it in the new layer.

Next, adjust the opacity of the blue fill layer to 50%, and pull the blue layer below the text layer.

As shown in the following illustration, the contrast of the face painting has been improved. "Buffalo Wings" and other text in the picture has become more conspicuous and obvious, so that you can see the text clearly.

Second, add shadow

As shown in the following example. Because the text is located in the shadow part of the bridge, the text is also set to black, so that the text is very inconspicuous, easy to see people clearly. The next step is to set the text color and special effects, improve visual effects.

When the text is set to white, the text will be very clearly different from the background, which is conducive to the first-glance recognition of text.

Classification:

    • PS Text Tutorial

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.