Photoshop Tutorial: How to Make a Basket-Weave Effect from a Photo


Hi. This is Marty from Blue Lightning TV. I’m going to show you how to create a cool-looking, interlocking, basket-weave effect of your photos. This effect works especially well on closely-cropped portraits. Open a photo you’d like to use. Open your Crop Tool and type in 870 pixels for the Width and the Height. Type in a 150 pixels per inch for the Resolution and check “Delete Cropped Pixels”. This will delete everything around the cropped area. Go to a corner and when you see a diagonal, double-arrow, hold down Shift + Alt on Windows or Shift + Option on a Mac as you drag it in until most of the head is inside the box. To reposition it, click inside and drag it so it’s centered. Then, press Enter or Return. It immediately crops to the Width, Height and Resolution that you typed in. To see your image at 100%, press Ctrl or Cmd + 1. If your foreground and background colors aren’t black and white respectively, press “d” on your keyboard. Make two copies of it by pressing Ctrl or Cmd + J, twice. Click the thumbnail of the bottom layer to make it active and press Alt or Option + Delete to fill it with black. Make the top layer active and go to Edit, Preferences and “Guides, Grids & Slices” In the Grid section, click the color box and pick a bright color for the grid. Then, click OK or press Enter or Return. Make the Grid Line every 217 pixels and divide it into 6 subdivisions. Then, click OK or press Enter or Return. Go to View and make sure “Snap” is checked. If it isn’t, just click on it. To see the grid, Go to “Show” and click “Grid”. Open your Rectangular Marquee Tool, go to the top, left corner and drag down a rectangular selection across 3 columns of boxes to the bottom. It’ll snap to the grid because we have “Snap” checked. Skip 1 column and hold down Shift as you drag down another rectangular selection across 3 columns. Continue to skip 1 column and drag over 3. Click the Layer Mask icon to make a layer mask of the selection next to the active layer. Go to the top, left corner and drag to the right across 3 rows. Continue to skip 1 row and drag over 3. Make Layer 1 active
and click the layer mask icon to make a layer mask of the selection. We can hide the grid now. Press Ctrl or Cmd + H to hide it. Ctrl-click or Cmd-click on the layer mask of the horizontal rows to make a selection of it. Go to the layer mask of the vertical columns and hold down
Ctrl + Shift + Alt on WIndows or Cmd + Shift + Option on a Mac to make a selection that overlaps the vertical columns with the horizontal rows. Go to Select and “Save Selection”. When you see this window, click OK. Press “Q” to make the selection into a Quickmask. Open your Paint Bucket Tool and left-click inside the second empty box at the top to fill it in. Skip a box and left-click on the one after it. Continue this pattern on every other row. Then, go to the first empty box on the second row and fill it in. Continue to fill in every other empty box in every other row, so your final Quickmask looks like this. Press Q to revert it back into a selection and press Ctrl or Cmd + J to cut the
shape of the selection from the active layer. Click the thumbnail of the top layer to make it active. Click the “Channel” tab to open the Channels panel and Ctrl-click or Cmd-click on “Alpha 1” to make a selection of its shape. Click back on the Layers panel and press “Q” to make it into a Quickmask. This time, left-click inside the first empty box at the top, left and fill in every other empty box on every other row. Then, left-click on the second empty box of the second row and continue this pattern, so your Quick mask looks like this. Press “Q” to make it into a selection and press Ctrl or Cmd + J
to cut the shape of the selection from the active layer. The basket weave effect comes to life
once we add shadows to these shapes. We need to clip the shapes to the
layers directly below each one in order to restrict their shadows to
their respective layers. To do this, go to layer and “Create Clipping Mask”. Notice the active layer moved to the right,
which indicates that it’s now clipping to the one layer below it. We’ll clip these shapes, as well. Make it active and this time, we’lluse the shortcut: Ctrl + Alt + G on Windows or Cmd + Option + G on a Mac. Click the “fx” icon and choose: Outer Glow. Click the color box and pick Black. Then, click OK. Change the Blend Mode to Multiply and make the Opacity 50%. Make the Size: 40 pixels and click OK. To copy the outer glow shadows to the other shapes, go to the “fx” icon to the right of the layer and hold down Alt or Option as you drag it up to the top layer. Next, we’ll add a texture, but first make a
“composite snapshot” of your image. To do this, make the top layer active and press Ctrl +Shift + Alt + E on Windows or Cmd + Shift + Option + E on a Mac. Go to Filter and Filter Gallery. Open the “Texture” folder and click “Texturizer”. Choose “Burlap” and make the Scaling 100%, the Relief is 1 and the Light is from the Top. Then, click OK or press Enter or Return. This is Marty from Blue Lightning TV.
Thanks for watching!

