New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Start learning with our library of video tutorials taught by experts. Get started

Bert Monroy: The Making of Times Square, The Tools
Illustration by John Hersey

Creating ribbing on T-shirts


From:

Bert Monroy: The Making of Times Square, The Tools

with Bert Monroy

Video: Creating ribbing on T-shirts

Patterns are the solution to so many situations that come up in imaging. Take for instance right here. You've got to look at this T-shirt that we have. I am going to go a little closer here and zoom in on this. You see that it has got this nice little ribbing. There is tiny ribbing right on the edges of the T-shirt. Another file with a similar ribbing is this one here. Here we are looking at ribbon on the edges of the sleeves. All these nice, little simple lines that also then wrap around the edges. Let's go in here and create that kind of a pattern.
Expand all | Collapse all
  1. 6m 34s
    1. Welcome to the tools used to create "Times Square"
      57s
    2. What is "Times Square?"
      5m 37s
  2. 1h 32m
    1. Using a Cintiq to control the brushes in Photoshop
      3m 33s
    2. Making the chain brush
      8m 49s
    3. Making the single loop chain
      6m 55s
    4. Creating a brush to make furry text
      8m 13s
    5. Creating the look of stitching on cloth
      5m 46s
    6. Creating a rough brushstroke look for the Tarzan sign
      3m 3s
    7. Creating a crochet look brush
      5m 32s
    8. Creating dirt and grime
      6m 16s
    9. Using brushes to create trees in Central Park
      6m 41s
    10. Using a brush to create the look of embroidery
      3m 3s
    11. Creating the stars on the wall of the Toys"R"Us image
      6m 24s
    12. Creating a fabric design
      3m 43s
    13. Creating the look of brick
      4m 27s
    14. Weathering bricks
      8m 23s
    15. Creating light bulbs
      6m 14s
    16. Creating the effect of a fading brushstroke
      5m 36s
  3. 15m 42s
    1. Creating a paper towel
      8m 5s
    2. Creating denim
      3m 25s
    3. Creating asphalt
      4m 12s
  4. 21m 3s
    1. Layer groups
      7m 59s
    2. Making the lights in the Toys"R"Us image
      3m 12s
    3. Understanding the layers in lights
      5m 20s
    4. Creating blinds with a 3D postcard applied to layers
      4m 32s
  5. 32m 55s
    1. Creating a bottle
      8m 50s
    2. Creating an iPhone case
      3m 35s
    3. Creating the iPhone icons
      3m 34s
    4. Creating a ladder
      6m 8s
    5. Creating the effect used on the Bubba Gump sign
      5m 7s
    6. Creating realistic glasses
      5m 41s
  6. 1h 56m
    1. Creating a fabric texture
      9m 46s
    2. Creating Julianne's pants
      9m 28s
    3. Creating a checkerboard pattern on a bottle cap
      6m 16s
    4. Creating a wood texture
      8m 26s
    5. Creating concrete and marble
      3m 14s
    6. Creating a brick pattern
      7m 12s
    7. Creating ribbed metal
      5m 40s
    8. Creating ribbing on T-shirts
      11m 18s
    9. Creating a lime
      8m 29s
    10. Creating leather
      2m 33s
    11. Creating rough animal skin
      4m 0s
    12. Creating a grill on a car
      6m 4s
    13. Creating a car light
      6m 2s
    14. Creating the windshield
      10m 39s
    15. Creating a metal screen
      4m 14s
    16. Creating a quilted metal effect
      3m 18s
    17. Creating wafer quilting
      4m 41s
    18. Creating a pattern on the wall
      5m 16s
  7. 6m 57s
    1. Making the clipping group used on the manga billboard
      6m 57s
  8. 10m 36s
    1. Applying a layer mask to create a reflection
      3m 53s
    2. Linking masks
      1m 35s
    3. Applying layer masks and layer styles to create a chain link in a necklace
      5m 8s
  9. 52m 35s
    1. Explaining channels
      4m 0s
    2. Creating a license plate with channels
      6m 47s
    3. Creating shadows on the cables
      5m 50s
    4. Explaining channel calculations
      3m 46s
    5. Understanding calculations in channels
      4m 32s
    6. Creating a manhole cover with channels
      15m 31s
    7. Creating wiring on lights with channels and calculations
      12m 9s
  10. 29s
    1. Parting words
      29s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Bert Monroy: The Making of Times Square, The Tools
5h 56m Intermediate Mar 25, 2011

Viewers: in countries Watching now:

Take a virtual journey to the bustling streets of New York in Bert Monroy: The Making of Times Square. Digital painter Bert Monroy reveals how he created the minute details that build the impressive 108,000 x 21,600 pixels, 25-feet wide photorealistic portrait of this iconic intersection.

