search
HomeWeb Front-endPS TutorialPS tutorial-How to make a picture look like a puzzle

ps tutorial-How to make a picture look like a puzzle

Using some small tricks can create different effects. Let’s take a look at what the effect looks like.
ps教程-如何把图片做出拼图的效果
1. Choose a warmer picture (for example, you and your GF, ^_^)
ps教程-如何把图片做出拼图的效果
2. Because the imported picture is on the background layer and cannot be directly manipulated, the background layer must be converted into a normal layer. Double-click the background layer, select "OK" in the pop-up dialog box, and name it: layer 0.
ps教程-如何把图片做出拼图的效果
3. Click the "New Layer" icon on the layer panel to create a new layer and name it: layer 1. Use the move tool to drag layer 1 Go below layer 0.
ps教程-如何把图片做出拼图的效果
4. Now add a border to the image, Image > Canvas. In order to make the image larger, so Add proportional height and width. The image size I used is 800*600, so I added 100px, and the final canvas was "900*700".
ps教程-如何把图片做出拼图的效果
Fill #24b4dd in layer 1, the effect is as shown.
ps教程-如何把图片做出拼图的效果
##5. Select the "layer 0" layer, let's add a picture Layer style. Double-click the layer to open the layer style. Let's add a stroke to the picture. Set it as follows:
ps教程-如何把图片做出拼图的效果
Add another stroke Shadow effect:
ps教程-如何把图片做出拼图的效果
6. This step is the most interesting part. Select "layer 0" as the current layer and select the rectangle in the toolbox Use the selection tool to divide about one-sixth of the size of the image. Press ctrl+J on the keyboard (Mumu: I don’t tell most people, this is a good trick.) This way you can copy the part within the area.
ps教程-如何把图片做出拼图的效果
7. Select the "Move Tool" in the toolbox (you can also press ctrl+t), rotate slightly in the corner of the picture, and finally Press return
ps教程-如何把图片做出拼图的效果
8. Repeat the above steps, the final effect is as follows:
ps教程-如何把图片做出拼图的效果
9. Finally, click the eye icon next to the "layer 0" layer to hide the image. File>Save As, and finally save the image as JPG, so that You can upload it to your GF, maybe your relationship will heat up like this. ^_^
ps教程-如何把图片做出拼图的效果

## More PS tutorials - How to make pictures into puzzles For related articles about the effect, please pay attention to the PHP Chinese website!

Statement
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
Comparing Photoshop Pricing: Options and BenefitsComparing Photoshop Pricing: Options and BenefitsMay 12, 2025 am 12:17 AM

Adobe Photoshop offers three packages: 1) a single application plan, suitable for users who only need Photoshop, with a low cost, including 20GB of cloud storage; 2) a full set of CreativeCloud plans, suitable for users who need multiple Adobe applications, with a high cost, including 100GB of cloud storage; 3) a preferential plan for students and teachers, suitable for academic users with limited budget, with a low cost, including 20GB of cloud storage.

What Makes Photoshop Special? Its Primary FunctionWhat Makes Photoshop Special? Its Primary FunctionMay 11, 2025 am 12:16 AM

Photoshop'sprimaryfunctionistoenableuserstomanipulate,enhance,andcreatedigitalimageswithprecisionandcontrol.Itsspecialfeaturesinclude:1)alayer-basededitingsystemforindependentelementmanipulation,2)anextensivelibraryoftoolsandfiltersforvarioustasks,an

Photoshop: The Cost of Professional Image EditingPhotoshop: The Cost of Professional Image EditingMay 10, 2025 am 12:19 AM

Photoshop's cost includes direct costs, time and learning curve, resources and hardware investment. 1. Direct cost: Subscription system $20 to $50 per month, purchase hundreds of dollars at one time. 2. Time and Learning: It requires a lot of time and practice, and it is recommended to learn through online courses and tutorials. 3. Resources and hardware: High-performance computers and sufficient storage space are required to ensure hardware configuration to improve efficiency.

Image Editing Essentials: Key Features of PhotoshopImage Editing Essentials: Key Features of PhotoshopMay 09, 2025 am 12:05 AM

Photoshop's core features include layers, selection tools, and adjustment tools. 1. The layer allows independent editing of image parts and supports layer style. 2. Selection tools such as lasso, magic wand and quick selection tools provide precise editing. 3. Adjustment tools such as color level, curve and hue/saturation can adjust images non-destructively.

My Purpose: Assisting with Photoshop-Related TasksMy Purpose: Assisting with Photoshop-Related TasksMay 08, 2025 am 12:18 AM

In Photoshop, the role of layer masks is to allow hidden or displayed portions of layers in a non-destructive manner. 1. The working principle of layer mask is to control the visibility of the layer through black, white and grayscale. 2. The basic usage includes image synthesis, such as synthesising the character image into a new background. 3. Advanced usage can be achieved by using gradient masks to achieve smooth image transition.

Photoshop and Free Alternatives: A Comparative LookPhotoshop and Free Alternatives: A Comparative LookMay 06, 2025 am 12:12 AM

Photoshop's powerful features include smart objects and neural filters, while free alternatives such as GIMP, Krita and Photopea do well in specific fields such as GIMP's layer functionality, Krita's digital paintings and online editing of Photopea.

Photoshop Color Grading: Elevate Your Images with Pro TechniquesPhotoshop Color Grading: Elevate Your Images with Pro TechniquesMay 05, 2025 am 12:07 AM

Color adjustment in Photoshop can be achieved through adjustment layers to make the image more professional. 1. Use color level, curve, hue/saturation and other tools to adjust the hue, saturation and brightness. 2. Apply LUT to create unique color effects. 3. Use adjustment layers to avoid image distortion and use the History panel to track adjustment steps.

Photoshop in the Real World: Examples of Its Diverse UsesPhotoshop in the Real World: Examples of Its Diverse UsesMay 04, 2025 am 12:15 AM

Photoshop's applications in the real world include artistic creation, scientific research and commercial marketing. 1) In artistic creation, it is used for digital painting and illustration. 2) In scientific research, it is used for image processing and data visualization. 3) In commercial marketing, it is used for advertising design and brand image shaping. The versatility of this software makes it widely used in various fields.

See all articles

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 Article

Hot Tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),