4

Curious to know how this "melting" poster background is created.

enter image description here

  • you mean that bottom streched part? – Mr.Online Apr 15 at 10:34
  • 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? – mayersdesign Apr 16 at 8:36
12

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

  • 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 at 10:52
  • If you are a Mac user, cmd + 4 for screen selection capture. For gif recording I use Kap – Danielillo Apr 15 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 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 at 11:22
  • 1
    @DesignPhoenix, you should try screentogif.com – Joonas Apr 15 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 :)

4

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

  • 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 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. – mayersdesign Apr 16 at 8:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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