Filter Tricks: Beyond Square Mosaics | Joseph Francis | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Filter Tricks: Beyond Square Mosaics

teacher avatar Joseph Francis, Check out my classes!

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

4 Lessons (12m)
    • 1. Getting More out of Standard Photoshop

    • 2. Circular Radial Mosaics

    • 3. Twirling the Effect Without Twirling the Photo

    • 4. Triangular Hexagonal Mosaic

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class


In this class we are going to take some Photoshop filters just a little bit further than they were designed to go.

Are you in? Let's do it!

Meet Your Teacher

Teacher Profile Image

Joseph Francis

Check out my classes!


I started in New York at what is now called RGA Digital Studios, but was then called R/Greenberg Associates. I've worked at many of the top motion graphics and title design companies including yU+Co and Imaginary Forces, and with top creative directors including Kyle Cooper (Prologue).

Visit my LinkedIn profile here.

See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Getting More out of Standard Photoshop: in this course, we're gonna trick Photoshopped filters into doing things they weren't originally designed to do. By the time we're done, we're gonna make things like this swirling crystal effect this radial effect made of blocks and this triangular effect. So if you're interested in learning how these things were done, enroll and check it out. 2. Circular Radial Mosaics: here I have a photo of a mannequin and filter pixel ate mosaic. We've all seen this effect where on image is turned into blocks like this. But photo shop as it stands, only allows you to do it in certain only allows you to do it in squares. You know, when I don't rectangular image. So how would we do it if we want to make it radio and round? Well, the answer is we could pre distort the image like this filter, distort polar coordinates. And there are two ways that we can do it. One is rectangular, two polar, and the other is polar to rectangular. Now, interestingly, what we want to do is polar to rectangular. We pre distort the image like this, and then I can say filter pixelated mosaic, and we can do it. A certain amount se that much. And now, if I say filter now that it's been mosaic in the standard rectangular way on an image that's been pre distorted, we say filter distort polar coordinates and we put it back where it came from. So in this case, it would be we did this to distort it. So we do this to undo the distortion. And when we do that, we get a normal picture with a radio mosaic distortion on it. 3. Twirling the Effect Without Twirling the Photo: Okay, let's see what else we can do. One of the good things about the polar coordinate filter is that it has polar to rectangular and rectangular two polar. So it does something and it un does itself. And that was the basis on which we built that other effect. So we can do something, you know, with another filter. But it has to be something that comes in and goes out and then does itself when it does. So let's see. Right click. Let's make this convert to smart object is that when we apply filters, we can change them later and turn them on and off. And now, let's say filter, distort, twirled. Now here's what twirled us and you can see that it, um if I it's sort of twists it like this, the image. So I'm going toe, twirl it, and then I'm going to apply some other distortion or filter to it. And then I'm going to undo it. Put it normal again. So let's see that maybe will make the number Here. It's 1 26 Now. We'll make it one 65 kind of easy to remember, and it's doing that now. Let's say filter picks late and we'll say Crystallize just for variety. And if we look at this image, it allows you to have sort of cell sizes of different amounts. I will really crank it up and you can see what it does. Um, so let's put it to the begins Will kind of see what the images. That's a pretty good amount. So that's normal. Crystallization on a twisted image. And now one last thing is we'll say, filter, distort, twirled and we'll say, Hopefully negative 1 65 will undo it. So for zero, possibly well, we'll see what happens. So there it is. Negative 1 65 OK, that's what it is. Negative one 65. That makes sense. And now, if we look at it, you can see that there is a normal photo with a swirling, twisted crystallization effect applied to it. So if we turn off these effects, you can see that if we take the image and we simply crystallize it, we get that. But if we twirl it first, then when we on toilet, we get that. So that's another example of this idea of pre distorting the image than applying the filter and then undistorted the image. So the image is normal in the filter is what's distorted 4. Triangular Hexagonal Mosaic: okay for the grand finale. I'm going to take this picture and I'm going to use the mosaic filter, but I'm going to make it to produce triangles in a hexagonal grid. And the way we're going to do it is we're going to take the image. We're going to split it into two layers and one layer. We're going to stretch up, skew horizontally, mosaic and then reverse that process and the other layer. We're going to do the exact same thing only in the other direction. And when we combine those two things, it's going to produce hexagons or triangles, depending on how you look at it. If that sounds confusing, stick around and will make it even more confusing and just imminent. Now, hopefully, we'll clarify things. So first thing I want to do is I want to make some extra layers. There we go. And now I have some extra layers. Um, image sighs. Sorry, not image size, but take note, by the way, while I'm here 5 12 by 7 96 because I'm going to mention that number 5 12 uh, shortly image canvas size. And we're gonna make it 200 by 200. So what's 200? So I have a little room to play with. There is fit screen. There's the image. Okay, now, first thing we'll do is say control T, and I'm going to skew it by 30 degrees in the horizontal. So here's the skew value, and I'm gonna set it to 30. Positive. 30. And it does that now control T. I'm going to scale it up by 115 0.5. Where did I get that number? 115.5 is one divided by the sine of 60 degrees. And that's a much of an explanation, as I'm going to give within this course for why I chose that number. But it helps us make the triangles. Now I'm going to apply the mosaic effect filter pixel ate mosaic, and I'm gonna make it 16 Pixel square could make it any size you want, but if you make it 16 it works out. The math works out and you get actual triangles that form actual hexagons. If you if you're off on this, it'll create a kind of a skewed thing where they get 16 from. Well, the images, as I mentioned earlier 5 12 wide. So 5 12 divided by 16 is 32. So it bac it tiles it unequal and an even number of times. And I want an even number of tiles across the image. So here we go. There's that now I say control t again and I under undue that process by scaling it this time I'm going to scale it by 86.6 80 6.6. Where did I get that number? Well, the first number was one over sign of 60. This number is simply the sign of 60. So that puts that back where it came from. And now we say control T and we say the horizontal skew you might remember. We started with positive 30. We're gonna give it negative 30 now, and that puts it like that. Now, if we turn this image on and off, you can see that it's basically a skewed mosaic version of what's underneath that. I'll make it bigger so you can see it. So there's that we're gonna do the same thing. Only the skews gonna go in the other direction. And that's kind of how we're gonna get our triangles So let's repeat the process one more time. Uhm, I'm going to say, um control T and I'm going to skew it. And this time I'm going to skew it. Negative. 30 to begin with. Now I'm going to control T. I'm going to scale it. Height, Um, 115.5115 point five Same as before. One over sign of 60. And now filter Mosaic. I'm going to apply the mosaic at the same amount, which was 16 pixels wide. And now I'm going to say control T, and I'm going to scale it down. The height is gonna go down to 86.6, which is the sign of 60 degrees. And now I'm going to say control T. And this time the skew is going to be positive. 30. And that puts it like that. So now we have this and this this and this. I'm gonna make it larger. This and this this and this. It's interesting. As I flick it, I can see the triangles and then they fade away because it's it's the after image. I don't know if that effect it's coming across on on the video, but we're going to make it permanent in the second by taking this upper layer and taking the opacity down to 50%. And there you go. There is a hexagonal or triangular mosaic version of the same image. And I wonder I haven't tried this before, but just for the hell of it, I'm gonna make that 100%. And I'm going to just do the sort of blend mode roulette and see what happens. Darkens kind of interesting. Sort of creates the affected 100% without averaging. Um, lighten screen color, Dodge lightened color. I didn't really intend to do this. And I don't I'm not sure what it's gonna do, but I just thought while I'm here, take a look at it and see what it does anyway. That does it for the course. And I hope you enjoyed it. Please review it if you liked it or if you didn't like it. And, um, see you next time