Darth Brooks

Could you post up the logo you want to adjust? There's probably eight different ways to change colors around. I posted a link to the new Bucss uni, http://www.flickr.com/photos/65516705@N00/sets/72157641816748303/'>http://www.flickr.com/photos/65516705@N00/sets/72157641816748303/ Pick one and we'll try and turn it into a template.

edit>Transform>Distort (or Perspective and /or Warp if your version has that)

Short answer? Use your imagination. Long answer, the method will vary. If someone is using renders, like Davidson's Helmets, then it's a matter of making separate passes. On this image I played with levels. I put a white (or black) layer below the one I was adjusting. The screen layer is the one that will "take control" when you have a dark color. I took a copy of the original image and masked off the area I wanted to play with, then set it to screen. I put a black layer underneath. On my screen layer I went Image>Adjustments>Layers and slide the er, sliders until it looked like an approximation of what a black uniform would look like. I did the same thing on the multiply layer (only using a white layer below and the Multiply blending mode). There are other methods to replacing colors and someone may have a much better way of doing it.

Next step on the player is making the uniform colors editable. You need an upper and lower light & shadow level. In English, one layer that looks like what the jersey would look like if it was white, one layer that looks like what the jersey would look like if it was black. You set the darker layer to Screen. This means that the reflections and highlights will show up no matter how dark the jersey gets. The lighter layer is set to multiply. This means that no matter how light the jersey gets, it still has the shadows and definition it would have if it was pure white. The two layers work together so that you have a natural balance of lights and dark no matter what your jersey color. It was a bit difficult with this one because the image is so crude. This is what I came up with. This is what it looks like in practice. I had a few problems with the shine on the shoes. They could have been a separate layer, one that isn't affected by hue changes. The psd is here if you want to play with it: http://darth-brooks.deviantart.com/art/A-template-using-a-very-old-college-player-442861902 If you want a set of photos to practice with I suggest you look here: http://www.flickr.com/photos/65516705@N00/sets/72157641816748303/ It's a set of photos of the new Buccaneer uniforms and the photos are huge. In case I didn't say this, it really helps to work larger than what you want your final image to be. (It hides a lot of errors)

One of the very best tutorials I've seen on the forum is for painting logos on grass. 9erssteve added And later, The thread is here: http://boards.sportslogos.net/topic/68101-logos-painted-on-grass/

Now on to using masks. Masks are a way of cutting a area of an image without destroying it. Masking a layer is an incredibly flexible way of handling a section of an image. To show you this in action we're going to work with a dandelion. The point of this demo is to show how you can make very fine selections Wikipedia is providing the dandelion. First, look at the channels tab. We're looking for the one with the most contrast between what we want to get rid of and what we want to keep. The blue channel is the best for this little demo. The channel you'll choose will vary image by image. Next, increase the contrast as gently as you can. You want the stuff you're going to keep to be white and the stuff you're getting rid of black. Whether you work in black first and then invert the image is up to you. Sometimes that works out best. In progress. This is what you want to end up with. Next, go to Select>Load Selection> whatever you named that channel as, then hit the Add Vector Mask button. This is the result. The Dandelion is separated with all the little detail preserved. Because this is a Sports Logo board, here's the Dandelion on a football field. I did have to do a little adjusting. The exterior edges still kept some of the greens, so I made a duplicate layer. The first layer is cut in a little. Loading the selection again, I feathered the edge, then deleted the selection. This cut in the edge. The layer below was set to Screen. That gave the image that very light edge that Dandelions have. So how does this apply to football? We'll take another look at our football player. I cleaned up the image a little bit, removing the players in the back and cropping it down to where it's focused on the player. The original is washed out so I increased the contrast. First thing up is the grass. I wanted to work on the light and dark parts of the grass separately. The black and white is a division between colors that were lighter or darker and they probably weren't the same colors. I used the method above to made a mask for the darker colors and below it I did the greens and such. Without the original image it looked like this. (note that there's a layer for the white lines as well) Put together it looks like this. You'll also note that the layers for the grass are in their own folder, which has a layer mask of it's own to keep the grass off the player, which has to be a first.

Now a bit about Darken, Multiply and their do goody goody twins Lighten and Screen. These are blend modes. They decide how an upper layer blends into a lower one. Hue is decided like so 100%=pure white 0%= pure black. Darken used the darkest pixel value. If a lower pixel is darker than the upper one, it keeps the value the same. If your top layer is 50% and bottom 25%, it stays at the 25%. Multiply takes both layers into account regardless of which is darker. If your top layer is 50% and bottom 25%, it becomes 13% (really 12.5%). Lighten works in reverse of darken. It takes the highest pixel value. If your top layer is 50% and bottom 25%, it keeps the 50%. Screen Works the reverse of Multiply. If your top layer is 50% and bottom 25%, it becomes 63% (really 62.5%). What this means is that you will get much more realistic color if you use Multiply and Screen than Darken and Lighten. M&S are much more universal. If you look at the middle image, some of the shadows on the original image have a darker hue value than the red that is being applied so you have this unrealistic gray in the shadows. With Multiply the red is applied evenly and the shadows that were darker than the surrounding areas still have the same contrast. Doing the same with a bit of grass from our starter image. The grass on the right isn't perfect but it's a great deal better than the mess on the left. It needs work, in part because there's color in the shadows that is missing. But for that we'll need to use masks. And that's next.

