4

I would like to know how this "melting" or stretched poster effect is created.

enter image description here

1
  • 1
    In my answer below I postulate that the bottom part of the image is not "stretched" as per the other answers. Do you have a higher resolution image available so I can check? Apr 16, 2019 at 8:36

3 Answers 3

14

Image from unsplash.com

  • Increase the canvas vertically from top to bottom:

enter image description here

  • Use the Single Row Marquee Tool

marquee tool

to make a selection at the image bottom line of pixels:

selection

  • Press Cmd + T Mac or Ctrl + T Win to Transform and scale vertically:

enter image description here

5
  • may i know how to record gif or screen like you do :) it's well cleaned while i'm new to here using snipping tools :P
    – Mr.Online
    Apr 15, 2019 at 10:52
  • If you are a Mac user, cmd + 4 for screen selection capture. For gif recording I use Kap
    – user120647
    Apr 15, 2019 at 11:05
  • Thanks for reply @Danielillo but i'm afraid that both are for mac so any alternative suggestion for windows? :)
    – Mr.Online
    Apr 15, 2019 at 11:17
  • found one called licecap cockos.com/licecap :) and for clips i think i should continue with snipping tool haha :)
    – Mr.Online
    Apr 15, 2019 at 11:22
  • 2
    @DesignPhoenix, you should try screentogif.com
    – Joonas
    Apr 15, 2019 at 21:13
6

Strech Only Maybe

This can be done in just 5 minutes

==> Select 1 or 2 pixel line from bottom via select tool

enter image description here

==> press ctrl/cmd + t to transform selection.

enter image description here

==> drag below and enter to save your result :)

enter image description here

Hope it helps you :)

6

I thought it was a bottom selection that was stretched like the other two answers from esteemed users here, but on closer inspection, it is not. There are light lines and dark lines that do not match the image, not at the bottom, and not anywhere else.

enter image description here

So I must (somewhat pedantically) conclude that those lines were achieved by carrying out the "stretching a portion of the image" trick from the other answers to a different, maybe similar image, or else they were hand generated by generating lines on a black background and varying their outer-glow and opacity settings.

In fact the contrast of the "lines" area is quite high, so I think it probably was hand generated.

In the following image I:

  1. Created a black background later
  2. Made a small square (although that's not important) selection on a new later and filled it white
  3. Made more of these white squares fast by control + left click on a white square to select it and then alt left click and drag to create a new matching layer
  4. Control + t to make each layer a new random width
  5. Control + t to stretch the selections vertically full height
  6. Vary the opacity of each layer
  7. Apply gaussian blur to the total

Sounds like a lot, but when you know your keyboard shortcuts it was less than a minute of work, of course your example has more detail

enter image description here

2
  • The lines don't have to match anything else other than the last row of pixels. That last row can be sufficiently different from the row above to make it seem like the lines don't match. Furthermore, you're inspecting the pixels of a .jpg image which has suffered compression artefacts.
    – rootlocus
    Apr 16, 2019 at 7:44
  • @rootlocus Yes, I am aware of that, but I think the differences in OP's image are so prominent that the last "area" (or line) stretching technique was not employed. I can't prove it of course, but it's my opinion. Apr 16, 2019 at 8:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.