Rectangle to Polar Conversion in Paint.Net

Posted by Mongo

Here’s a neat little tip for you designers out there who don’t have Photoshop. Have you ever wanted to make one of those images with a bunch of different colored stripes emanating from a center point? It’s kind of like something in the realm of perspective. As the lines move from the center they grow in size. Here’s an example of what I mean.





Well, I used to be able to do this years ago in Photoshop, but since I primarily use Paint.net…..which I should note, I just got a copy of PhotoShop CS4 Elements but haven’t installed it yet…I’ve been trying to tackle it there. Sometimes, though, even the craftiest of designers need a little help once in a while in the form of plugins. Developers out there, who work with Paint.net create these plugins to do things that the normal version of Paint.net can’t do. One of them is a rectangular to polar conversion. You can read more about it and even download the plugin here.

Simply follow the instructions on how to install it and you are on your way. Now, let’s recreate that image above. You can choose any combination of colors you want.

First off, create a new image. I would keep it as square as possible for starters. I’ll use my normal 2000 x 2000 pixels with 200 ppi resolution. Of course, I’ll shrink it for display, here.

Now, looking at your blank screen, grab one color and switch to your Rectangle tool. Make sure you change the setting to Draw Filled Shape. This will create solid boxes instead of outlines.





Start making stripes running from top to bottom. The more stripes you add the more you’ll get in the end. If you want to cheat a little bit make about five stripes. Then use the rectangle select to draw a box around those stripes. Copy the selection and then paste it back into the image. Drag it to the end of the last stripe and instead of creating one stripe at a time, you now have five. This will make filling up the canvas easier and with less chances of screwing up the widths. It helps if you space them apart, equally. As you get better you can play with spacing to create different effects. For now, make them all the same distance from each other. Like so.



Now, you can do this next step now, or later depending on your own preference. I choose to do it now because….this is my tutorial. Anyway, if you have loaded the plugin, you should be able to find it under Effects>Rectangle to Polar Conversion.





The effect automatically converts the top of the image into a single fixed point in the center of the image. If done correctly you should now see the image below. If you don’t, hit Ctrl-Z and see what happened. You might not have extended the stripes to the end of the canvas. Here's what it should look like.









That’s all there is to it. Go and play around with it and see how you can create effects that you can use in other images.


Q: What happens if I create horizontal stripes?A: Since the effect essentially takes the top of the canvas and bends it into a circle, if you used horizontal stripes you would get circles. A nice effect if you want to do bull’s-eyes or other weird things.






Q: Why do you like layers?
A: Working in layers allows me to create other effects or make changes without having to do a lot of backtracking. For instance, say you don’t like your color choices. If you did everything on one layer, you have to either undo or hope that you can work on top of what you’ve already done. With layers you can change one color or both without affecting the other. Here’s another cool effect if you use layers. Go to your lower layer and choose the gradient tool. Click and drag the mouse from the center to create a gradient. Pretty slick, huh?





Here is an example of how I used all these steps in a design.






Each one of these elements, the sleeper, the text, the burgundy bar at the bottom, the boxes around the outside, and the stripes were all created on separate levels. That gave me the ability to mix and match, tweak and change a lot of stuff on the fly to get more flow from the design. I used the polar effect and gradient tool to create the stripes, just like I showed you. Go! Create! Have a good weekend!

Procrastinators Unite Tomorrow
Procrastinators Unite...Tomorrow.Available at Mongo Angry! Mongo Smash!

polar effect gradient

polar effect horizontal
You are getting very sleepy...

polar effect after
Finished two color image

polar effect after
Finished Rectangle to Polar Conversion
Now, let’s tackle the secondary color. For the example, I'll use white. You can do this in two ways. The first is to choose the paint can and just fill in the gaps between stripes with your second color. The second method, which I like better is to create a new layer below this one and just fill in the entire image with the paint can. Since the layer on top has the stripes it will cover the areas on the layer beneath. Personally, I like the second method because it leaves no chance for bleeding into the other color and depending on the difference in colors it may bleed more leaving you with uneven or jagged edges. It also allows you to do other effects.
Polar Effect Tool
Rectangle to Polar Conversion Effect in Menu

polar effect before
Stripey


Draw Filled Shapes
Draw Filled Shape Rectangle

polar effect after
Neverending perspective effect

Free Shipping Through October 23

Posted by Mongo


FREE SHIPPING ON $40 AND UP THROUGH OCTOBER 23!

Coupon code: SHIP4FREE

Disclaimer


Pop Culture University

Posted by Mongo

