Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

Photoshop

Making a Pop-up Photo

使用ソフト: Photoshop CS5  

I’d like to show you how to make a pop up photo in this article.

First, create a new layer (Layer 1) and a duplicate layer of the background layer.
Create a new layer (Layer 1) and duplicate the background layer.

Create a frame in Layer 1.
Use the [Rectangular Marquee Tool] to set the approximate size and position of the frame (you can change it later).
Set the approximate size and position of the frame with [Rectangular Marquee Tool].
Then, choose [Edit] > [Stroke] to create a frame.
Create a frame by [Edit] → [Stroke].
Choose inside for Position. You can adjust the size as you like.

After that, go to [Edit] > [Transform] > [Perspective] to adjust the shape and position of the border.
Go to [Edit] → [Transform] → [Perspective] to adjust the shape and position of the border.
The frame is now complete.
The frame is now complete.

The next step is to edit the jumping cat.
Change the layer to [Duplicate Layer] and use the [Quick Selection Tool] to enclose the area you want to pop out and the frame.
Change the layer to [Duplicate Layer] and use the [Quick Selection Tool] to enclose the area you want to pop out and the frame.
After that, right-click and select [Layer via Copy].
Right-click and select [Layer via Copy].
Select it, and you’ll have a cropped layer of the area you just selected.
Select it, and you'll have a cropped layer of the area you just selected.
Set the layer order to cropped layer on top and border layer on the bottom.
Also, change the background color, the pop up photo is complete.
The jumping cat photo has been made more dynamic by this editing.

It’s very easy, so try using it to your favorite photos!
The editing I've shown you will make a great one!

  • このエントリーをはてなブックマークに追加
hulu dTV

Related post

  1. Photoshop

    Adding Artboards in Photoshop

    Starting with Photoshop CC 2015, it…

  2. Photoshop

    How to Create Lightning in Photoshop

    Let me introduce an easy way to mak…

  3. Photoshop

    How to Edit Photos with Vanishing Point

    It is possible to paste a perspecti…

  4. Photoshop

    How to stretch images naturally by “Content-…

    What is the "Content-Aware Scale"?…

  5. 昔の映像風な画像加工をしよう

    Photoshop

    How to Create VHS Glitch Effect in Photoshop

    There are many ways to add vintage …

  6. Photoshop

    How to Extend Background with Content-Aware Crop

    Have you ever had trouble with the …

人気の記事

  1. There is no registered post.
CodeCamp
  1. Illustrator

    アクションパネルで大幅時短
  2. Illustrator

    立体感のあるデザインを作ろう
  3. Photoshop

    レイヤーカンプの基本操作
  4. Illustrator

    Use the Star Tool!
  5. 夜空に光る星をつくってみよう

    Illustrator

    夜空に光る星を作ってみよう
PAGE TOP