PS: create a flat and long projection visual effect-PS tutorial

Source: Internet
Author: User
This article mainly introduces the visual effects of PS in flat and long projection. The tutorial is simple and suitable for beginners to learn.
Final effect

Step 1 create a background
Create a new canvas with a size of 840*400. you can use a solid color as the background or use a gradient tool to create a canvas. the color value here is # e0e0e0, which is not described here.

Step 2 create a shape
Select the rectangle tool. The size is 100px, the radius is 20px, and the color value is: #4ac9b4

Refer to the layers on the image
Shortcut key ctrl + j, copy a layer, shape fill black, ctrl + G and into a group, name it "K", double-click the first rectangular layer to bring up the layer style

The layer style is inner shadow. do not select "use global light ".

The style effect is as follows:
Step 3 create a shadow

Copy a copy of the shadow layer and drag it to the bottom of the source image layer to a group, as shown in
* Shortcut: ctrl + G or select the layer to be copied, press alt + and click drag copy
Press the arrow in the direction on the keyboard, move 1px to the right and bottom, and observe the shape: 1px black.

In the above method, each 1 px operation is repeated for 9 times. Note that the total number is 10 times.

Next, copy a copy based on 10 layers in the same way (press ctrl + G or select alt + Click to drag), and press shift + direction key in the selected state, it will move at a multiple of 10. in this way, repeat seven times. Note that the total number of copies is 8.

Select the shadow folder and set the hybrid mode to the front-slice stacked bottom with an opacity of 30%. The Shadow shape is complete here. 1/2 1 2 Next Page Last page like


  • Step 4: enter characters


  • This time, select any character of the rounded corner. Select the font you like. double-click the text to open the layer style window.


  • Select color Superposition. the color value is # D8EFFF.


  • Next, select inner shadow and data. Do not select "use global light ".


  • The finished product looks good. However, now let's add a shadow to the character.


  • Step 5 Add the projection of characters


  • Note: On the layer panel, copy the font and rounded rectangle layers, remove the copy rounded rectangle layer and text style, set the text to black, and in a group


  • Deselect the "add clipboard layers to group" section in the advanced blending option of the panel.


  • After you deselect the check box for "mixing clipboard layers into groups", the corresponding icon appears on the right. set the fill of the copy layer to 0%, and create a clipboard mask for the text (shortcut: ALT + click)


  • Now, you can copy a layer copy and make a real shadow by moving 1px. the practice is the same as described above, with a total of 10 times.


  • Replication in 10 units, each time moving in 10 px


  • Select the folder, set the hybrid mode to "front slice stacked", and set the opacity to 30%.


  • To solve the overlapping part of the mask layer, select the copy rectangle layer and move 4px to the left and top respectively.


  • Final result


  • There is also a simpler method than this. you can try it more. this is what you are sharing now. you can use this method to create various graphics and texts.


  • To work like a banner, add a layer mask on the long projection and stretch it with a gradient tool. (Press the D key to restore the original black and white values)


  • Remove some details from the eraser. Remember to use a soft brush, set opacity, and adjust as needed.

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.