Tuesday, December 21, 2010

Simple Ice Hockey Background Tutorial

I needed to back a back drop of an ice hockey surface in Illustrator, and after doing a quick google search not coming up with anything, I decided I’d try it myself. I think it came up convincing enough to throw out this tutorial.

1. Starting with a new document (I’m working on a 4” x 4” document) I change my fill to 10% cyan and apply “none” to stroke. Then I first create a box using the rectangle tool, creating it the same 4” x 4” size as my document.



2. Deselecting the box I just created I then apply white to my fill. Now select the mesh tool and randomly click on your blue feel to add the high-lights to your ice surface.



3. Then switch your while fill with the stroke so that fill is now “none” and stroke is white, and randomly draw lines across your document. To add a little bit more realism to the surface I also used my pen tool and draw a couple of arches as an actual ice surface would have.



There you go, lock your layer and build whatever you need on top of it. Enjoy!

Monday, December 20, 2010

Johnny Robot - Episode 2 - Downward to China

So I’m out back playing with my hot wheels. I have some two by fours laid out on the ground, and I build little ramps out of dirt to get my cars up onto these freeways. Well no point in have a freeway unless I can have a bridge, so I start to dig a hole in the ground so that I can lay one of the two by fours across so that I can have a bridge for my cars. Well being a boy of seven I decided my time might be better spent digging a hole to China, you know to see what is going on down there. So I’m digging and digging and I just keep on digging. Well not far down is a water pipe, but it’s the olden days so it’s made out of metal so I don’t hurt it, I just have to dig around it, which I do. So I’m digging and digging and digging. The pipe is in the way, but it’s no bother, I’m young and dumb.

Well I’m getting tired and have a feeling I’m never going to make it to China, so instead I decide that since there is a embankment behind our house, that I will dig down so far, then out to the embankment so that I can have a fort/cave to call my own. So I’m digging and digging, and the hole is getting kind of deep now, and that water pipe, it’s still there and it’s still in the way. Well to really dig now I have to get down in the hole and dig and dig. So after some time I really start to make progress, enough so that the water pipe is now above my head, but that’s alright, because I’m going to have the coolest fort/cave in the world.

Well I hear my mom calling, it’s lunch time or something, but I can’t get out. I can reach the ground, but the pipe for some reason is impeding my way out, I can’t get out, so I start yelling... “Mooooooom!” So she comes running and so do all of my brothers and sisters, and they’re all looking down at me. So I frantically tell my mom I’m stuck, I can’t get out because of the stupid water pipe and Jim, my oldest brother, is laughing, he thinks this is sooo funny. So My mom tells Jim to lift me out of there, so he reaches down and grabs my hands and tries to pull me up, but that water pipe is still in the way, there’s just no way out, I’m just not fitting now.

Jim then tells me, I’m gonna have to wait til dad gets home (laughing the whole time) and then he’ll get you out, and you’ll be in trouble! My mom tells Jim to quiet down and says it’ll be ok and asks where’s Johnny Robot, maybe he can help. So I tell her he’s around, just call for him. So my mom calls out for Johnny Robot and he comes running up... “Beep, boop, beep, yes mom? beep” So my mom tells Johnny Robot that I’m stuck in the hole because the water pipe is in the way, so without spending a moment to think, Johnny Robot flips his .357 magnum gun down and aims it at the water pipe and fires. BANG! hitting one side of the pipe which then bursts and water starts spraying all over, just showering me with water, and filling up the hole. Well I start to scream because I think I’m going to drown, “Get me out of here!” and Jim tries to pull me up again, but the pipe is still in the way.

With the water up to my knees, Johnny Robot fires again, and off drops the pipe, hits me in the head, cutting me. I’m screaming some more but with the pipe clear, Jim quickly pulls me out as the hole continues to fill with water.

Well we obviously turned off the water, my dad repaired the pipe when he got home, I was grounded for a week and Johnny Robot saved the day. And you know, if the weather is just right, you can still see that scar on my forehead.

Friday, December 17, 2010

Johnny Robot - Episode 1 - The Beginning and End

It was Christmas 1973, and boy did I love being a kid. Waking up Christmas morning, seeing all of the presents out under the tree, spilling halfway across the living room. Of course there were six kids, two parents, a grandma and uncle there, so it was always deceiving. I never got as many gifts as I thought I was going to get, but I still loved coming around the corner and seeing all of the gifts. It was like I hit the jack pot.

