Get rid of bondage: PS make "prolapse" frame photo effect

Source: Internet
Author: User
Tags final key modify range

There is an effect in graphic design that can be categorized separately, called "prolapse". "Prolapse" can produce a strong visual effect. For example: Colored animals "crawl" from Black-and-white photos, and baseball players "hit" the ball out of the TV! You can imagine and feel it first.

This method can be used flexibly can make your design level further! Today I use Photoshop for you to make an example of how this kind of effect of the production method.

Let's take a look at the completion chart:

The production steps are as follows:

First use Photoshop to create a new 1024x768 size file with a white background. Then paste in the desired material-the monitor. Use the path tool to pull out the monitor. Highly recommended "Digital image collection to the bottom of the method

》。

(Pull out the monitor)

Then use the Path tool to sketch out the display range of the display. and save the path named "Path 1" for later use.

(Pull out the display range)

Stick your own material in the right place. Then create a new blank layer, and then hold down the CTRL key and click "Path 1" to get the selection and fill the selection with black. Modify opacity to around 50%. At this point, the top of the screen will create a translucent black block, its role is to assist. Back to the character layer, ctrl+t to the free transformation. (Hint: Hold down the CTRL key and drag with the mouse to change the angle of the rectangle arbitrarily) adjust to the best angle and position.

(Adjust image)

Next, import the selection of path 1 again, creating a mask above layer 1. If you are not satisfied with the location at this point, you can cancel the link between the image and the mask in layer 1 and make the final position adjustment. Remember to lock the mask after you've tuned it! Hides the secondary layer. The workspace should now appear as follows.

(Create Mask)

Hold down the SHIFT key and click on the "Layer 1" mask to temporarily turn the mask off. The images on layer 1 are all displayed. The mask was turned off to pull out the main characters.

(Close mask)

Use the tool to pull out the characters to the new layer, naming this layer as "people." Restores the mask for layer 1. and link all the layers above the background layer.

(Pull out the characters)

Next, the shadow of the system character.

After getting the character selection, hold down CTRL and ALT and click "Path 1" to obtain the following selections.

(Get Select area)

Create a new layer under the people layer. Add black to the selection. (filter)-(fuzzy)-(Gaussian Blur). Move down about 5 pixels. The Shadow is done!

(Making Shadows)

Then we'll make the scan line effect of the monitor.

We're going to create a new file with a height of 2 pixels and 1 pixels wide. Hold down the CTRL key and click the "+" key multiple times. Zoom in. Select the Pencil tool and adjust the tip to the minimum. Click on the bottom half of the image. Then select all (Ctrl + a). Edit-defined as a pattern. After the pattern is defined, the file can be turned off. It doesn't matter if you don't save it.

(Making patterns)

Go back to the main file and create a new layer on the character layer. Named "Scan line." The Shift+del key is added to fill the pattern. Choose the two-pixel pattern we just made.

(Pattern filling)

Then we have to move the "secondary layer" to the top. Ctrl+t to adjust the angle of the scan line by referencing the "secondary layer". The basic parallel is OK.

(Adjust the scan line angle)

Next, get the selection for path 1. Create a mask on the scan line layer. At the same time modify the pattern to "multiply the bottom", the opacity to 20% or so. The scan line effect is coming out!

(A mask is created at the scan line layer)

Finally, we add the appropriate borders and text. The final effect is done! If you want to make the system more elaborate. You can try to add some movement blur to the part of the character that remains in the display range, and then change to a more complex background. In order to achieve a more moving effect!



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.