Articles, Blog

Photoshop tutorial: How to Make an Overlapping, Photo Strip effect.

October 17, 2019


Hi. This is Marty from Blue Lightning TV.
I’m going to show you how to create overlapping, vertical photo strips from a single photo and then colorize and effect each strip individually creating a fun, interesting look. Open a photo you’d like to use. I downloaded this portrait from
Shutterstock dot com. Make a copy of your photo by pressing Ctrl + J on WIndows or Cmd + J on a Mac. Click the Adjustment Layer icon and choose “Solid Color”. Pick white and click OK. We want to bring the “Color Fill” adjustment layer below Layer 1 There are two ways of doing this. One way
is to drag it to the line between Layer 1 and the background and then release. I’ll press Ctrl or Cmd + Z to undo the last step. The second way to place the Color Fill below Layer 1 is to use the shortcut Ctrl or Cmd + [ Click the thumbnail of Layer 1 to make it active and open your Rectangle Tool. Choose “Shape”. If you’re working on a version earlier than CS6, the Shape icon is here. The Fill color is
irrelevant, since we’re ultimately going to fill the shape with the photo. Make sure the Stroke is empty. Its symbol is the red, diagonal line. Drag a vertical,
rectangular shape across your image. Position the rectangle below Layer 1 To move or rotate it, open your Transform Tool by pressing Ctrl or Cmd + T. When you see a curved, double-arrow, rotate it to an angle you like. You can always change it later. I’ll drag the shape over the left side
of the portrait. Drag any middle point on the edges to extend or shorten the shape. To accept the Transform, Press Enter or Return. Make the top layer active. Make it into a clipping mask by pressing Ctrl + Alt + G on Windows or Cmd + Option + G on a Mac. This clips the photo to the shape directly below it hiding everything on a photo except for the area inside the shape. Make the Rectangle layer active and click the “fx” icon. Choose “Drop Shadow”. The blend mode is Multiply and the Opacity is 20%. Uncheck Global Light and make the Angle: 132 degrees. For this photo, I’ll make the Distance: 20 pixels and the Size: 5 pixels, however, keep in mind, you may want to use different amounts for the Distance and Size depending on the size and resolution of your photo. Click Stroke. Click to color box, pick white and click OK. Make the Position: Inside, click “Color Overlay” and change the blend mode to “Hue”. Click the color box and pick a color you like to colorize your photo. You can always change it later. Click off the eyeball next to Color Overlay temporarily hide the effect. Next, we’ll group the clipped photo and the shape into a folder. To do this, Shift-click on the photo to highlight it and then, press Ctrl or Cmd + G. Make a copy of the folder and position the copy under the original. Open the folder copy and click the rectangle thumbnail to make the shape active. Open the “Path Selection Tool” and drag the copy to the right. Open your
Transform Tool to angle and position it. to your liking. Then, press Enter or Return. Remember, you can always go back and change it later. Close the folder, make a copy and position “copy 2” below “copy 1”. Open the folder of “copy 2” and as before, make the rectangle shape active. Open your Transform Tool to reposition and angle it. Continue the same steps to create the rest of the vertical panels. Now that we have our finished vertical, strip portrait, let’s change the hues of each individual panel. Open the top folder and click next to “Color Overlay” to make it visible. Close the folder and open the folder directly below it. Make its Color Overlay visible and
double-click on the words, “Color Overlay” to see it in the Layer Style window. Click on the color box and pick another color and click OK on both Windows. Continue these steps for the rest of the panels. If you have CS6 or later, I’ll show you
how you can use the “Color Lookup” filters to give each panel its own unique look. First, make sure the Color Overlay effect is hidden on all of your panels. Make the clipped photo active and click the Adjustment Layer icon. Choose Color Lookup and click the clip-to-layer icon. This will restrict the
effect to the individual panel below in the Layers panel. Open “Load 3D LUT”. Each of these effects were historically used by the film industry to apply specific looks to film scenes. Go through each one to determine which
one you like for your individual panels. Once you’ve chosen the one you want,
click on it to apply the effect. Close the folder and open the one above it. As before, make the clipped photo active, click the adjustment layer and choose Color Lookup. Clip it and pick another effect. Continue adding different effects to
each panel until you’re happy with the result. This is Marty from Blue Lightning TV.
Thanks for watching!

64 Comments

  • Reply Agri Haidar June 23, 2014 at 2:06 pm

    wow that was gr8

  • Reply Sheldon Thompson June 23, 2014 at 3:06 pm

    this is awesome

  • Reply Piranha June 23, 2014 at 3:31 pm

    Awesome techniques as always.

  • Reply Steven LaMar June 23, 2014 at 4:32 pm

    Absolutely love your tutorials.starting to use them I'm our church media.

  • Reply Thomas Antoine June 23, 2014 at 5:31 pm

    Thanks, a very nice video.

  • Reply RipR8er June 23, 2014 at 5:49 pm

    Thanks, I've seen this effect many times and have been thinking on trying it. I will be practicing now!

  • Reply Basheer Tahawi June 23, 2014 at 7:02 pm

    Great one my fruend keep up the good tuts

  • Reply Eric June 23, 2014 at 7:03 pm

    TIO .. THUMB UP THANKS

  • Reply LAMBOR GHINI June 23, 2014 at 7:24 pm

    marty why you dont teach us on your next tutorial how to create it A text to sticker

  • Reply titus b June 23, 2014 at 7:46 pm

    Nice, but the strange colorations at the end of the video doesn't make the results more apealing.  Nice and clear tutorial!!

  • Reply carlos guerreiro June 23, 2014 at 8:28 pm

    u are the man, i enjoy ur vids so easy to understand …….congrats!!!

  • Reply Dave L June 23, 2014 at 9:25 pm

    Thanks again Marty! You always have the best tutorials!  Do you have one on how to circle something in a red circle? I only know how to do arrows.

  • Reply Adekunle Ogungbite June 23, 2014 at 11:06 pm

    Thumbs Up!

  • Reply NSLAS Shore June 24, 2014 at 12:52 am

    as always #Awesome  tutorial … thanks

  • Reply Alfred Daud Suren June 24, 2014 at 1:56 am

    Great Luv It 🙂

  • Reply KHADIJA PRODUCTIONS June 24, 2014 at 9:32 am

    thank u very much ,

  • Reply ShipIsLove ShipIsLife June 24, 2014 at 1:41 pm

    Hey, Blue Lightning TV, I wanted to know if you guys can possibly do a video that helps people out with compositing. That would help me out a WHOLE lot, simply because you guys have the best tutorials.

  • Reply laith abbas June 24, 2014 at 3:26 pm

    great..i love it

  • Reply Vertti Ruuskanen June 24, 2014 at 5:05 pm

    Marty, can you do tutorial about cinemagraphs? 

  • Reply Darren Smith June 24, 2014 at 6:58 pm

    Marty, very cool effect; reminds of a  similiar effect I saw in a Photoshop Magazine

  • Reply Gracie June 24, 2014 at 11:13 pm

    I love you videos, 
    great !!

  • Reply reynold prank June 25, 2014 at 2:56 am

    awesome!

  • Reply xbom super June 25, 2014 at 3:55 am

    Great

  • Reply idro aDjib June 25, 2014 at 4:20 pm

    Great work you doing tks

  • Reply Mak Hassanieh June 26, 2014 at 5:04 am

    very nice .. great tutorial

  • Reply Graça Rocheta June 26, 2014 at 6:56 am

    As always a great tutorial! Thanks

  • Reply DotingFan June 27, 2014 at 12:01 am

    I am wondering what is the purpose of the solid color adjustment layer?

  • Reply Siddharth Dethe June 27, 2014 at 4:09 pm

    Nice One…..

  • Reply Dylan R June 27, 2014 at 10:56 pm

    Cool…Thx

  • Reply TinTin s June 28, 2014 at 10:46 am

    Hello Marty,
    I Am Lusting To Learn " Explosion Effect " From You..!

  • Reply Monique Bats June 29, 2014 at 6:57 am

    amazing!

  • Reply Khalil Dridi June 29, 2014 at 1:47 pm

    thank you marty you are the best (y) but we need other tutoriol like fire effect or expolsion effect 

  • Reply Tirath Mistry June 30, 2014 at 12:44 pm

    Excellent tutorial Mr. Marty & Thanks so much for Showing keyboard shortcut for selected layer Ctrl + [ for layer below and Ctrl + ] layer up you make my work so easy & stress free. Thanks so much for your Big Help. 
    God Bless you 🙂

  • Reply Jai Siravit July 2, 2014 at 1:50 pm

    your channel is the best!

  • Reply Pratik TANDEL July 3, 2014 at 4:31 pm

    what is the version of photoshop??

  • Reply Meneertje July 9, 2014 at 9:36 am

    Thanks a lot for this tutorial… 
    It gave me new inspiration for a project I had to do at my work! 🙂

  • Reply prashant anand tawde July 10, 2014 at 3:24 pm

    nice thumps up 

  • Reply Varun Agarwal July 20, 2014 at 4:25 am

    Cool … u r very creative .A salute to you n ur hardwork

  • Reply K.C. McIntosh July 29, 2014 at 7:23 pm

    Marty you are the TRUTH! Keep doing what you are doing. I support you!

  • Reply owen kennedy August 26, 2014 at 1:32 am

    what is the song part at the begginging
    Also keep on making the best youtube photoshop tutorials around

  • Reply shwergirl September 1, 2014 at 5:09 am

    . .thumbs up…
    Thanks a lot for this tutorial…

  • Reply Rodrigo Cesar October 19, 2014 at 2:20 pm

    Muito show.

  • Reply ayah8610 October 27, 2014 at 3:11 pm

    thx a lot that was an awesome tutorial

  • Reply Arif Ghani October 28, 2014 at 1:01 am

    Good tutorial from Blue Lightning TV. Its make me easy to follow and learn. Hope you provide more and more tutorials. I give You 5 Star!!! 

  • Reply SALAH . B . A November 3, 2014 at 2:24 pm

    Thanks 🙂

  • Reply Mir Rom January 10, 2015 at 3:33 am

    Good tutorial thanks for sharing

  • Reply Royden Gomes January 27, 2015 at 4:19 pm

    Wow! 

  • Reply Elizaveta February 8, 2015 at 9:24 pm

    Спасибо за урок. Благодаря Вам узнаю невероятные возможности фотошопа.

  • Reply lon Depina April 4, 2015 at 6:02 am

    Sir, can you make a tutorial on i.d. making. because i need to have  a design for i.d. card in my organization. thanks in advance

  • Reply Ernesto Wegner September 23, 2015 at 3:24 pm

    Hello Marty,
    I like the way you explain, and I learn a lot from you, but still I need to learn how to make a cube with pictures, and and move around from right to left, thank you for all your support.

  • Reply alain thenday November 19, 2015 at 2:55 pm

    merci, pour votre tutoriel c est tres bien tu es fort

  • Reply Haider Al-wzwazy January 1, 2016 at 8:06 am

    Hi
    Pls Can you help me ???
    I Have scanner image and I want to split it to many parts . Actually I have image that consist of many English letter about 170 letters for each page and the letter inside square So I need to split all these squares in one click by using Photoshop I want to get for each letter in pic because I have 1000 page and if I cut each square I need six months. Please Could you help me.

  • Reply shyamal das March 4, 2016 at 11:50 am

    Fantastic, thank u

  • Reply Jamey shepherd April 18, 2016 at 8:52 pm

    Love your tutorials.

  • Reply Brumart December 1, 2016 at 12:33 pm

    Merci pour ce super tuto.
    Comme d'habitude, explications de toutes les étapes bien faites et excellentes, faciles à reproduire.
    Bruno (France)

  • Reply TOTANNNH December 7, 2016 at 3:54 pm

    awesome love it so much

  • Reply Yvette Zulu January 24, 2017 at 3:14 pm

    best youtube PS tutorials ever.. I have done so many cool things for my work using your channel! Thanks for making learning easy and effective (and very professional sounding so I can follow all the way through)

  • Reply DuAc February 1, 2017 at 3:21 pm

    another awesome tutorial! Thank YOU

  • Reply Gel Fernandez February 13, 2017 at 1:40 pm

    when making texts, this also allowed?

  • Reply Sangar Daily April 30, 2017 at 11:16 am

    i like it

  • Reply Shiva Kumar June 27, 2018 at 2:25 pm

    Thanks. Pl Manipulation photoshop tutorial.

  • Reply Get Cheap Price Ticket August 31, 2018 at 4:50 am

    great video and ur understanding method very well sir thankyou

  • Reply Saleem Rishah September 8, 2018 at 5:05 pm

    you are the god of Photoshop

  • Reply Jane Hobson January 17, 2019 at 9:41 pm

    First, start by taking and using your own photo. Do not infringe other people’s copyright.

  • Leave a Reply