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
Photoshop's Key Features: A Deep DivePhotoshop's Key Features: A Deep DiveApr 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.

Photoshop and Digital Art: Painting, Illustration, and CompositingPhotoshop and Digital Art: Painting, Illustration, and CompositingApr 18, 2025 am 12:01 AM

Photoshop's applications in digital art include painting, illustration and image synthesis. 1) Painting: Using brushes, pencils and mixing tools, the artist can create realistic effects. 2) Illustration: With vector and shape tools, artists can accurately draw complex graphics and add effects. 3) Synthesis: Using mask and layer blending mode, artists can seamlessly blend different image elements.

Advanced Photoshop Tutorial: Master Retouching & CompositingAdvanced Photoshop Tutorial: Master Retouching & CompositingApr 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.

Using Photoshop for Graphic Design: Branding and MoreUsing Photoshop for Graphic Design: Branding and MoreApr 16, 2025 am 12:02 AM

The steps to using Photoshop for brand design include: 1. Use the Pen tool to draw basic shapes, 2. Add shadows and highlights through layer styles, 3. Adjust colors and details, 4. Use smart objects and actions to automatically generate different versions of the design. Photoshop helps designers create and optimize brand elements with the flexibility of layers and masks, ensuring consistency and professionalism of designs, from simple logos to complex branding guides.

Photoshop's Subscription Model: What You Get for Your MoneyPhotoshop's Subscription Model: What You Get for Your MoneyApr 15, 2025 am 12:17 AM

Photoshop's subscription model is worth buying. 1) Users can access the latest version and use across devices at any time. 2) The subscription fee is low, and continuous updates and technical support are provided. 3) Advanced functions such as neural filters can be used for complex image processing. Despite the high long-term costs, its convenience and feature updates are valuable to professional users.

Photoshop: Investigating Free Trials and Discount OptionsPhotoshop: Investigating Free Trials and Discount OptionsApr 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.

Photoshop for Designers: Creating Visual ConceptsPhotoshop for Designers: Creating Visual ConceptsApr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

Is Photoshop Free? Understanding Subscription PlansIs Photoshop Free? Understanding Subscription PlansApr 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.

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

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Tools

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

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),

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.