Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Creating tiles

From: Photoshop Creative Effects and Filters

Video: Creating tiles

We've all seen mosaics that are comprised of individual tiles and that can certainly be an interesting effect for a variety of different images but, sometimes you might want to to use tiles that contain more than a single color that actually contain entire sections of a photo and that's exactly what I'm going to do with this image. I'll break it up into a number of tiles and spread those tiles out just a little bit just to create sort of a fragmented and slightly more interesting interpretation of the photo. Let's take a look at the process of creating that effect. I'll start by creating a copy of my background image layer by dragging that layer down to the Create New Layer button at the bottom of layers panel.

Creating tiles

We've all seen mosaics that are comprised of individual tiles and that can certainly be an interesting effect for a variety of different images but, sometimes you might want to to use tiles that contain more than a single color that actually contain entire sections of a photo and that's exactly what I'm going to do with this image. I'll break it up into a number of tiles and spread those tiles out just a little bit just to create sort of a fragmented and slightly more interesting interpretation of the photo. Let's take a look at the process of creating that effect. I'll start by creating a copy of my background image layer by dragging that layer down to the Create New Layer button at the bottom of layers panel.

And then from the Filter menu I'll choose Convert for smart filters so that I convert my background copy layer to a smart object and therefore can use smart filters which allow me to go back and fine tune the settings which in this case is you'll see can prove very very helpful. I'll then go to the Filter menu and I'm going to choose Stylize, followed by Tiles. In this case, we don't get a preview of the effect. And that's part of the reason that I'm using a smart filter. In other words, working on a smart object layer. So that I can always go back and fine tune things later.

We can specify how many tiles. And that's actually a little bit of a misnomer. Because this doesn't determine exactly how many tiles will be in the final image, as you'll see shortly. But ten is a good starting point. And we can come back and fine tune that later. We can also adjust how much of an offset is allowed in between those individual tiles. In other words, how much of a gap in between those tiles. We'll leave this at 10% as well, and then come back and fine tune a little bit. And then we can also choose what to place in between those tiles as we break the image up into tiles and spread those tiles out just a little bit.

We can fill the area that is left behind with either the background color, which at the moment is white. With a foreground color, which happens to be black at the moment. Those of course are the default colors. We can also choose to replace that area with an inverse of the current image, or with an unaltered version of the image. In this case I'll just leave the option set to white. I'll go ahead and click OK in order to see the effect. And you can see that I have the image broken up into individual tiles, and those tiles are somewhat randomly spaced out to create something of a mosaic in the photo.

But I can always go back and modify those settings. So I'll go ahead and double-click on the Tiles Filter under smart filters for my smart object on the layers panel. That will bring up the Tiles option. Once again, I'll go ahead and increase the number of tiles to 20, and I'll also increase that offset to 20%. And for this variation on the image let's go ahead and choose the Unaltered Image option. I'll go ahead and click OK. And you can see now I have a little bit more interesting effect because the original image is showing through. And this creates an effect that's something like a painting almost, but a painting that was painted onto tiles, or perhaps onto shingles.

A very interesting effect to be sure. But I can go back to the Tiles Filter once again, perhaps I'll use the foreground color to fill with black. And perhaps I'll use a lower number of tiles, maybe I'll take this back to ten but leave the offset at 20. And now we get a variation on that original effect we saw but with a little bit more gap in between some of those tiles and in this case, filling the empty space with black. So, a fair amount of flexibility as far as how many tiles we're going to have in the image, how large those tiles are, and of course, what we're going to fill in the gaps with. Either a color, which we could specify by altering the foreground or background colors using the Color Picker, or the unaltered image, or an inverse of that unaltered image.

So, a good deal of flexibility and an effect that can be a lot of fun to apply to a variety of different images.

Show transcript

This video is part of

Image for Photoshop Creative Effects and Filters
Photoshop Creative Effects and Filters

40 video lessons · 3366 viewers

Tim Grey
Author

 
Expand all | Collapse all
  1. 1m 24s
    1. Welcome
      1m 24s
  2. 16m 23s
    1. Adding a single filter
      3m 21s
    2. Using the Filter Gallery
      4m 51s
    3. Using Smart Filters
      4m 2s
    4. A flexible filter workflow
      4m 9s
  3. 36m 0s
    1. Creating an ethereal effect with Clarity
      2m 13s
    2. Creating a black-and-white interpretation of an image
      3m 12s
    3. Adding a monochromatic tint effect
      2m 27s
    4. Using a gradient map preset
      2m 42s
    5. Creating a gradient map preset
      7m 48s
    6. Adding a vignette
      3m 17s
    7. Adding film grain
      5m 25s
    8. Oversharpening
      3m 17s
    9. HDR tone mapping
      5m 39s
  4. 37m 47s
    1. Creating a filtered edge effect
      4m 6s
    2. Producing a dreamy look with Surface Blur
      3m 4s
    3. Iris Blur with a twist
      4m 32s
    4. The Tilt-Shift blur effect
      3m 52s
    5. Creating an oil paint effect
      4m 36s
    6. Adding selective motion blur
      4m 36s
    7. Adding lens flare
      5m 21s
    8. Adding a lighting effect
      5m 6s
    9. Adding an ethereal glow
      2m 34s
  5. 24m 21s
    1. Applying a wild curve
      3m 1s
    2. Playing with blend modes
      4m 0s
    3. Creating a painterly effect with Find Edges
      2m 41s
    4. Creating a sketch effect
      5m 26s
    5. Crystallizing pixels
      3m 6s
    6. Getting extreme with Mezzotint
      3m 42s
    7. The Solarize filter
      2m 25s
  6. 38m 38s
    1. Smearing with Liquify
      7m 0s
    2. Going fish-eye with Polar Coordinates
      3m 38s
    3. Using the Spherize and Pinch filters
      3m 18s
    4. Using the Ripple, Twirl, Wave, and ZigZag filters
      5m 45s
    5. Getting blocky with Mosaic
      2m 44s
    6. Creating huge pixels with Pointilize
      3m 0s
    7. Creating tiles
      3m 42s
    8. Creating blocks with Extrude
      4m 29s
    9. Mapping the image with Trace Contour
      2m 44s
    10. Creating a stylized wind-blown effect
      2m 18s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop Creative Effects and Filters.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.