In this installment, The Tools, Bert demonstrates how he uses the brushes, filters, and textures in Photoshop to create everything from the trees in Central Park to the billboards on Broadway, and shares his techniques for keeping his project organized with layers and groups. He also touches on the importance of channels and channel calculations, and how the evolution of the tools in Photoshop from CS3 to CS5 shaped his work.

Topics include:
  • Making a chain brush
  • Understanding the layers in lights
  • Using the 3D tools in Photoshop
  • Using layer styles
  • Creating wood and fabric textures
  • Applying a layer mask
  • Linking layer masks with layer styles
  • Understanding channels
Subjects:
Design Illustration Design Techniques Digital Painting
Software:
Illustrator Photoshop
Author:
Bert Monroy

Creating ribbing on T-shirts

Patterns are the solution to so many situations that come up in imaging. Take for instance right here. You've got to look at this T-shirt that we have. I am going to go a little closer here and zoom in on this. You see that it has got this nice little ribbing. There is tiny ribbing right on the edges of the T-shirt. Another file with a similar ribbing is this one here. Here we are looking at ribbon on the edges of the sleeves. All these nice, little simple lines that also then wrap around the edges. Let's go in here and create that kind of a pattern.

The pattern is simple. In this particular case, it's extremely simple. I am just going to go into there and create a long, vertical line like so, and we get in real close so we could see what's going to happen. And I am going to fill that with a gray. We will fill that a nice deep gray like this. I will just go ahead and say Fill with Foreground Color, and there it is. Now, selecting this, there is where you are going to create the pattern. If I was to select it like this, well, this area here of white does become the pattern, so the next line next to this one would be a way over here, and it would be a very wide rib.

But in the case of a T-shirt or other cloths that had that kind of a texture to them, the ribbing is very tight. It's very close. It's almost the thickness of the threading itself. So, I am going to go in here and make a selection that's twice the thickness of this actual piece here. So, let's get in real close, so we can see what's going to happen here. We see that thickness of our rib right there and double the size right there. Now, you might want to have this even softer. So, what I might want to do is to go in here and blur this just a little bit. We will give it a little blur.

Not a Blur More, not a Gaussian blur, maybe a second one, just to soften it up just a little bit. So, now I am going to go in here and select it form the center now. And I am going to select it so that I have a selection right about like that. So now, this space here plus this one will tell me how close it's going to be to its neighbors. Now, it's just about twice the width of the line itself, which means these lines are going to be fairly close to each other. I came on this side because the fact that I do have this anti-aliasing on this edge caused by the blurring. So, now that I have that selection right there--and that's all I need to select.

I don't need to select the entire line; I can select the small portion of it. I'm going to go in here and say Define Pattern. And you will notice how it's showing me a pattern. It's just one pixel slice because it's all continuous. It doesn't need to have all that information. It just looks like one pixel slice right there. And click OK. So, now that we have that, I can throw this away. We don't need to see this anymore. I didn't put it in a layer, but that's okay. We'll just go into here and say Select All and delete it and do background color, and there it is.

So, now let's pull back, and I've got a couple of paths here that make up the top of a T-shirt. So, let's go in here and pick a color for our T-shirt, say a slightly off-white like that. I'm going to select that path now. This is the path right here for the T-shirt itself, and in a layer, right on top of this, we will call this shirt body. That way we know that this is different from the collar. And I will go ahead and fill that path with that tone. So now, I am going to select this part of the collar right here.

I am going to create another layer, and I am going to call this layer collar left. And I am going to go ahead and fill it with that color there too, just so that we have some tone inside there. And I select this one and create another layer, which of course we are going to call 'collar right' and fill the path with that tone. So, now we have these basic shapes.

We can turn off our paths. We no longer need them. So, I am going to select the long rectangle right across here, fairly large in size about like that that's going to encompass the entire area of the colors themselves. And in a totally separate layer-- I want to call this layer ribbing-- and I am going to go ahead and fill that with that pattern we just created. So, I go down here and say Pattern, and there is that pattern. You see that it's looking at it as a single-pixel length.

Click Ok and there you can see that we fill that selection with the pattern. Now, this pattern right now is fairly large. That's why I created these big sections because we are going to go in there and resize it. I can deselect it now, and what I am going to do is I am going to duplicate it. So, now I have two. Why? Because we have two different sides of the collar. So, let's turn one off for now, and we will work with this one, which we are going to put right here by collar left. Now you see that collar right came out in front because we're behind that there.

So, I am going to take this guy right now and I am going to clip them with collar left. So, I'm going to click on it right there, and we see that is now contained inside of that area. So, now we are going to go in there and distort this to get the effect that we want, and we will do that by warping it, because warping is going to give us the ability to go into them and make all kinds of transitions to this. So I am basically going to warp it to follow the shape of this collar. So, you can see I am pulling these handles up so that I've got that edge like that, and I am going to bring this one down, way down here like this, and then bring these handles over so that they match where I'm traveling, set that up, and bring this guy over this way.

