Home Web Front-end PS Tutorial Summary of various translucent style settings in Photoshop

Summary of various translucent style settings in Photoshop

Jun 06, 2017 pm 02:28 PM

We have learned about the summary of translucency settings in CSS in a previous article. We also know that the translucency effect is not only used in pictures, but also in various places. So, Today we will introduce to you a summary of translucent styles in Photoshop!

Summary of Photoshop translucent styles:

1.Photoshop to simply create web translucent buttons

Summary of various translucent style settings in Photoshop

This tutorial is very suitable for beautifying web page pop-up windows. The production method is very simple, you only need to use layer style settings. The effect is very good.

2.Photoshop to create beautiful translucent notes

Summary of various translucent style settings in Photoshop

The effect of this tutorial is somewhat similar to bubbles Translucent effect. The production method is to find the selected area of ​​the highlight part of the graphic, then fill it with white, and then use a mask to paint the transition on the edge. The principle is relatively simple, but the production is much more complicated, and you need to pay attention to the level and transparency of the highlights. Final effect

3.Photoshop creates a translucent orange glass icon

Summary of various translucent style settings in Photoshop

Author’s message: An icon It's similar to painting an oil painting. It also goes through the steps of drafting, shapes, large color blocks, and details. It's just that making icons is not as artistic as oil painting. This tutorial is only for reference, not a standard. We still have to find our own skills and form our own style through constant practice. Final effect

4.Photoshop designed to create translucent light and shadow flowers

Summary of various translucent style settings in Photoshop

There are no actual light and shadow flowers The flowers are so complex, we only need to render the highlights of the petals when making them. Then superimpose the petals together to create a very dreamy effect.


5.Photoshop design and create a fresh translucent flat light blue icon

Summary of various translucent style settings in Photoshop

It’s still a flat style, this time the difficulty is slightly increased, the light and shadow are very simple, the difficulty is the production of the translucent overlay style, and the color purity is low and difficult to control. It is still a flat style, this time the difficulty is slightly increased, the light and shadow are very simple It’s simple, but the difficulty lies in the creation of a translucent overlay style, and the low color purity and difficulty in controlling it.

6.Photoshop draws a very exquisite translucent Web login interface rendering

Summary of various translucent style settings in Photoshop

This tutorial Mainly using Photoshop to draw very exquisite translucent web login interface renderings. The author P Da Dian S will give students a login interface tutorial. The tutorial is not difficult. The skills are focused on the use of layer styles and operations. It's very detailed and can be learned even with zero foundation. Friends who like it can learn it together.

Semi-transparent related questions and answers:

1.css - What is the fuzzy translucent navigation bar at the top of station B? How is it achieved?

2.css - HTML Hide or remove translucent content when dragging?

3. css - HTML Hide or remove translucent content when dragging?

[Related article recommendations]:

1.Summary of translucency settings in CSS

2.Summary of methods to implement mouse styles in html and css

3.Summary of methods for introducing css styles into html

The above is the detailed content of Summary of various translucent style settings in Photoshop. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1663
14
PHP Tutorial
1264
29
C# Tutorial
1237
24
Photoshop's Value: Weighing the Cost Against Its Features Photoshop's Value: Weighing the Cost Against Its Features Apr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

Advanced Photoshop Tutorial: Master Retouching & Compositing Advanced Photoshop Tutorial: Master Retouching & Compositing Apr 17, 2025 am 12:10 AM

Photoshop's advanced photo editing and synthesis technologies include: 1. Use layers, masks and adjustment layers for basic operations; 2. Use image pixel values ​​to achieve photo editing effects; 3. Use multiple layers and masks for complex synthesis; 4. Use "liquefaction" tools to adjust facial features; 5. Use "frequency separation" technology to perform delicate photo editing, these technologies can improve image processing level and achieve professional-level effects.

Photoshop for Web Design: Advanced Techniques for UI/UX Photoshop for Web Design: Advanced Techniques for UI/UX Apr 08, 2025 am 12:19 AM

Photoshop can be used in web design to create high-fidelity prototypes, design UI elements, and simulate user interactions. 1. Use layers, masks and smart objects for basic design. 2. Simulate user interaction through animation and timeline functions. 3. Use scripts to automate the design process and improve efficiency.

Photoshop's Key Features: A Deep Dive Photoshop's Key Features: A Deep Dive Apr 19, 2025 am 12:08 AM

Key features of Photoshop include layers and masks, adjustment tools, filters and effects. 1. Layers and masks allow independent editing of image parts. 2. Adjust tools such as brightness/contrast can modify image tone and brightness. 3. Filters and effects can quickly add visual effects. Mastering these features can help creative professionals achieve their creative vision.

Is Photoshop Free? Understanding Subscription Plans Is Photoshop Free? Understanding Subscription Plans Apr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

Using Photoshop: Creative Possibilities and Practical Uses Using Photoshop: Creative Possibilities and Practical Uses Apr 22, 2025 am 12:09 AM

Photoshop is very practical and creative in practical applications. 1) It provides basic editing, repairing and synthesis functions, suitable for beginners and professionals. 2) Advanced features such as content recognition fill and layer style can improve image effects. 3) Mastering shortcut keys and optimizing layer structure can improve work efficiency.

The Core Purpose of Photoshop: Creative Image Design The Core Purpose of Photoshop: Creative Image Design Apr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

Photoshop: Investigating Free Trials and Discount Options Photoshop: Investigating Free Trials and Discount Options Apr 14, 2025 am 12:06 AM

You can get the access to Photoshop in the most economical way: 1. Experience the software features with a 7-day free trial; 2. Find student or teacher discounts, as well as seasonal promotions; 3. Use coupons on third-party websites; 4. Subscribe to Adobe CreativeCloud's monthly or annual plan.

See all articles