Articles, Blog

Pixelated Effect – Photoshop Tutorial

October 19, 2019


Hello everyone, in today’s tutorial we’ll see how to turn an image into this Pixelated effect that you can see in here using Adobe Photoshop and as you can see these are other examples I created using the same technique alright so! LETS GET TO IT!! Alright I’ll go ahead and open Adobe Photoshop and I’ll take the image I’ll be using and open it in here now I need to cute the model from this background but since we have a light grey background almost white it would be perfect to apply a Level adjustment layer just to make it easier for me to create a selection so I’ll go to adjustment down here and I’ll choose Levels I’ll darken the midtones by taking this slider and put it around here as you can see this will make the whole image darker so I’ll take the whites and I’ll increase it a little bit just to make the background whiter and this way it will be easy to select alright, now I’ll make sure that I’m selecting the level adjustment layer and then I’ll choose the magic wand tool in here and I’ll one click on this background to load a selection of the white only and now we have the background selected but I need to inverse it, this way I will have a selection of the model only so I’ll press CTRL+SHIT+I on my keyboard or you can go to: Select and choose Inverse right here I can delete this now alright, now I’ll open Select and Mask this would be the refine edge in case you are using and older version of Photoshop I’ll select the refine brush and I’ll start improve the selection of the hair and I’ll press ok now I’ll one click on this layer mask icon to apply my selection and I’ll convert it to a smart object so I’ll right click and choose “Convert to Smart Object” right here alright, now I’ll create a new document so I’ll go to: File and choose New in the width in here I have 1920px and the height 1080px 300 in the resolution and RGB in the color mode I’ll click OK alright, now I’ll take the model image and move it to the other document using my move tool (v) I’ll press CTRL+T to scale it I’m holding the SHIFT and ALT on my keyboard to keep the image propotion I’ll place it right in the middle in here I’ll hold shift to make it bigger a little bit just around here and I’ll click on this check mark to commit the change alright, now I’ll select the Background layer I’ll double click on it this window will pop up because it was locked so I’ll name it BG for background and I’ll click OK to unlock it I’ll go back to the background layer and double click to open the layer style dialogue I’ll select the Gradient Overlay and I’ll open the gradients in here I’ll double click on this color stop I’ll choose a soft grey like this I’ll click OK and then I’ll double click on this other color stop I’ll choose a very light grey like this I’ll click OK and OK next, I’ll change the gradient style to: Radial and the scale to: 120% and the Angle to: 135 I’ll click OK alright, now I’ll make two copies of the model layer so I’ll press CTRL+J two times 1 2 and I’ll name them Pixel 1 Pixel 2 and Pixel 3 alright I’ll hide the pixel 3 and 2 layers for now and I’ll select pixel 1 layer I’ll hold ALT and I’ll one click on this layer mask icon to apply a black layer mask as you can see and then I’ll open the properties panel if you cant find it just go to: Window and click on Properties alright, I’ll put down the density of the layer mask a little until I can see a bit of the model like this alright, now I’ll select the brush tool and then I’ll one click on this dropdown to open the brushes and I’ll one click on this gear icon right here and I’ll choose basic brushes I’ll press OK so I can replace my current brushes now I’ll go back to the gear icon again and this time I’ll choose Square Brushes but this time I’ll click on Append so I can add them to my current brushes as you can see we have now the basic and square brushes alright, now I’ll select one of the square brushes and then I’ll open the brush presets if you can find it just go to: Window again and one click on Brush right here or you can use the keyboard shortcut F5 alright, I’ll change the spacing around 120% and then I’ll select Shape Dynamics I’ll change the size jitter to 100% next I’ll select Scattering I’ll put a check mark on Both Axes and then I’ll change the scatter to 1000% and I’ll close it alright now I’ll make sure that the opacity and flow are both set to 100% and with white as my foreground color I’ll start brushing like this right in the center in here I’m using the right and left brackets to make the brush smaller and bigger alright, just to get something like that now while I’m still on the layer mask I’ll open the properties panel again and I’ll bring back the density to 100% alright now I’ll select the pixel 2 layer and make it visible and then I’ll go to: Filter and choose liquify I’ll select the Freeze Mask Tool right here and then I’ll brush over her to freeze this area this way I can apply the liquify filter without affecting this freeze area in here now I’ll select the Forward Warp tool in the top here and then I’ll warp this part like this and I’ll click OK alright, now I’ll apply a black layer mask by holding the ALT key again and one click on this layer mask icon and again I’ll open the properties panel to bring down the density a little bit so I can see where I want to brush exactly alright, now I’ll start brushing using the same custom square brush just to get something like this now I’ll open the properties panel again and I’ll bring back the density to 100% alright, now I’ll select the pixel 3 layer and I’ll make it visible and then I’ll apply a white layer mask this time by one click on this layer mask icon without holding any key and then I’ll open my brushes from here and I’ll choose a regular square brush with black as my foreground color I’ll start brushing to delete from the edges like this by just clicking like this alright, just to get something like that now I’ll go to: Filter Filter Gallery and in the texture folder right here I’ll open it and choose Patchwork I’ll put 4 in the Square Size and 6 in the Relief but feel free to change this numbers to get different result and I’ll click OK now I’ll select this white smart filter layer right here and then I’ll open my brushes and I’ll choose one of this basic rounded brush in here I’ll change the opacity to 70% and with black as my foreground color I’ll start brushing to delete the patchwork filter from here but I’ll keep a little bit on the edges just to create that pixel transition look alright, now I’ll create a new folder on top and I’ll name it Adjustment this folder is optional you don’t have to create one too I just like to put make it this way I can see the before and after the adjustment alright, now I’ll add a Gradient Map from here and then I’ll change the opacity first to 50% and the blending modes to Lighten now I’ll one click on this gradients you’ll find a link in the description where you can download these gradient I have in here just one click on this gear icon and choose replace gradients and load them alright, I’ll pick this one right here and I’ll click OK now I’ll add another Gradient Map from here again I’ll change the opacity to 50% and I’ll change the blending mode to Soft Light this time next I’ll one click on the gradient to choose another gradient I’ll pick this one right here I’ll click OK alright, now I’ll add a Level adjustment to play with the colors in the channels so I’ll go to the channels and choose the Red channel to adjust the output levels I’ll take the white slider right here and move it a little bit and then I’ll take the black slider and move it a little bit too alright, now I’ll select the Blue channel and I’ll do the same thing and since it’s an adjustment layer, I can always go back and change it if I didn’t like it now I’ll go to adjustment and choose Exposure I’ll increase the offset a little bit and I’ll decrease the Gamma Correction Alright let see now this is Before and this is After and that’s it thank you for watching I hope that you enjoyed this tutorial and it was a little bit helpful for you if you like this video and want more tutorials like this make sure to Subscribe leave a thumb up and share it and have a nice day