Anyways, as we settled down and started opening gifts, I got the usual, hot wheels and underwear, just going through the motions waiting for that last gift, you know the one your parents kept til the end, the grand finale. Oh and it was a good size box, must have been two feet tall, at the time I wasn’t much taller then it, I knew it was going to be something good, and boy was I not disappointed. As soon as I pulled off the first corner of the paper I saw the word “Robot” and I knew I had scored. Pulling the rest of the paper off, there it stood, “Johnny Robot”, man was it cool looking, “over 18 inces tall” the box said, and back then, toys were still made out of metal, so he was cool looking, painted all red and blue.

To that point in my life, that was my greatest moment, then I started playing with it. Of course the first couple of weeks was a blast, I would have Johnny Robot destroying cities made of blocks, crushing my hot wheels and saving the day. After awhile though I slowly became disappointed in the fact that Johnny Robot didn’t do anything. In all reality it was just painted metal. Sure you could move his arms back and forth, but so could my 12” Bionic Man, and shoot the bionic man even had the roll away skin revealing his bionics, and the eye-pieced drilled in his head so I could pretend I was using his bionic eye. Johnny Robot didn’t do anything, his arms & legs moved, and his head moved back and forth, big deal.

Well that wasn’t going to work for me, no way. First modification I had to make was to give Johnny Robot a voice, so one day when my brother Jim was at softball practice I stole his Tandy tape recorder and took it apart. Cutting up my Johnny Robot wasn’t too hard, my dad had all the tools any boy could need. I of course placed the speaker in his head where his mouth should be, drilling a small hole so that the sound could get out, I then placed the tape compartment on his back where I could access it easily, but it was still out of the way visually. The buttons however, looked more like teeth, so I cut a notch on the bottom of Johnny Robot’s head and hung them there. I always thought it was cool the one red button for record, really gave Johnny Robot a menacing look.

I then of course recorded his first statements, always beginning with “beep, boop, beep”, and ending with another “beep”, because after all he was a robot, so he had to sound like a robot. “Beep, boop, beep, Hello Steve! beep” was the first thing Johnny Robot said. I could still hear him in my mind, it was so cool. Other cool sayings I gave him were, “beep, boop, beep, Johnny Robot, protector of the innocent, beep” and “beep, boop, beep, Laser Blast! beep”. As the days went on more and more sayings were added, however I noticed that when I cut the metal on his head for the buttons, that some of the paint where his eyes were had peeled back, and it seemed so fake, I mean, who has painted eyes?

Hmmm... Ok, so I know my Mom has a video recorder, and I know she never uses it, so she probably wouldn’t miss it. I also know we have a projector, that we rarely use, they both have lenses that wouldn’t be missed. So after sneaking both items out to the garage, surgery began, and it wasn’t long after that, that Johnny Robot now had two glass eyes, one was a little larger then the other, but that wasn’t a problem, it also shot light out of it, the one larger eye, it was sweet, Johnny Robot now has laser vision! There was already an antenna on his head, so I just put the toggle for the light on top of his head, and added some wire to it to make it look like a second antenna. Another cool thing that I didn’t think of, but worked out by chance, was when you turned the light on for his laser vision, the antenna was pointed forward, really giving Johnny Robot a menacing look. Johnny Robot was getting cooler and cooler by the day!

Well we played like this for a couple of months and we had a good time, but one weekend my dad was out front working on my mom’s ‘68 Cougar that had the automatic doors covering the lights. Well back then they were ran by a pneumatic vacuum from the motor, and one of them was sticking on my mom’s car so my dad was going over it, and boy did that give me an idea. So after talking to my dad a bit, and showing him what I wanted Johnny Robot to do, he acquired the right parts and I got to set-up Johnny Robot to have pneumatic arms and legs. We ran a couple of wires out of his back to a make shift remote allowing me to control him. It was pretty cool, we also hooked up a wire to control the light in his one eye as well as the tape recorder. I left the buttons on the front however because it was just cool looking.