I have devoted a sub section of the store to a collection of designs based on or inspired by fictional schools in pop culture. What started out as just a couple of 80s films has grown into ten different schools, so far. They range from high school to college and universities. In most cases, I have tried to recreate the original logos and mascot designs from the original films, while a couple were nods to what was almost impossible to figure out from countless repeated viewings of specific scenes, trying to study the actual logos which were obscured, hidden, or too small to see. What I found after viewing many films was the lack of attention to detail that came from costumes and props being consistent throughout the movie. A lot of the fonts used for school names change from prop to prop. Films are funny that way. Most people don’t notice it because of the angle of placement or amount of screen time.

Almost all of the designs are on the front with a few exceptions of being printed on just the back. In some cases, I have opted to offer front and back side printing for specific characters from a film. One is for the West Canaan Coyotes from the film Varsity Blues and the other is for Shermer High School from The Breakfast Club. This is something I also offered for the Hamilton Mustangs design from Youngblood once I got the hang of it. Here’s what the section has to offer, as of now.

Ridgemont High Wolves

From Fast Times at Ridgemont High

I took some liberties with the mascot design as I didn’t have a good reference point until after I got the opportunity to re-watch the film. Then again, I was hung up on the pool scene… I am also thinking about recreating the Captain Hook Fish and Chips if I can get a good look at the box Brad Hamilton was loading before he goes to IBM in his pirate outfit.



William McKinley High School Glee Club

From Glee

I will say I am a huge fan of the show and wanted to get in front of the pop culture bus instead of being underneath it. It’s already picking up some momentum and I actually like the black text on red shirt design best. This one of the many existing Property of… shirts in the store.



West Canaan Coyotes

From Varsity Blues

I admit when you compare the film to say Friday Night Lights it’s not really a fair assessment of quality, but it terms of MTV generation popularity, there is a huge demographic of people more interested in VB than FNL. It was actually the suggestion of a friend of mine to include this design as well as offer the back side printing of the name and number of certain players. It kind of sucks that it costs an additional three dollars to include the back side printing so I offered the same products with only the front side design and then created three sub sections for the following.

Lance Harbor


Billy Bob


Charlie Tweeder


Jonathan Moxon



Thompson High Warriors

From Vision Quest

Once again, a good friend suggested this idea because of a cult status among his friends. This one comes in a few colors for the designs to take advantage of the two red shirt colors.



Central High School Wildcats

From Wildcats

Football…Football…before they taught a white man to jump or robbed the money train, Wesley Snipes and Woody Harrelson played high school football together on screen in Wildcats, despite being 24 and 25, respectively, when it was filmed. Maybe they got held back a lot. I searched and searched for an image of the mascot that I could incorporate and finally just decided to go with the logo on their jerseys.



Santa Carla High School

From The Lost Boys

While there is no real mention of any of the characters going to high school in the film, I wanted to portray the age of the characters in reference to actually attending a high school. In this case, the high school is partially based off a real school called Santa Clara High School in Freemont California. The additional traces of blood on the shirt are a nod to the wearer being a snack for all the damned vampires that live in the area.



Wolverines

From Red Dawn

If you were to simply look at this shirt you probably wouldn’t get the reference. I like being a little obscure. There are a lot of shirts out there with the graffiti logo from Red Dawn which is highly recognizable but this is about school designs. Since Calumet, Colorado is where the Wolverines are from, I went with a design inspired by the Wolverine logo on the characters’ jackets and the one on the scoreboard at the field. These were all pulled from watching clips of the opening attacks.

Westerburg High School

From Heathers

This one is perhaps not so obscure. Anyone who knows the movie knows the name of Westerburg High School. Anyone who REALLY knows the movie knows it was named for Paul Westerberg of The Replacements. Finding a mascot was hard so I pulled the inspiration from the cheerleaders design in the pep rally scene.

Faber College

From Animal House

Ok, every shopkeeper on every site from CafePress to Zazzle to Spreadshirt has probably thought about or actually created a mock up of the famous COLLEGE shirt that John Belushi wears in the film. So, why not? Sell out? Yeah. I’ll admit it.



Grand Lakes University

From Back to School

I was surprised that no one else has thought of doing this design. There are some for Thornton Mellon School of Business but none for Grand Lakes University Hooters. This was another hard one to work up with little reference. The cover of the DVD has Rodney Dangerfield wearing a sweater but it’s really hard to see the owl. There is also a scene where a few binders or stationary material show the owl in the book store but still it was really tough to get a clear screen capture of the logo, so I did a lot of guesswork and extrapolating from what I could find.

Adams College

From Revenge of the Nerds

I wanted to stay away from Fraternity and Sorority lettering because everyone else had done it, so I went with the basic logo of an atom for the middle and added the tag line Home of the Atoms underneath.

Shermer High School

From The Breakfast Club

Here’s another multiple offering in the case of backside printing. I have a line of products with just the design on the front and then individual lines for the front side design and a backside text only image across the shoulders denoting each character’s “class” status being Brain, Athlete, Princess, Basket Case, or Criminal.