And this long one here, we are going to bring down, bring this one over. And you can see how we are starting to distort our little collar here, so that we get the angles that we want. And then we have got to bring these handles in. Here, I am actually working with the points themselves, the shapes inside. I am going to keep moving these until I have the right angle. See, there is the angle that I needed right there. So, I am going to twist this around and bring this over. Now, I've got a concentration here, so I am going to move these, so I started getting the concentration on the other side.

So, let's just move these guys around until I am starting to get the right angles that I want. Here, I want it to be fairly straight up and down, so I am going to pull this guy way up like this, so that they start to curve on that side, and I kind of straighten these out. So, you can see, I am doing this all visually and I haven't done anything. I haven't committed anything to the image yet until I click OK and this all falls into place. So, you can see I am constantly modifying this until I get all the right angles that I want. So, I am curving this up a little bit, right in there to follow that little curve. Okay, and I got these guys going straight down, and I'm playing around with it until I have it just the way I want it.

And there is what I want, so now I hit Return and I get the little ribbing, which I now going to put this into a mode because right now I have that white showing through it, and I would like it to be that other tone underneath. So, we will try a few different modes. I can try Screen, which is going to give us as the light tones in there. No, maybe want to do Multiply. No, that's going to darken it too much. So we might want to go in there and in fact--you know what, the Multiply does look good because I do want to emphasize the dark tones and leave the grays of the T-shirt to come through. So, to make it blend in better, I am simply going to bring down the Opacity.

I am lowering the Opacity to just get that little hint of the ribbing in there. Now, once we start adding a little texture to this later, as you will see in a minute, this will all start to really come to life. Now, we are going to look at this ribbing, which I am going to do the same this. I want to clip it to the collar on the right. So, I am going to select that layer and as I did before, I am going to go in here and say Warp. So, I am going to say Transform > Warp, and I am now going to work with this layer, which I going to do the same thing. I am going to drag these points down to start to match the area of the collar itself.

Now, when I drag the points, you notice that the handles remain in place, which is giving me this really distorted thing. So, I need to of course grab these handles and bring them back into the scene like that so that they start the match the way they should, and let's bring these guys over and this one over and now to start to give it that shape. I'm going to start to straighten this out, just as we do with the other side. I am going to pull these out and bring these guys way up, so that they start to match our T-shirt on this side. And I want to just play with these little handles until I start getting that little curve that I need up there.

Here is that little curve, bring this around. And this one needs to be a little straighter, so let's just straighten this out a little more right through there like that. That looks good, a little bit of a curve. There, we see it. But I want to thicken this side, so let's just pull these guys out. So, this starts to thicken this, and pull this over so these start to tighten up because they need that foreshortening and starts to go around the neck area. And I can even just pull this one down just a little. There we go. So, now that we have that, I can click OK, and we will match the Opacity.

We have 40 here, so we are going to set this one to Multiply and set its opacity to 40 as well. So, there we see that we have the ribbing on the T-shirt. Now, we are going to start to give this a little more of a sense of real fabric. So, going back to the collar on right here, I am going to take my Burn tool. I am just going to very lightly start to go in there and play around with the collar, and I am going to start adding some tones. Let me set this to Midtones here, so I start getting some little tones going in there like that, and maybe right along the edge, and I like to have a little edge right through there.

If you want to make that even, let me undo that. I am going to bring this tone down a bit just like that. And what I am going to do is I am going to pick the path itself, which I have this path here for that collar. I am going to select the path, and I am going to say use that as a guide for my Burn tool. So, let's just say go in there and burn it. You see how it's just created a little edge right where I wanted it? So, there I got this nice edge, and I might want to accent it in the few spots just to make it little stronger, like right up here and so on--and maybe throw a little tone right in there.

And then we go to the other layer, the collar on the left. Then we will do the same, which is add a little tone right into that area, select the path right there, get our Burn tool, and go ahead and stroke it. Stroke it another time so we get this nice little dark tones happening right through there, and we can see that we start to get the nice definition to our little collar. Same thing would then, of course, apply to the shirt. We can go in there and make a much larger Burn tool and just add a couple of little tones along the top, along that side, and maybe just a little bit along these edges.

So, what we will do is we will take the path that we did before. I am going to reduce the size of this nice and small, and we are going to take those paths, just like we did a second ago, a path for this side right here, which I am going to go ahead and stroke inside this shirt--and make sure we are in the shirt, shirt body. Good, so we've got that. And we will say take that path and stroke it. So, I get this nice little tone. Stroke it again, so we have a little shadow underneath the collar. We select this side and say stoke it, stroke it, and then you can see how we are starting to get this nice little definition to our T-shirt.

You can add as much more if you want, but there you can see how we have used the pattern to create that little bit of fabric that you see along the collar.

There are currently no FAQs about Bert Monroy: The Making of Times Square, The Tools.

 
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.
Upgrade now


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 Upgrade now

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 Bert Monroy: The Making of Times Square, The Tools.

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

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.