With this new tech, we were buddies all over again... for awhile. It got kind of boring controlling him. I wanted a real buddy, someone who could follow me around and play with me. Well one day my brother Robert and I were playing down at an old empty field. Sometimes people would dump junk at this field and we’d go through it looking for anything worth something, when I found it. Someone was throwing away an old Mac Plus computer that had become outdated and too slow for whatever purpose they needed it for. So I told Robert I needed the computer for Johnny Robot and he helped me carry the thing home. Back in the garage I opened up Johnny Robot’s chest and started filling in the hollow innards with the computing power of this old computer. I then hooked the remote control pieces to the computer, allowing the computer to have full control of Johnny Robot’s limbs, eyes and speaker, and the best part? The Apple logo was illuminated, so I placed that right on Johnny Robot’s chest, like a crest all the super hero’s have. Again, it was sweet. Rob and I stood back and looked at him and were just thrilled over what we have created.

Then Robert asked, “What’s his super power?” and I quickly replied, “he shoots a laser out of one of his eyes, duh” and Robert said, it’s not a laser, it’s just a light that projects a picture. Hmmm... I started thinking again, knowing that Robert was right. “Doesn’t dad have an extra gun he never takes to work? (Dad was a Sheriff’s Deputy for Los Angeles County). Robert said, yeah he does, he hides it in his closet. So with Rob distracting mom for a short time I snuck into the room and got his extra .357 magnum and got it out to the garage. When Robert got there, he had seen I had already taken off the handle to the gun, then he asked, “what are you going to do with it?” That’s easy I said, I going to take off one of his arms, and the gun will replace it.

Johnny Robot was awesome, he stood there with his two different size eyes, one shining a light out of it, his tape recorder button teeth, and the oversize Apple logo on his chest. But yeah, the master piece was the .357 magnum right arm, and he could now think for himself. Johnny Robot would follow me around, constantly swinging the gun upwards in protect mode, just to see it’s a cat jumping a fence or something. I decided the best job for Johnny Robot was to protect the house, so that is what he did. Constantly circling the house, protecting it from intruders. I guess the only real problem was that we lived in a good area north of Los Angeles, and it was 1974, so crime wasn’t really out of control back then. So Johnny Robot spent most of his times just walking in circles. Until one day...

One day a car was coming down our street real slow. Johnny Robot went on alert not recognizing this car, and the fact that it was driving so slowly with the driver looking at all of the houses. Well in those days we lived on a cul-de-sac and the car, realizing that she was not where she was trying to get to decided to pull into our driveway to turn around. Well Johnny Robot didn’t know that, and since me and my brothers and sisters were out front playing, Johnny Robot needed to protect us, so he ran around real quick raising his magnum “beep, boop, beep, INTRUDER! beep” and shot out one of her tires. The lady screamed and pulled out of the driveway as fast as she could and drove down the street on her flat tire. In the mean time my mom and dad came running out of the house to see what the commotion was to see Johnny Robot’s smoking gun and the car driving off.

Boy was I in trouble. Dad sat me down and had a big long talk with me about what had happened. He also sat Johnny Robot down to and talked to him about the proper way of protecting us. My dad also replaced all of Johnny Robot’s bullets with rubber bullets so no one could get hurt. I had to pay back everyone for the equipment I stole and was grounded for a month. My dad let Johnny Robot live, and Johnny Robot continued to protect our house, however one day Johnny Robot decided we didn’t really need any protection and he took off. I haven’t seen or heard anything from him to this day. I search Facebook sometimes just to see if he’s set-up a page, but he hasn’t. Not yet anyways.

Monday, December 6, 2010

Walking the line between Print and Web

Finding a graphic designer who can truly create for all areas of your business can be difficult. Sure if you were to work with a design house they can handle all aspects, but is one person really designing for you, one person that you have a relationship with, or are you have a relationship with a salesman, and then they are passing the information onto the two different departments? Some of your info goes to the designers that design for print, while the others go to the designers that design for web. Or maybe there is only one designer, but unless that designer knows how to code for the web, there can be a number of changes that need to be made to your layout just to make it web safe.

Me, Steve Craig is thisHero Designs. I'm a one man shop, which means I do all the designing for both print and web. And once a design for your web is approved, I Steve Craig code your web site. I know through experience what can and cannot be done on the web. And while anything is possible with the web, is that anything possible while keeping your site optimized for any web browser, or any speed, or any search engine? These are all important factors to take into consideration when designing a page for your business. While sometimes flashy is called for, if no one sees it, what's the point.

Steve Craig - Graphic Designer for Print and Web.