Tuesday 5 April 2016

TUTORIAL | PIXELIZING

Hello Scrappers! This is Jenn, aka jk703, with a tutorial for you. I found a fun technique that I loved, but when I followed the steps, I got so confused and to top it off, I didn't like how my image was turning out! So, I decided to do it my way, and found a much easier way to get the similar result. I am going to show you what I have termed, PIXELIZING!  Really, it's just color blocking, but PIXELIZING sounds so much cooler! LOL!

This is what it looks like in a page:


This tutorial is on the advanced side, BUT everyone can do it! TRY IT! I have oodles of images, and I try to give you as much information as possible. If you do get stuck, please reach out!!!

In Photoshop, open a New Document, and then choose View > Show > Grids.


Next, under the Marquee Tool, choose the Single Row Marque - Horizontal position. Press 'X' so that your foreground color is black and your background color is white. Black will be needed to fill in the marching ants.


Now, You will create a new layer above the background layer. With that new layer chosen, you will click on every horizontal grid line. You will want to make sure you have the Add option in the options bar. (This looks like two overlapping squares on the top, once the tool is selected.) Your selections do NOT have to be perfect, mine aren't, lol! Once all grid lines are chosen, press Command + Delete. This will fill all the marching ants with black.


Press Command + D and the marching ants will no longer be marching. With the new layer still chosen, you will switch your Marquee tool to the Single Row Marquee - Vertical position. Again, click on every vertical grid line. Once all are marching with ants, press Command and Delete to fill in the lines with black. Press Command plus D to remove and Marching ants.



Now, you can go under View > Show > Grids to turn them off. This is what you created based on that grid - a Mock Grid Layer:


Bring in a photo that you want to use for the tutorial. You will want the image placed UNDER the Mock Grid Layer. Here is my image with the grid over it. Next, choose the Mock Grid Layer in the Layers Palette.


Choose the Magic wand and click on the boxes on the edges of the picture, and random boxes in the image. These particular boxes will be filled white, so leave faces or important items open. Here is mine:


Create a New Layer above image. I renamed my White Edging. Press D, and the press Command plus Delete to fill the marching ants with white.


Here is what my Layers Palette looks like at this point.


Now, with your Mock Grid Layer chosen in the Layers Palette, and the Magic Wand tool, click on new boxes and see those marching ants again. Do NOT fill.


Switch to your image as the chosen layer in the Layers Palette. We are going to create an Adjustment Layer. Click on the super small Black and White Cookie under the Layers Palette. (It's just a little circle with half black and half white, so it makes me think of those cookies). Choose Black and White. An adjustment layer will appear. Play with the settings, and look at your image. Once you find an end result you like, move on to the next step.


Here is my result - some boxes slightly grayish.


Ok. We are going to repeat ourselves, but only to a point. Choose the Mock Grid Layer, the Magic Wand, and click new boxes so you have marching ants again.


Choose your image in the Layers Palette. We are going to create an Adjustment Layer, but a different one. This time, choose Photo Filter. Play with settings you like the way your image looks.


Here is what my image looks like at this point.


I have chosen Underwater from the drop down menu, a density of 47% and checked off Preserve Luminosity. You can also see how my layers look now.


Now, we are going to repeat this one more time. Choose the Mock Grid Layer, then Magic Wand, and new boxes to get the ants marching. I made a second Adjustment Layer with Photo Filter. I again chose Underwater, but changed the Density, and unchecked Preserve Luminosity.  Here is what my image look like.


This next step is a Option and a Preference that might depend on your image. With the Mock Grid Chosen, you can change the color of the lines. Click the Mock Grid thumbnail in the Layers Palette and you will see all the lines with marching ants. Press 'X." Command plus Delee to fill with white. Here is marching ants... and then filled with white.



This is what my final image looks like:


And here's my page:


For my layout, I have used:
Luvyama Papers & Elements, Say Cheese 2016 by Pink Reptile Designs and March InstaReview Template (Modified) by Scrapping with Liz. Font is Special Elite.


9 comments:

  1. That's terrific! Ýou've explained it so well!
    I'll give it a try. For sure :)
    ViVre

    ReplyDelete
    Replies
    1. We hope you will share a link to your page here in the comments Vivre! We'd love to see your page!

      Delete
  2. Will definitely try this. Thanks for your efforts. Looks great.

    ReplyDelete
  3. I cannot wait to try this!!! Your layout is amazing and the effect of this technique is so cool! Thanks for a great tutorial!

    ReplyDelete
    Replies
    1. We are so happy that you love the tut and want to give this a try. Hope you will share your project!

      Delete
  4. very fun ! thank you for the tuto

    ReplyDelete
  5. Love it, love it, love it! This so cool. Now I just have to have time to do some scrapping so I can try, lol!

    ReplyDelete
  6. Great idea! You could also just duplicate all the vertical lines and then rotate them 90 degrees, instead of redoing the marquee/fill sequence. Fun idea to play around with photo filters, too! Lots of places to go with this.

    ReplyDelete