Before we start off on teaching about using Photoshop you need to learn something about design. These principles will guide you when technology fails you. Learning Photoshop without knowing these is like taking the wheel of a Ferrari without knowing how to drive. Art and design is about communication. These principles of design are universal across all forms of communication. Art, music, speech, you will find elements of these throughout all of them. We're going to use three very different pieces of art to illustrate how these work. It's also going to require you to do some googling. The pictures are by Norman Rockwell, Rembrandt van Rijn (looking very cheeky) and Homer Winslow. Elements of Art Line Line is the divsion between spaces. How areas are divided can greatly effect how someone feels. The line can be angry or calm, Rembrandt's line has a lot of action. It's not very static and that's good because he's catching (himself) being very alive. Shape The general shape of an image. If you squint, you should see a strong outline between the dark and light shapes of the work. If the shape of an image is strong, you'll be able to make sense of it even when it is far away or small. Color Has to do with the overwhelming hue of an image. The Rockwell is almost completely brown except for the father. Winslow's painting is evenly divided between blues and browns. Value The overall light and dark of an image. It's what gives Shape from above. Some paintings have very harshly black and white, others are more of a gray, with little difference between the light and dark part of the image. Texture This has to do with the tactile feel of the image. Patrick Nagel's paintings have a very smooth, crisp texture to them. The Rockwell painting uses a number of textures, from the smooth suitcase to the silky fur of the Collie to the rough feel of the car. Space Space refers to the area in which art is organized. Does it feel as though it has depth? The Rockwell image takes place within a small, intimate area but the Homer Winslow is very open. Another artist who makes very good use of space is Thomas Moran. Principles of art Repetition Repeating design elements, exact or varied, which establishes a visual beat. It's a way of reinforcing the Center of Interest. It can be repeating shapes, textures or colors or whatever. It doesn't have to be exact which brings us to Rhythm Rhythm is using that repetition but bring in variation. For example, in the Homer Winslow painting there are three painters but they are all different. The red in the Kid's tie (in the Rockwell) is repeated in the cloth, the lantern, in his shoes and in the banner on his suitcase. Thematically the use of a repeat color (or other element) can give separate elements a connection that tells a story. Proportion Proportion is the size relationship of parts to a whole and to one another. How much of your design is used for an element? If you have a ton of area devoted to something trivial, it's going to make for a weaker design, but open space with a purpose can be powerful. Balance Balance is the impression of equilibrium in a pictorial or sculptural composition. Balance is often referred to as symmetrical, asymmetrical, or radial. Pathways Pathways determine how and where your eyes go. You want to keep directing people back to the center of the piece but you also want to show them the whole thing. In the Rockwell painting, he's set a path for your eyes to follow. It keeps the viewer from trying to see everything at once and gives them reason to keep looking at it. In the Homer Winslow painting the shape and color of the clouds guide the viewer from one side of the painting to the other, providing a visual "highway" for the eyes to travel. Center of interest The place in an artwork where your eye first lands and where it goes back to. It's usually the area of strongest contrast and detail. Note: I'm going to fill these as time goes on. Next is some general Photoshop tips and then we're going to have fun with this fellow below. If anyone else wants to contribute go ahead, in fact I'm hoping that more people join in.

All this time I thought you were working with a Waccom tablet. Good work and steady hands.

Thanks Ren. The logo looks great. If the team had survived this really could be what they use these days. I really wish that the motherboard still had a defunct NFL teams section.

Life comes first. Sorry for your loss.

Canton Bulldogs have not been done yet. Admittedly it's a crappy source image. I did find this which is somewhat better.

Not mine and not exactly what you had but it's close. Edit: This is closer

Thanking Ren for the Yellowjacket logo. This is what a modern version of their helmet might look like.

Thank you! It is a really nice logo. The Providence logo is a bit odd but Frankfurt had really good instincts when it came to design.

Gonna repeat my request for these old logos. I apologize for the long quote but I didn't want you to go hunting in the thread for my post. The Canton Bulldogs especially could use a rebuild. This is the best copy of the logo I could find and it's a historically important one. The NFL was created in Canton and the Hall of Fame is there. More than that, it would be great to see these live again.

... what the hell is THIS supposed to be? From what I've read it's a wolfman. 1922 would have been well before the Lon Chaney JR movies. Now why a wolfman on a team named Providence Steam Rollers? I dunno.

There are better versions of this logo out there. Here's a colored version of the one from the mothership. and the same with more gradient shading that is probably advisable and going in a different direction. The ones I'd like to see are the defunct teams of the NFL, for whom no better logo exists. Canton Bulldogs Dayton Triangles Duluth Eskimos Providence Steam Rollers Frankfurt Yellow Jackets Those would be fantastic and honestly serve a purpose. Ren69, what you're doing is extremely cool. If you can update the logos I'll make a topic with Modern versions of the uniforms and helmets of defunct NFL teams.

How's this?

You can download it from here.

What is the font used for NFL yard markers?

I'm sure this has been asked before, but what is the font used for NFL field numbers? Google is not coming up with the answer.

I'm working on a template for football fields. This is related to Goal Line Blitz, some of the folks have done some nice work and I'm doing my bit. This should give you an idea of what it will look like. I'm going to make it available when it's perfected. http://i50.tinypic.com/vi0e3n.jpg I'm glad to have found this site. There's some amazing work here.