45 Comments

  • Reply IDBOUzID MOsTA March 31, 2017 at 12:04 pm

    Your tutorials are very informative and inspiring, thank you

  • Reply Ruben Pinto March 31, 2017 at 12:09 pm

    i started Photoshop a week ago , and now I have people paying me to edit their photos. all I learn was in your channel, thanks dude. you probably changed my life going forward.

  • Reply OORVOKKI March 31, 2017 at 12:57 pm

    Great tutorial. Very good.Thank you.

  • Reply TheBrixBK March 31, 2017 at 1:10 pm

    Nice job.

  • Reply lostdarkness March 31, 2017 at 3:31 pm

    Successful super

  • Reply Majid Khosravi April 1, 2017 at 7:13 pm

    great job … i found your tutorials last week

  • Reply Vanilla Desu April 2, 2017 at 9:10 am

    Hi! Thank you for the awesome tutorial I learned so much from following your tutorial…I love love it!
    Although I kept runnng into tiny problems..my filter layer won't show up no matter what I do is it the CS6? or is it just me :/

  • Reply Andila Art April 3, 2017 at 11:15 am

    nice tutorial 🙂
    please refer to tutorials on my youtube channel 🙂

  • Reply Алексей Смирнов April 6, 2017 at 4:44 pm

    You read my thoughts, thanks for the tutorial

  • Reply salviator333 April 18, 2017 at 6:07 pm

    im the viewer nr. 4444 yay

  • Reply Giovanni Batistuta April 23, 2017 at 8:17 am

    why i cant liquify my picture? any solution? im new with photoshop

  • Reply moha dante April 25, 2017 at 3:33 pm

    liquify dont work

  • Reply Vijay Soni April 30, 2017 at 10:24 am

    cant use liquify tool? pls help

  • Reply THEMOROCCAN CONSCIOUSNESS May 4, 2017 at 8:53 pm

    perfect
    i almost downalded all ur videos

  • Reply GC Ajay May 11, 2017 at 9:51 am

    That was helpful!!! Thanks dude.

  • Reply Prabhjot singh May 14, 2017 at 4:10 pm

    Superb work mate 🙂

  • Reply Yellzz May 15, 2017 at 9:45 am

    Amazing tutorial, everything is absolutely understandable, thanks to you

  • Reply Fábio Junior June 2, 2017 at 5:30 pm

    Acompanhando aqui do Brasil. Ty man!

  • Reply Greenlife Gardens Gardening Services July 18, 2017 at 2:07 pm

    You are a brilliant tutor, the best I have ever come across. You’ve found yourself a place in the world. Thank you so much.

  • Reply Edgar Gill July 19, 2017 at 3:25 am

    im at the 5 min part and i had to stop just to let you know. Thank You sir!
    Im trying to make this effect but instead of using the same image for the pixel effect i want to show someone els face as the pixel effect. hard to explain i will show my end result when done. BTW(By the way) whats your email?

  • Reply David Kado August 31, 2017 at 12:54 am

    Really enjoying your tutorials! Learning a lot of little things which are so important. Your English is very good 🙂

  • Reply Travis Travis September 20, 2017 at 2:53 am

    can this same type of shot technique be done in paintshop pro

  • Reply behnam mirmiran October 7, 2017 at 1:26 pm

    perfect
    thank you very useful tutorial

  • Reply Ahmed Aladl October 12, 2017 at 9:04 pm

    You are the best I follow you from Libya

  • Reply dprs November 7, 2017 at 6:52 pm

    Dude you are great, so good tutorials

  • Reply dprs November 8, 2017 at 8:33 pm

    I have a problem, i dont have that big list of brush options, the last thing on the bottom of my brush settings is replace brush, i dont have that square brush option

  • Reply Faiq Khan November 25, 2017 at 9:13 am

    Please explain what thing do what etc. Helps keep stuff in mind.. Thanks.

  • Reply William Liu December 12, 2017 at 7:21 am

    This was awesome! Thank you

  • Reply Masud Lewis December 28, 2017 at 2:29 am

    The only video that actually helped. thank you!

  • Reply Martin Duffy February 1, 2018 at 11:36 pm

    very cool effect..can this be done with Text ?

  • Reply TheAbbott1986 February 5, 2018 at 8:44 pm

    I keep getting
    Could not use the history brush because the history state does not contain a corresponding layer
    New to photoshop please help

  • Reply Tamyra February 7, 2018 at 4:01 pm

    Question I am unable to get the smart filter layer on pixel 3 and in the liquify screen the image doesnt show just the squares in black and white. im using cc2018. Any tips ?

  • Reply pedro sainz February 15, 2018 at 3:49 am

    i need to make a video

  • Reply JoeDragon 77 March 1, 2018 at 3:56 pm

    Finally, a good photoshop tutorial on youtube. Keep up the good work!

  • Reply Shebin Joseph April 24, 2018 at 11:14 am

    i can not find the basic brush from that gear icon. what should i do

  • Reply Respawn Master April 30, 2018 at 2:40 am

    Infinity war

  • Reply Jay_The_Batman93 April 30, 2018 at 4:07 pm

    Who else is here to learn how to make Infinity war memes??

  • Reply Roba che Spacca May 5, 2018 at 2:52 pm

    I really love this part 5:37 where the music takes you on mars!!! XD

  • Reply Sean Kalkreuth May 11, 2018 at 2:39 pm

    Thank you was able to follow along and create my own pixelated photo.

  • Reply yosef ali July 3, 2018 at 5:02 pm

    when I follow you I get to the Liquify stage but I cant use the tool for some reason

  • Reply Nino Brown September 2, 2018 at 7:49 pm

    very competent, intresting video

  • Reply Gopal Shrestha September 3, 2018 at 9:25 am

    very helpful tutorial. thanks

  • Reply Julie Pruitt November 15, 2018 at 5:52 am

    Thank you. Very nice!

  • Reply Edward Deleon February 12, 2019 at 3:36 pm

    Thank you for this interesting tutorial.

  • Reply Rasel Ahmed March 16, 2019 at 7:55 pm

    Wow

  • Leave a Reply