100 Comments

  1. Sang Beginner May 24, 2014 at 3:50 am

    thank you Marty ! 😀

  2. Rahul Chaudhari June 10, 2014 at 4:49 pm

    hey marty what if we want to make these strips not straight but cross
    i think these is  much long process is there any easy method  

  3. Banism24 June 11, 2014 at 5:11 pm

    why u save selection as psd?

  4. Aaquib Ahmed June 25, 2014 at 2:13 pm

    Thanx very very Thanx BLTN sir

  5. mystik June 27, 2014 at 3:28 pm

    Great video. Thank you. …dont you know why I dont have that rectangular where to put resolution as is shovn at about 0:30 in your video?

  6. Лелюд Ибо August 7, 2014 at 6:27 am

    Cool. Thanks. Great tutorial!

  7. Evans Ngugi August 21, 2014 at 4:46 pm

    hyeee, which photoshop is that, is it cs6 or cc 2014

  8. Ali D August 31, 2014 at 8:59 am

    Perfect and easy Tutorial

  9. Rumeet Singh October 5, 2014 at 4:49 am

    Hey,….Can this be done on photoshop 7.0 ???

  10. Faizan Khan October 30, 2014 at 1:01 pm

    good

  11. RHODIUM REX November 15, 2014 at 4:14 am

    ..(9RAT£_W0RK_BL!..=}"…

  12. Nyovanx November 17, 2014 at 7:42 pm

    amazing PD

  13. Angel kirkham November 18, 2014 at 8:50 pm

    hi

  14. alsrai1 November 19, 2014 at 9:52 pm

    Perfect as usual…..

  15. Vikas Chauhan November 24, 2014 at 2:25 pm

    Thanks Marty Blue Lightning TV Rocks!!!!  Thanks….

  16. hakam soufan November 26, 2014 at 11:18 am

    great work thank you

  17. Grace Seaton December 3, 2014 at 6:23 pm

    how do you get around not being able to make a quick mask if your in elements 12 or cant you? 🙂

  18. David Sinyangwe December 4, 2014 at 1:23 am

    Wow your really amazing,learnt alot from your chanel 

  19. i love world December 8, 2014 at 12:57 am

    good

  20. Saepul Rizal December 11, 2014 at 3:14 pm

    wow amazing, i udentstand ur guide. thanks dude that was easy tutorial

  21. deva sahayaraj December 22, 2014 at 9:01 am

    Superbt morty sir, Your  step by step instrcuction is really a good one..  Need your more tutorial on photoshop..

  22. Jan Gul January 5, 2015 at 2:39 pm

    Thanks for great video
    my photoshop do not has the Preferences option under Edit Minue is there any other way please.

  23. Red Poinsettia January 11, 2015 at 9:26 pm

    i like the way u explain everything. its easy and short to do. thank u  !

  24. MaxPulls January 20, 2015 at 6:23 pm

    Hey,
    When i use the paint bucket tool it fills in most of my image, not one square like yours. Is there any reason why it'd do this?
    Thanks

  25. Pablo Daniel Ferrer Ferrero February 1, 2015 at 11:47 pm

    Excelente! Gracias!

  26. Xuân Hồng Huỳnh February 2, 2015 at 5:25 pm

    That is amazing. I love it. Thank you so much. 

  27. Digital stamp by sharon February 15, 2015 at 3:07 pm

    Thank you so much !!

  28. Mario San Rafael February 16, 2015 at 2:10 am

    Señor Marty, muchas gracias por el tutorial…, excelente! :), saludos

  29. JOHN ARMAGGEDDON February 21, 2015 at 1:57 pm

    HEY THERE MARTY,GREAT JOB! WHO'S THE MODEL YOU ARE WORKING WITH?

  30. My Space February 22, 2015 at 8:59 pm

    OOOOOh Marty!    This is mind blowing.

  31. 6549Marci February 27, 2015 at 8:35 pm

    Just did it and it looks pretty cool!
    Thank you so much for all your great tuts, Marty, love it…

  32. danish garg March 25, 2015 at 12:02 pm

    Can you tell how to clear scratch disk ??
    Plzz

  33. Ahmet classuscat March 26, 2015 at 8:00 pm

    Thank you very much

  34. 刘敏青 April 18, 2015 at 3:03 am

    it is very useful, good tutorial
    best & many thanks

  35. Jayesh Barapatre April 20, 2015 at 7:20 am

    mind blowing.
    Cheak On Mine –
    https://www.behance.net/gallery/25490659/Slicing-Effect?

  36. Hannah Nguyen April 30, 2015 at 6:41 pm

    Thanks for your tutorial. Best!

  37. Hannah Nguyen May 1, 2015 at 9:12 am

    For someone didn't see what's happend when use paint bucket tool to fill it, just change the "mode" to normal or mutiply.

  38. Maylinn Moland Kristiansen May 6, 2015 at 10:29 am

    hey.. i was trying to do this tutorial on a picture of my own, but when i click ctrl + J nothing happens.. any thoughts on why??

  39. Kathy Roberts May 24, 2015 at 7:31 am

    Thank you Marty you are clear in your instruction and easy to follow.

  40. Napoli Arriaga June 9, 2015 at 2:35 am

    when i try to select it with the rectangular marquee tool, it won't snap even if the snap is checked

  41. Foster Adomah June 17, 2015 at 4:10 pm

    thanks

  42. Randy British July 3, 2015 at 2:24 pm

    marty you legend

  43. Randy British July 3, 2015 at 3:00 pm

    i'm guessing this is only for CC?

  44. Martin Flynn July 4, 2015 at 9:20 pm

    Thankyou

  45. إبنكے يا عراقے August 1, 2015 at 6:40 pm

    شكرا لك .قمت بتطبيق الدرس .رائع جدا

  46. IBRAHIMA FAYE August 11, 2015 at 11:20 am

    thanks we continuose to watching u

  47. Gökhan Altintop August 17, 2015 at 9:41 am

    Tnx for everything

  48. SP Popov August 17, 2015 at 7:45 pm

    Thank you Marty! Continue with the lessons!

  49. Kadaya Muddassir September 1, 2015 at 10:19 am

    great work buddy

  50. David Croft September 2, 2015 at 10:27 pm

    Crikey Marty! How the heck did you work this one out. Brilliant…..and thank you.

  51. jordy wijngaarde October 17, 2015 at 7:23 pm

    GREAT TUT! KEEP IT UP

  52. Lothar A. Wallenstein October 25, 2015 at 6:09 am

    hello Marty, it works great! but now I've a problem. if I open a new photo all time a grid is shown. even I push "cmd +h " next time the grid is shown again. what can I do grid doesn't shown again? (using CS6) cu lothar

  53. Evelien K. November 25, 2015 at 3:29 pm

    Hello, I have a question.
    When I go make a selection with the Rectangular Marquee Tool , I have only a square of 4 blocks.
    Can me help me , because I really want to make this.
    My English is not very well , because I'm from the Netherlands.

    From E.

  54. fusionaut23 December 2, 2015 at 3:51 am

    Your tutorials are the best I have seen on You Tube. I love them and have learned so much. Thank you for these videos!

  55. sayed maiwand December 13, 2015 at 7:58 pm

    that was perfect and thank you so much 🙂

  56. Destin Armel December 29, 2015 at 3:09 am

    One thing is truth , I learned a lot below in You , Mr, Thank you ,so much .You teach perfectly. And Thank you again for share.

  57. sheeraz Ali December 29, 2015 at 8:30 am

    i love u man :*

  58. Michael Azzopardi January 1, 2016 at 12:04 am

    when i use the Rectangular Marquee Tool and draw the first grid it snaps into position, but when i go to draw the net section the first grid goes, can you help me.

  59. An Tran February 8, 2016 at 6:02 am

    It's very rewarding LIKE

  60. Ivars Borenkovs February 12, 2016 at 1:29 pm

    Thanks, it work fine for me… I didn't miss anything and that's worked well for me… Many thanks

  61. muhammad afzal April 3, 2016 at 7:06 pm

    excellent tutorial and excellent teaching style.

  62. MattTaylor June 20, 2016 at 11:35 am

    There are thin black lines between over where the weaving overlaps how do i fix it?

  63. SB Arnab June 30, 2016 at 5:51 am

    I hope you are d top photoshop trainer

  64. yassine frih July 3, 2016 at 11:43 pm

    <3 <3 you're the best !!! Thanks too much for this awesome video 😀 🙂

  65. 2gamezz July 9, 2016 at 3:40 pm

    THANKS MAN GOOD VIDEO

  66. Blignaut - mip Blignaut October 16, 2016 at 9:49 pm

    you are the best teacher. THANKS

  67. Nathan Hurt December 17, 2016 at 12:38 am

    right I'm using cs6 when I save the section and then go to fill every other box it fill every one any ideas

  68. dark quixotica December 18, 2016 at 5:37 pm

    I don't have an alpha one channel. I just have the columns of the vertical selection, not the combined selection, even though I believe I saved it. What happened? Is there a fix or do I need to start over?

  69. Sunny Kushwaha December 24, 2016 at 5:01 am

    nice

  70. Vianne Madduma January 2, 2017 at 9:36 am

    THANK YOU SO MUCH!

  71. Idmv Covers January 30, 2017 at 11:12 pm

    Thanks!

  72. Srdjan Stojkovic March 9, 2017 at 12:31 am

    Thanks.

  73. Tuts Photoshop March 21, 2017 at 10:41 pm

    Thank you so much teacher.

  74. ata7007 May 12, 2017 at 8:42 pm

    Thank you so much teacher

  75. ChloeCowenYoutube May 17, 2017 at 1:47 pm

    3:52

  76. Devi Yulia May 25, 2017 at 7:10 am

    Super cool! 😃

  77. Anjali Creationz September 18, 2017 at 1:27 am

    Awesome….. Thank you for amazing tutorials

  78. Nur Amalia October 6, 2017 at 7:05 pm

    thanks for all tutorials, succes.

  79. Joey Gluska October 17, 2017 at 6:03 pm

    Thank you Marty

  80. maricel balanay November 2, 2017 at 10:35 am

    very nice… Great job…

  81. Qazi Raheel Ahmed Qureshi November 7, 2017 at 10:38 am

    hlw m Abdobe Photoshop Grid Is Not Working help me???????

  82. Roland Rick November 15, 2017 at 11:51 am

    LOL, Gimp can do this automatically 🙈🤓

  83. Peter Lewis January 15, 2018 at 7:13 pm

    Your tutorials are among the clearest and easiest to follow on the web. Thanks!

  84. harish inaganti January 30, 2018 at 11:04 am

    THANKS FOR TEACHING

  85. MA SA February 12, 2018 at 9:53 am

    Thank you!!

  86. DSavage1456 February 19, 2018 at 9:16 am

    I was doing great until right up to the end. I have the 2018 version of PS and there is no texture feature. Any suggestions? I've learned so much following you. Thanks Marty.

  87. Jim Isaac February 19, 2018 at 3:20 pm

    Wow! Super awesome tutorial. Thanks.

  88. Alejandro Cossavella June 17, 2018 at 10:55 pm

    Hi! When I make the size of the outer glow 40 pixels I see that in your example appears the transformation. Not in mine. I tried to copy everything… any suggestion? Thank you!

  89. lubna abdul rehman July 22, 2018 at 10:14 am

    what do u do if u wanted to remove the black square bits and want the weaves to be tighter

  90. Gyan Computer August 26, 2018 at 8:52 am

    Superrrrr

  91. Lyrical life November 2, 2018 at 5:45 am

    Thank you i made one

  92. arshadh ka November 19, 2018 at 1:28 am

    Can i do it using cs6 sir?

  93. Hormar Tube December 4, 2018 at 12:47 pm

    THANX

  94. Hormar Tube December 4, 2018 at 12:47 pm

    HOW CAN I GET THIS VERSION PHOTOSHOP ? PLEASE TELL ME OR SEND ME THE LINK TO GET THIS VERSION

  95. Patrick Boulanger February 20, 2019 at 3:08 pm

    merci pour ce tuto

  96. Returning Shadow March 7, 2019 at 4:07 pm

    Marty,
    I don't know who that model is whose picture you used multiple times in the past but she is gorgeous.

  97. Returning Shadow March 7, 2019 at 4:08 pm

    Was this original video deleted? Because I went back a year ago and went thru all your youtube videos and I don't recall this one.

  98. Justin Sivao April 4, 2019 at 5:24 pm

    what if u have a apple

  99. Alex Foster April 19, 2019 at 8:46 am

    3:28 this seems not to work at all, can anyone help me?

  100. MY WORLD June 15, 2019 at 5:24 am

    3.30 is not happening ,plz help me

Leave a Comment

Your email address will not be published. Required fields are marked *