tag:blogger.com,1999:blog-15173937452746605992023-11-16T10:57:08.458-05:00Steve SpatucciDesign, illustration, animation, games, music, writing, and filmmaking.Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.comBlogger106125tag:blogger.com,1999:blog-1517393745274660599.post-89425987764256574912014-12-06T09:20:00.000-05:002015-02-03T11:29:01.051-05:00The Young Creative<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlla69Aq-d0JaySZFBK08JGKnMMEZFelXzcrUB0std1t-2QEgnKPce435kKjekxkw2Pb1M5lVuk3uH8T5Ph5CPZpGUyz6OBnVP2IX7uSB9MDLXFrKzUfoyP2PzFD8zfMdjzMCyZIXiKE/s1600/the_young_creative.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlla69Aq-d0JaySZFBK08JGKnMMEZFelXzcrUB0std1t-2QEgnKPce435kKjekxkw2Pb1M5lVuk3uH8T5Ph5CPZpGUyz6OBnVP2IX7uSB9MDLXFrKzUfoyP2PzFD8zfMdjzMCyZIXiKE/s1600/the_young_creative.png" height="293" width="400" /></a></div>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-69878308861556597072014-10-06T06:44:00.000-04:002014-10-06T06:45:21.776-04:00It Must Be Me - New Site DesignAfter way too many years of dormancy, I've updated the design of <a href="http://www.itmustbeme.com" target="_blank">It Must Be Me</a>, the website for my future book about all the strange encounters I've had in my life.
The book has been nearly done for (gulp) over five years - I just need to take a final pass over the entries before publishing. However, I'm starting from scratch, only posting each new story as I edit it. Check it out <a href="http://www.itmustbeme.com" target="_blank">here</a> and check back over the coming months - it'll be populated with most if not all of the stories by then.
<br /> <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2r0C4okm0w0eRyOT6nX8RC07rs5305HmEqKHCZCi938BjuznVU5Wd88YaEv1vyOh27Twj7RCf0svvcqmdC2SNeVWqGNSPkr5dzwrDPeFzdeBkNJxq9qV4eo4rHwDRGiINxfcI0aAfeY/s1600/web_imbm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2r0C4okm0w0eRyOT6nX8RC07rs5305HmEqKHCZCi938BjuznVU5Wd88YaEv1vyOh27Twj7RCf0svvcqmdC2SNeVWqGNSPkr5dzwrDPeFzdeBkNJxq9qV4eo4rHwDRGiINxfcI0aAfeY/s400/web_imbm.png" /></a></div>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-16160044668898748902014-09-26T06:17:00.002-04:002014-09-26T17:35:18.421-04:00Breach Point <div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
My serialized supernatural thriller Breach Point is now complete. <a href="http://stevespatucci.blogspot.com/2009/07/breach-point-castle.html" target="_blank">When last mentioned on this blog</a> in the late 2000s, Breach Point Castle was a screenplay featuring a 20 year old college student named Clara who investigates the mysterious fire that destroyed a haunted attraction in the 1980s.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM8RAttKDVPbYyINqt1-1jnGovXLZ59WaJBIQWiHFMEDZt6muj2Bef4uD9crwp-wj0zzknTavzEU7fmcTtgycZHN-RwEOD6D3UxsWVWv3Tds0zNViKf-tyPENtnDuroSxugN8DnfSjDhU/s1600/bp_book_3d.png" height="400" width="321" /> </div>
<div class="separator" style="clear: both; text-align: left;">
I've since rewritten Breach Point as a serialized novel, spending the
first nine months of 2014 writing and posting one chapter a week online.
I'm now working on publishing it as an eBook, but you can read the
existing version on the <a href="http://www.breachpointbook.com/" target="_blank">Breach Point website</a> or on <a href="http://www.wattpad.com/story/13849383-breach-point-completed" target="_blank">Wattpad</a>. </div>
<br />Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-36360167086095021372013-12-17T12:52:00.001-05:002014-09-27T06:47:02.942-04:00A Perfectly Reasonable ExplanationA special note: This long post has spawned its own blog. To read more of these writings, please visit <a href="http://aperfectlyreasonableexplanation.blogspot.com/" target="_blank">A Perfectly Reasonable Explanation</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9w5tNMDLtP75RuJ7O747K2VqNHl9KrH5-o5Ix9xnGya2KzVom_L1t4_1a2B0zf0wxqDoQq6zhB7TzFKkMcPUF141YtDdUiKBZuZG5oTm3rDft1t6ho4dvhjqmfQTHv8KFQphchzBaZaw/s1600/apre_characters.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9w5tNMDLtP75RuJ7O747K2VqNHl9KrH5-o5Ix9xnGya2KzVom_L1t4_1a2B0zf0wxqDoQq6zhB7TzFKkMcPUF141YtDdUiKBZuZG5oTm3rDft1t6ho4dvhjqmfQTHv8KFQphchzBaZaw/s1600/apre_characters.jpg" height="165" width="400" /></a></div>
<br />
<br />
If someone was immortal, how would we even know? Maybe they're only going to live to be 10,000. Let's not assume.<br />
<br />
I am not above adding an already-completed item to a To Do List. Those still count.<br />
<br />
When will Billy Joel write a sequel to "The Ballad of Billy the Kid"? It could even be a whole series of songs. You know nobody can dramatize the legends of the Old West like that guy. What a missed opportunity it will be if he dies before composing a song about Wild Bill Hickok. His ghost is going to be kicking itself throughout eternity if that occurs.<br />
<br />
You know you're old when you have a designated place in your house to store your MRIs. Same goes for dental molds. But don't let that place be too prominent. Your house guests do not need to see detailed views of your herniated discs and bridgework while you're entertaining.<br />
<br />
Cowards have ruined throat-clearing. When I want to clear my throat in public, I sometimes have to clarify by saying, "I'm not trying to get your attention or alert you to something you haven't yet noticed. I actually had phlegm clogging the opening to my esophagus." Thanks for wasting my breath when I could have used it most, cowards.<br />
<br />
I remember the days when using the word "exactly" meant something. Now it's become a conversation-ender when someone doesn't know what else to say. I'm going to start using "approximately" just to bring a sense of danger back to my interactions with people.<br />
<br />
Old-timey phrases that never sounded right to me: "Remember me to ____", "You want I should ____?", "And how", and the biggest offender - "Believe you, me." None of those make sense.<br />
<br />
I believe that Diplomatic Immunity was invented for the sole purpose of helping the writers of thrillers come up with their plot twists. I'm developing a similar theory about Truth Serum but I haven't reached a conclusion yet.<br />
You're never as aware of rocks flying at your car as you are the day after you've had a new windshield installed. That day sucks a whole lot (unless you live in the rain forest).<br />
<br />
Why do people still use the word "apiece"? It is no longer 1913 and those people are not a shipyard workers counting their crew's take of the day's catch. Probably, I mean. I don't know for sure. I shouldn't have been so damn exact about that.<br />
<br />
What if someone was dying, and on their deathbed they said, "You know, I really wish I'd spent more time at the office"? Then that old saying would have a permanent footnote. "Hey Bill, do you want to go white water rafting with the gang this weekend?" "No, Stan. I have to finish up my big report by Monday morning." "But Bill, nobody on their deathbed ever said they wish they'd spent more time at the office." "Not true, Stan. Morey Gumberson said that very thing back in 2013. Now how's about shutting up and letting me do my work?"<br />
<br />
I don't believe in time travel because where's my phrestinoculator? You know I would have brought myself one of those from the future by now. <br />
<br />
People say that you should use smaller plates if you want to lose weight. That way, the same amount of food looks bigger. But are we really so stupid? I think that I will eat my dinner from a tea cup saucer to find out if the technique really works. If not, someone's gonna pay.<br />
<br />
Try not to live in a neighborhood where the residents keep lawn chairs outside by the street all the time. I think they might kill you if you go there, calling you an "outlander" and maybe an "infidel" as they bring their fists down on your head. It's just a hunch. Don't hold me to it. I'm not a certified soothsayer.<br />
<br />
Sourdough bread comes from a living thing called a Levain. Some Levains made in the 1800's are still alive now, and still being used to breed sourdough bread to his very day. That's horror movie backstory right there. There is only one lesson to be learned here: DO NOT EVER EAT SOURDOUGH BREAD.<br />
<br />
My son's Kindergarten class was studying historical and pop culture figures. His teacher told the class they were going to learn about Elvis. He asked her, "Presley or Costello?" I hope he realizes how badass that question is when he's a teenager. If not, I will explain it to him. Possibly with the assistance of a flowchart.<br />
<br />
I think it's time I start addressing all Latina women as "Mami". I've been putting off making the change for way too long and I can't hold off any longer. I mean, if Latina women can get away with it, what's stopping me?<br />
<br />
I was once in a movie theater when a fire started, but no one yelled "Fire!" Everyone in the theater smelled smoke, and we all got up and walked out quickly. So unfortunately, I did not have an opportunity to put that Free Speech argument to the test. Maybe next time.<br />
<br />
Starting an e-mail with my name and a comma doesn't make me more likely to read that e-mail. It has the exact opposite effect. I'm not fooled by fake cursive fonts on junk mail envelopes, either. Seventeen "e"s are not likely to look exactly the same if they're written by an actual human.<br />
<br />
What examples do dentists use when they're trying to explain something unpleasant that they want to avoid? That must be their biggest challenge, aside from getting people to floss.<br />
<br />
I’ve never been addicted to hard drugs, but I do know the pain of listening to the early Jerky Boys albums in the hopes of getting back that first intense laugh high. I guess meth users and I have more in common than I have previously thought.<br />
<br />
Everyone's all excited at those ice bars they construct in Sweden and Norway and Finland. Well sure, they look cool with their gleaming crystalline structures - but what happens if you're inside one and there is a sudden rise in the temperature outside? This is why I prefer my bars constructed of stone and wood. You never see those bars melt. While I'm sitting inside the stone and wood bar of my choice watching closed circuit television of you in your ice bar, I will be sure to toast you during intense temperature fluctuations.<br />
<br />
Most things determined to be unacceptable will eventually be accepted anyway, making the person who called them unacceptable a liar. And I find lying to be unacceptable. I turned that one back on itself, as you may have noticed.<br />
<br />
You can tell a lot about what a person thinks about you by how willing they are to interrupt you when you're talking to someone else. They're probably just jealous of you guys, anyway. I mean, you two have been getting pretty chummy lately. Don't deny it. I have video.<br />
<br />
People often say that they still like seeing a movie in a theater because the image is fifty feet across. Okay, but that screen is also fifty, seventy five, maybe a hundred feet away from you. A TV ten feet away fills just as much of your vision. So does a tablet or smart phone. So come up with a better argument, people.<br />
<br />
I'll refill the ice cube trays when they're good and empty, thank you. I don't believe that water and ice should be forced to share the same tray. They're different phases of matter, after all. We have separate locker rooms for boys and girls for basically the same reason. Thank you for respecting my decision.<br />
<br />
When did we all start using the phrase "National Television" to describe television? No one ever talks about being on television anymore without including the fact that it's national. We get it - TV channels usually cover the whole nation these days. That started in the late 1940's. Find another way to make that sound more impressive and I'll beat a path to your door.<br />
<br />
How cool would it be if they got Shirley Jackson to authenticate the PowerBall drawing? (think about it)<br />
<br />
If you work in an office, don't blame people for getting you sick just because they sneezed one time three days before you got sick. Especially if you interact with hundreds of people in a week. Tell you what - you prove that one particular person got you sick and I'll back you up. But the proof had better involve an electron microscope, because I always thought those things were awesome.<br />
<br />
I've never slapped anyone across the face. I wonder if it's fun? I have been slapped, though, and that's definitely not fun, so don't try slapping me and claiming I was asking for it. I just said that I am not.<br />
<br />
One time this guy hired me to work on this project for him. He called to tell me he was beyond excited that I was taking the project on. Then, when the project wasn't completed by the dated he'd hoped, he e-mailed me to say that he was beyond disappointed that I hadn't finished if quicker. Hey now. Can we control our emotions a little bit more? Please stop going instantly beyond things like that. It would benefit both parties if you could avoid such overshooting in the future. Thank you.<br />
<br />
Someday I'm going to open a store called Keepsakes for Cheapskates. The people who are able to pronounce the store's name will be my loyal customers. Not sure what I'll sell yet, though.<br />
<br />
Trigger words that most people can't resist turning into really obvious jokes: Gas, hot air, and any mention of inches. Oh - also 'poked'.<br />
<br />
The number of times I've been kicked in the balls in life took a sharp decline from age 15 to age 39. Then it began rising steadily once I had a son who gained the ability to kick. I've considered making a graphic of my lifelong ball-kicking episodes, but I fear what would happen when my son gets older. What if his classmates Google his name and find my infographic? What if it becomes a meme? I can't have him living with my groin-related injury for the rest of his life. That is a shame he should not be forced to bear.<br />
<br />
Having a husband/wife shared address is a great way to prevent an e-mail from being responded to by me. E-mail is free. Please divide your addresses post-haste. I feel too much pressure to be inclusive when all I wanted to do was tell the husband about a movie I saw. I don't need that kind of pressure.<br />
<br />
Remember in the 90's when people believed in the idea of e-mails being tracked. Those people forwarded spam to everyone they knew expecting some kind of financial windfall. Well, I tried to talk them out of it, but they wouldn't listen. Don't go blaming me. I just said that I tried.<br />
<br />
I used to know this girl whose last name was Chambersberg. She met a boy in her homeroom in high school, and his last name was also Chambersberg. It happens. They dated for four more years, and then they got married. I often think about how much bureaucratic nonsense they avoided by not having to change their last names. They defied the odds. I wonder if they're still married? I'll just Google her now… … … aw, crap. Looks like she's divorced. This whole story just fell to pieces. I'm sorry.<br />
<br />
You know who's cocky? Locksmiths. And why shouldn't they be? There's nowhere they can't get into. Nowhere. You'd be cocky too if you could eat your lunch atop a pile of gold bricks in a Fort Knox vault. Don't lie and say you wouldn't be, because I know the truth. I read minds.<br />
<br />
When I moved into my first apartment, I didn't have much experience cooking. I kept forgetting that you had to buy food on a regular basis. The first time I got sick and stayed home from work, there was very little food in the place. I had enough for one meal, and I figured I'd go shopping the next day when I felt better. But actually I got much sicker the next day. And now there was no food at all in my apartment. But there were bags of Earl Grey tea. Yes. Yes I did. I did eat the tea bags. Just two, though. I'm not very proud of this moment in my past.<br />
<br />
For a few weeks, I changed the salutation on my work e-mails to, "Stay sexy". It seemed like a good idea at the time. I had to change it because apparently not everyone shares the same sense of humor with me. Thanks, Puritans.<br />
<br />
When I was a kid, my father told me that Edison invented the lightbulb and Marconi invented the radio. I asked him who invented the television, and he said, "Oh, a lot of people working at a lot of different companies over a long period of time." Sorry, but that's not going to cut with my young self. I always liked things to be clean. So I made up an inventor named Englebert Televisioni and I've believed in him ever since. If you try to talk me out of it, you'll have one disappointed man-child on your hands.<br />
<br />
They say you're never supposed to wake a sleepwalker, but how cool would it be if they never woke up on their own, either? We could just play tricks on them as they sleepwalked through life. You could get kids to try to throw hula hoops around them, and make dogs ride on their necks. A whole new breed of sleepwalking prank shows would pop up. Though I suppose you'd have to feed the sleepwalkers every once in a while. They're not zombies, after all. And the bathroom situation would be a nightmare. NEVERMIND. I just changed my mind about how cool this whole concept would be. I'll think of something else way better. Just give me time.<br />
<br />
I once considered switching my auto insurance to Geico because my son really enjoys the gecko in their commercials. He is pretty cute. Maybe I'll do it someday. I like reptiles and Lord knows they like me.<br />
<br />
"Threshold" is a pretty elaborate word for that little piece of metal that separates rooms with carpet from rooms without carpet. What are they trying to compensate for? A "bolt" of fabric seems suspicious as well. Don't try to impress me, inanimate objects. I do not write for the Walt Disney Company. I cannot make you famous.<br />
<br />
People get really excited when someone dies doing something that they love. "Oh, Jim died parasailing - but he loved it! He died doing what he loved!" Yeah, but he's still dead. How about remembering one of the many times Jim parasailed and managed to survive? Don't be so selective with your memories of your dead friend Jim. He was better than that and you know it.<br />
<br />
That song "Jessie's Girl" would have been way less confusing if Rick Springfield had picked a more traditional boy's name instead of Jessie. Do you know any boys named Jessie? Don't even try citing John Stamos' character from "Full House". That came later so it's an ex post facto argument. I'm onto you. Plus, he spelled it different.<br />
<br />
The second time I felt like a real adult was when my wife used the word "household". She said, "I have to buy food for the household." I had to sit on the couch for twenty minutes after that one. The first time was when I bought pepper.<br />
<br />
Supposedly mowing the lawn drunk is dangerous. I think that's pretty judgmental, though, don't you? Okay, let me come clean. I did it once. But I was under the legal limit. Probably.<br />
<br />
The phrase "I love ____ to death" is always followed by a "but", and then some horrible fact about that person. That's so mean. Switch it up sometimes by adding a compliment so people will be thrown off. "I love Sarah to death, and also, she has clean teeth." See how far a little originality can go? Make what was old new again.<br />
<br />
The ultimate betrayal while driving is when a car cuts you off, and you see a bumper sticker representing one of your interests. You were the inspiration for this thought, old Honda Civic with the Rebel Alliance sticker on your trunk. Traitor.<br />
<br />
When I was in college, my friends and I used to go to this one video store to rent movies. Back before eBay, stores would give away the big cardboard standees used to promote the new releases. You could write your name and phone number on the back, and once the movie had been out for a few months, they'd call you and tell you to pick it up. Well, I had my eye on this "Pet Sematary" standee. It had a light inside it that illuminated the eyes of a cat standing on a gravestone. I wanted it so bad. I was the first one to write my information on the back. It would be mine in only a matter of time. Or so I thought, because I went back to the store a month later and saw someone else's name and number on the back. I talked to the manager and he told me that I shouldn't have written my information in pencil, because it was so light that they didn't see it and let the other customer claim the standee. I was very angry. You don't blame my writing implement like that. I tried to enlist my friends in a plan to steal it before it was gone forever. I worked up a timeline for the heist, but in the end, no one was willing to help me. "Let it go," one of them said. But I never did, obviously. How different would my life be today, if I had that standee in my possession for the past twenty-two years? I may never know.<br />
<br />
Oh, here is a picture of that standee from some person's private collection. What a lucky duck this guy is:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNs6qJ2AiROMLYkM3AC07e-GiEoHf8ONKo5XGER1Lt-yVmDaKoQkTLOO4CvapLV9kFy81uQ1pWC7lQgjITouEP8CWJvTNbaYbYxIjawIxIRtPFKFn6cyY8Gr5rqxyuSKy5dIIiGg13CI/s1600/pet_sematary_standee.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNs6qJ2AiROMLYkM3AC07e-GiEoHf8ONKo5XGER1Lt-yVmDaKoQkTLOO4CvapLV9kFy81uQ1pWC7lQgjITouEP8CWJvTNbaYbYxIjawIxIRtPFKFn6cyY8Gr5rqxyuSKy5dIIiGg13CI/s1600/pet_sematary_standee.png" height="246" width="400" /></a></div>
<br />
I once worked as a temp for a cardboard box manufacturer, but only for one week. I showed up wearing a shirt and tie, but when my new manager saw me, he complained that he told the temp firm that all new hires should wear casual clothes. Then, the fire alarm rang. Within ten minutes of showing up, I was standing in the parking lot with 300 other employees, many of whom stared at me because of the way I was dressed. You do not want to stand out at a cardboard box manufacturer, let me tell you. When they let us back in, I immediately took off my tie, but it was too late. I never blended in with that crew. What a damn shame. Thanks, tie.<br />
<br />
Before I had a kid, I remember hearing people complain about parents who would reward their kids when they did the right thing. "Oh, sure! Give them candy when they don't misbehave in public!" those people would say. But hey, guess what? That's the only way they learn. What, you think a four year old is going to decide not to scream at the 7-11 all by himself? Bribe the crap out of them, I say. Call it "positive reinforcement" if that makes you feel better about yourself. I bet it will.<br />
<br />
Spelling hors d'ouvre makes me sweat.<br />
<br />
I once saw a woman writing in a coffee shop. She was bawling her eyes out as she was typing. This woman had to keep stopping to wipe her tears. I could see from her screen that she wasn't writing an e-mail. She was in Word and she was clearly typing a manuscript. Man, that must have been one awesome book she was writing. I wish I knew the title so I could read it and cry, too. I find weeping such a release, you don't even know.<br />
<br />
May you work with people who are more worried about screwing up than you are.<br />
<br />
Why does everyone want to pull up their carpets to expose their hardwood floors? I think you should blindfold those people and do a foot test. Place their naked foot on a cold, hard piece of wood. Then place it on a soft, fluffy carpet and see which one they prefer. If they pick the wood, hit them with it because they're lying. Also, how did it feel when you touched their feet? You liked it a little, didn't you? Be honest.<br />
<br />
If there's one thing I can't stand, it's blanket phrases.<br />
<br />
I got a colonoscopy a few years ago. The main thing I remember from that procedure is a vivid dream I had as I was coming off the anesthesia. I had a vision that I was very good friends with the Mario Brothers. I woke up insisting to the nurse that I was equal friends with both Mario and Luigi. I was angry because I just knew in my heart that she would assume I was better friends with Mario, because the brothers used his name as their joint moniker. Then the drugs wore off and the vision faded, leaving me to find new conversation topics. But as I talked, my anger over her perceived bias against Luigi just would not go away. Why couldn't she try to see things my way? Just because I was still high on phenobarbitol, or whatever? I bet she's still out there somewhere, thinking that I was all pro-Mario, but that is not the case.<br />
<br />
Growing up, my mother had framed illustrations of bathrooms in our bathrooms. What was her thinking there? Did she believe that my family needed to ruminate on the very idea of bathrooms as we were within them? At least if she went with photos of a kitchen or even a nice living room, the whole idea would have been given a nice twist.<br />
<br />
A friend of mine used to always say about pretty girls, "I wouldn't kick her out of bed for eating crackers... in bed." He wanted to be clear that the bed in question was both the place he would not kick her out of, but also that the cracker-eating would have theoretically been happening in a bed, making the crumb situation worse - and therefore, his forgiveness more magnanimous. Man, that guy was a stickler.<br />
<br />
If you ever visited a house you lived in as a kid once another family had moved in and changed everything around, then I think you know what true sorrow is. New families hardly ever retain shrines for the previous families' kids, though it would be pretty thoughtful if they did. This goes out to you, 18 Hunters Lane.<br />
<br />
One time I was on a plane in really bad storm. The lights in the cabin went out and the emergency power came on. The movie that had been playing stopped, which made things much more scary for us passengers. A father and three kids were in the row in front of me, but there wasn't room in that row for the mother, so she was sitting next to me. When the plane started dipping and swerving, the dad and kids all held hands. People were crying. I saw the mom look at my hands like she wanted to hold them. I didn't know what to do. Would her husband get mad if she saw us embrace? Or was I only imagining that she wanted my comfort in the first place? Then the power came back on and we all watched the rest of "The Waterboy" like nothing happened. That mother and I do not keep in touch. We forgot to exchange contact information.<br />
<br />
When someone insults you in your own house, all bets are off. Just start punching them. They deserve it.<br />
<br />
I'm pretty sure the mental health community would appreciate it if people would stop calling their days off from work for no reason a "Mental Health Day". Just say you're taking off for the hell of it. That day does not need a title. You'll feel a little better about yourself because you'll have less fear that a psychotherapist will want to stab you.<br />
<br />
One time I went to a shoe store with a friend who had something to return. I assumed it was shoes that he was returning, but it turned out to be shoelaces. And the problem wasn't that the laces were the wrong length or anything like that. There were two sets of laces in the package instead of one. They were returning the product because it contained double the value for the same price they were willing to pay for half. I am still getting over that one.<br />
<br />
I've been thinking about writing a rap song about Batman. Here's what I have so far: "You're about as tricky as Ra's Al Ghul". I just need the rest. Don't worry. It'll come to me. I can't wait until it drops at Comic Con. It will be a large hit with the geeks.<br />
<br />
I would never tell my son that he throws like a girl because I think that idea is sexist. But I did once tell him that he was throwing like a baby. Not only was that mean of me, but what does it say about my feelings toward babies? Not a whole hell of a lot, I would say.<br />
<br />
In many kid's cartoons you will see that the bigger animals can talk and act like humans, but fish and bugs can't. I say that's bullshit. Either anthropomorphize everything or nothing at all. Don't play favorites within the animal kingdom. One phylum is as good as another.<br />
<br />
When I am in a restaurant and a waitress comes by toward the end of the meal to ask me if I'm still working on it, I feel guilty. Let's not glorify eating by making it sound productive like that. The only people who get paid to eat are those food contest people, and they usually wind up throwing up anyway. You want them as your role model? I thought not.<br />
<br />
If I was the shortest person in the world, I'd make friends with the tallest person in the world just so we could mess with peoples' heads. We'd travel the Earth having wonderful adventures and changing height perceptions one person at a time. Can you imagine us in silhouette, purchasing desserts from a French pâtisserie? The sight of us would set hearts aflutter. We'd probably even have a term for people of average height. "Averagers," we might call them. No, forget that. That was just a first draft idea. I can do better.<br />
<br />
This year I installed a car battery after mine had died. I do not have much skill or experience with cars, so this was a big deal for me. It went off without a hitch. It was a textbook battery install, if you ask me. When I had finished, I planned to post a photo of my successful battery installation on Facebook so I could receive compliments to boost my ego. But when I logged on, the first thing I saw was a photo album my friend had created. It was filled with dozens of photos of a classic car he had built from scratch. Yes - from scratch. So I held off and instead drank some hot chocolate while watching an interview with David Cronenberg from 1981. Man, "Scanners" was groundbreaking.<br />
<br />
One time my friend texted me and said, "I am going to Belgium on Tuesday." Then he texted me back and said, "Steve, that text was meant for Jen. Sorry." But then he texted me again and said, "Steve, I just want you to know that Jen already knew that I might have to go to Belgium for work. I didn't want you to think that I just tell her I'm traveling internationally out of the blue like that." Before I could reply, Jen texted me and said, "Tom told me about the texts! Wasn't that funny?!" I was so thrown off I only responded "Yes" to her and "Got it" to him. You can't put me through that kind of experience and expect a lengthy response in return. That wouldn't be fair.<br />
<br />
Someday I will write a sitcom pilot for my brief experiences in Physical Therapy for back problems a few years ago. There is no more natural setting for an oddball collection of people than that environment. Where else can you see a 62-year-old school teacher working her injured knee, right next to a 16-year-old high school athlete getting his shoulder back in shape? "Nowhere, Steve" is the only correct response.<br />
<br />
I feel a little closer to Lon Chaney Sr. when I use BreatheRight® Pore Strips™.<br />
<br />
In 1982, my father took me to see the movie "The Beastmaster". Not long into the movie, there was some prominent nudity featuring miss Tanya Roberts. I was twelve years old at the time, and this baring of private parts made my father uncomfortable. After a few minutes of bare bosoms, he turned to me and said, "I don't think this movie is right for us. Do you want to go?" I said "yes" and we stood up and left, but I didn't really want to leave. I had lied to my father about my true feelings out of pressure. When the movie came on HBO a year later, I remedied the situation by recording it on video cassette and watching it many times. I would have married "The Beastmaster" if it was legal. Besides Miss Roberts, it had swordplay and magical animals and everything else I enjoyed at the time. This movie was very right for me. I could not deny my true nature forever. I'm like the scorpion in that oft-told parable.<br />
<br />
Everyone who's said, "Everyone's a little bit racist" to me has turned out to be a whole lot racist.<br />
<br />
If you don't know much about sports, just have a kid and you can pretend to be an expert. At least, for a few years.<br />
<br />
If ninjas had kids, all they'd have to do for their training would be to sleep in the same bed with them for a few nights. No need to throw your shuriken at a series of targets in the bamboo forest, ninjas-in-training. The surprise attacks a child can launch throughout a night are all you need, silent warriors of feudal Japan.<br />
<br />
People who complain about two dollar convenience fees on ticket purchases either never waited for hours at a TicketMaster location in the 80's and 90's, or they did do that and they just forget. Oh, I just remembered a third category: they're cheap.<br />
<br />
In college, two guys I knew bought lizards at a fair. They named them Eugene and Webster. Eugene died first, and they held a nice funeral for him, burying him on campus. Then Webster died a few weeks later. My friend Al hadn't heard about Webster's passing when he asked me what was new. I told him, "Webster died." He looked really sad. "How?" he asked. "Natural causes," I said. "That's really sad," he said. He looked to be on the verge of tears, but I had yet to figure out the cause. Then I told him that our friend Sean was giving the eulogy. He stared at me in disbelief. "Sean? How? Is it a public funeral? Are they just letting anyone speak?" I told Al it would be a public service, but he was still thrown off. "I'm still confused, Steve. Did Sean know Emmanuel Lewis?" Do you see Al's misunderstanding now? It was like one of those "Three's Company" episodes. No one played a role similar to Norman Fell's Mr. Furley, though. I did not mean that our dilemma was an exact replica of a "Three's Company" episode. It was only the spirit of the show that we inadvertently mimicked.<br />
<br />
How about that Bjork song "Human Behavior"? It's kind of weird but I still like it.<br />
<br />
When I'm driving and someone is giving me directions, if they use the phrase, "You're going to want to" to impart those directions, I get angry. "Steve, you're going to want to turn right up here." Don't tell me what I want to do. I'm not the Manchurian Candidate over here. Why not make it sound like a suggestion? "I think it might be nice to turn right up here. What do you think, my friend Steve?" Make it seem like that right turn is my idea and I'll get behind you 100%. Try to trick me and I'll expose you for the brainwasher you are.<br />
I used to buy a lot of drums on eBay. One time I bought two drums from a guy and it turned out he lived only fifteen minutes away from me. Drums are difficult and expensive to ship, so he e-mailed me and asked if I would just want to pick up the drums from his house and save the shipping costs. I agreed. When I got to his house, I paid him and loaded the drums in my car. But as I was leaving, his kids asked me to play kickball with them. The father said it was okay, and he and his wife also played. Oh, and some neighbors. Then the sun set and I went home. Sure, it was an unusual situation, but nothing strange happened. Just kick back and enjoy the image of me playing kickball with a family I'd just met. Stop expecting twist endings all the time. I'm not Manoj Nelliyattu Shyamalan… or am I? <br />
One day my son decided that my right leg was the mellow rock star James Taylor. It just kind of happened. He would hug my leg really hard and say, "Oh, James Taylor! I like your music James Taylor!" So I went along with the charade. You can't burst a kid's bubble by telling him it's just your appendage and not the sincere acoustic songsmith he believes it to be. After a month had passed, the phenomenon ended and my right leg became a normal leg again. The magic had passed. Then a few weeks after that, my son and I were watching a music channel and guess what came on? Why, a recent concert fearing none other than "J.T." I looked at my son and he looked at me and we both chuckled. What had we been thinking? James Taylor can never be replaced by a body part.<br />
<br />
Two things I tried to stop doing in the last few years: Saying "nks" instead of a full "thanks" when handling transactions with strangers, and saying, "Oops!" when I come around the corner and someone else is vaguely close to my path. It's made me so much tougher. Now I have street cred. Or hallway/vestibule cred.<br />
<br />
Never trust anyone who says they remember doing something "once or twice". If you did something only one time in your life, you'll remember. "Have you ever climbed Mount Everest?" "Oh, yes I have - once or twice." That person may not even be a mountain climber in the first place. Check their ankles for scrapes, and if they're clean, shun them like the Amish shun their disbelievers (except during Rumspringa).<br />
<br />
Despite what a dictionary might say, children know that the word "fart" can be conjugated.<br />
<br />
I thought my parents were kidding when I was younger and they were in their 40's, and they'd make pained noises every time they bent over. But they were not. I tell my son, "I'm not joking!" every time my bones crackle to reinforce this.<br />
<br />
I know this guy who I didn't see for twenty years, but when I saw him again, he instantly recognized me and remembered a lot about me from our teenage years. But then I saw him one year later and he did not even remember my name. I did get glasses within that year - maybe that was what threw him off? Or my lack of shaving? I don't know and I did not ask.<br />
<br />
One time I called the cops because I thought someone placed a firecracker in our back yard. But after I'd made the call to the police station, I realized it was actually a very perfectly-shaped mushroom. It looked just like a firecracker, I am telling you. But I didn't want to look stupid, so when the officer arrived, I pretended like I still thought it was a firecracker. Even though it had started shriveling. Now if there is a break-in to my house, I will probably just wait it out. I can't go through that humiliation again.<br />
<br />
I had a friend who'd always call me the morning of my birthday. But the thing is, he never remembered that it was my birthday. He was just calling to chit chat. Those were some depressing conversations.<br />
<br />
I once got a massage right after I drank a cup of coffee. I didn't want to offend the massage therapist with my coffee breath, so I popped a mint into my mouth right before the massage started. But she tripped me up by telling me to lay on my back first. So I spent most of the massage trying not to choke on the candy. It was really hard and I think my small talk suffered because of it. (update: I have learned that massage therapists do not really like small talk. It is not required)<br />
<br />
When you go to sleep over a friend's house, they are likely to offer you their bed to sleep in. This is considered good hospitality. But I find it strange sleeping in my friends' bed while they sleep on the couch or some air mattress. Can't we just let the host keep their normal nighttime position? I have a hard time sleeping anyway if I know I'm drooling on the sheets. They're going to see the drool marks in the morning, and how will they feel about our friendship then? Probably not any better.<br />
<br />
A guy I lived with in college had a car with a broken driver's seat. The seat didn't lock in position, so he was always holding himself up with his arms on the steering wheel. It was so fun watching him going around turns.<br />
<br />
Sometimes I look for an old friend on Facebook, and it turns out that they are not signed up. But in the process of searching, I find someone with a similar name who looks cool. And sometimes I befriend those people. But I never tell them the reason. I hope they never find out or they might feel slighted. And if the original friend I was searching for join Facebook someday, there will be hell to pay. Damn it. Life is so complicated at times.<br />
<br />
I walked into my chiropractor's office and the receptionist looked at me and said, "Hi Chris!" in a giddy tone. Then she looked at me again with a frown and said, "Oh, sorry - you look so much like another patient named Chris." She told me Chris played in a band and she'd just taken her family to see him perform. The receptionist said Chris was amazing onstage. Then she pulled up a picture of Chris on her phone. Before she showed it to me, she said, "He DOES look like you, except he's thinner than you and you're shorter than him!" I really wished that one of the two differences between Chris and I would have been in my favor. I didn't want her to think of me as the shorter, fatter Chris. I was going to tell the receptionist about my band but then she had to answer the phone. I bet my band's music is nothing compared to music of amazing-sounding, tall, thin Chris, anyway.<br />
<br />
Sometimes when people come to visit me, I print out photos of them and put them into picture frames around the house. When they see them, they either laugh with me, or they question the nature of our friendship. I do not mind either reaction.<br />
<br />
A friend of mine convinced me to take part in a poker tournament once. I know almost nothing about poker and he's an expert who teaches the game, but he said this event was low stakes and it would be a great place to learn. As we played a few hands, I was betting wildly because I didn't know any better. As the night went on, he got knocked out of the tournament and by chance, I continued getting rounded into the increasingly smaller groupings of winners. I got really nervous. Soon I was in the final round, and he had to use the rest room. When my turn came, I stalled as I waited for him to finish peeing, pretending I was slowly making a decision on what to do next. I kept my eyes steady and my jaw firm. When he came back and continued advising me, I felt a sense of relief that I hadn't felt since early childhood. I did not win the final pot but I left knowing that I'm a poor bluffer.<br />
<br />
I was home and my wife was at work when we got a new floor put into our kitchen. I asked the guy installing it a question about counter tops, and in a wizened voice, he said, "Steve, I'm going to be honest with you - I do not know anything about counter tops. I only know about floors. You see, I believe that in life, you should be able to do one thing perfect. And floors... floors are the one thing I do perfectly." I agreed with him. My wife came home later as he was finishing the job. I slipped up and asked him a question about molding in front of her. He looked me in the eye and wistfully said, "ONE. THING. PERFECT." in a slow, airy tone. I felt like a child in a movie, learning wisdom from a cranky old wizard or surly kung fu master, except I was an adult, and that made me feel much stupider. He did a great job, though. No visible seams at all.<br />
<br />
I knew this guy who claimed his grandfather created the term "diddlysquat". Yeah, right. You know it was around longer than that.<br />
<br />
I grind my teeth at night. They're completely flat in the front which dentists find pretty amusing. I started wearing a night guard to bed a few years ago. It protects my teeth as I grind away, which is good, but it's annoying to wear. It impedes my sleep at times. Once, I was falling asleep on the couch and my night guard was upstairs. I did not want to go up and get it. I was quite drowsy. So I thought, "I'll just sleep without it for once. What is the worst that could happen?" I woke up the next morning and thought everything was cool. Then I got a cup of coffee. Oh sure, I'd love some enamel with my morning java. It adds texture.<br />
<br />
I used to use the word "innocuous" a lot. Probably too much, because my wife made me aware of the fact that it was becoming a problem. I had to back off. Now whenever something in my life is not harmful or offensive, I hesitate to label it. I have become innocuous-shy.<br />
<br />
I have severe cat allergies. When I tell people I am allergic to cats, they will often say, "Oh yes, Steve. They sometimes make me sneeze as well." Go to hell, those people. If I get near a cat my breathing is seriously impaired for the next few days. This is why when my friends tell me that they have purchased a cat, I can only take it as a sign that they do not want me around their residence. That's right. I make it about me.<br />
<br />
I have long believed that no one actually lives in Nebraska. It's an elaborate trick by the world's cartographers. Have you ever met anyone who actually lived in Nebraska? Friends of friends do not count. I need proof. Yeah. I thought not.<br />
<br />
Some people have a problem when you use a term that is not part of their vocabulary. I will say, "That bat is nocturnal." Then they ask, "Why don't you just say that the bat does not sleep at night?" But that's more words. Do not penalize me because of my tendency to use time-saving techniques (a.k.a. "efficiency").<br />
<br />
I cannot decide what I find more difficult to believe - the idea that teeth flex or the idea that buildings flex. Wait - I just remembered that I've seen black and white footage of buildings flexing in strong winds. I've never seen video of teeth flexing, though. Decision made.<br />
<br />
As a teenager, my friends and I played a lot of Frisbee football. I soon decided that I was very good at catching difficult throws. I created a nickname for myself that I tried to get my friends to call me: "Snatch". Yes, I know now. "Snatch" does have one meaning that a teenage boy may not want to apply to himself. Luckily I recinded my nickname suggestion before widespread adoption could occur. I lucked out.<br />
<br />
My wife is a few inches taller than me, so after she drives my car, I have to pull my seat forward so that my feet can once again reach the pedals. Though I am not the most macho of men, this is still somewhat embarrassing. Why can't she reposition the seat herself when she gets out, saving me that painful adjustment? Can someone talk to her? Please?<br />
<br />
When we were kids, my friend Brian and I were fooling around with fireworks. He lit one that spewed smoke, placing it his mouth to pretend that he was enjoying a cigarette because we thought that would look cool. But what Brian did not count on was the fact that it was a two-sided firework and the other side contained an explosive. This was discovered when it blew up in his face. I ran away from him and didn't look for several minutes out of fear that I would see something horrific. But Brian got lucky and only suffered a singed face and ringing in his ears for the rest of the day. Can you imagine if he'd lit the other side first, though? On second thought, don't even let your mind go there. Brian and I are still friends and I do no want you to sully his image that way. He's a good guy.<br />
<br />
I have been towed many times in my life. I find tow truck drivers fascinating. You sit in their cab with your vehicle on their rig, and they tell you the most life-affirming tales. One tow truck driver shared with me a story about his youth. He and his friends used to put ground glass pellets in the mufflers of their cars, which he recalled would make an aggressively loud noise that could be heard for miles. His neighbors hated the noise and called the police on him and his buddies. Those were the days, right? But before I could find out more, he got me and my vehicle to the service station. What happened after that, tow truck driver? Did you guys get in trouble? Or maybe the police went easy on you? Guess I'll never know. I propose we create a tow truck driver storytelling project, similar to what Steven Spielberg did after "Schindler's List". That way, the information these tow truck drivers hold will not be lost forever. Did I go too far with this one?<br />
<br />
One time I parked my car on the main street of a town and went inside a pizza parlour for lunch. When I was finished eating and went back to my car, there was a note on it. The note said someone hit my car and then took off. But the writer of the note claimed that he got the license plate. Whew. He had left his phone number, but the guy was actually inside the pizza parlor and saw me from the window. He came out and briefed me on the situation. He told me that my car was hit so hard that the sound of the impact echoed off all the buildings on the street. Wow. I then called the police. When the officer showed up, he looked over my car and saw no signs of damage. Hmmm. The police officer also spoke to the note-writer, who worked right down the street. He seemed like a responsible person with an important job. The officer told me that I should take my car to a shop and have it inspected. He instructed me to call him back if there was damage, and if not, I should just let it drop. So I did that. But the guy in the shop told me, "There is no way this car was hit. Not like you're saying. Maybe a tap but that is it." So what was all that about? I came to believe that the note-writer was insane. I still have his work phone number. I've thought about calling him from an anonymous number and trying to get to the bottom of it, but it's been over five years now. He probably doesn't even remember it, the whack job. Let's just let him suffer in that deranged head of his.<br />
<br />
When my son was three, he first became aware of the idea of a child giving their parents birthday presents. I wanted to take him to a store so he could pick out a present for my wife on her birthday, but there was not time. It was a busy week. Please don't get on my case. So I went shopping on my own and bought a cutesy backscratcher for him to give to her (her back gets itchy sometimes). But the thing is, I did not want him to tell her that he didn't pick out the present himself, which he might do if the first time he saw the backscratcher was at its grand unveiling. So I exposed him to it. Yes, I showed him the backscratcher when we were alone, talking about how it was his present to her. I implanted false memories in his head of him selecting this particular backscratcher because it was purple, and because it had a stylized foot on the end that provided the scratching. That seemed like something he would be attracted to. My plan worked. When my wife opened the present, she was unaware that it was purchased by me. My son went along with it as well. Let's agree to never tell her the truth.<br />
<br />
The best dream I ever had was about a worldwide mission to teach dogs to parallel park. It was like the race to fly across the Atlantic that took hold of this country in the late 1920's. Like many others in my dreamworld, I had spent months training a dog to drive for a televised competition. And it's not like this dog could talk or anything - it wasn't that kind of dream. Don't get ahead of yourself. The competition began and while we were up against the best of the best, my dog and I won. After the win, a reporter asked me how I felt. There was a shot of a single proud tear rolling down my cheek. Yes, the win was that meaningful to me. I woke up feeling a deep joy that stayed with me for the rest of the day. I hope I have a dream that makes me feel like that again someday. (the second best dream I ever had featured Samantha Fox. I don't want to talk about that one, though. It is private.)<br />
<br />
How about that time I went to traffic court? It was a trumped up charge of me supposedly turning right on a red light without fully stopping. Well, the turn was so wide, there was no way to see the light once you'd past it. I just slowed down, saw that no cars were coming, and continued - until a cop waiting at a nearby Taco Bell pulled me over. Trust me on this - that light was designed as a money maker for the township. Anyway, I figured I would bolster my case by photographing the scene and printing up large posters of the area in question, highlighting its built-in design flaw that tripped me up. When the judge and the DA saw me enter the courtroom holding my amazing posters, they got nervous. I could see them sweating. The DA tried to cut me a deal but I wasn't having any of that. They held my case until the very end. I stood up and adopted the tones I'd heard in my favorite courtroom dramas. "Your Honor," I said, "may I present..." (dramatic pause) "...Exhibit A." Guess what, though? It turns out you're not supposed to name your own exhibits. I got way ahead of myself on that one. The judge said, "Give me that" in a rude tone. I handed him my carefully dry mounted poster and he wrote on the back, "Drawing D-1". But it was not a drawing. It was a photograph. Damn him. He did the same with the other poster, naming it "Drawing D-2". Then they tried my case, and I lost. They said the photos were not conclusive because they did not show the entire scene in one view. What, was I supposed to have rented a plane to help me take an aerial view? I'm not a big fan of those private jets. I guess that judge never heard of "The Day the Music Died". The Big Bopper was the least known of the three musicians who died that day, but his music is still worth checking out if you have the time. <br />
<br />
A few houses down from my house when I was a kid lived a family who kept a duck on a leash on their front lawn for years. Before you go making any assumptions, they're Filipino (people from the Philippines). It was a little odd to have a duck tied to a string, which was in turn tied to a brick, right there in a suburban neighborhood. But we got used to it. It was a good conversation starter. Oh sure, they ate the duck, but that was like five years later. Anyway, I was pretty good friends with one of the family's kids, Michael. So I got to thinking about him recently. We had some fine times with that duck, playing fetch and whatnot (true). I tried looking Michael up on Facebook, but he did not have a profile there. But I looked him up on LinkedIn. Lo and behold, he was a now a high profile politician in the area! I sent Michael a short message through LinkedIn, greeting him and reminding him of the fun times we once shared. It was about two short paragraphs in length. Do you know what that guy did? He didn't respond to my LinkedIn message. Not at all. But he added me as a connection. What the hell was that about? He had a secret panel in his room that we used to hide Star Wars figures in. I wanted to reminisce about that with someone who lived it. My son is tired of that story. I guess that will never happen, though. Thanks, Michael. I hope your constituents are worth this snub.<br />
<br />
The first new car I bought was a black 1997 Pontiac Sunfire. I kept that car for eleven years. Then I bought a black 2008 Honda Accord. When I got the Accord, a friend said to me, "You sure do like black cars." Come on now. Black is a common color. It is not as if I chose purple. And more importantly, I do not think two vehicle purchases in eleven years is enough of a basis to define my color predilections. Stop pretending you're a profiler, Alex. You do not work for an elite criminal taskforce. What's next? You're going to try to catch a serial killer based on two pieces of information? That's flimsy police work, my friend. He will evade you like the muskrat evades the panther.<br />
<br />
The funniest thing I ever read? It was a set of instructions at a funeral home describing how to handle a close family member of the recently deceased. There were line drawings and everything. One section advised you to not use the name of the deceased when speaking with their loved ones. How awkward would that make conversations? "I am so sorry for your loss of... well... I think you know who I am referring to here." I laughed so hard at that. I took a copy of those instructions with me, but I lost them. I don't remember how. But I was very disappointed when I got home and could not find them. I kid you not - I have spent hours in the past few years looking for those death instructions online. I even used Google's Boolean operators. I pulled out all the stops. But no luck. I have considered returning to the funeral home to obtain another copy, but can you imagine how suspicious that would look? Should I pretend I was given the wrong date on a friend's service? They're not going to believe that. Funeral home employees are pretty sharp people and I do not appreciate you implying otherwise. <br />
<br />
The pipe coming out of the garbage disposal in my house started leaking. I thought we would have to call a plumber, but when I inspected the situation, I made some adjustments to the positioning of the pipe. It did not take much adjusting. To my surprise, a few small moves solved the problem. The leak was gone. But my wife would not let me say that I fixed the leak. What a gyp. There was a leak. I intervened and then the leak was no more. That is fixing in my book. Oh, and then the actual disposal broke. I'm not fixing that. You've got to be a plumbing genius for that job. So my whole argument here was in vain.<br />
<br />
If you tell me a story about how you sing in the shower, or how you had some great idea in the shower, or whatever, I'm just picturing you naked and wet. Soapy too. I can't help it. It is not a conscious choice on my part. This isn't pleasant for me either, you know. <br />
<br />
How about that Vlad the Impaler? I get chills just thinking about his misdeeds. Oh, you do not know about Vlad? He was a Romanian ruler in the 1400's who impaled over 50,000 of his enemies. If I was alive back then and I heard that Vlad wanted to stop by my house for dinner one night, I would make sure not to be there when he arrived. Even if we were not enemies but merely acquaintances, I would still make myself scarce. You don't take those kinds of chances around an impaler. But if Vlad popped over without being invited, what would I do then? I think that I would just order a pizza for us to split and hope that by the end of the meal I would have charmed him to the point where he no longer wanted to impale me. I'll tell you this, though - while Vlad was busy devouring a cheesy slice of olive pizza, I would sneak off to the bathroom and remove the towel bars and toilet paper holder. They may not be up to Vlad's usual level of sharpness, but why tempt fate? <br />
<br />
My first apartment was small. It had just one bedroom. That was not a problem, though, because I had just one bed at the time. But oh, was that space crowded. Where did I keep my fourteen long boxes of comic books and six boxes of magazines? In the front hallway, of course. Piled end to end and atop one another, their presence made the entrance to my apartment quite cozy. But something sad happened. Those boxes were twenty years old at that point. Their integrity was lacking. So when I wanted to read, say, "The Dark Knight", it was often more trouble than it was worth to dig through the boxes to find that particular softbound trade paperback. So what was I to do? I am ashamed to tell you. Almost. I would re-buy that comic. Yes, it was a bad habit and I did nothing to curtail it. Guess what though? I now have lending copies of many of my favorite comics. So if I wanted to, I could loan you that Frank Miller classic and you could keep it as long as you like. But I will not do that because you laughed at me several sentences back. I can feel it. Let this be a lesson to you. Have some respect for your author. <br />
<br />
A friend gave me a very generous Christmas present one year. It was a very large book of coupons for my favorite local movie theater. Probably over $100 worth of free tickets and concessions due to expire at the end of the next calendar year. I used what I could, but I was a new father at the time, so it was difficult getting to the movie theater as often as I'd like. Toward the end of that year, when the master documentarian Erroll Morris released his Vietnam War film "The Fog of War", my nephew and I were all over that. We think of ourselves as Erroll Morris groupies more or less. And it was a great opportunity to finish out my coupon book. But even when we had used two coupons to buy our tickets, I had about $30 remaining in coupons. It was the last weekend of the year and I knew I would not be getting to the theater before my coupons expired. So we went to the dessert counter and began buying things. This is a high end theater, and they had a bountiful array of treats to offer, as well as delicious varieties of coffees, teas - even hot chocolate. My nephew and I each purchased a large mug of gourmet coffee, several cookies, and a large slice of red velvet cake. I told you it was a high end theater. And all of these items were served on real ceramic plates and mugs with real silverware - which is nice, but it made the walk to our seats rather cumbersome. But there was something we did not take into account. Because of the film's subject matter, the theater was filled with Vietnam vets wearing patches and hats declaring their service. And here we were, two young punks walking down the aisle with our fancy pastries and syrup-infused caffeinated beverages. "We're living like kings, Steve!" my nephew said as we moved down the rows. But because of the scathing view of that war and the engaged audience around us, I did not enjoy that theater meal. We were lucky to get out of there without being skinned. We should have gone for soda, popcorn, and a superhero movie instead. A "flick", I think they call them.<br />
<br />
We don't respect electricity as much as we should. I blame it on light switches. How will people learn the proper level of fear for electrical power if they only have to flip a dinky little mechanism smaller than the finger needed to activate it? This is why I plan to install those huge switches you see in old horror and sci-fi movies all over my house. You know the ones shaped kind of like a blocky letter Y but with hinges on the top? Yeah those. They may not go with my decor but I do not care. When I have guests over at night, I will trick them into entering the house first. When they express confusion about the darkness, I will shout, "TIME TO THROW THE SWITCHES!" as I run from room to room lighting up each space with my frenetic energy. It will be infectious. My guests may be confused at first, but once they see the entire house illuminated with my mad scientist-style levers, a deep understanding will wash over them and all will be forgiven. Then we will watch a light comedy DVD because something like "The Bride of Frankenstein" would be way too obvious a choice at that point.<br />
<br />
Here is my plan: I am going to get a secret apartment in some unnamed city. Operating anonymously, I will spend the remainder of my life performing good deeds. Some will call me a hero while others may question my true purpose. But they will have to deal with that on their own because I will never address the media. I will, however, monitor the press coverage of me, covering the walls of my modest headquarters with newspaper clippings of my exploits. Then when I am killed (most likely in the act of helping some purse-snatching victim or candy store employee being robbed), the authorities will unmask me. But they will be disgusted because I will have had plastic surgery to alter my features beyond recognition. My fingerprints will have been sandpapered off as well. And if you were thinking that dental records might help in identifying me, you would be mistaken because I would have had all my teeth removed by a "back alley" dentist. The only clue remaining would be a slip of paper secreted in my inner coat pocket. On that paper would be the address of my lair. When the police busted in, all "Se7en"-style (I would have already activated fog machines and lasers), they would see that I lived in abject squalor. Instantly their respect level for me would rise. They might even take off their caps at that point, holding them to their chests. But then they would see the clippings on the walls. You forgot about those, didn't you? There would be a slow pan around the room as they read the many newspaper articles detailing my acts of kindness. This would actually trip them up because they would be so used to the thriller movie cliché of the serial killer who uses clippings of his sick crimes to wallpaper his dingy space. I went the opposite route. That was my real plan the whole time - to subvert expectations. Sure, it cost me a lifetime of kindness to make it happen, but I bet it was worth it. I can't be sure, though, because I am dead at this point. <br />
<br />
I have a weak handshake. It is on purpose. Please do not think that I am unable to squeeze just a little bit harder. I do not have some kind of muscular deficiency. Nor do I have a fear of pulverizing the bones of those whose hands I shake. I can control myself better than that. I am not some out-of-control automaton from the 1950's. Let me tell you the answer to this conundrum: It is all part of an elaborate psyche-out game on my part. You see, when I shake the hand of someone and they feel my extreme limpness, it causes them to underestimate me. That person comes to believe that I am physically and mentally inadequate. Incapable of conquering the obstacles set before me. But this is the response I wanted all along. Let us imagine that I am placed into some kind of competition with that person who considers me a subhuman. Perhaps it is even a life-and-death scenario. It could happen. Who do you think would win that battle? Hint: It is not the other person. I will be the victor. Because when the corrupt ruling class of the future society releases their genetically-altered hunting beasts, I will already be high atop the hillside sprinting toward my freedom while my "teammates" are being swiftly devoured. What made this escape feasible? It was the handshake. No one thought I could scale that sheer cliffside. They did not believe that I would be able to lift my own weight as I climbed the rope I had fashioned from vines. Those fools left me to my own devices and that was their downfall. As the rogue offworld ship comes to rescue me from this fallen world, its sexy alien pilot meeting my gaze with desire, I glance back and see the mecha-warriors using my competitors' ribcages as primitive musical instruments. Yuck. Thank you, weak handshake. I could not have asked for better subterfuge than you. Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-34268457346500226682012-05-23T05:03:00.001-04:002014-09-25T07:48:42.980-04:00I Drank from the Blackened Well<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdsSnhVsREwTC9TFBJK0dqJJRd8kZIcjEzg6k6vEmJf2mMMYDqJAbpX359LK39oD47Htg-VK7rUIXZ4cc-EV8BIdrqZYkmU0ryTvLBktXhviGHo3yqPKFCY3MUyCl_2y57TWXH4S5FXko/s1600/blackened_well.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdsSnhVsREwTC9TFBJK0dqJJRd8kZIcjEzg6k6vEmJf2mMMYDqJAbpX359LK39oD47Htg-VK7rUIXZ4cc-EV8BIdrqZYkmU0ryTvLBktXhviGHo3yqPKFCY3MUyCl_2y57TWXH4S5FXko/s1600/blackened_well.png" /></a></div>
<br />Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-57596569925165939432012-01-16T06:49:00.030-05:002012-02-21T06:58:36.450-05:00Vect-o-Grunge IllustrationsAs a total spur-of-the-moment, just-for-fun experiment, I took a whack at rendering Lisbeth Salander and Mikael Blomkvist, the lead characters from the recent "The Girl With the Dragon Tattoo" film.<br />
<br />
I found a few photo references for each character, and just started laying down basic shapes in Freehand. I challenged myself to keep the shapes as primitive as possible, to see if I could still render a recognizable likeness. I kept the images very formal, so the face structures are completely symmetrical.<br />
<br />
At first, Lisbeth's eyes and nose ring were round, but they stood out as the only curved shapes, so I went back and replaced them with flat shapes later. Restricting the shapes this way seemed to work - it kept the style cohesive.<br />
<br />
I kept the colors limited, and allowed only one level of highlight and shadow for each colored surface. The backgrounds were pulled from the eye colors.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj12ZR52wGA2OnQmBDxiY4r8ufvgxDH8L7FBTFm3f5eds-d56YfYG0Vk7aHsKch08lYaBOdWlDgbGuZdoNQ-NY9GT-J0JWT3y-A_Hr6cAr5QUioINYt2hyY1W7CblciXSIvOC6qmqZkDw/s1600/lisbeth_with_without_grunge.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj12ZR52wGA2OnQmBDxiY4r8ufvgxDH8L7FBTFm3f5eds-d56YfYG0Vk7aHsKch08lYaBOdWlDgbGuZdoNQ-NY9GT-J0JWT3y-A_Hr6cAr5QUioINYt2hyY1W7CblciXSIvOC6qmqZkDw/s400/lisbeth_with_without_grunge.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Detail - before and after grunge.</td></tr>
</tbody></table><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
When the images were finished, I pulled the vector shapes into Photoshop (keeping them as Smart Objects, so they could be resized - even larger - without any quality loss) and added some texture. The grunge layers were free high-res files that I found online. The layer modes were set to Multiply. Lisbeth's texture looked perfect as it was (it had a nice natural gradation - darker at the edges and lighter in the middle), but Mikael's needed some erasing in the center, so as not to obscure his face too much.<br />
<br />
And that's it. Here are the final pieces:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWYq6DCuKxkA88IjU6o11DAtYO2_aBL5vzcq40T41YS51452O-NkbymkY3jSbSjyhucRbdtj0nOS6f29RLvMgC8902KkosGRXdWO45bOx_-Yepwl-HzizUC7W_N3A73SPdDX7CnhRACfs/s1600/girl_with_dragon_tattoo_illo.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWYq6DCuKxkA88IjU6o11DAtYO2_aBL5vzcq40T41YS51452O-NkbymkY3jSbSjyhucRbdtj0nOS6f29RLvMgC8902KkosGRXdWO45bOx_-Yepwl-HzizUC7W_N3A73SPdDX7CnhRACfs/s400/girl_with_dragon_tattoo_illo.jpg" width="287" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOZ8ikJ5tXtdhdzY_2UAuhRfo41G5oJ-Ahuy_bHuVPtilJvsx_5nIIqh7jnKTcZHx2es7gqA-tQzkc7txtyAc5jpPK3NIR1XvooKNxyN923g51OZ79jwRNB7A4zsHFG9W27kfzgXLh7N0/s1600/girl_with_dragon_tattoo_illo2.jpg" imageanchor="1" style="clear: left; display: inline ! important; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOZ8ikJ5tXtdhdzY_2UAuhRfo41G5oJ-Ahuy_bHuVPtilJvsx_5nIIqh7jnKTcZHx2es7gqA-tQzkc7txtyAc5jpPK3NIR1XvooKNxyN923g51OZ79jwRNB7A4zsHFG9W27kfzgXLh7N0/s400/girl_with_dragon_tattoo_illo2.jpg" width="287" /></a><br />
<br />
<br />
UPDATE: It looks like the style is sticking around. I've launched a mini-site showcasing these illustrations:<br />
<a href="http://www.stevespatucci.com/vect-o-grunge" target="_blank">Vect-o-Grunge</a><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqFyoAYJP7iNI5itVbfU9AuDd7EfP4QRHXmzRi5A10GbE_UNoro09SvRsfOCeQRNq8gdetOrB4zmdB21oo2eS6qyLY0Y3pdPa_BTLEDxpVcagFg-a2FAIxR_v9TNoEa-r7DAtLsOhCLO4/s1600/batman_illustration.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqFyoAYJP7iNI5itVbfU9AuDd7EfP4QRHXmzRi5A10GbE_UNoro09SvRsfOCeQRNq8gdetOrB4zmdB21oo2eS6qyLY0Y3pdPa_BTLEDxpVcagFg-a2FAIxR_v9TNoEa-r7DAtLsOhCLO4/s400/batman_illustration.jpg" width="287" /></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_UqjmDVNhxr2UyyQiAQN_5Gpc_qNocM-AHpLjCk2W5zzF8KC-yR9ofLwNw83fNXK5RGp-jl03uDNw6frMKAlmQJFBOHSbzxBotV2YPDCkoNmUuutq97v6MIyATET7OpjHIdcH_kTefk/s1600/spider-man.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_UqjmDVNhxr2UyyQiAQN_5Gpc_qNocM-AHpLjCk2W5zzF8KC-yR9ofLwNw83fNXK5RGp-jl03uDNw6frMKAlmQJFBOHSbzxBotV2YPDCkoNmUuutq97v6MIyATET7OpjHIdcH_kTefk/s400/spider-man.jpg" width="287" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwvCCGX2xwX1TfN8ILBA9urON-5MlvvkP8mNufGh4UZ8YpYL_g2erjTqimW3i1NLIwPg9IP01ADTyD_TtWi4augokHVeU0UKnwDMYyuzPcUicgW520QRrptwmxR0TUypoY_g7i0w2brws/s1600/iron_man.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwvCCGX2xwX1TfN8ILBA9urON-5MlvvkP8mNufGh4UZ8YpYL_g2erjTqimW3i1NLIwPg9IP01ADTyD_TtWi4augokHVeU0UKnwDMYyuzPcUicgW520QRrptwmxR0TUypoY_g7i0w2brws/s400/iron_man.jpg" width="287" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJTfGj-zh5Hj4Qee2e6LdCTu0zkpqvlWwUdecsJxtX9oVi8FzxfvgJbYPg4WwUBC69muRwrqqUD68zixcjx_bJclBinPKYGQrGl7Z9MvQ0I7DvIRhk6xgBUp38v2q528ab9-r6DzchMTo/s1600/hulk.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJTfGj-zh5Hj4Qee2e6LdCTu0zkpqvlWwUdecsJxtX9oVi8FzxfvgJbYPg4WwUBC69muRwrqqUD68zixcjx_bJclBinPKYGQrGl7Z9MvQ0I7DvIRhk6xgBUp38v2q528ab9-r6DzchMTo/s400/hulk.jpg" width="287" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEeFPICFDwki5PGuLT5zHmWVVxY67tUl42EJjMDdh7gBbIGcTIE7Gqx9OL0pIosBGKKuAbv-tubmL0qAMoHFJ__NTjWSTVoZpaHo4poxFP1903aVeTF8yCh3SZebmLfbEuAWM_yh61Tso/s1600/superman.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEeFPICFDwki5PGuLT5zHmWVVxY67tUl42EJjMDdh7gBbIGcTIE7Gqx9OL0pIosBGKKuAbv-tubmL0qAMoHFJ__NTjWSTVoZpaHo4poxFP1903aVeTF8yCh3SZebmLfbEuAWM_yh61Tso/s400/superman.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaYnxEgIVnynLA8XXDkPSh0GnOuoWSV2cIrGDlYqhnG1pH344GP27CimkCe66BeMIsGYR9MUJ14NFKw90YgfoDCCLbqAfvaW8L7YhM_5Zd0zFNWeYYz6OUWXgIgynCPYlOwVLD67niJt8/s1600/aquaman.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaYnxEgIVnynLA8XXDkPSh0GnOuoWSV2cIrGDlYqhnG1pH344GP27CimkCe66BeMIsGYR9MUJ14NFKw90YgfoDCCLbqAfvaW8L7YhM_5Zd0zFNWeYYz6OUWXgIgynCPYlOwVLD67niJt8/s400/aquaman.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFtzJ2NQCCtqPJ82LsmMxO2qUSRFkPBMTZ0Wsd4VoohTLytpGf6YAJdrIkNd2DJThX6f5z64ZVzh0dInz0rUUplU3O4dKH5FRPxNb-zzuISx3qZR5jjLVsVKBA3iPPC3oXcpSkdVpiGAU/s1600/wolverine.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFtzJ2NQCCtqPJ82LsmMxO2qUSRFkPBMTZ0Wsd4VoohTLytpGf6YAJdrIkNd2DJThX6f5z64ZVzh0dInz0rUUplU3O4dKH5FRPxNb-zzuISx3qZR5jjLVsVKBA3iPPC3oXcpSkdVpiGAU/s400/wolverine.jpg" width="287" /></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Fg3hNl8G38TnT9ayGW71KmCr2_mdV9ik3HdWm0Vhofp2R8uv6VLIuscDRUzY8bgXY_0xg_ortlwwbORPOcjaLNjzCtYsoMNDeWcQakjvfTIIDDC-qC3XqyhucrR8ckU9CjDRMkxCfFQ/s1600/creature.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Fg3hNl8G38TnT9ayGW71KmCr2_mdV9ik3HdWm0Vhofp2R8uv6VLIuscDRUzY8bgXY_0xg_ortlwwbORPOcjaLNjzCtYsoMNDeWcQakjvfTIIDDC-qC3XqyhucrR8ckU9CjDRMkxCfFQ/s400/creature.jpg" width="287" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ2Y2WW3wNpHnKv3BoipnsGwG9HQiZ3EAogoa6mqjcRynoisMtQ8MQs_o3HplN4LIwCEIud13oiFrn9vrObL4M9CthR1YrFHUhVcLZD-R-GDdxVSYWwnccb8m-W7-m5Ou6fo7CBXDYTvE/s1600/frankenstein.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ2Y2WW3wNpHnKv3BoipnsGwG9HQiZ3EAogoa6mqjcRynoisMtQ8MQs_o3HplN4LIwCEIud13oiFrn9vrObL4M9CthR1YrFHUhVcLZD-R-GDdxVSYWwnccb8m-W7-m5Ou6fo7CBXDYTvE/s400/frankenstein.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifk_A-msfjx7vIG4KF7Sym8sFqc2_jMSPlx28JcDc5YM6idB_DuyKdTrowoFOmfHCo04TuoZmj_iuNPMAqudTckjid-E4klYaabpdnphaX7dps6AgO50LlDVzzh28EIfqlbwj8AfRS-M8/s1600/bride_of_frankenstein.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifk_A-msfjx7vIG4KF7Sym8sFqc2_jMSPlx28JcDc5YM6idB_DuyKdTrowoFOmfHCo04TuoZmj_iuNPMAqudTckjid-E4klYaabpdnphaX7dps6AgO50LlDVzzh28EIfqlbwj8AfRS-M8/s400/bride_of_frankenstein.jpg" width="287" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFno7rBQ_gBUXTgmB74IeKS-ZKckGHl3rCezWQMq7i7iijR0xdsk23-rFu7KTN1zfFTdetEg4D4Kvs6-rO2AQvC5OTv81sHr8qkHaDwm1rjq-TVBZDPPL7DclMZkNcIcN_Dc_htNZEpAs/s1600/wolfman.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFno7rBQ_gBUXTgmB74IeKS-ZKckGHl3rCezWQMq7i7iijR0xdsk23-rFu7KTN1zfFTdetEg4D4Kvs6-rO2AQvC5OTv81sHr8qkHaDwm1rjq-TVBZDPPL7DclMZkNcIcN_Dc_htNZEpAs/s400/wolfman.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWMbMcIV-pjp2U7tXx7TumxDry5pL9lxREXURs8ExQR7BkYBOTIdFsoDpcUOlz2zgWFBz3xufbo7Z5JHRQiDca4o_6c83sK1sqrCBeoY1C3nep8a07053NxGdiutTdmbZEMQSWNloeHe4/s1600/mummy.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWMbMcIV-pjp2U7tXx7TumxDry5pL9lxREXURs8ExQR7BkYBOTIdFsoDpcUOlz2zgWFBz3xufbo7Z5JHRQiDca4o_6c83sK1sqrCBeoY1C3nep8a07053NxGdiutTdmbZEMQSWNloeHe4/s400/mummy.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIZ3_27fEcumQHmG0Di0AuEzfQ7p8TyckzVENRdlvX8BE4pROo5h0PivJHU-ZrbgCzfkNO2hNDy0P1X98GJogrmybEzhyPTYS0ssMyKjBzRb0uFzmpLKnhj1XcZl14awgJLdNlo2iaj4s/s1600/dracula.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIZ3_27fEcumQHmG0Di0AuEzfQ7p8TyckzVENRdlvX8BE4pROo5h0PivJHU-ZrbgCzfkNO2hNDy0P1X98GJogrmybEzhyPTYS0ssMyKjBzRb0uFzmpLKnhj1XcZl14awgJLdNlo2iaj4s/s400/dracula.jpg" width="287" /></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizGhTyiNyW-Zd7eFUICd2k1hRDw40I0JIeCluf1zFBWyUX4bpCYZe3jgxRppmuC3aLyU2HHNEawA8HIrJdlnIzgJ-AA4PS6NKzoMOVHgctL8Y8svjF-PRqf-a2_gGlAT5OBSk4rRdZS4U/s1600/yoda.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizGhTyiNyW-Zd7eFUICd2k1hRDw40I0JIeCluf1zFBWyUX4bpCYZe3jgxRppmuC3aLyU2HHNEawA8HIrJdlnIzgJ-AA4PS6NKzoMOVHgctL8Y8svjF-PRqf-a2_gGlAT5OBSk4rRdZS4U/s400/yoda.jpg" width="287" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjihgx1kraFLTpjab5W_sW8wOhfsj8Goq2bdfM3cKYBxD1gxUuTBeTKTcN6f9Xim_TYHhvkbwsb5S8BQ2TQxvp4VX09OJUx8QXG3uxQjsoIQdqqgLcagXBTY951P61BFp9fMSlpaQuYdlo/s1600/boba.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjihgx1kraFLTpjab5W_sW8wOhfsj8Goq2bdfM3cKYBxD1gxUuTBeTKTcN6f9Xim_TYHhvkbwsb5S8BQ2TQxvp4VX09OJUx8QXG3uxQjsoIQdqqgLcagXBTY951P61BFp9fMSlpaQuYdlo/s400/boba.jpg" width="287" /></a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha0z5srFQR2u95kyJUd4IV64BE7OkbJAf5OxemHlNCbH1yeuyiUS46aNImvqbETJ7VubUHkA_w6XwnRDgPveG0HRkG4eDp3bzguaF8budMThS_kUlE2NJzpyADgYtj0xXgVqfWFuIB8KY/s1600/r2d2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha0z5srFQR2u95kyJUd4IV64BE7OkbJAf5OxemHlNCbH1yeuyiUS46aNImvqbETJ7VubUHkA_w6XwnRDgPveG0HRkG4eDp3bzguaF8budMThS_kUlE2NJzpyADgYtj0xXgVqfWFuIB8KY/s400/r2d2.jpg" width="287" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL133bSh5A_QdZd7ymfVoT8TaH5PqRD7nUquHu2_pTKXotTUi1C0S4BvNTZmy_XTrKIL04QuecpHT833ZufLil5e58dHWdLx8tsqxLWAG48yFjgRDZSX7tPJfXGzsp7qtuCX-1i39w0ms/s1600/c3po.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL133bSh5A_QdZd7ymfVoT8TaH5PqRD7nUquHu2_pTKXotTUi1C0S4BvNTZmy_XTrKIL04QuecpHT833ZufLil5e58dHWdLx8tsqxLWAG48yFjgRDZSX7tPJfXGzsp7qtuCX-1i39w0ms/s400/c3po.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl5y08VITzmS3IIcZY9P9gV4R0Wz9bq0V2y-y9kNJcZHRRJzGerFZoCXetkgWNOY_-Bpa1YyCC3p_mNmfJy4z6SUHTUwwk8gPhYlBPVUJBPeBzmuroYU6_ZQ3zlGWobUWb8GM-aur7_WA/s1600/darth_vader.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl5y08VITzmS3IIcZY9P9gV4R0Wz9bq0V2y-y9kNJcZHRRJzGerFZoCXetkgWNOY_-Bpa1YyCC3p_mNmfJy4z6SUHTUwwk8gPhYlBPVUJBPeBzmuroYU6_ZQ3zlGWobUWb8GM-aur7_WA/s400/darth_vader.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcTNDVYOfExJcjJvihuWEV8oh_A9bNIwcw-2CdFBm54H2RUgWvwx0Ewqnp4p5NbuYIlJn_uDMoWxC7EM3_ITt0nT2Xv15Ogk10iUW7e-3TJPSBHaIpICKcG1q5ifiwYMkUlYszXOmJ4W0/s1600/stormtrooper.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcTNDVYOfExJcjJvihuWEV8oh_A9bNIwcw-2CdFBm54H2RUgWvwx0Ewqnp4p5NbuYIlJn_uDMoWxC7EM3_ITt0nT2Xv15Ogk10iUW7e-3TJPSBHaIpICKcG1q5ifiwYMkUlYszXOmJ4W0/s400/stormtrooper.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfOvooFfOdjmClW0uIAkvNeBmDqTlZRB9p35YdHHaUKC0aeNeZTu54EjwsB5nWqFkci8XnwsMe-PgrUuHLXKKTJPItQ75axFG5NABeraFuq8JLOLB59kLVANsBtHVkNoDAlb6kQUnpU9w/s1600/gene_simmons.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfOvooFfOdjmClW0uIAkvNeBmDqTlZRB9p35YdHHaUKC0aeNeZTu54EjwsB5nWqFkci8XnwsMe-PgrUuHLXKKTJPItQ75axFG5NABeraFuq8JLOLB59kLVANsBtHVkNoDAlb6kQUnpU9w/s400/gene_simmons.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh13HdlHwoIsvy1SfIg7ZEDB72nYL8Y6TBgSwpjkizxt9DzXdlalwI28wWkfL9xA1CsFwxaQGo8xnsLoFzn4yqcI7Zxkj3p3DGNMPHD6uxIZq_pRE2g8TbedHZ0v-bwT_Ji-1a_DFZdugo/s1600/paul_stanley.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh13HdlHwoIsvy1SfIg7ZEDB72nYL8Y6TBgSwpjkizxt9DzXdlalwI28wWkfL9xA1CsFwxaQGo8xnsLoFzn4yqcI7Zxkj3p3DGNMPHD6uxIZq_pRE2g8TbedHZ0v-bwT_Ji-1a_DFZdugo/s400/paul_stanley.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnC3Qh5RQHFxvgaAeI2Zf38yeohfaPqYGdd96e3MV7_E_sLVl-6-iUjA7-j_DzXXz3GSb3HIrML6xZBu53_DFEhPXypg3zsIHwacIzWi5H1f7YCLN5ZEqPwNU6VldxdKSpkmimTaCWExE/s1600/ace_frehley.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnC3Qh5RQHFxvgaAeI2Zf38yeohfaPqYGdd96e3MV7_E_sLVl-6-iUjA7-j_DzXXz3GSb3HIrML6xZBu53_DFEhPXypg3zsIHwacIzWi5H1f7YCLN5ZEqPwNU6VldxdKSpkmimTaCWExE/s400/ace_frehley.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcBzf4i3cKB8Mdj2HvEgX5Yu3lBf5T_z2O6Pkt-FOugKyAZBivnj0hEQgvZfwn4yFbJ4aIQMz1raH2Fkncihzt0MiDUO_Jnks-4JxEAkcXJxOlIEQ0utmIdqOjIHA0qnhaT2N2CSygnYo/s1600/peter_criss.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcBzf4i3cKB8Mdj2HvEgX5Yu3lBf5T_z2O6Pkt-FOugKyAZBivnj0hEQgvZfwn4yFbJ4aIQMz1raH2Fkncihzt0MiDUO_Jnks-4JxEAkcXJxOlIEQ0utmIdqOjIHA0qnhaT2N2CSygnYo/s400/peter_criss.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkK01UJf2CcJndoxJnGEU8O7rYcyWU1JWlCSJw8axTE-rjqslr9oEaZVJJoJ8j9g2YxAlpHcclM1yaMXRRQhH2tHBOmhlr4Fmtfm93zbD33UNYADvAVYZLkvONuB1cM__vFszytxscmvk/s1600/dorothy.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkK01UJf2CcJndoxJnGEU8O7rYcyWU1JWlCSJw8axTE-rjqslr9oEaZVJJoJ8j9g2YxAlpHcclM1yaMXRRQhH2tHBOmhlr4Fmtfm93zbD33UNYADvAVYZLkvONuB1cM__vFszytxscmvk/s400/dorothy.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXRHJtbh1aC6PdOohynMNkpBbf3hhsJxZ4-yqJehWNHqAWtZK5P4RQpTfqqHnIJc7_QNENJ0uDSrE-A6hmgvY2mqfNpU_90fjR2R5v9jCvWm0BDEpGQl4IB0Y8TXCI9ifhbjHew-j3nw8/s1600/scarecrow.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXRHJtbh1aC6PdOohynMNkpBbf3hhsJxZ4-yqJehWNHqAWtZK5P4RQpTfqqHnIJc7_QNENJ0uDSrE-A6hmgvY2mqfNpU_90fjR2R5v9jCvWm0BDEpGQl4IB0Y8TXCI9ifhbjHew-j3nw8/s400/scarecrow.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ff-OOSkMPF0gcY2ccnJTa0B2VHRzQ7T-NsL_3K5K6Yos558imNu2W4x-YshEn0acJ4CK_bD2K0pR-eyY8Vm4FQMui6pASJp3IWW8t3vNoRFynNdN-P1b5yukQxgClQjhmd44Ti8pnsI/s1600/tin_man.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ff-OOSkMPF0gcY2ccnJTa0B2VHRzQ7T-NsL_3K5K6Yos558imNu2W4x-YshEn0acJ4CK_bD2K0pR-eyY8Vm4FQMui6pASJp3IWW8t3vNoRFynNdN-P1b5yukQxgClQjhmd44Ti8pnsI/s400/tin_man.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnc75gH0-mGWqDcSALKexWYsOunePLEd-5611p9PeC_vNZVZpKWIoe7wsVnQoKu0yOz6q-wRMp8L6WBAEv9D3vr8mvVyFnvZuZ7HyJJGPq7i1yCv8ySXUIYgOCwexoT1oNDicDABG_S28/s1600/cowardly_lion.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnc75gH0-mGWqDcSALKexWYsOunePLEd-5611p9PeC_vNZVZpKWIoe7wsVnQoKu0yOz6q-wRMp8L6WBAEv9D3vr8mvVyFnvZuZ7HyJJGPq7i1yCv8ySXUIYgOCwexoT1oNDicDABG_S28/s400/cowardly_lion.jpg" width="287" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQpe63AurgnLGDC2HnRsyKtHNcD7VVkxdFB8AkuvX9ciAeyDaf9UKF7hGIUzdbRvX_8LZR7ZSG6jkoov43AL4hGv0Tx8_HZjTU2VoUH_uGCk5QqmatEMEqslPYgPS8NzI22NOQVBe1jY/s1600/wicked_witch.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQpe63AurgnLGDC2HnRsyKtHNcD7VVkxdFB8AkuvX9ciAeyDaf9UKF7hGIUzdbRvX_8LZR7ZSG6jkoov43AL4hGv0Tx8_HZjTU2VoUH_uGCk5QqmatEMEqslPYgPS8NzI22NOQVBe1jY/s400/wicked_witch.jpg" width="287" /></a><br />
<div class="separator" style="clear: both; text-align: center;"></div>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-58558960289904771732011-11-07T06:59:00.013-05:002011-11-16T05:29:49.939-05:00Corkboard<div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="color: black;">I've been thinking about a way to share friends' projects for a while now, and I finally went ahead and built one. Check out my <a href="http://www.stevespatucci.com/corkboard" target="_blank">corkboard</a>.</span></div><div class="p1" style="text-align: left;"><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDx-Xy9xe1wjc0zu8vhyphenhyphenqIkgBg8sz2qFvx_yNUVE3SJhR9H7Cj1vri89t61_kSAJ2zZVALcAwZL8086h2C9T31Y57hbPg-Q149CnNJJ4bsg8L0sncUgA9m7QWVg-jELmgdVeQWdvX5Dbg/s1600/Screen+shot+2011-11-16+at+5.28.33+AM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDx-Xy9xe1wjc0zu8vhyphenhyphenqIkgBg8sz2qFvx_yNUVE3SJhR9H7Cj1vri89t61_kSAJ2zZVALcAwZL8086h2C9T31Y57hbPg-Q149CnNJJ4bsg8L0sncUgA9m7QWVg-jELmgdVeQWdvX5Dbg/s320/Screen+shot+2011-11-16+at+5.28.33+AM.png" width="320" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
I knew I didn't want to build a traditional portal. Whether it's a bunch of images in a grid, a combination of text and images (like blog posts), or a gallery with sequential images with one large/featured image and a bunch of thumbnails or navigation - I didn't want anything like that.<br />
<br />
There's something interesting that happens when you have a disorganized collection of stuff. I wanted to create something closer to the physical, tactile experience hunting through a pile of old records, or photos, or a messy section of a store. Summaries are nice sometimes, but it's a different experience getting a small glimpse of something, then jumping into it with with no other preparation. That's what I wanted to make.<br />
<br />
I searched through existing free or pay versions of this kind of this kind of interface, but none were customizable to the degree I wanted. I did find some existing drag and drop galleries, but none of them allowed the user to click on the image and open a pre-defined URL (and not a larger version of the image). Had I found a solution like that, I probably would have went with it.<br />
<br />
Instead, I built a custom app in Flash. I've created Flash/XML galleries before, but this was more complex because it's dynamically duplicating images based on the number of items in the XML list instead of filling in a bunch of pre-defined spaces. From a technical perspective, making sure all of the elements had been loaded before the animations began was the biggest challenge. Once I had that working, the majority of the technical work was done.<br />
<br />
I wanted a tactile experience, so I created an animation effect where the image lifts when initially grabbed - it rotates a bit, the shadow lightens and moves further away from the white border, and the tack lifts of and gets slightly larger. Subtle stuff, but it adds to the physical feeling of the app. This created some technical issues - the "drag" button is under the "view" button (the center of the image) and rotating it sometimes caused it to rotate away from the mouse, causing it to get stuck. Some careful motion tweening fixed this. A little "pop" sound helps sell the tack removal/inserting effect. I kept the description under the image really minimal - only two or three words will fit, depending on their length - and I used a handwriting font (even with a bit of a blur effect) to keep the interface looking less digital and more analog.<br />
<br />
I photographed all of the elements on my iPhone, then assembled them in Flash. As each movie clip is duplicated, it's given a random horizontal and vertical position, rotation, and one of three possible tack images. I made the corkboard image tile in the HTML (after removing the seams in Photoshop), and enlarged the Flash file to 100% so that the elements could (if their random start positions or dragging allowed) go beyond the bounds of the window. I'd considered adding a border around the Flash file itself, and making the HTML a wall element (like wood grain) but this effect - filling the window completely - worked out closer to what I was going for.<br />
<br />
During the development, I also discovered a bit of code that allowed bitmap (raster) images in Flash to smooth - that's always been a problem in the past. That's always been a compromise when using raster elements in Flash - when the .swf is presented at anything other than 100%, or when individual images within the file are presented at any other size or rotation than their default (100% and no rotation), the images look jagged. The new code worked great - I'm glad someone worked out a solution. Unfortunately, it's executed within the Flash application, so it doesn't help the dynamic images. I did more searching and discovered the .forceSmoothing property - not sure how I missed that before, but by adding one line of code I was able to make all the externally-loaded images look beautiful. That was very satisfying. I was worried that it would slow down performance, but after playing with the app after the update, I didn't see any noticeable slowdown.<br />
<br />
I also randomized the depths of the elements. Initially the pieces were all coming in in the order of the XML file, so the earlier images were always buried. After trying and failing at randomizing all of the duplicated movie clips after they were created, I used the "sleep on it" method and instead randomized the order in which they were loaded from the XML-created arrays into the duplicated movie clips. That worked out much better, and now any project stands an equal chance of being at the top or bottom of the pile. And once a project is dragged, it moves to the top of the pile anyway.<br />
<br />
After I had the basic app working for a couple days, I made a couple big tweaks. When I started the project, the images were much larger, but because the number of projects kept increasing (to 117, at the time of this posting) I had to reduce their size. I went back and created three buttons at the bottom of the page that allow the user to resize all of the elements to 70%, 100% (the default, of course) or 130% of their original size. This definitely helps when trying to dig in deeper, making sure more of the elements are visible - or, conversely, letting the user see larger images, though with much more overlap for a messier experience.<br />
<br />
I played with the site more and added two more features. The first was stack/unstack option, turned on and off with two separate button. The stack throws everything dead center, and lets the user sort through the images one by one. The unstack button throws everything back to its initial (random) position.<br />
<br />
I then added a categories feature. It pops in and out via a button at the bottom center. At first I didn't want to give users the ability to search too easily - and possibly ignore stuff that they might otherwise enjoy when discovering it by chance encounter. But with so many varied projects, this seemed almost necessary for people to really use the app - especially for repeat visits. Users can click All Off, then click on only what they like - or, they can start with All On (the default) and subtract out what they don't want to see.</div><div class="p2" style="text-align: left;"><br />
</div><div class="p1" style="text-align: left;">Keeping with the minimal explanation (think <a href="http://en.wikipedia.org/wiki/Led_Zeppelin_IV#Album_cover_and_inside_sleeve" target="_blank">Led Zeppelin IV</a>) effect, I didn't add any extra information to the page. Just a Facebook share button and a little box linking to me for any administrative questions or issues, and it was up and running. I didn't want to give visitors the kind of navigation or explanatory elements most sites have - in the end, this is an art project, and it's designed for exploration more than traditional, sequential viewing/reading.</div><br />
<div style="text-align: left;">I may give it its on URL someday - though all the cool ones are taken. If only there was an international domain suffix for .rd, I could see if "www.corkboa.rd" was available. Ah well - have a look at the <a href="http://www.stevespatucci.com/corkboard" target="_blank">corkboard</a>.</div>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-15740596594926772102011-10-28T07:07:00.005-04:002011-11-02T07:08:00.233-04:00The Camp Out - A Jabloo Adventure<div class="separator" style="clear: both; text-align: left;">I've just finished writing and illustrating a storybook using my <a href="http://www.jabloo.com/" target="_blank">Jabloo</a> characters. The story is aimed at kids 3 to 6. You can read <a href="http://www.jabloo.com/the_camp_out.html" target="_blank">The Camp Out</a> online.</div><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjScnOToeModPaT-qG7vVoUvt8vfWUEQdK-JunS8ec-0HZcuD2kf0x7V-meR5z1uIi2dLMXLR6M9v9D8rMo9WFBIx5H1iFsBLVaHrUzz7Qigvo2rE8ooxXgRceTHmXyGHfBMwyS7mZWXKg/s1600/0_cover.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjScnOToeModPaT-qG7vVoUvt8vfWUEQdK-JunS8ec-0HZcuD2kf0x7V-meR5z1uIi2dLMXLR6M9v9D8rMo9WFBIx5H1iFsBLVaHrUzz7Qigvo2rE8ooxXgRceTHmXyGHfBMwyS7mZWXKg/s400/0_cover.jpg" width="400" /></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div>I created the <a href="http://www.jabloo.com/" target="_blank">Jabloo</a> gang back in 2006, and this was the first story I conceived for them. There's something about the camping out in the woods that's always evoked the idea of creativity for me - maybe it has something to do with telling stories around the campfire, though I don't think I've ever done that.<br />
<br />
Since each of the Jabloo characters represents a different creative art (filmmaking, music, acting, writing, and visual art), <a href="http://www.jabloo.com/the_camp_out.html" target="_blank">The Camp Out</a> is about them creating a piece of art - in this case, a monster movie. Yubi, with his video camera, is at the center of this creation, but each of the other characters contributes to the movie as well.<br />
<br />
The story was designed as an "adventure" - meaning, it's not an introduction to the characters, so we jump right into their camping excursion. Kind of like an episode of a continuing television series rather than a one-shot, stand-alone show.<br />
<br />
I worked backwards with the layout of the book, using <a href="http://www.shutterfly.com/photo-books" target="_blank">Shutterfly's Photo Book</a> sizes as the basis for my design. I went with a 7x9" book, so I opened up Freehand (the now-outdated piece of vector creation software that I used to create Jabloo - and still use daily) and set up a 7x9" document with a bleed area.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM949jtmMuzK3_iCqatif2_95X9MDYHaUITnltLxa3DOJo-tMREJxVrtxqGsvB1c8CNgbsUsWhlbuRLW219drssFsb5-APKqlRo44Jz-ThHeJEWhrD-gdsnO9FnPTG9Rl-KbzLP5zndE0/s1600/jabloo_facial_positions.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM949jtmMuzK3_iCqatif2_95X9MDYHaUITnltLxa3DOJo-tMREJxVrtxqGsvB1c8CNgbsUsWhlbuRLW219drssFsb5-APKqlRo44Jz-ThHeJEWhrD-gdsnO9FnPTG9Rl-KbzLP5zndE0/s400/jabloo_facial_positions.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">It's nice when the hard work is already done!</td></tr>
</tbody></table><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Much of Jabloo was already created - the characters with different hand and mouth positions, fonts, colors, even many of the backgrounds in The Camp Out (for the as-yet-to-launch online, interactive version of the story) so I was able to move into the book's creation quickly. I'd spent months analyzing the layouts of my son's books (which contained every imaginable style of layout) and decided on a full-page image every page (with a few exceptions - the first page and a two-page spread), and a limit of two sentences of text contained within a white arc at the bottom of each page.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEq6IvfYE9rCE4CrMJBiLa3WvMmwyJ3_vnjYjKR9IjTrxR80orsX1nQnAFEOnC0-w5jYodP2BsokBrZHnnaA3EndG4gQziPY6UAI8rF5keHCVoUBgKUexce0PJp6NZ-anAcuRhAUvKcZk/s1600/camp_out_vectors.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEq6IvfYE9rCE4CrMJBiLa3WvMmwyJ3_vnjYjKR9IjTrxR80orsX1nQnAFEOnC0-w5jYodP2BsokBrZHnnaA3EndG4gQziPY6UAI8rF5keHCVoUBgKUexce0PJp6NZ-anAcuRhAUvKcZk/s400/camp_out_vectors.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Dig those crazy vectors!</td></tr>
</tbody></table><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
I put the story together in a fairly haphazard way - writing a few pages, putting the illustrations together (which could take hours or days - even with many of the elements already created), adding a few more pages, changing the sequencing. The story itself is 24 pages, with a few additional non-story pages at the front and back.<br />
<br />
I wrestled a bit with how much story detail to include - especially when it came to the movie the characters are putting together. I wound up showing only an indication of the story they were telling. The two-sentence limit on each page was a good natural limit, forcing me to only hint at the monster movie. The reader's imagination adds the details. I think that works nicely. It's a story about creating art, not about the creation itself.<br />
<br />
Since Freehand is no longer a current program, and copying/pasting into Photoshop isn't viable (gradients get messed up, and there are other issues), I went through a tedious process of maximizing the Freehand pages on my 30" monitor, grabbing screenshots and shrinking them to get smaller, high-resolution images for printing. Of course, after doing this I found plenty of small things that needed revising or correcting, so I had to repeat the process for many pages. It was still a worthwhile compromise for being able to work with the beauty and elegance of Freehand.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphenyDbZxL6WACksPz3Io9POGnI-gdg-ZBci1YJJJy1pzlpQdCtNQxy9QA8jlgu9dZ67jCI3i2_6vECb8msipQ_23-qxMXp1fgkpFEvf85MvFYzMjYY5jWoMiAlQX0Kbgki54U0dtAZxGE/s1600/camp_out_hill_walking.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphenyDbZxL6WACksPz3Io9POGnI-gdg-ZBci1YJJJy1pzlpQdCtNQxy9QA8jlgu9dZ67jCI3i2_6vECb8msipQ_23-qxMXp1fgkpFEvf85MvFYzMjYY5jWoMiAlQX0Kbgki54U0dtAZxGE/s400/camp_out_hill_walking.png" width="400" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
I had a few hiccups when I began assembling the book in Shutterfly. When I was writing and laying out the book, I didn't set the pages up as two-pages spreads, so some of the images (especially the backgrounds) looked awkward when placed side-by-side. For example, some of the hills in the background seemed to run into each other, making the pages seem like they were meant as two-page spreads (that didn't quite align properly) - but with the same characters on each page. So adjustments had to be made to the backgrounds as well.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG878pfsun-DDSOGtElLzFxKh7YgthyphenhyphenNZoDvm8alccEUe0oOv2wKxyFUhtIX_zblClqrkYpahRezIHCbRkaPIpnkDttvbt6B45D2cKTQVuIwf1dD26lX4BOTjwS0lLBz9qPxwxAk6duy8/s1600/camp_out_stump.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG878pfsun-DDSOGtElLzFxKh7YgthyphenhyphenNZoDvm8alccEUe0oOv2wKxyFUhtIX_zblClqrkYpahRezIHCbRkaPIpnkDttvbt6B45D2cKTQVuIwf1dD26lX4BOTjwS0lLBz9qPxwxAk6duy8/s400/camp_out_stump.png" width="400" /></a><br />
<br />
The next stage was assembling a readable version of the book online. I could have gone with a more straightforward gallery, but the effect of side-by-side pages would have been lost. I found a Picasa-based template online and, after plenty of technical issues, got the online version up and working.<br />
<br />
The final printed book from <a href="http://www.shutterfly.com/" target="_blank">Shutterfly</a> looked great. The only minor drawbacks are a white area on the left of the cover (presumably the digital printing would flake off where it bends back) and the fact that you can't print a back cover (unless I missed that option), so the back of the book is plain white with a UPC code on it. But the printing itself looked great, as I expected from previous Shutterfly orders. And as much as I consider myself a digital kind of guy, I have to admit a piece like this feels different when you can hold it in your hands.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdPUfSc1gANhy4fMeSldDUI2GNAHO-ui8rvfkBfQP-6-wcz2sJNqwu89knc_HnqWcKSOOOH2zZR3v3vy1mLrHPg0H34WEpt5H2MJH_RJxWh-0vLcAwPBMfmvWXGzYaPLJ3KiygtkXyTI/s1600/camp_out_book_photo_6.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdPUfSc1gANhy4fMeSldDUI2GNAHO-ui8rvfkBfQP-6-wcz2sJNqwu89knc_HnqWcKSOOOH2zZR3v3vy1mLrHPg0H34WEpt5H2MJH_RJxWh-0vLcAwPBMfmvWXGzYaPLJ3KiygtkXyTI/s400/camp_out_book_photo_6.jpg" width="400" /></a><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOciGPz64K3IeXn7_70MCebnnn3t1OHXguN6wH4WrT0TtR-VXa3ym5aidpizQfxaXVsO_qmkHi4HWy39zPolU8cZcZSOfhWtjcbyKg9idYIheOerz4SOAXvKzfjJwCEiaNwHaWj5afqOc/s1600/camp_out_book_photo_1.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOciGPz64K3IeXn7_70MCebnnn3t1OHXguN6wH4WrT0TtR-VXa3ym5aidpizQfxaXVsO_qmkHi4HWy39zPolU8cZcZSOfhWtjcbyKg9idYIheOerz4SOAXvKzfjJwCEiaNwHaWj5afqOc/s400/camp_out_book_photo_1.jpg" width="400" /></a><br />
<div class="separator" style="clear: both; text-align: -webkit-auto;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNb8Afh2KGvPeMzzN4sKW0CZMBVDCWff3e83SC-m3oMj9EyeTg5bchmRoayvD2z2cV0vs_JrpFdN-oZQ2diluw9MomECoz2RTHK7RHu6feUalURkhSoGADdGSy5Qju0BQcJDKGEyDqlkg/s1600/camp_out_book_photo_4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNb8Afh2KGvPeMzzN4sKW0CZMBVDCWff3e83SC-m3oMj9EyeTg5bchmRoayvD2z2cV0vs_JrpFdN-oZQ2diluw9MomECoz2RTHK7RHu6feUalURkhSoGADdGSy5Qju0BQcJDKGEyDqlkg/s400/camp_out_book_photo_4.jpg" width="400" /></a></div><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQmH5ASBokhlcBo2pjJ4mEThNWz16NrDGJH2uy9WTXKR4kZH5g0q3Kb1mzOtpVIVQUtZGlI1KNh3OoBf0LlVvkbdL2snlJuR8XKS0vCWjeUJGj_HtN_sq_EJwMWw3Ug8QBMTTWzf20Av8/s1600/camp_out_book_photo_3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQmH5ASBokhlcBo2pjJ4mEThNWz16NrDGJH2uy9WTXKR4kZH5g0q3Kb1mzOtpVIVQUtZGlI1KNh3OoBf0LlVvkbdL2snlJuR8XKS0vCWjeUJGj_HtN_sq_EJwMWw3Ug8QBMTTWzf20Av8/s400/camp_out_book_photo_3.jpg" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigjEXzzthvU-9bWmEwo_PVvZ15FU5427sJAO0mkgtKV7WUc3et2Tbder_IiA7Nc3omXxT0HVf69SXs5vYw14kCWHM-dgo2rB57lxbhInP8E1sJ-xtMWlm79EzbYpXG8y13y96g0h9YCr0/s1600/camp_out_book_photo_2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigjEXzzthvU-9bWmEwo_PVvZ15FU5427sJAO0mkgtKV7WUc3et2Tbder_IiA7Nc3omXxT0HVf69SXs5vYw14kCWHM-dgo2rB57lxbhInP8E1sJ-xtMWlm79EzbYpXG8y13y96g0h9YCr0/s400/camp_out_book_photo_2.jpg" width="400" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Read <a href="http://www.jabloo.com/the_camp_out.html" target="_blank">The Camp Out</a> now - preferably with a kid or two.Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-67779239634872797772011-10-18T09:22:00.003-04:002011-10-18T09:52:58.307-04:00Batman Comic Page<div class="separator" style="clear: both; text-align: left;">I haven't drawn a comic book page in a long time, but recently I've wanted to develop that skill again. My normal illustration style is pretty cartoony, so one of my goals was to work in a somewhat more realistic style. Another goal was to try a new digital coloring technique I'd just discovered. So this was an experiment more than anything else.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">I read a few tutorials just to refresh my brain on drawing a comic book page. This <a href="http://www.boltcity.com/workshop/copper_tutorial/" target="_blank">tutorial on drawing Copper</a> by Kazu Kibuishi was the most helpful by far. I discovered it a few years ago and have read it a few times since, but this last time it really got me jazzed up to try doing a comic page. I went out and bought an 11x17" smooth Bristol pad, pre-lined for comic books (something that didn't exist the last time I drew a comic page, fifteen or so years ago), a non-repro blue pencil (never really used those, but I thought it would be nice not to have to erase my pencil work), a new eraser (for erasing pencil errors), process white paint and a brush for errors in the inking (which I never used), a Hunt number 102 Crow Quill nib pen (as mentioned in the Copper tutorial), and Higgins Black Magic India Ink (also mentioned in the tutorial). I also had a few of my handy Tombow brush tip markers handy - I've been using those or similar models since the early 90's.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div style="text-align: left;">I decided to do a page featuring Batman, my favorite superhero - just to make things simpler. Using an existing character let focus more on my style and the page, rather than creating an original character (and likely, a costume) for this project. I can draw Batman almost without thinking. Because the character is so iconic, and I was just winging it and not working from a script with pre-defined panel descriptions, I started penciling with the non-repro blue right on the page, laying out some panel divisions, then adding the character and some backgrounds. Unfortunately, I didn't scan those pencils, but you can get a sense of them from this raw scan of the linework (yes, I'm jumping ahead) - and you can also see that I made the rookie error of inking to the full page size instead of the live area - I'll definitely have to avoid making that mistake next time.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNDr2n67U46RnZiJGrefCmra5wbjiE8dhj7nT5ag47_omD8N41CL_IdpK2FehDirWGPxmqXQOvmD0CR9Lbsdv8XwhmQrexQ-yb8lSQDcfyli_F3jY_xnVfvtusdEQ_wf1wm5Yq-6PusJ4/s1600/batman_page_unretouched_inks.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNDr2n67U46RnZiJGrefCmra5wbjiE8dhj7nT5ag47_omD8N41CL_IdpK2FehDirWGPxmqXQOvmD0CR9Lbsdv8XwhmQrexQ-yb8lSQDcfyli_F3jY_xnVfvtusdEQ_wf1wm5Yq-6PusJ4/s400/batman_page_unretouched_inks.jpg" width="400" /></a></div><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Next, I tried inking using the nib pen, but - unfortunately again - it just didn't feel right. Lest it seem like I didn't give it much of a shot, I actually diverted myself to a few separate pages in the midst of this experiment. Call it laziness, or habit, or comfort, but I reverted to my Tombow brush tip pens, and it just felt right. I like my linework to be bold and that wasn't happening with the nib pen. Though I have to say, working at only 150% of the final size made fine feathering and detail very difficult - especially in the panels where the character was smaller (hey, it's not like your pen tip reduces proportionately to fit). I made many blobby errors that I later cleaned up in Photoshop. I also did thinks like filling the sky in the first panel solid black (see the image above) which I later undid in Photoshop. Here's the eventual result of the inking process, after removing the non-repro blue pencils and darkening the inks until they were almost pure black and white:</div><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdPGZYkTj3ki7YovgtiZzCn9DF7uoO-0xmqHaucyfFrwudkzudiG33t70zrbGf0LGNIe89jh8dH7kQ0ezYTGb5gJQ1eswLhoLl0FQ1naxju7gk3yAy9KoQOmTmCxMeSVOVDXdUErGkLXU/s1600/batman_page_top_line.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="383" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdPGZYkTj3ki7YovgtiZzCn9DF7uoO-0xmqHaucyfFrwudkzudiG33t70zrbGf0LGNIe89jh8dH7kQ0ezYTGb5gJQ1eswLhoLl0FQ1naxju7gk3yAy9KoQOmTmCxMeSVOVDXdUErGkLXU/s400/batman_page_top_line.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
</td></tr>
</tbody></table><div style="text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWscO_WhnXAn7yDEFVoJfNiaV-EyTSCmADA07q2off5F12ReYlB4ngobJtPQTim9KsplloVYzCpTFO9M-cJFtwpFdqVM-A4YwD-lmyDdwEuRNDXD402Axesl6sVcLw4xPFDZjZIjHKnE4/s1600/batman_page_top_halftone.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWscO_WhnXAn7yDEFVoJfNiaV-EyTSCmADA07q2off5F12ReYlB4ngobJtPQTim9KsplloVYzCpTFO9M-cJFtwpFdqVM-A4YwD-lmyDdwEuRNDXD402Axesl6sVcLw4xPFDZjZIjHKnE4/s1600/batman_page_top_halftone.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a></div><div style="text-align: left;">And a closeup of one inked panel:<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CtclZUoOZefSL8yPsVguIGZOamulXYH2yapSWs5OHkiyIKKH_sJolMNBMb5TkqThRkrZ0Vx9FaMa9EWgy_-5eCN16DNh3oAI5j1_5fzUHDMsxniYX_SbWi4H9vw0_VVPcR9uA-ACZM4/s1600/batman_panel_2_inking_close.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="323" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CtclZUoOZefSL8yPsVguIGZOamulXYH2yapSWs5OHkiyIKKH_sJolMNBMb5TkqThRkrZ0Vx9FaMa9EWgy_-5eCN16DNh3oAI5j1_5fzUHDMsxniYX_SbWi4H9vw0_VVPcR9uA-ACZM4/s400/batman_panel_2_inking_close.jpg" width="400" /></a></div><div style="text-align: left;"><br />
I think I hit the style I was going for - my figure wasn't very cartoony in his composition, but my linework was chunky and varied in the way I like it. I'm not a crosshatchy kind of illustrator, and I don't feel comfortable working with a totally clean line - I think it makes me feel too exposed. I also wound up with many more solid black shapes than I was hoping for, which was somewhat disappointing because I wanted to focus on digital coloring, and that's harder when solid blacks handle much of the shading. Kinda hard to draw Batman without using a lot of black, though. These things are just part of the constant artistic struggle of trying something new vs. knowing your innate style. I've grown comfortable with that struggle.</div><div style="text-align: left;"><br />
I did have a problem with the non-repro blue pencil - in some places it didn't let my brush tip (and water-based) ink sit correctly, so I had to clean the linework up later (again, see the first image above). The light blue template lines in the page did the same thing in places, so I think I'll be avoiding both in the future, which is a darn shame - both are convenient. </div><div style="text-align: left;"><br />
</div><div style="text-align: left;">For the coloring, I watched a few tutorials on YouTube, <a href="http://www.youtube.com/watch?v=J_uNnawaBmE">this one</a> by Tony Aviña being the most helpful. Even though the style he was demonstrating was something he used more in the past (he said it was the house coloring style for WildStorm Comics), I stuck with this method - starting with dark, flat colors, then adding cuts and gradients - rather than trying a more brush-based coloring technique. I typically work light-to-dark, and I wanted to try a different, more efficient coloring method. Check out the tutorial for details. I can say that by forcing myself to work this way - and not creating dozens of "safe" layers for highlights and shadows - I was eventually making better coloring decisions and getting the page done without constantly making slight tweaks and trying to make everything look consistent. And of course, I used my Wacom Intuos tablet for this coloring work, so things moved along fairly quickly.</div><div style="text-align: left;"><br />
</div><div style="text-align: left;">I also used Kazu Kibuishi's method of filling each panel with a base color (mine was orangey) to bring all the colors together and avoid them looking too separate and kaleidoscopic (his term). This made it easy to easily experiment with and adjust that global hue afterward. I tried some greener colors, but this orange layer, with the mode set to Hue and at 30% opacity, worked best. It took some time, but the whole coloring process flowed much more than it has in the past for me.</div><div style="text-align: left;"><br />
</div><div style="text-align: left;">The final colored page:</div><div style="text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDqQ0Oxm_phzp8q62iLRMJrV-uELDZBH1sNuZTInzZjL4D9kXng2oPd7aW-A0biFAr2Gq4VTJ3JQd6dm4097NNlU8MuJFw92pqUqYom2iNPjp8mHvg2ETgUquQLDKrTEXpCB6SjuEhyphenhyphens/s1600/batman_page_top_color.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDqQ0Oxm_phzp8q62iLRMJrV-uELDZBH1sNuZTInzZjL4D9kXng2oPd7aW-A0biFAr2Gq4VTJ3JQd6dm4097NNlU8MuJFw92pqUqYom2iNPjp8mHvg2ETgUquQLDKrTEXpCB6SjuEhyphenhyphens/s400/batman_page_top_color.jpg" width="400" /></a></div><div style="text-align: left;"><br />
The only real "special effects" I did beyond the typical coloring method was adding stars in the sky with a slight outer glow, and the shadow on panel two. </div><div style="text-align: left;"><br />
</div><div style="text-align: left;">Now, I've been reading some new comics - more than I have in the past decade. In both Sweets by <a href="http://kodychamberlain.blogspot.com/" target="_blank">Kody Chamberlain</a> and <a href="https://shop.idwpublishing.com/the-cape.html" target="_blank">The Cape</a> published by IDW, there's a strong halftone effect used to add to the tone. I liked how both artists used this effect - the <a href="http://stevespatucci.blogspot.com/search/label/zip-a-tone" target="_blank">last time</a> I used halftone for illustration work, it was called Zip-a-Tone and you had to cut it with an X-acto knife and place it right on your illustration. And the funny thing was, back then I wished it could be a smaller, finer pattern - and now the style I was going for was the same big, obvious dot pattern effect I'd used in the past. Crazy how things change, huh? <br />
<br />
I created a halftone in Photoshop, filled then panels, then (mostly) erased away the parts I didn't want. I tried to keep the halftones to the edge of the black areas, though I did use it for the entire skyline in the first panel. I was very loose with that pattern, and I really like the grungy effect it gave me. In the end I made it dark blue instead of black, and set the layer to Multiply instead of Normal. Try doing that with Zip-a-Tone (don't really try - you can't).<br />
<br />
Oh - and I created a subtle texture that I laid over the color. I filled a layer with 50% gray, added a lot of noise, then set it to overlay. It gives the color a little more of a natural media effect, especially when viewed at a large/close-up size.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWscO_WhnXAn7yDEFVoJfNiaV-EyTSCmADA07q2off5F12ReYlB4ngobJtPQTim9KsplloVYzCpTFO9M-cJFtwpFdqVM-A4YwD-lmyDdwEuRNDXD402Axesl6sVcLw4xPFDZjZIjHKnE4/s1600/batman_page_top_halftone.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWscO_WhnXAn7yDEFVoJfNiaV-EyTSCmADA07q2off5F12ReYlB4ngobJtPQTim9KsplloVYzCpTFO9M-cJFtwpFdqVM-A4YwD-lmyDdwEuRNDXD402Axesl6sVcLw4xPFDZjZIjHKnE4/s400/batman_page_top_halftone.jpg" width="400" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
I composed the text afterward, which really isn't fair - if something didn't fit, I just edited it down. I know - cheating. For the lettering itself, I used Comic Book Commando (regular) on top of some dingy yellow boxes. The boxes were on their own layer, and I gave that layer a Stroke effect (so I didn't have to keep re-outlining them every time I resized a box), and a little inner glow (really a shadow) and a noisy, subtle drop shadow. Pretty ostentatious stuff.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyyFSD2wVUeJVTz_CdlbjjjAZrg0EVvBtXb-uGLDp7KhXPXmq8Ejlmkrg-G2t3Vcyye4UNa5FptBA5DONL3IxwXzrl1lhZwcu1z1EWdsQkCksG2BoPhMIgTET4Nb0nvmOwFcwrS6e5m8M/s1600/batman_page_top_lettering.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyyFSD2wVUeJVTz_CdlbjjjAZrg0EVvBtXb-uGLDp7KhXPXmq8Ejlmkrg-G2t3Vcyye4UNa5FptBA5DONL3IxwXzrl1lhZwcu1z1EWdsQkCksG2BoPhMIgTET4Nb0nvmOwFcwrS6e5m8M/s400/batman_page_top_lettering.jpg" width="400" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Here's the full, finished page, with the bottom two panels I haven't shown yet:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9RZW6QF1S-hUHCQOIIhR-CUSwyr6QAHLmqs4b3ykDTS4RSZXNiAYdDR-9I9V4gXcN0qNmqThSkvS8e8X6upRLSK3qlvjYD-EXPcrygShV5xgQLiZF08y1kDz9YTZ4-rfVWxeOPI1oCVg/s1600/batman_page_full.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9RZW6QF1S-hUHCQOIIhR-CUSwyr6QAHLmqs4b3ykDTS4RSZXNiAYdDR-9I9V4gXcN0qNmqThSkvS8e8X6upRLSK3qlvjYD-EXPcrygShV5xgQLiZF08y1kDz9YTZ4-rfVWxeOPI1oCVg/s400/batman_page_full.jpg" width="253" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
And a couple closeups of finished panels. You can really see that overlaid noise layer in these.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIrkVnHgc-f-qnTCrnJxtz6KD9nP7Ron5u6OKD6NidWZXkZRX59uTewuL9JxRJykKJAQi1DHO_m6j2a9oM0yRMTqERE-QpUkVX1tQycUBZafILrkr_gW9Bgm9_QAvckITzN2z32eMreco/s1600/batman_panel_2_close.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="326" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIrkVnHgc-f-qnTCrnJxtz6KD9nP7Ron5u6OKD6NidWZXkZRX59uTewuL9JxRJykKJAQi1DHO_m6j2a9oM0yRMTqERE-QpUkVX1tQycUBZafILrkr_gW9Bgm9_QAvckITzN2z32eMreco/s400/batman_panel_2_close.jpg" width="400" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeMuGlZgLoKpmfjLLn0yEdJsZp_1PWVce-wyCfgNnqsmS3sxfxG4UlHyENZNdpsBB7DvKnDNBLfBJclE76pSDs1xMt27e4IdiIccun3bl93GDZJyOOYWPDzb2mThmbbINioYl_7HREuhU/s1600/batman_panel_6_close.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="323" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeMuGlZgLoKpmfjLLn0yEdJsZp_1PWVce-wyCfgNnqsmS3sxfxG4UlHyENZNdpsBB7DvKnDNBLfBJclE76pSDs1xMt27e4IdiIccun3bl93GDZJyOOYWPDzb2mThmbbINioYl_7HREuhU/s400/batman_panel_6_close.jpg" width="400" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
I was reasonably happy with the final piece. Of course, I found many reasons to work on my sketching, anatomy, backgrounds, coloring... but it was a nice workout, flexing muscles I haven't flexed in a while. More comics to come!</div>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-13529880903195115602011-06-05T07:55:00.023-04:002011-06-05T12:12:34.327-04:00Feller's Baking CompanyI developed an identity for a wholesale baking company. This project had an extremely tight turnaround time - the business had to get running in only a few weeks' time - so I got to work quickly.<div><br /></div><div>After giving me an overview of his new business, the owner's only design suggestion to me was a request to use brown and cream. Though I had to make the "cream" color a little darker so that it could stand on its own, I presented six concepts using that color scheme.</div><div><br /></div><div>The first concept uses thick letters that felt hearty, like freshly baked loaves of bread. I added the cutouts in the letters of "Feller" to suggest the slashes made in the tops of baked goods to release heat. I also created a few smokey shapes in the same blocky style as the typeface, and added a bottom line with end points matching the letters' serifs:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPHRMywbyUkHQz6yTA0J3MHrzyR_IX67yAZa-iZLeO9Jmr_AMP9GOk-9S_T_tW7aNbBHmThwTPxDq1MaA1Vck2zxLjww-AIip3UPd_aOi1zhVUf0BOPXhM9rzK4MH3ZW2MIEIEKAfVffI/s1600/Screen+shot+2011-06-05+at+7.24.46+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 260px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPHRMywbyUkHQz6yTA0J3MHrzyR_IX67yAZa-iZLeO9Jmr_AMP9GOk-9S_T_tW7aNbBHmThwTPxDq1MaA1Vck2zxLjww-AIip3UPd_aOi1zhVUf0BOPXhM9rzK4MH3ZW2MIEIEKAfVffI/s400/Screen+shot+2011-06-05+at+7.24.46+AM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5614703568587700690" /></a></div><div><br /></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPHRMywbyUkHQz6yTA0J3MHrzyR_IX67yAZa-iZLeO9Jmr_AMP9GOk-9S_T_tW7aNbBHmThwTPxDq1MaA1Vck2zxLjww-AIip3UPd_aOi1zhVUf0BOPXhM9rzK4MH3ZW2MIEIEKAfVffI/s1600/Screen+shot+2011-06-05+at+7.24.46+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a>Concept two combines two friendly fonts - one with a prominent, rounded serif, and the other a script that worked well at a small size. I had to tweak a few of the script letter shapes - the lowercase N's originally looked more like U's. I then created a badge-like shape to contain the "Feller", and added some cream rays emanating from behind that shape:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOY4Q9SbzEOATdl6AXrnb0vBfmk7g5us9F7ihllrX1-jylQcGTTHndC_XrFnFaf61SLYmE6eT4BPAn17lD72Q2Vp5-cCNbQtW5o2utj0zYGspgytBwshoaJOImlDZaX8ZWJ09afRQkQxU/s1600/Screen+shot+2011-06-05+at+7.24.55+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 245px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOY4Q9SbzEOATdl6AXrnb0vBfmk7g5us9F7ihllrX1-jylQcGTTHndC_XrFnFaf61SLYmE6eT4BPAn17lD72Q2Vp5-cCNbQtW5o2utj0zYGspgytBwshoaJOImlDZaX8ZWJ09afRQkQxU/s400/Screen+shot+2011-06-05+at+7.24.55+AM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5614703513344708498" /></a></div><div><br /></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOY4Q9SbzEOATdl6AXrnb0vBfmk7g5us9F7ihllrX1-jylQcGTTHndC_XrFnFaf61SLYmE6eT4BPAn17lD72Q2Vp5-cCNbQtW5o2utj0zYGspgytBwshoaJOImlDZaX8ZWJ09afRQkQxU/s1600/Screen+shot+2011-06-05+at+7.24.55+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a>The third concept uses a stencil face for a more rustic feel. I created an image of a cupcake in the same handmade, scratchy style as the text:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPMh5HAmM5PkKhkkcR59CXdQDz2Wv-HzeBPibaelvXvZrlltJpPSpyzICsiVxvFH3fKpuNY0yqpmwSqbUcdULENwLHONzn8PVx0bZyFIr9S38T7yPZCjzDBaILPcjXkIG3ZRfvrtbgIdU/s1600/Screen+shot+2011-06-05+at+7.25.07+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPMh5HAmM5PkKhkkcR59CXdQDz2Wv-HzeBPibaelvXvZrlltJpPSpyzICsiVxvFH3fKpuNY0yqpmwSqbUcdULENwLHONzn8PVx0bZyFIr9S38T7yPZCjzDBaILPcjXkIG3ZRfvrtbgIdU/s400/Screen+shot+2011-06-05+at+7.25.07+AM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5614703451779296610" /></a></div><div><br /></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPMh5HAmM5PkKhkkcR59CXdQDz2Wv-HzeBPibaelvXvZrlltJpPSpyzICsiVxvFH3fKpuNY0yqpmwSqbUcdULENwLHONzn8PVx0bZyFIr9S38T7yPZCjzDBaILPcjXkIG3ZRfvrtbgIdU/s1600/Screen+shot+2011-06-05+at+7.25.07+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a>The fourth concept is more formal, and uses only type and design elements for an emblematic approach. I also added a bit of a 3D feeling to this concept:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NaCGqxTEteXprLtUyPldbLTkjjBrLy4sK5fO2a-lzcQLQK5m3_IkUMU820ijRM8v6N0qhDKWmg5owX77r_iIwhAgE4mEVyRxn0OesX8Rzp8bBCVkkXEmzWnu85ReIYZYpRUHCLyi1Tc/s1600/final.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 298px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NaCGqxTEteXprLtUyPldbLTkjjBrLy4sK5fO2a-lzcQLQK5m3_IkUMU820ijRM8v6N0qhDKWmg5owX77r_iIwhAgE4mEVyRxn0OesX8Rzp8bBCVkkXEmzWnu85ReIYZYpRUHCLyi1Tc/s400/final.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5614769229639803394" /></a><br /><br />Concept five has a simple, all-type approach. I combined a tall, naive-style typeface with a thicker stencil one. I also reduced the first "E" in "Feller" to fit in the "the", carefully slicing out sections of its vertical bar rather than just squashing the letter, which would have distorted the its shape.<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfDDxq4TXMVJ_QrqkmWz5Q9yBJ1VPhQD5vD13p0pzgQ2oPNW_NEijyRxhIMCn8VxI0RjQUWLyQF6zO-r4VHI9NXD5h-_uKuw-r5SR5ADL8rS_OZFoDpQhqSEUFvdqKtIqpuBE3i2rhxB0/s1600/Screen+shot+2011-06-05+at+7.25.23+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 217px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfDDxq4TXMVJ_QrqkmWz5Q9yBJ1VPhQD5vD13p0pzgQ2oPNW_NEijyRxhIMCn8VxI0RjQUWLyQF6zO-r4VHI9NXD5h-_uKuw-r5SR5ADL8rS_OZFoDpQhqSEUFvdqKtIqpuBE3i2rhxB0/s400/Screen+shot+2011-06-05+at+7.25.23+AM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5614703349694680050" /></a></div><div><br /></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfDDxq4TXMVJ_QrqkmWz5Q9yBJ1VPhQD5vD13p0pzgQ2oPNW_NEijyRxhIMCn8VxI0RjQUWLyQF6zO-r4VHI9NXD5h-_uKuw-r5SR5ADL8rS_OZFoDpQhqSEUFvdqKtIqpuBE3i2rhxB0/s1600/Screen+shot+2011-06-05+at+7.25.23+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a>The sixth and final concept uses the same rough-looking font for all of the lettering. I combined some of the letters to create a more unified look:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7y52nWK3r9cigvnBnFcq_AISTGzptqJ16dFGMrzFiJor1VVZGY0uIQXh6lkskJ83u24ONzCFLS0TL7lDEQzXKTcpjYnlxBpR-UHEJnfcjybrSkyRMLrTaTfqV0Vto61Jz2W5YsZpwTiw/s1600/Screen+shot+2011-06-05+at+7.25.30+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 268px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7y52nWK3r9cigvnBnFcq_AISTGzptqJ16dFGMrzFiJor1VVZGY0uIQXh6lkskJ83u24ONzCFLS0TL7lDEQzXKTcpjYnlxBpR-UHEJnfcjybrSkyRMLrTaTfqV0Vto61Jz2W5YsZpwTiw/s400/Screen+shot+2011-06-05+at+7.25.30+AM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5614703297837692850" /></a></div><div><br /></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7y52nWK3r9cigvnBnFcq_AISTGzptqJ16dFGMrzFiJor1VVZGY0uIQXh6lkskJ83u24ONzCFLS0TL7lDEQzXKTcpjYnlxBpR-UHEJnfcjybrSkyRMLrTaTfqV0Vto61Jz2W5YsZpwTiw/s1600/Screen+shot+2011-06-05+at+7.25.30+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a>The client chose the fourth concept - he liked the strong emblematic feel, and liked the fact that this approach had the feeling of a motorcycle company's. But there was one change - the company's name would now be "Feller's" instead of "Feller". I recreated the main shapes, adding the apostrophe S. I had to shrink the height of the top shape to accommodate it. </div><div><br /></div><div>Because the client liked that dimensional, almost metallic feeling of this concept, I amped it up by adding additional 3D effects to the background of the top shape, and to the letters in "Baking Company". This is the final, full color version - ideal for signage, presentations, advertising, and other uses where colors are unlimited:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcc59wh6psAwI3kYBal6qYD3mf7v-wYdZXhsa5aaonNfrumLrHvJgkUTFib-mZyBfgl-v_YqmjCWnnnrB8noq3LGEHYlbTHN31Jl8nCM5tnDL3HWbBj0UkgMN7BsROD-FzBQE-EYtwB8w/s1600/final2.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 270px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcc59wh6psAwI3kYBal6qYD3mf7v-wYdZXhsa5aaonNfrumLrHvJgkUTFib-mZyBfgl-v_YqmjCWnnnrB8noq3LGEHYlbTHN31Jl8nCM5tnDL3HWbBj0UkgMN7BsROD-FzBQE-EYtwB8w/s400/final2.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5614718428617620706" /></a><br /><br />I also prepared a simple two-color version of the logo. This might be used for packaging, vehicle signage, letterhead, or other printing processes where full color printing isn't available or financially feasible:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3YFJyPPkFVVJxbw_NWwWJC7u69-AfPRA0GRYZRHCdTHlr3IYNj27X6spIq0laGfosKgHeMd6DdCcKnODAtRm5vdeKrFUEGXjI-17nrPzxwhOUmSALxf9pIuPgjBpnWbBuR7ZyIN0JNw0/s1600/Screen+shot+2011-06-05+at+7.29.40+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 343px; height: 238px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3YFJyPPkFVVJxbw_NWwWJC7u69-AfPRA0GRYZRHCdTHlr3IYNj27X6spIq0laGfosKgHeMd6DdCcKnODAtRm5vdeKrFUEGXjI-17nrPzxwhOUmSALxf9pIuPgjBpnWbBuR7ZyIN0JNw0/s400/Screen+shot+2011-06-05+at+7.29.40+AM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5614703241631636418" /></a></div><div><br /></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3YFJyPPkFVVJxbw_NWwWJC7u69-AfPRA0GRYZRHCdTHlr3IYNj27X6spIq0laGfosKgHeMd6DdCcKnODAtRm5vdeKrFUEGXjI-17nrPzxwhOUmSALxf9pIuPgjBpnWbBuR7ZyIN0JNw0/s1600/Screen+shot+2011-06-05+at+7.29.40+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a>And I also prepared a single-color version of the logo and presented it in a number of colors, on both black and white backgrounds. These versions might be used on product labels, fax templates, invoices, checks, and other instances where the logo does not need to be prominent, and where color printing may be limited or unavailable:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtMx-FHQkWqRzNjg0R7i0y0WJF4MIbHFwV3VGbZrNslIB1O6JpXc6Rb7ZhOFsiEwnvugBIrrHejT5d7-Fx7zI0Vb-nN3CZEod7UH6HoxKS0021VnDOzEKbaktHCreq_zL1QsF2F8qDVdI/s1600/Screen+shot+2011-06-05+at+7.29.51+AM.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 166px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtMx-FHQkWqRzNjg0R7i0y0WJF4MIbHFwV3VGbZrNslIB1O6JpXc6Rb7ZhOFsiEwnvugBIrrHejT5d7-Fx7zI0Vb-nN3CZEod7UH6HoxKS0021VnDOzEKbaktHCreq_zL1QsF2F8qDVdI/s400/Screen+shot+2011-06-05+at+7.29.51+AM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5614703161148701490" /></a><br /></div>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com2tag:blogger.com,1999:blog-1517393745274660599.post-40691530513370351872011-05-10T05:11:00.022-04:002011-05-23T17:46:03.608-04:00Vital Market ResearchI was asked to develop a logo for a small market research firm working exclusively for pharmaceutical companies. The client wanted the company's identity to represent confidence, experience and professionalism, but it also needed to be slightly whimsical and not too stuffy – a worthy challenge for any designer.<br /><br />And there was a bonus challenge - the client's first name is "Vita" and her last name begins with an "L", so she cleverly named her company Vital Market Research, with "Vital" being a combination of her first name and last initial. She suggested that if this could be emphasized in the design, it would make a nice Easter Egg for her clients.<br /><br />The initial round of logos contained five samples, all in a bright orange and a desturated bluish-purple color scheme. The first concept used an implied word bubble at the top of the shape, indicating the voice of the customer. The tail of the word bubble split the "Vita" and "L" in the name, providing the clue to the hidden meaning of the firm's name:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3aQiFnVJbhwmoyOeLhgwM0-QVA3Q8zgBhk-evCyNyBtOa3qIYQ8kfdTRr9qUTFoJrH4Kn-sdqxJ4WfxrkN2oFLYrUFSO9LXASbbQAXmcgG93pY4InU3Ur_F7huks8pccjoNZ2W-0tiHo/s1600/vmr_1_1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 270px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3aQiFnVJbhwmoyOeLhgwM0-QVA3Q8zgBhk-evCyNyBtOa3qIYQ8kfdTRr9qUTFoJrH4Kn-sdqxJ4WfxrkN2oFLYrUFSO9LXASbbQAXmcgG93pY4InU3Ur_F7huks8pccjoNZ2W-0tiHo/s400/vmr_1_1.jpg" alt="" id="BLOGGER_PHOTO_ID_5605013494990556562" border="0" /></a><br /><br /><br />Concept two was more fun and retro - "Vital" was laid out in a custom-designed typeface, with an image of a rounded boiling flask (I did my research) next to the text portion of the logo:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI-0v7UcZMZ3EDrio4wun-uaY52XGU2RZjYIMpbkv7SCOB8Ci-sPi0KdnUn4XaHkKvQvXJA7qklm0_5cvV-kCfry3pqFp2OBBR7faEj2N9v5w90XHxBbAuhNL4sRXC1Qv4vo2rL5sGLNM/s1600/vmr_1_2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 167px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI-0v7UcZMZ3EDrio4wun-uaY52XGU2RZjYIMpbkv7SCOB8Ci-sPi0KdnUn4XaHkKvQvXJA7qklm0_5cvV-kCfry3pqFp2OBBR7faEj2N9v5w90XHxBbAuhNL4sRXC1Qv4vo2rL5sGLNM/s400/vmr_1_2.jpg" alt="" id="BLOGGER_PHOTO_ID_5605013441008919346" border="0" /></a><br /><br /><br />The third concept was the most formal due to its centered layout. The orange triangles emanating out of the center of the "M" created a megaphone/speaking mouth effect - another representation of the role served by the firm – gathering information from customers and conveying that data to pharmaceutical companies:<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNeVBvi3sifWm80qpJBzkFzwJkZdSLMpMdEF09wMmMyylrn23TePMim6R4Zooz88j9TBGp2Oa7GdUZI9VuWHy-lxJupFBionm4C5CKgpw0OOYZZAT1L5og5eOwyMe4ZfLbTMcD1nfLy_s/s1600/vmr_1_3.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 204px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNeVBvi3sifWm80qpJBzkFzwJkZdSLMpMdEF09wMmMyylrn23TePMim6R4Zooz88j9TBGp2Oa7GdUZI9VuWHy-lxJupFBionm4C5CKgpw0OOYZZAT1L5og5eOwyMe4ZfLbTMcD1nfLy_s/s400/vmr_1_3.jpg" alt="" id="BLOGGER_PHOTO_ID_5605013395904888802" border="0" /></a><br /><br /><br />Since many pharma companies have all-text logos, the fourth concept I presented was a type-only logo. I created a custom face for the "VMR" and set it next to the firm's full name. The angles on both sides give balance to the layout:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSKdYw8HaBcKCckZghatJxDrch5KpmbX6cw1o2F_XsdOQNeenr6jWmU7aBuLDDdyK1tzBHFHP4NLj496ApitQUk1uH7g3kUq_fFdCluPWfWtkRQzp-sZi79J5m4Sjgto1u5UOZGJmqOY4/s1600/vmr_1_4.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 72px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSKdYw8HaBcKCckZghatJxDrch5KpmbX6cw1o2F_XsdOQNeenr6jWmU7aBuLDDdyK1tzBHFHP4NLj496ApitQUk1uH7g3kUq_fFdCluPWfWtkRQzp-sZi79J5m4Sjgto1u5UOZGJmqOY4/s400/vmr_1_4.jpg" alt="" id="BLOGGER_PHOTO_ID_5605013349064842802" border="0" /></a><br /><br /><br />The fifth concept used a futuristic font and a segmented capsule pill to illustrate the concept of market analysis:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWC1WvMqoDDK6_k5elkPHAEpIzEoMTNn6siT0xwJUgADtYI2kYks0QuHAxhXuRf-hBji4UqxlCykOrboqWqAFM_tEYKN3xghIyc8wSTzNmDPzdMzsVcb5oiWd632dQxEyHx7zuKLwcwWM/s1600/vmr_1_5.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 192px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWC1WvMqoDDK6_k5elkPHAEpIzEoMTNn6siT0xwJUgADtYI2kYks0QuHAxhXuRf-hBji4UqxlCykOrboqWqAFM_tEYKN3xghIyc8wSTzNmDPzdMzsVcb5oiWd632dQxEyHx7zuKLwcwWM/s400/vmr_1_5.jpg" alt="" id="BLOGGER_PHOTO_ID_5605013295052954210" border="0" /></a><br /><br /><br />The client reviewed the first round of concepts and selected the first logo as the one to develop further. She asked that we modify the color scheme – the orange and bluish-grey were too close to the colors of an existing pharmaceutical company. The client also requested that I present alternate typefaces as well as additional ways to emphasize the word bubble element:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvkY1r2sixeASPpGA58Ornyzc-39ZnPqZgmaIvgRG8t8q7rNY6a9124gPjehkRx25zH-16lJTacgyLoS59QXC2cqHbvqbwrVx4X2_Z3dpKtTyHQAMWzx001UKmu8svKHn-Nf_ht7bQW6g/s1600/vmr_2_composite.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 167px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvkY1r2sixeASPpGA58Ornyzc-39ZnPqZgmaIvgRG8t8q7rNY6a9124gPjehkRx25zH-16lJTacgyLoS59QXC2cqHbvqbwrVx4X2_Z3dpKtTyHQAMWzx001UKmu8svKHn-Nf_ht7bQW6g/s400/vmr_2_composite.jpg" alt="" id="BLOGGER_PHOTO_ID_5605013249800790386" border="0" /></a><br /><br /><br />For the next round of revisions, the client asked that the lime green be changed to a more subdued color – I chose with a 50% gray. We also explored additional shape and font combinations, and added a version of the logo with rounded corners:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbC8zyWDeJa-xYrYg9sLPEXjxT0m5E-1eX8SYPQqb2FXt5jjmV7V_Fb-dmVwHt_lgYRl8cU11QwUCu6dz053T5TlFhloZOJ49VO2hXwQHpreAKlW7F7Oap2Xuan7GX0h-tT8kzTwG4zc/s1600/vmr_3_composite.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 151px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbC8zyWDeJa-xYrYg9sLPEXjxT0m5E-1eX8SYPQqb2FXt5jjmV7V_Fb-dmVwHt_lgYRl8cU11QwUCu6dz053T5TlFhloZOJ49VO2hXwQHpreAKlW7F7Oap2Xuan7GX0h-tT8kzTwG4zc/s400/vmr_3_composite.jpg" alt="" id="BLOGGER_PHOTO_ID_5605013197674049442" border="0" /></a><br /><br /><div><br />After reviewing her options, the client went with a version of the logo with sharp corners, an additional top shape, and the original typefaces:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgqEo9zRHRaaWWzNyzR2k0dTff0xjryvbY_4RfBXG6R9Ag7x1oOr55p-gOqPOYC9iwGYAWvMCzibjwruWbBtEUhfaRRDO5r9tq9rJ-mom2oBWFYHeNVsnoXfPLpkwzazu0i4dRPQ1Rpo0/s1600/vmr_final.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 332px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgqEo9zRHRaaWWzNyzR2k0dTff0xjryvbY_4RfBXG6R9Ag7x1oOr55p-gOqPOYC9iwGYAWvMCzibjwruWbBtEUhfaRRDO5r9tq9rJ-mom2oBWFYHeNVsnoXfPLpkwzazu0i4dRPQ1Rpo0/s400/vmr_final.jpg" alt="" id="BLOGGER_PHOTO_ID_5605012804534456626" border="0" /></a><div><br /></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgqEo9zRHRaaWWzNyzR2k0dTff0xjryvbY_4RfBXG6R9Ag7x1oOr55p-gOqPOYC9iwGYAWvMCzibjwruWbBtEUhfaRRDO5r9tq9rJ-mom2oBWFYHeNVsnoXfPLpkwzazu0i4dRPQ1Rpo0/s1600/vmr_final.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a>Hopefully one of her clients will pick up on that Easter Egg.<br /><span class="post-labels"><a href="http://stevespatucci.blogspot.com/search/label/identity" rel="tag"><br /></a><a href="http://stevespatucci.blogspot.com/search/label/websites" rel="tag"></a></span></div></div>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-46428575025172330432011-04-25T11:00:00.030-04:002011-04-25T20:00:16.586-04:00Create a Vintage Comic Look with ToonPAINT and Halftone for the iPhone<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDyBhlLrFYe4QG_vRIZMkCVggFhrePJmFPqWUZgfgHpBvI7Dt8asFZn-PPtcXQicC0vRuy5YMVwqQACZzUYW5SG9Mzr6ClqFaTknSQdQ8dDDmK-fpTswN_mkaLxPgOLryZ3RKkXuI9ShI/s1600/comic_effect_jimmy_final.jpg"><img style="cursor: pointer; width: 308px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDyBhlLrFYe4QG_vRIZMkCVggFhrePJmFPqWUZgfgHpBvI7Dt8asFZn-PPtcXQicC0vRuy5YMVwqQACZzUYW5SG9Mzr6ClqFaTknSQdQ8dDDmK-fpTswN_mkaLxPgOLryZ3RKkXuI9ShI/s400/comic_effect_jimmy_final.jpg" alt="" id="BLOGGER_PHOTO_ID_5599538798871425362" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">A vintage style comic panel created with ToonPAINT and Halftone.</span></span><br /><br />I came across a cool one-two punch this week - a dynamic duo of iPhone apps that, when used together, create a neat vintage comic book/strip effect for photos.<br /><br />The first app in this combo is <a href="http://toonpaint.toon-fx.com/" target="_blank">ToonPAINT</a> ($1.99 from Toon-FX). ToonPAINT lets you first convert your iPhone photos to black and white linework (with the option of a gray mid-tone) which you can then hand-paint directly on your iPhone screen.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIIhopUvzkNdRss_Z67EvU9DefRtNjmKpJhpZJ3Ha232vKoRwyR_VWpOf4vSFIlUXb8aVLwmfaWz3H4ryCrG-37uALWCRA8OXk9zO7v1Suh_eLKtxA-eNxPEFEAWKkdZXk-382_6aHzQ/s1600/comic_effect_jimmy_original.jpg"><img style="cursor: pointer; width: 299px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIIhopUvzkNdRss_Z67EvU9DefRtNjmKpJhpZJ3Ha232vKoRwyR_VWpOf4vSFIlUXb8aVLwmfaWz3H4ryCrG-37uALWCRA8OXk9zO7v1Suh_eLKtxA-eNxPEFEAWKkdZXk-382_6aHzQ/s400/comic_effect_jimmy_original.jpg" alt="" id="BLOGGER_PHOTO_ID_5599538940544291250" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">The original image.</span></span><br /><br />Once you Load the image from your Gallery (you can also shoot directly from your Camera, if you choose), the image takes a few seconds to process as Inklines. The Shading controls in ToonPAINT's Inklines stage allow you to control the amount of black and gray areas in your image, as well as the amount of edges shown. You can also use the app's Size options to fine tune the Coherence, Edge Width and Edge Length.<br /><br />I've found that the size of the subject in an image will determine what works best for these options - a closeup of a face, for example, might work better with wider edges, while a full body in an image can benefit from the XS settings in Coherence and Edge width. Play around with the options until you're happy with the look of your Inklines. You can also use the Pan/Zoom feature to zoom in and get a detailed look at your linework and tone.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcgK1IyDAmlNdPm2X-1nhV9betm-Em1AeJdoyNURvIiThwu8UHhunXrRnQlwmRFrKiENpgOv3-wUu6Plpaztkx7_p1IUggpzaC7U0hPIU9qH-uvZ7wSVZ7DeBbipD2i8HBZ-4MQ8ssHk0/s1600/comic_effect_jimmy_bw.jpg"><img style="cursor: pointer; width: 299px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcgK1IyDAmlNdPm2X-1nhV9betm-Em1AeJdoyNURvIiThwu8UHhunXrRnQlwmRFrKiENpgOv3-wUu6Plpaztkx7_p1IUggpzaC7U0hPIU9qH-uvZ7wSVZ7DeBbipD2i8HBZ-4MQ8ssHk0/s400/comic_effect_jimmy_bw.jpg" alt="" id="BLOGGER_PHOTO_ID_5599539165606674898" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">Inklines from ToonPAINT.</span></span><br /><br />Next, move onto ToonPaint's Paint stage. There's a slider to adjust your brush (or eraser) size, and a palette with a selection of eight colors. Once you select a color, you use your finger to paint over the Inklines. You can also use the Color Picker to modify the colors in your palette, and there's a a Pan/Zoom feature in this stage as well.<br /><br />However, for my experiments in getting a vintage comic book look, I've bought an additional feature - Auto Color. It's a $.99 in-app purchase, and you buy it by clicking on the icon above the palette of the lovely lady, in color, with the flowing blonde hair. By using this tool, color from the original photo is automatically added back into the image, though in a limited range, giving the image a posterized style which works really well for what I'm trying to achieve.<br /><br />You can still paint on top of the colorized image, with the hand-painted colors completely replacing the original colors - and, interestingly, if you use the eraser too after Auto Coloring your image, it only erases the hand-painted color - the original color remains, which can be helpful if you want to take your time modifying one specific object in the image.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkyPVimSrj_roRIAlmShQAl6cr6FAxkUkwquQoEROswGImYwdtJ7V3P0G-LcwbHhWIlYzt_jPi9FF4dR2XBjHROK8prawXFo9nE4KoXCzVrHEO1-QWL5UfGSzrAvwLIV2zq6QQ84Inyp8/s1600/comic_effect_jimmy_toonpaint_color.jpg"><img style="cursor: pointer; width: 299px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkyPVimSrj_roRIAlmShQAl6cr6FAxkUkwquQoEROswGImYwdtJ7V3P0G-LcwbHhWIlYzt_jPi9FF4dR2XBjHROK8prawXFo9nE4KoXCzVrHEO1-QWL5UfGSzrAvwLIV2zq6QQ84Inyp8/s400/comic_effect_jimmy_toonpaint_color.jpg" alt="" id="BLOGGER_PHOTO_ID_5599539458342545906" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">The colored image from ToonPAINT - fully colored using the application's Auto Color feature.</span></span><br /><br />I've found that high-contrast images with strong lighting yield the best results - no surprise, but getting the lighting right helps ToonPAINT handle the outlines and gray tone in a more naturally comic book-like way. If your outlines aren't bold enough, your final image will look less like a printed comic and more like a printed photograph (which Halftone alone can generate just fine on its own).<br /><br />Once you're happy with your colors, click Done and you'll get to the Save/Share screen. Make sure to turn on the High-res Output option (hopefully whichever camera you've taken your original image with was also set to its maximum resolution) and then Save to your Photo Gallery.<br /><br />Next, fire up <a href="http://www.juicybitssoftware.com/halftone" target="_blank">Halfttone</a> ($.99 from Juicy Bits) and click the camera icon at the lower left, then Choose from Album and browse to the image you just created with ToonPAINT. Halftone will generate a dot pattern within the image, and will also add a background texture and border - both settings which you can modify later.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAMPy1xBZma57PdVwJ41VzeCVQSfRNBEYA81-CjjZl91LMqAywwptuP2XfDx3u4UAYGYKugso_pdFnYbeYHyHgi2HKVSDQXs6KFCINhnY3XUTeGCoRPOrWYejYO6qBFJK9OuxsNzhfjeM/s1600/comic_effect_jimmy_halftone_only.jpg"><img style="cursor: pointer; width: 308px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAMPy1xBZma57PdVwJ41VzeCVQSfRNBEYA81-CjjZl91LMqAywwptuP2XfDx3u4UAYGYKugso_pdFnYbeYHyHgi2HKVSDQXs6KFCINhnY3XUTeGCoRPOrWYejYO6qBFJK9OuxsNzhfjeM/s400/comic_effect_jimmy_halftone_only.jpg" alt="" id="BLOGGER_PHOTO_ID_5599539766245640370" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;"> For the sake of comparison, this is what the original image looks like when processed directly with Halftone and not using ToonPAINT first. Not very comic-y.<br /><br /></span></span>When your image has finished processing, click on the gear icon in the upper left. First, make sure Full Size is set to On, so you can preserve your image at the highest resolution possible. You can then experiment with the Blend Original and Process Original features, as well as the Dot Size (the primary setting you'll want to play around with) and Dot Strength (I've always kept mine at 100% - the default).<br /><br />Click Done for now (you can always go back and modify those settings later), and click the Paper icon. You can pick from 20 different gnarly backgrounds that your image "prints" onto, as well as a plain white background (more on that option later) for a clean effect. Next, click the Layout icon, which lets you select from nine pre-existing panel layouts, varying the number and position of two different styles of captions. There's even a completely captionless, borderless effect.<br /><br />You can then click on the Word Bubble icon to add up to five word bubbles. Click and drag the bubbles to reposition; click and drag the tip of the tail to change its length and direction (a particularly impressive detail); and click within the bubble to modify the text, style (traditional oval, "flatter" oval, rectangle, rectangle with rounded corners, exclamatory "pointy" bubble and thought bubble), and z-position (which bubble is on top of which other bubble, if they overlap within the layout). You can also delete the bubble you're currently editing from here. Click Done when you're finished, and the bubbles will auto-size very nicely to the amount of text you've added.<br /><br />Back in Halftone's main screen, you can keep adjusting the elements in your layout. Though you can't reposition the captions, you can click within them to edit your text (you'll have to change the layout to delete them completely). There's also Font option that lets you adjust the global typeface selection and size (you choose from Small, Medium, and Large options).<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7prCZJqtQS0B2vH2igilisi4V1u4Z_7AZO7zWKJYcs53x6eldO8o33-o1qjBmnBr9K_XRzqQt2EaAJsO0hNqm5KHjm01eS6zJ46ZkIVUCjta3BCtSZxfIeRlQjJMtx1Q0hYPwx3YIs7Q/s1600/comic_effect_jimmy_detail.jpg"><img style="cursor: pointer; width: 271px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7prCZJqtQS0B2vH2igilisi4V1u4Z_7AZO7zWKJYcs53x6eldO8o33-o1qjBmnBr9K_XRzqQt2EaAJsO0hNqm5KHjm01eS6zJ46ZkIVUCjta3BCtSZxfIeRlQjJMtx1Q0hYPwx3YIs7Q/s400/comic_effect_jimmy_detail.jpg" alt="" id="BLOGGER_PHOTO_ID_5599540131519778034" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">Detail of the final image. Dig those funky wrinkles!</span></span><br /><br />Again, fine tune the look of your piece until you've got things looking the way you want them, then click on the icon in the upper right of the main screen and Save to Album. Since Halftone doesn't have a Pan/Zoom feature, I recommend opening the saved image from your Photos app and zooming and and around to make sure the results look the way you want them to.<br /><br />I loved the effect I got when I first combined these two apps - it reminded me of the independent sci-fi comics I read in the late 80's/early 90's, when comic production techniques and paper quality started to improve. The Pacific Comics (and later, Eclipse Comics) anthology series <a href="http://www.google.com/search?hl=en&q=alien+worlds+comic&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=vi&biw=1200&bih=1227" target="_blank">Alien Worlds</a> came to mind - many of those stories featured <a href="http://fredeggcomics.blogspot.com/2010/06/r.html" target="_blank">art</a> with strong linework and thick blacks, colored with the kind of fluidity that mainstream comics usually couldn't achieve when printing on the typical nasty newsprint that I don't remember seeing much past the 80's.<br /><br />Using this technique, it's easy to imagine creating a full-size, printable comic by exporting the full-size final images, then composing the page layouts in a full (not iPhone/iPad) version of Photoshop (or InDesign, or Illustrator, or your preferred page layout program - preferably with adjustable guides so you're not laying things out by eye). The default panel dimensions are a bit wide for the traditional 6x9" comic book page 9x9 panel layout, but they fit almost perfectly on a US Letter-sized page, as long as you overlap the borders. Since it would look odd to see the same exact page texture repeated nine times on a comic page, you could select the plain white background in Halftone before saving your images, and if you still wanted that aged effect on your page, you could put together your panel layout in Photoshop, create or buy your own background textures, then set them up as Multiply layers in Photoshop so that they cover your full page.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-b1b3NFBm6axwmBV-mjS0UW3UqVKG29fXq_0tvwEzIgZwSNXUXZn1EX6P3Fcp8wUa0-BatgD_Mn78yAvuRO5GJUtTEPssi3dE11hQzCbIQva4XtmgOk3Zi6oMfnQ0Y1d4Q8A9HHCtye4/s1600/sample_page.jpg"><img style="cursor: pointer; width: 309px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-b1b3NFBm6axwmBV-mjS0UW3UqVKG29fXq_0tvwEzIgZwSNXUXZn1EX6P3Fcp8wUa0-BatgD_Mn78yAvuRO5GJUtTEPssi3dE11hQzCbIQva4XtmgOk3Zi6oMfnQ0Y1d4Q8A9HHCtye4/s400/sample_page.jpg" alt="" id="BLOGGER_PHOTO_ID_5599541985647472450" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">Letter-sized comic book page using two images. The paper texture repeats (though this can be dealt with), and the large panel is out of proportion. </span></span><br /><br />I confess that I've also tried using Adobe Photoshop Express between the ToonPAINT and Halftone steps, to adjust the Exposure, Contrast and Saturation settings of the image created by ToonPAINT. This is helpful in general, in achieving a certain look (adjusting the Contrast of an image so blacks become dark grays, which really gives the panel an aged look) - and may be necessary if you're putting together a number of panels into a single comic strip or page, and want them to all look consistent.<br /><br />And speaking of Photoshop Express, what if you don't want a static nine panel layout for your comic book page? Maybe you want a panel that stretches across the width of the page? Well... I don't see it happening. Yes, you can use Photoshop Express to crop the original image (or the ToonPAINT version), but when you take it into Halftone, all of the elements - background texture (if you use it) panel and word bubble border, text and dot pattern size - will be out of proportion, because you'll have to enlarge the final image to make it fit into the layout. Sure, you could shrink the Font and Dot Size in the outsized panels to try to match the look of the other panels, but that's going to take some work - and you can't enter those values numerically, so you'll be winging it every time you perform that task. And you'll have to visually eye-up the size you're cropping to every time. And if you were thinking of stitching two panels together side-by-side, you'll have to deal with manually matching up the dot patterns in each image. I'd have to say a versatile comic page layout is beyond what these two apps can comfortably do at this point - and that's fine.<br /><br />Out of the box, ToonPAINT and Halftone are a great way to use your iPhone to create images that seem ripped from an old, printed comic page - all for under $5. I'm planning on putting together a short comic book story (and if my son were a little older and more cooperative, I probably would have at least one page finished at this point), so expect a trial run sometime in the near future.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv0LwK3Mab1NUrhBr_bZKnE1kkKEtbyU1YhA7DunsBApRfnxLjFRNl692ODnIYdHDbKDmyI8h9XIpIOhOJBPYC6wUe7Z-dazDMPZAZWRAt0S18PbIoXEnLdBo-blAbZ0H2CLgaAMyFNa8/s1600/sharon_nico_eggs.jpg"><img style="cursor: pointer; width: 308px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv0LwK3Mab1NUrhBr_bZKnE1kkKEtbyU1YhA7DunsBApRfnxLjFRNl692ODnIYdHDbKDmyI8h9XIpIOhOJBPYC6wUe7Z-dazDMPZAZWRAt0S18PbIoXEnLdBo-blAbZ0H2CLgaAMyFNa8/s400/sharon_nico_eggs.jpg" alt="" id="BLOGGER_PHOTO_ID_5599538377548632818" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;"> An image created with the Edges setting in ToonPAINT set very high - this gives the image a more painted feel.</span></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QEeUkxmRuONHnlSWCYgSoK6sb8kFnrbZOeesb-KnmbJQ8H7LoVTYcmmwOyyo1Fsjd0zUfeTHM90oSksOiBtOXMI_itAC2hyXqi4hZbju-TzZChFo90KNPqbldTH960YxM-AxUi28uMQ/s1600/bookstore.jpg"><img style="cursor: pointer; width: 400px; height: 380px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QEeUkxmRuONHnlSWCYgSoK6sb8kFnrbZOeesb-KnmbJQ8H7LoVTYcmmwOyyo1Fsjd0zUfeTHM90oSksOiBtOXMI_itAC2hyXqi4hZbju-TzZChFo90KNPqbldTH960YxM-AxUi28uMQ/s400/bookstore.jpg" alt="" id="BLOGGER_PHOTO_ID_5599538309389688738" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">The boldness of the linework on this image, combined with the high contrast in the original photo, give the final panel a strong comic book look.</span></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin_5rrY2M4peCGKox3tmJN4uUMpMCnZnYXdJIQLp8HvVXQ0eN4-SLIdlhjTF8MT-QmVT7fwqfoLVDeyHEnXmgUnv931Uo1rncpHQflpf4Mdw-3qHXY2MVnzJyVrqH7CgnbWnN1_oHpPvc/s1600/sharon_nico_sad.jpg"><img style="cursor: pointer; width: 308px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin_5rrY2M4peCGKox3tmJN4uUMpMCnZnYXdJIQLp8HvVXQ0eN4-SLIdlhjTF8MT-QmVT7fwqfoLVDeyHEnXmgUnv931Uo1rncpHQflpf4Mdw-3qHXY2MVnzJyVrqH7CgnbWnN1_oHpPvc/s400/sharon_nico_sad.jpg" alt="" id="BLOGGER_PHOTO_ID_5599538245485927522" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">The different page textures in Halftone can make the image look like it was printed on aged newsprint, cardboard, and other wrinkled, ripped, and otherwise-distressed materials.</span></span>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com3tag:blogger.com,1999:blog-1517393745274660599.post-41297615755758273972010-12-20T06:41:00.010-05:002010-12-20T08:43:08.266-05:00Creating Comics - 47 Master Artists Reveal the Techniques and Inspiration Behind their Comic Genius<a href="http://www.amazon.com/Creating-Comics-Artists-Techniques-Inspiration/dp/1592536417/ref=sr_1_1?ie=UTF8&s=books&qid=1292845040&sr=8-1" target="_blank"><img style="cursor: pointer; width: 320px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZOYI7s7o0p-4R2ypXcC4sN-f3tkwykWNiKykTOihEQoBCOJzUr8pAdKL1_ppv4cjecYbVY6HEoPZnfsbe01zOEVgy00iqpXFJuUbUYbXBS9FD-v3CYocRMaibV9Z5rHa5YMppouoQXA/s400/creating_comics_final.jpg" alt="" id="BLOGGER_PHOTO_ID_5552733918278709394" border="0" /></a><br />Back in 2006, an author named Spencer Drate called me out of the blue and asked me if I'd like to be included in a book he was writing about comics and the creative process behind them. He'd found my work and he thought I'd be a good fit for the book.<br /><br />I was certainly honored to be asked, but I explained to Spencer that, although I did illustration work in a cartoony/comic book kind of style, and I'd created some comic strips for myself and some very small publications, I hadn't ever been published in an actual comic book. But Spencer told me that didn't matter - he liked my work and wanted me in the book. So I agreed, picked out a few illustrations, wrote up a bio and a short piece about my process, and sent it in.<br /><br />Over the past few years, I kept an eye out for the book. Spencer and his co-author Judith Salavetz have published a <a href="http://www.amazon.com/Spencer-Drate/e/B000APUIOS/ref=ntt_athr_dp_pel_2" target="_blank">bunch of books</a> - on movie posters, rock posters, album cover art and more - so I fully expected the comic-creating book would come out someday. I even bought the authors' book <a href="http://www.amazon.com/Pure-Animation-Creation-Cutting-edge-Animators/dp/1858943655/ref=sr_1_1?ie=UTF8&qid=1292852522&sr=8-1" target="_blank">Pure Animation</a> in 2008, mistakenly thinking it was the book I was to be included in, but when I got it home and realized I wasn't in its pages, I assumed that this was the end - that their book on comics had come out, and I wasn't in it.<br /><br />Then last week, an e-mail hit my inbox telling me that <a href="http://www.amazon.com/Creating-Comics-Artists-Techniques-Inspiration/dp/1592536417/ref=sr_1_1?ie=UTF8&s=books&qid=1292845040&sr=8-1" target="_blank">Creating Comics: 47 Master Artists Reveal the Techniques and Inspiration Behind Their Comic Genius</a> was finally coming out, and asking me to confirm the address where my comp copy should be sent.<br /><br />I haven't seen the physical book yet, but I quickly did a <a href="http://books.google.com/books?id=far6wvsybWcC&printsec=frontcover&dq=creating+comics+drate&source=bl&ots=Pq7k1lv3Rc&sig=Zrv6GreHx9bQkxO-VWNxdvn-jdo&hl=en&ei=cVwPTZ7VG4a8lQfH2risDA&sa=X&oi=book_result&ct=result&resnum=1&ved=0CBMQ6AEwAA#v=onepage&q&f=false" target="_blank">"Search inside" on Google Books</a> and was stunned - first at the title ("masters"?! "genius"?!), and then at the other artists included. Paul Gulacy, Michael Golden, Danny Hellman, Tara McPherson, Paul Pope, J.J. Sedelmeier, Ward Sutton, Mark Texeira… and Jim Steranko?! High-profile people who actually work in the comics industry?! At the risk of sounding like I have a low self-opinion, I have to admit that my first thought was, "I don't belong here!"<br /><br />But it's fantastic to be included, and I am humbled. I hope the short piece I wrote is interesting and helpful to someone out there. Now I feel like I need to generate a few comic book concepts and try to get them published, if only to justify my place in the book!<br /><br /><a href="http://www.amazon.com/Creating-Comics-Artists-Techniques-Inspiration/dp/1592536417/ref=sr_1_1?ie=UTF8&s=books&qid=1292845299&sr=1-1" target="_blank">Creating Comics</a> from Rockport Publishers on Amazon.<br /><br />And a great interview with the authors and some of the contributors on <a href="http://www.blogtalkradio.com/redvelvetmedia/2010/11/05/red-velvet-media-and-creating-comics-spencer-drate" target="_blank">Red Velvet Media.</a>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com2tag:blogger.com,1999:blog-1517393745274660599.post-17802390836674044732010-03-12T18:00:00.005-05:002010-12-20T07:58:12.694-05:00The AlphaNumerizer<a href="http://www.stevespatucci.com/alphanumerizer" target="_blank"><img style="cursor: pointer; width: 400px; height: 238px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_UyrgNJ3RDaimXTWsRUmsDfoAYAmvfuJAXe5WJWyshFVSvto9nydEYoBCFtdk4cfICXX7VZQRjWWHlF_-bAJfKU7TQA_9rVKZnbmn2zxLZ0KfJnSH_fCnWzNyuZBmEN-N__s78U72eP4/s400/alphanumerizer.png" alt="" id="BLOGGER_PHOTO_ID_5447886114911311058" border="0" /></a><br />Here's another Flash application for young kids - <a href="http://www.stevespatucci.com/alphanumerizer" target="_blank">The AlphaNumerizer</a>. I tried to find a simple tool for my son Nico. He's a year and a half old and he loves letters and numbers - seeing them and hearing them pronounced makes him very happy (in fact, he's playing with my wife's alphabet cookie cutters as I write this).<br /><br />Every letter/number game I found online was more complex than what I was looking for - most commercial educational sites clutter the screen with lots of links to additional content and branding elements, and many of their tools and games have animations and other images that supplement each letter as it's typed. That's fine (and probably better suited to kids older than Nico), but I didn't want those kinds of visual distractions - I tried a couple with Nico and I actually had to point to show him where the letters were on the screen.<br /><br />So I built The AlphaNumerizer. It was a very quick Flash build - about four hours of work total. The audio was recorded on my new Blue Mikey external microphone for the iPhone. It's an excellent quality mic - you can hear the clarity on the samples. I gave the audio very little compression when exporting from Flash - so it's a fairly large file for such a simple application (about 500k ) but it's worth it for me in terms of the quality.<br /><br />I used typical color scheme, though a bit desaturated - I don't like the kind of overblown colors that you usually find in websites and games for kids. I went with VAG Rounded for the typeface - it really represents the letters and numbers in a nice, traditional typographic style but with rounded ends, which keeps things looking kid-friendly. We wouldn't want kids to get hurt on sharp-cornered letters or - heaven forbid - serifs.<br /><br />Nico likes when I use the aggressive, excited voice I wound up using for the AlphaNumerizer - we have foam letters that he plays with in the bathtub, and the way I pronounce those letters when I hold them up for him is the same way I voiced them in this application. I exaggerated the pronunciations while still keeping them as clear as possible.<br /><br />I put the featured letter on a colored card and animated it so it would fly in quickly, slowing to a gentle stop. I also added a timer so it would fade out after a few seconds, essentially clearing the slate.<br /><br />After I got the basic functionality working (I spent an hour wondering why only certain keys worked while I was testing in Flash before I found out the Flash test environment was "stealing" my key presses - I had to disable the keyboard shortcuts to fix that), I thought about tracking which keys had been pressed. It seemed like that would be a helpful feature, so I added a little strip of letters and numbers at the bottom that fade out as each key is pressed. I kept them small so as not to distract from the main huge letter, and added in another function that fades them back in when the mouse rolls over them.<br /><br />And besides a title bar and an About section, that's the whole thing. Some early testers have suggested adding a other features, like detecting when certain words are typed. I'm not sure I'd go that route, but if I did, I'd still keep this version as it is. There's something nice about a full screen devoted to one primary element to focus your attention on. Now if I could only find a way to prevent Nico from hitting keys that get him out of the browser window...<br /><br />Check out <a href="http://www.stevespatucci.com/alphanumerizer" target="_blank">The AlphaNumerizer</a>.Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com2tag:blogger.com,1999:blog-1517393745274660599.post-57571799219703356162010-03-07T06:28:00.004-05:002010-03-07T06:56:49.282-05:00BeatMaker<a href="http://plasmicstudio.com/beatmaker" target="blank"><img style="cursor: pointer; width: 400px; height: 311px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8VbJFkxXX772FmUs6szLb_F1kIhMNqyFA18BqzRja6j4osU1r4DuQXVoehjKOB_hvTDhfEDKhNQfIzhe_9gJfGx7dhXonKfKe7HEjvpwR7CYTR4tgpGYd0ZR0u6n7Qz-bN_f7T3BhZpI/s400/beatmaker.png" alt="" id="BLOGGER_PHOTO_ID_5445854375635417906" border="0" /></a><br /><br /><a href="http://plasmicstudio.com/beatmaker" target="blank">BeatMaker</a> wasn't created for a client - I developed this little Flash application a couple years ago to help a friend's five-year-old daughter, who was then starting to play the drums, understand the basics of rhythm and counting time.<br /><br />The interface is simple - the screen contains on measure of music, broken down into eighth notes, with three instruments - closed hi hat, snare drum and bass drum. It was tempting to add more drum sounds, but the idea here was to allow simple beats to be created - not to make a virtual drum machine or anything so complex that it would get in the way of learning.<br /><br />Each note is clickable - clicking toggles the note on or off. There are four speeds ("Slow", "Medium", "Fast", and "Crazy Fast") and there's a voice (my own) that counts each note in the measure. It can be turned off so the child can try counting on their own. A vertical line scrolls in sync with the counter, so kids can connect the counting to the current position in the measure.<br /><br />I've included sixteen sample beats to help give kids an idea of how each note can be arranged. There's also a Clear function so they can wipe the slate clear and start from scratch (rather than manually turning each note on or off), a Random feature that creates a totally random beat, and there's a Print function so favorite beats can be saved and practiced later - even if there's not a computer around.<br /><br />That's it - nice and simple. Check out <a href="http://plasmicstudio.com/beatmaker" target="blank">BeatMaker</a>.Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-71110153164475507952010-02-06T13:01:00.013-05:002010-02-06T13:54:07.011-05:00Make the Load Lighter: Indie Rock for HaitiMy band <a href="http://www.dromedary-records.com/artists/cuppa-joe" target="_blank">cuppa joe</a> was fortunate enough to have been asked to contribute a song to the <a href="http://www.dromedary-records.com/" target="_blank">Dromedary Records</a> compilation <a href="http://www.dromedary-records.com/store/make-the-load-lighter-indie-rock-for-haiti" target="_blank">"Make the Load Lighter: Indie Rock For Haiti"</a>. The digital-only release was put together in a startlingly fast two week period, and features contributions from fantastic bands all over the world.<br /><br /><a href="http://www.dromedary-records.com/store/make-the-load-lighter-indie-rock-for-haiti" target="_blank"><img style="cursor: pointer; width: 225px; height: 225px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik4gScOmepq-r3gP7OLfVK-JGo4oahgW35bjfKmaAjXvahK8CY_7dfYzUKdIFe_B2Smrhvf80mOzKOxUesT_F2knAfLgXaKPCeVr8ssIrxEvSo9Ng01QcZccmsYjFybRHCCYJkdyHOXs0/s400/load.jpg" alt="" id="BLOGGER_PHOTO_ID_5435198249179336146" border="0" /></a><br />Taniqua, the song we contributed, was recorded in 1995 and was never widely available - so all the better to have it included on this special project. We were proud to be included - especially considering that <span style="font-style: italic;">all</span> proceeds are going directly to the volunteer organization <a href="http://www.vwaayiti.org/" target="_blank">The Voice of Haiti</a> to benefit earthquake victims.<br /><br />Here's the full track listing:<br />1. Footstone: “For the Boss”<br />2. Boss Jim Gettys: “With a Smile”<br />3. Cuppa Joe: “Taniqua”<br />4. Moviola: “Calling on the Line”<br />5. Three Blind Wolves: “Sex is for Losers”<br />6. Paula Carino: “The Great Depression”<br />7. Wallendas: “Adrianne”<br />8. The Neutron Drivers: “All Around the Sun”<br />9. The Dark Brothers: “Knee Deep in Sin”<br />10. There Will Be Fireworks: “Foreign Thoughts”<br />11. Gena Rowlands Band: “F*ckups of the World Unite”<br />12. The Mommyheads: “Spiders”<br />13. Farewell Singapore: “Blue”<br />14. Jenifer Convertible: “St. Pete”<br />15. lions.chase.tigers: “To Their Blood”<br />16. Stuyvesant: “Salieri”<br /><br /><a href="http://www.dromedary-records.com/store/make-the-load-lighter-indie-rock-for-haiti" target="_blank">"Make rhe Load Lighter: Indie Rock For Haiti"</a> is available for $9.99 from <a href="http://itunes.apple.com/us/album/taniqua/id353934819?i=353934856&uo=6" target="_blank">iTunes</a>, <a href="http://www.amazon.com/Make-Load-Lighter-Indie-Haiti/dp/B003761U5I/ref=sr_1_1?ie=UTF8&s=dmusic&qid=1265481408&sr=8-1" target="_blank">Amazon</a> and directly from the <a href="http://www.dromedary-records.com/store/make-the-load-lighter-indie-rock-for-haiti" target="_blank">Dromedary Records website</a>. You can preview the full album on Dromedary's website, and individual songs are available for $.99. Check it out.Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-33634540832038588022009-11-09T07:02:00.001-05:002009-11-09T07:08:07.224-05:00Premium Music Solutions - Interactive City<a href="http://www.premiummusicsolutions.com/" target="_blank"><img style="cursor: pointer; width: 400px; height: 210px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dgtgG8KHpezdP7LtpKP39zhMguCihU3LJeGR7LvyYGCBLLXkhXtSIDT-FBBpdlGQFArrxlp_Jl8_lI99YMazYvPCIrtLGnew-yEMMr_q5JdflJRkLnvSemsT_rLKqtTaI50Wvb9ZnUA/s400/pms_city_overview.png" alt="" id="BLOGGER_PHOTO_ID_5402073787796707762" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">The Premium Music Solutions home page - an interactive city with each building representing a different genre of music being promoted. Click to launch website.</span></span><br /><br />After about four months of development, <a href="http://www.premiummusicsolutions.com/" target="_blank">www.PremiumMusicSolutions.com</a> has launched. I'm excited. It's been some time since I did the first proof of concept of the Christmas village at the center of the city, with its blinking lights and falling snow. The rest of the city was finalized months ago, but the client decided to hold off on the site going live until the second phase - building the interiors of each venue, which house the full song information - so everything would go live at once.<br /><br /><a href="http://www.premiummusicsolutions.com/" target="_blank"><img style="cursor: pointer; width: 400px; height: 210px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RbfKLxBNNBEg1MYpZk_SDi5-va7QklttTd6WI0fql-Nw_Hw9XODedScjFuAHGGuOlX7CJPiIarqAHKbwwc2PnmqxBQsidUSzbzNY3FQv6bnJLFcrFkhJat5oZzrUTyEZH-cHUbI9ph8/s400/pms_city_club_t_int.png" alt="" id="BLOGGER_PHOTO_ID_5402073849976492818" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;"> One of the six venue interiors - this is Club T, featuring disco, club, and other dance-friendly music. Click to launch website. </span></span><br /><br />The song data is all XML-driven so they client can make changes and updates on their own, without my intervention. As always, the handshake between Flash and XML - making the information flexible enough to accomodate, say, multiple pages of of songs - is always the most difficult technical piece, but it pays off in the end. Now the client can maintain all of their own content - an efficiency and cost-savings.<br /><br />Another minor technical feat: the interiors of the venues all use one Flash file. Each venue has its own HTML page with a single FlashVar, "venue", passing down a value of 1 through 6 to the .swf file. The .swf then goes to the appropriate background image for the venue, and pulls in the appropriate XML file based on that value, which then propagates all the song data. This is also an efficiency issue - I only have one file to maintain - and also helps the site load quickly, since once the first interior is loaded, all subsequent interiors load near-instantly, as they're really just opening the same .swf.<br /><br />One other "trick" I tried, which I've seen before but hadn't attempted - actually a trick in two parts: The interiors of each venue show large text buttons for the other five venues, but not a link for the venue you're currently in. A small thing, perhaps, but it's nice to only present the user with the options other than the one they're seeing. And part two - instead of having an off/over state for those buttons (they all seemed to important to keep "dimmed" when they're off), instead, when the user rolls over one of them, the other five temporarily dim.<br /><br />Now go check out the traffic lights and cars on the home page. Yes, they really work. Now it's time to add in some pedestrians.Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-32980903356273060592009-11-02T05:30:00.005-05:002009-11-02T05:40:14.074-05:00Me Make Monster - Story Contest<a href="http://www.memakemonster.com/contest.html" target="_blank"><img style="cursor: pointer; width: 400px; height: 191px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXoBRSioMtzrTJujOyu4dXxITMR7P51fA5tUFVjXF4IdVNXJtTDZuCHXN5sRnV199hNtCN4jz8AhG14W3S1Z6mAsQRDHpPhc9Ju2d2xDxIMFTWL8j7Lf2EqtoCmFnDvls2aKUcw4i6ONE/s400/mmm_story_contest_image.png" alt="" id="BLOGGER_PHOTO_ID_5399451763880134082" border="0" /></a><br />In an effort to spread the word about my project, <a href="http://www.memakemonster.com/" target="_blank">Me Make Monster</a> (which lets you make a monster, then get it printed on t-shirts, mugs, and other Zazzle products) I've just launched a Story Contest.<br /><br />The way it works is, you visit the site and make a monster, giving it a name. Then click the "Enter Our Story Contest" button. This takes you to a new page, where you enter a little info (including the name of your monster), and then write or paste in your story.<br /><br />The contest will run for a month, and I really have no idea what to expect. As far as the stories themselves, anything goes - though I'm suggesting people write about a few specific things regarding their monster, if they're not sure what to cover:<br /><ul><li>its origins</li><li>powers</li><li>allies</li><li>enemies</li><li>weaknesses</li><li>secret lair/domain</li><li>how it feeds</li></ul>I'll be awarding one $50 Zazzle Gift Certificate and two $25 Zazzle Gift Certificates in each of four age groups, so feel free to spread the word and try it out for yourself. The link to the contest is right here:<br /><a href="http://www.memakemonster.com/contest.html" target="_blank">http://www.memakemonster.com/contest.html</a><br /><br />Winners will be announced on December 15th - I may even read the winning stories aloud, accompanied by some simple monster animation. That seems like it would be cool.Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-18720914716075354462009-10-27T20:26:00.004-04:002009-10-27T20:34:58.375-04:00Me Make Monster Animated Commercial and Theme SongThe first Me Make Monster commercial has launched, complete with a retro 80's-style theme song! Click below to check it out!<br /><br /><object id="xrP064d61f4765b452a949a4fe9712a2aae" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" type="application/x-shockwave-flash" data="http://exposureroom.com/flash/XRVideoPlayer2.swf?domain=exposureroom.com/&assetId=064d61f4765b452a949a4fe9712a2aae&size=sm&titleColor=%23ffffff" height="189" width="336"><param name="movie" value="http://exposureroom.com/flash/XRVideoPlayer2.swf?domain=exposureroom.com/&assetId=064d61f4765b452a949a4fe9712a2aae&size=sm&titleColor=%23ffffff"><param name="allowNetworking" value="all"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="True"><param name="wmode" value="opaque"><embed name="xrPlayerEmbeded064d61f4765b452a949a4fe9712a2aae" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://exposureroom.com/flash/XRVideoPlayer2.swf?domain=exposureroom.com/&assetId=064d61f4765b452a949a4fe9712a2aae&size=sm&titleColor=%23ffffff" allownetworking="all" allowscriptaccess="always" allowfullscreen="True" wmode="opaque" height="189" width="336"></embed></object><div><div></div></div><br />Or check it out at:<br /><a href="http://www.memakemonster.com/" target="_blank">www.memakemonster.com<br /></a><br />The theme song, 34 seconds long, was composed in GarageBand, using all MIDI instruments except for the voice, which I tripled to thicken it up. The song's feel was modeled after the early- to mid-80's Saturday morning commercials of my youth - very aggressive, filled with attitude, Eddie Van Halen-inspired guitar noodlings and heavy beats.<br /><br />I kept the lyrics as streamlined as I could, conveying the customized monster-making functionality of the site, and the ability to get those monsters printed on producsts, in as few words as possible.<br /><br />I developed the commercial all in Flash, and kept it free of gradients so there wouldn't be any nastiness when the piece went from Flash to Quicktime to Flash Video, or whatever other compressed format it'll be converted to.<br /><br />The piece has been integrated into the site itself, and should set the tone for the site as being edgy, cool and fun - especially for the 8 to 12 year old boys I'm targeting. I hope they enjoy the sixteenth note guitar triplets. I'm sure they will.Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-15353877326489885482009-10-15T05:26:00.004-04:002009-10-15T06:53:30.356-04:00Me Make Monster! Launches<a href="http://www.memakemonster.com/" target="_blank"><img style="cursor: pointer; width: 400px; height: 310px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGlyhbCgYi8lfrr5RmQ-t3C2ZwRh3raO35j3MGZG6JhkkGG_kDuOD7cdOjnEeFAfP-ywX5CyD98kha1KgiYSUIP8RQZj21lHCknNNyaNtEXECrUhqssyW1Qe6Js46IZlfkg2s-sRyaY7c/s400/mmm_screenshot.png" alt="" id="BLOGGER_PHOTO_ID_5392772696163157314" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">Click to make some monster stuff.</span></span><br /><br />I've launched a new project - a new <span style="font-style: italic;">venture</span>, if you will - and it's called Me Make Monster! I'll create a more detailed blog post in the future, but for now I invite you to check it out and play around with it. And hey, if you have a kid - especially boys 7-10 - and you get them to check it out, I'd be especially interested in what they have to say.<br /><br />I've kept the purpose of the site very simple - you make a monster out of various parts, name it, and then you apply your finished monster to a variety of products on Zazzle. The products are created on the fly using Zazzle's API, which imposes a high-res image (generated from the vector monster parts in Flash) and adds it to templates. That was certainly not the fun part of this project, but working it out meant a very smooth handoff from the MMM site to Zazzle, which will hopefully entice customers to make a purchase.<br /><br />As far as the monster is concerned, you can select pieces for the head, eye brows, eyes, nose, mouth, ears, body (really the torso), arms, legs, and "extra", which can be a tail, wings, and other stuff that appears behind the monster - essentially attached to its back. For some parts (eyes, brows, nose, mouth, ears) there is a blank option - essential for creating some specific monsters, like a Mummy - Mummys don't have noses, in case you didn't know.<br /><br />You can also select the color (one color per monster only) and a texture (which can also be blank). For each piece except the body/torso, you can enlarge or shrink that piece, and move it up and down - all within certain tolerances. There's also a Reset button that brings it back to its base position and size, and a Random button that selects a random body part, size, and position. I've also added Reset and Random buttons for the full monster - clicking the Random All button is a great place to start - you can keep going until you see a monster you like, then jump in and start tweaking it.<br /><br />Something I wrestled with was hair and clothes. At first I was going to exclude both because of technical resasons - I wanted the body parts to be varied, so I knew Frankenstein's Monster hair wouldn't fit on a Dracula-style head. Same thing with clothes. But I eventually I decided I really wanted to add those features - I couldn't make all the kinds of monsters I wanted to without them. So I created those functions, but as purely on/off options - each head and body part has one discrete hairstyle and clothing option. That way I don't have to worry about elements fitting - or not fitting.<br /><br />I thought about going with a sequential setup - like <a href="http://www.madmenyourself.com/" target="_blank">Mad Men Yourself</a>, where you select one body part at a time, and move forward and back. This may have been easier for the core demographic I'm targeting (boys 7-10) but it also slows things down, and because it doesn't present all of your options at once, it can be less satisfying to use. We'll see - I've got some beta testers playing with the site now - hopefully their feedback on the interface is encouraging. I trust 'em.<br /><br />There were some technical hurdles to overcome (and some I'm still overcoming) but I wanted to get the site up and running first, then start cleaning things up. So - it's up! Check it out if you're into monsters (is anyone <span style="font-style: italic;">not</span> into monsters?!) and let me know what you think.<br /><br /><a href="http://www.memakemonster.com/" target="_blank">www.MeMakeMonster.com</a>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com2tag:blogger.com,1999:blog-1517393745274660599.post-25952514320511608372009-10-01T05:59:00.013-04:002009-10-01T06:51:39.209-04:00Xipwire - Informational Chart<a href="http://www.blogginitup.com/images/xipwire_chart_large.png" target="_blank"><img style="cursor: pointer; width: 400px; height: 309px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfBgrNffNR1bFyjRhVQx_evxsodCdz59YzeqSQZA17JxXVwZ2PkdKu7VKExeKid84lc3VL5teD3qWggKaW_TXP0myA9FB6BwaIiOrkW854BlJ8WAVsEgbnPy4PVfr77fwIfkJz-ZcYnGQ/s400/chart.png" alt="" id="BLOGGER_PHOTO_ID_5387569687071656882" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">Informational graphic. Click for larger image.</span></span><br /><br />I'm in the process of finalizing my work for Xipwire, which I've mentioned in a <a href="http://stevespatucci.blogspot.com/2009/07/xipwire-logo.html" target="_blank">previous post</a> covering the logo design phase of the project. Xipwire is a startup service that allows its users to text funds to each other. So you go out to lunch with a friend, you wind up owing him $13 but neither of you have change - no problem, if you're both signed up on this service. You text him the $13, it comes directly out of your (very secure) bank account, and the next time your friend logs in, it's desposited into his account. Very simple, very safe, and very efficient - and that's what I needed to convey in this graphic.<br /><br />The client created a rough version of the chart as a way to get his thoughts together, and to guide me as I recreated and refined it:<br /><a><img style="cursor: pointer; width: 400px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQwnVIJbmYkUZrCQB8absSsqJHgck084fZGR6QiJa86gm6ih-HE1gfDSbkv-NPX0w7rVr613O1wJFYiipFXLE5sjYjJzwvcj8iR5LsvKMq991H8KxmU_1cWye8eQy0T180zAS0EXE3nQU/s400/chart_orig.png" alt="" id="BLOGGER_PHOTO_ID_5387571396059800802" border="0" /></a><br />He'd used a combination of clip art and found graphics to work this out, and it certainly got the basic information and ideas in place. I started from scratch, using Freehand (they'll have to kill me to stop me from using that program) and strictly adhering to the same color scheme and gradient effects I'd created for the basic website structure. I'm hardcore when it comes to that, and I really feel that when most people who aren't designers work on these kinds of charts and graphs for themselves, the strong tendency to use a variety of colors is what makes them look unprofessional and non-cohesive. Using one font in one color/size/style is always going to look better than varying each sentence and element. <span style="font-style: italic;">Don't even</span> <span style="font-weight: bold;">get me started</span> on the <span style="font-weight: bold; font-style: italic;">overuse</span> of <span style="font-weight: bold;">bold</span> and <span style="font-style: italic;">italic!</span><br /><br />It was fairly straightforward, though as I told my client, there are always infinite ways to go when representing a human form. Here is the first pass on Violet and Dash, the two avatars he wanted to represent the Xipwire process:<br /><br /><a><img style="cursor: pointer; width: 259px; height: 138px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZKcPNTotg4euGfeYiilEoJKN_8SVMSUVn5StQLrGUyNQGVK2rfDEhCnoezbZI5ecQti8NHF50pfzxAaNa8R7HjqKfccnb0d5ms2l55EjjWm6iTAfS8CtyrKOWE_YSNDfQEz_7SYTYbxg/s400/Picture+9.png" alt="" id="BLOGGER_PHOTO_ID_5387572229033154050" border="0" /></a><br />Dig that soul patch on Dash, eh? My client liked the fun, cartoony look, but feared it might be a little too lighthearted, so he asked me to represent the characters in a more (but not totally) realistic style. I took another pass and came up with the current version, which he liked even more, and approved with no changes:<br /><br /><a><img style="cursor: pointer; width: 400px; height: 212px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg23E5YB6-TQ_HLxdfE_YP9ZPJ7AcW96KQOBIw0ryQ9BGk9fASiK8pgd-qPM0rCx2LhnX6EWhQPy20ubR3HnmbxmKo54thGmadf__vShGxshkjp_1knz4WxPsAhjU-hjjyTgut-vhNjjJ0/s400/Picture+10.png" alt="" id="BLOGGER_PHOTO_ID_5387572836394015410" border="0" /></a><br /><br />The two characters are almost perfect mirror images of each other, to keep the feel of the chart more iconic and less like a cartoony illustration. I did shrink Violet's nose and chin (women universally have smaller noses than men, right?), darkened her upper lip and gave her a bottom one, thinned out her eyebrows, and added the cliché female adornments of long hair, earrings and eyelashes. A part of me always struggles with these kinds of elements, but in the world of icons, there's no room for subtlety. I really hope I never have to redesign those bathroom door icons, because I know the idea of the skirt-wearing woman icon would drive me batty.<br /><br />What else? Besides the text, boxes and lines, there are three main icons. The wallets, which needed to convey security (I used a lock - not quite groundbreaking) and also had to show that multiple credit and debit cards can be linked to Xipwire for a single user:<br /><br /><a><img style="cursor: pointer; width: 273px; height: 265px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOpE5xrfrQuZCLCEa4RXeu4BVn1qaySF8DHi2Zyr2ypGdpe_MP9AP-AsaxN8g7Oz-sh1uZ8kb-XSy7eqpoptlPpI_iSYPvgFalarxPhzUpFXDrVhSq82Mg1mHLws9pDbRPbZAfNj6BI6c/s400/Picture+11.png" alt="" id="BLOGGER_PHOTO_ID_5387574202748945106" border="0" /></a><br /><br />And the bank/credit card icons, which had to indicate Visa and MasterCard logos without getting too close for comfort (or lawsuits). I visited seventeen banks and financial institutions for research on the bank icon. Not really. I just made it up.<br /><br /><a><img style="cursor: pointer; width: 344px; height: 218px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaiHw1BofuJx9Gj6GmS5OTY7618NYh9hxuPsC9RYFp_TOFwLjcx_W72sDcujG9J5wwXVhPyYh4oPY_oBzbQWkX2ap7lEiCAZXReOfvtBtzXtdiKuqQLZT7M0z8bjuWzNcvM2T5V27Xu_g/s400/Picture+12.png" alt="" id="BLOGGER_PHOTO_ID_5387574499707356098" border="0" /></a><br /><br />If a real bank ever looked like that, it would be pretty freaky, wouldn't it?<br /><br />And, I needed to render a laptop icon. If I were just drawing a laptop on its own, I'd almost definitely have showed it from a more interesting 3/4 view, but because of the symmetry in this chart, I kept the angle dead-on straight. I toyed with the idea of adding keys, but you can't really add all the keys on a laptop in an icon only 70 or so pixels wide, and it would bother me if Ionly showed a dozen or so keys. I had a hard enough time using only 12 buttons on the cell phone. So I made a keyless keyboard - maybe it's a future Apple innovation. It seems to work, though:<br /><br /><a><img style="cursor: pointer; width: 307px; height: 331px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXocysxy_u5euLmJ5UdKaGRVSnaaeWd-y1kqORi3D5TkporKGqz61qjpLUeRGKXlzfEYrl7-DriLe42LjzgjPBCt-McViErx8DOcWqZTdx8IpMe45Q-vDYuTQQiWjTRk8phm0z4MfjC4/s400/Picture+13.png" alt="" id="BLOGGER_PHOTO_ID_5387574976023146898" border="0" /></a><br /><br />And that was it. It's approved and going on the page of the site that explains the process, hopefully making the service ultra-clear to potential users, persuading them to sign up. That's called "conversion", and it worked on me. I signed up - now I just need to wait for Xipwire to get to its Beta stage so I can start texting money to people. That'll be fun. I can't wait until I owe someone $13.Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-53233145341623588212009-09-08T05:25:00.007-04:002009-09-08T05:34:26.190-04:00Blog Problems and a Bonus Music VideoThis is my first newsy kind of post - and unfortunately, it's not a positive one - though it could be worse.<br /><br />I had a problem with my server over the holiday weekend - the server that hosts most of the images for this blog. Unfortunately (man, I hate that word) most of the old files were deleted from the server.<br /><br />However, it's not a huge deal - the main images on each post are embedded in Blogger - but if you go to play a song, watch a Flash movie, or view a larger version of an image, that probably won't work.<br /><br />Don't fret - I have the files stored locally - it's just a matter of restoring them to their proper online locations, one by one, and testing - which I'm doing now, starting at the most recent posts.<br /><br />So if you see anything weird, my apologies - it's only temporary.<br /><br />In the meantime, you can check out this music video - that's me on drums. Long story, but I recently reconnected (via Facebook) with a guy named Al, who was the owner of the record label, <a href="http://dromedaryrecords.wordpress.com/" target="_blank">Dromedary Records</a>, a small label that put out music by my band <a href="http://www.myspace.com/cuppajoeband" target="_blank">cuppa joe</a> in the early 90's. It was his 40th birthday this week, and so Doug (that's him with the guitar there) wrote this song about the number Forty, in honor of Al. The video was a surprise for him at the party. Enjoy - and please don't mind the inside jokes.<br /><br /><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/2mdv0D4BOHg&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2mdv0D4BOHg&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-56040449299512020892009-09-04T05:54:00.007-04:002009-09-22T14:42:39.844-04:00Slippage<img style="cursor: pointer; width: 400px; height: 281px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQxVI5Zd7wesI1X2wXOJDIk4zVAASzZuVJ7EBjmbNeP54SetjXZeEETF-SlBI4NOyK8NpUTmqJq4z8_IgWCmivWOCYyT_kCOVpOwDRr1UzetqZPEnuutSWJCDySg5YrOl8W9yG3715Zl8/s400/slippage_image_400.png" alt="" id="BLOGGER_PHOTO_ID_5377548624335790738" border="0" /><br />When I started writing <a href="http://stevespatucci.blogspot.com/2009/07/attract-mode.html" target="_blank">Attract Mode</a>, I'd planned to keep that screenplay short - maybe 12 to 15 pages, with only 3 or 4 locations, lots of dialogue, and a few props, so I could shoot it myself. Ha! It grew to over 30 pages, and at some point I let the reins loose and wrote a couple sequences in a large arcade game repair/sales/rental/party venue - based on a real place somewhat near me. I thought I could approach them about shooting on their premises, maybe bartering in some free commercial work for them.<br /><br />All that was pretty ambitious - really, too ambitious, since I haven't nearly done the quantity of shooting and editing that would give me the confidence to round up a full cast and even a small crew, and secure location shooting. I needed to go way, way smaller - and shorter. Some people say for your first "real" short film, anything longer than three minutes is too long. That sounded ridiculous to me, until I shot <a href="http://stevespatucci.blogspot.com/2009/07/robot-roundup.html" target="_blank">Robot Roundup</a>, devoting about 30 hours to the project - and it featured a baby (my son) who doesn't have any lines, an overdubbed horse and robot - all fairly controllable elements.<br /><br />And yet, though I was mostly happy with the final outcome from a technical point of view, there were compromises galore along the way. I definitely needed something much more modest, that I could conceivably shoot in one or two locations in my own house, with minimal characters and camera angles. Something that warm me up from a technical point of view, forcing me to work with a people who were performing, existing settings and getting the sound, lighting, and camera work right.<br /><br />So, I wrote Slippage. I had just watched <a href="http://www.imdb.com/title/tt0390384/" target="_blank">Primer</a> (see the trailer below) for a second time, so time travel was on my mind. I kept the story very dialogue-heavy, inserting lots of science-specific terminology - some readers said too much, but I wanted an authentic feel, like Primer has. And there's a little twist at the end, or really a payoff - probably expected, or the story would be a little too dry.<br /><br /><object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/4CC60HJvZRE&hl=en&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/4CC60HJvZRE&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="344" width="425"></embed></object><br /><br />Interestingly enough, I saw a <a href="http://www.youtube.com/watch?v=_fJ6PMfnz2E" target="_blank">documentary</a> on the Higgs Boson - the MacGuffin of the story (if a five-page screenplay can have a MacGuffin), only after finishing the screenplay. It was really interesting and filled in a ton of information I didn't know about that subject, but I didn't change the script to reflect that newfound knowledge. I thought it was tech-heavy enough, and I didn't want to overload it with even more jargon.<br /><br />And I still haven't shot it, sadly - having a baby does not add to one's available free time (not that anyone ever said it would). Hopefully that'll happen this fall, before it gets too cold - that's important, since almost all of the story would take place in my back yard.<br /><br /><a href="http://stevespatucci.com/screenplays/slippage.htm" target="_blank">Slippage</a>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-91653064805159813312009-09-03T07:08:00.006-04:002009-09-03T08:46:43.079-04:00Bond Opening Parody<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pKe8oAOUNYRj5ehiN0GKKOmCO9FMie_qvMaFTT6nRt_Jr5XYxIPda3tBfKbQPKKO9XOtYDK1ZZh56LZP_hCNG5ekpP4iM6gwKrhq3sJzG_7oOa5UvxXo8Q5ihl3qonFjqsHyQ1EvvHk/s1600-h/bond.png"><img style="cursor: pointer; width: 400px; height: 295px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pKe8oAOUNYRj5ehiN0GKKOmCO9FMie_qvMaFTT6nRt_Jr5XYxIPda3tBfKbQPKKO9XOtYDK1ZZh56LZP_hCNG5ekpP4iM6gwKrhq3sJzG_7oOa5UvxXo8Q5ihl3qonFjqsHyQ1EvvHk/s400/bond.png" alt="" id="BLOGGER_PHOTO_ID_5377196578037644802" border="0" /></a><br /><br />Oh yeah - this project. Another one that I forgot about, for the most part, until I found it in my hard drive.<br /><br />This animation was created for a large corporate client who does a lot of fun internal projects like this. I don't think I ever got the full story, but they had an executive who they wanted to mock (always a good thing) and there was some connection between "Agent 007" and "Agent 88.00" (some kind of nickname for the guy), so they wanted to James Bond-ize him, and asked me to help.<br /><br />It wasn't a complex project, which was good because the turnaround time was either two or three days from when they called me - the animation was to be shown at a large departmental meeting. The client sent me a photo of the executive, and I was happy to see that his expression was nice and grim - it really fit the Bond mood, especially when I stuck his head on a tuxedoed body holding a gun in Photoshop.<br /><br />I studied a few openings from different Bond films on YouTube. They were all similar, with some minor variations between them. I boiled it down to the basic elements, created them in Freehand, and animated them in Flash - adding a classic version of the song. I think the only change the client requested upon seeing the first version was that I add an actual bullet flying at the viewer. I don't know how well that registers, but it's in there for a few frames.<br /><br />I finished just in time for the deadline, and the client was happy. I'm not sure how the executive who was the subject of this lampooning took it, but hopefully he had a good sense of humor about it. It's not like we made him into Austin Powers or anything. James Bond is always cool.<br /><br /><embed src="http://www.blogginitup.com/flash/bond/bond.swf" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="377" width="514"></embed><br /><span style="font-size:85%;"><span style="font-style: italic;">Click the "Play Movie" button above to view the animation.<br /><br /><object height="340" width="560"><param name="movie" value="http://www.youtube.com/v/xiryr1p1BKQ&hl=en&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/xiryr1p1BKQ&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="340" width="560"></embed></object><br />Watch the first 30 seconds of the clip above for a comparison.<br /></span></span>Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0tag:blogger.com,1999:blog-1517393745274660599.post-8564845293080583292009-09-02T05:36:00.008-04:002009-09-02T06:53:30.089-04:00Balloon Buster<a href="http://stevespatucci.com/game" target="_blank"><img style="cursor: pointer; width: 400px; height: 273px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPyRwaFE6J_l0rOpZjD5Vo8py_Zu-5e0iMUqKU7Dw8tlXTFVqGpnI_flVdU1r-mvibNQj8uK8Y08tjWTNJby496p6TtEyAAbGeJTOXWNAX-b_oxLMdzycE61yMs3S6yyEPp8X5R9a2-Kw/s400/balloon_buster_smaller.png" alt="" id="BLOGGER_PHOTO_ID_5376805112352025682" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">Balloon Buster game. Click to play in a new window.</span></span><br /><br />I decided to create this game purely as a self-promotional piece. I was getting more Flash game work around 2005, and I wanted to have an example of a simple online game that I created to show potential or existing clients, as a way to demonstrate my abilities. I decided to leverage an existing animated version of myself that I'd already been using on my <a href="http://www.stevespatucci.com/" target="_blank">www.stevespatucci.com</a> website, so as to give myself a little head start on the game.<br /><br />This pea-soupy green is my favorite color, and as it was already the color of my animated self's shirt, I decided to stick with it and let it dictate the color scheme of the game. That may sound lazy, but with an open-ended project like this, every limitation helps move things along.<br /><br />I worked out the concept - a retro-style shooting game where you throw water balloons at me, Steve, disguised (in some cases, poorly) as different characters - real people, archetypes and fictional characters - in the windows of a building. You have to hit the Steves while the windows are open. And, you get a bonus if you hit the floating slice of key lime pie (a prize also determined by the color scheme).<br /><br />I made up a couple more rules: I couldn't alter the cartoon of me lying underneath the disguises - I could only elements on top of it. And, I would only work in the existing color palette. I just started brainstorming, and worked out way more characters than I expected - I actually had to add more levels to the building to accommodate them. Since there are four characters on each level of the building, sometimes I'd think I was done... then I'd realize there was one more character I just <span style="font-style: italic;">had</span> to include, and I'd add that character in... then I'd have to add three more to fill out the level. It should go without saying that the game took longer to complete than I anticipated because of this pattern - maybe a month total.<br /><br />Here are all the characters, from top left to bottom right:<br />• magician<br />• party guest<br />• spaceman<br />• beatnik<br />• clown<br />• Indiana Jones<br />• Peter Criss (from Kiss)<br />• generic superhero<br />• Roman gladiator<br />• redneck trucker<br />• 1920's accountant<br />• soldier<br />• Robin Hood<br />• Fidel Castro<br />• Frankenstein's Monster<br />• pirate<br />• old-timey aviator<br />• devil<br />• Hannibal Lecter (from The Silence of the Lambs)<br />• Tin Man (from The Wizard of Oz)<br />• Rebel fighter pilot (from Star Wars)<br />• Kermit the Frog<br />• Amish guy<br />• The Pope<br />• chef<br />• Jason Voorhees (from Friday the 13th)<br />• Mickey Mouse<br />• Austin Powers<br />• Albert Einstein<br />• pilgrim<br />• Storm Shadow (from G.I. Joe)<br />• The Statue of Liberty<br />• Salvador Dali<br />• Batman (Christian Bale movie version)<br />• Chinese man<br />• The Cat in the Hat<br />• nun<br />• viking<br />• Napoleon Bonaparte<br />• Alex (from A Clockwork Orange)<br />• Sherlock Holmes<br />• George Washington<br />• old timey bowler-wearing guy<br />• late 60's John Lennon<br />• 50's greaser<br />• Marvin Martian<br />• Rorschach (from Watchmen)<br />• Andy Warhol<br />• Harry Potter<br />• Rastafarian<br />• court jester<br />• Willie Nelson<br /><br /><a><img style="cursor: pointer; width: 353px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhma_uaubd6izECa_rk5A-yLg2-cMSFlQcUmyb0ZLgXQEoE1Gj28GVPl1rLkVeypiG3hu_XNT5M42e94Y2YpRfmnkPOVxpnVvviDpLCMxDcr7NbcQHQJUt5asUsSs6Kr9wyFGnYBu5nepY/s400/bb_closeup.png" alt="" id="BLOGGER_PHOTO_ID_5376808704709952978" border="0" /></a><br /><span style="font-size:85%;"><span style="font-style: italic;">Closeup of the game. That's me as Indiana Jones, Peter Criss<br />from Kiss, a redneck trucker and a 1920's accountant.<br /><br /></span></span>I developed the basic game engine in Flash fairly quickly. At first the fact that the balloon you're throwing covers up the screen briefly (as it's a first-person view) felt wrong or confusing, but after a little test-playing I liked it - it only blocks your view for a brief moment, and it adds to the challenge - if you just keep shooting, you won't see where the characters are on the board.<br /><br />Someone who played it asked me once where "you" (the player") are - it's not shown (since you're in "your" head) but in the instructions, it says you're in a hot air balloon. I guess I was really into balloons when I developed the game.<br /><br />I created three levels - the harder the level, the quicker the descent, and the more the building moves side-to-side. The theme song, created in GarageBand, is meant to emulate early 80's game songs - simple, repetitive, and low-fidelity.<br /><br />Oh, and there's a little bonus - if you hit every character you get a little surprise at the end of the game. I'm not telling what it is - you'll have to complete it (at any level) to see it.<br /><br />After developing <a href="http://stevespatucci.blogspot.com/2009/07/flying-spaghetti-monster-game.html" target="_blank">Flying Spaghetti Monster - The Game</a>, I knew that if I posted the game file to one of the online gaming sites (that all "share" the game file generously), it would be all over the Internet in days. And it was - which is what I wanted (all part of my master plan). When I track hits to my websites, I get a few hundred a week from Balloon Buster - and mostly from all the other sites that host it (and not my own). Granted, I believe they're mostly from people looking for more free games, but occasionally someone does inquire about my game design services. There's no such thing as a bad link, I always say (not really, though I do believe it).<br /><br />As with all of these games, some people said it was fun, some said it was boring, and some people cursed me out and called for my death... anonymously, of course. Ho-hum. If I created a game featuring 25 levels with different gameplay on each level, and hundreds of characters, weapons, backgrounds - people would say it's too complex to play online. I may sound jaded, but feedback for online games is some of the most pointless feedback you'll ever read. Here are some of the highlights from one of the many online sites that host the game:<br /><br /><div class="comment_text" id="cmt-text-542642"> "wow, that game was good.............NOT!!" </div> <div class="comm" id="cmt-1055381"> <div class="comment_text_r" id="cmt-text-1055381"> <strong><a id="c6" href="http://www.funnyjunk.com/showcomment/1055381/#c6"><strong>#6</strong></a> anonymous</strong> (3 weeks ago)<br /><br />"this a effin bullshit this game is" </div> </div> <div class="comm" id="cmt-258031"> <div class="comment_text" id="cmt-text-258031"> <strong><a id="c4" href="http://www.funnyjunk.com/showcomment/258031/#c4"><strong>#5</strong></a> anonymous</strong> (8 months ago)<span style="text-decoration: underline;"><br /></span><br />"this is really bad" </div> </div> <div class="comm" id="cmt-182144"><span style="text-decoration: underline;"></span><strong><a id="c4" href="http://www.funnyjunk.com/showcomment/258031/#c4"><strong>#4</strong></a> anonymous</strong> (8 months ago)<span style="text-decoration: underline;"><br /></span><br />"gay" </div> <div class="comm" id="cmt-214206"> <div class="left_r"> <strong><a id="c3" href="http://www.funnyjunk.com/showcomment/214206/#c3"><strong>#3</strong></a> anonymous</strong> (8 months ago)<span style="text-decoration: underline;"><br /><br /></span></div><div class="comment_text_r" id="cmt-text-214206"> "ur a f*kin pleb" </div> </div> <div class="comm" id="cmt-4409"> <div class="left"> <strong><a id="c1" href="http://www.funnyjunk.com/showcomment/4409/#c1"><strong>#2</strong></a> anonymous</strong> (2 years ago)</div><div class="commRight"><span class="thRed" id="thumb_sum-4409"></span> <div class="comment_text" id="cmt-text-4409"><br />"this the the gayest sh*t i have ever seen" </div> </div> </div><strong><a id="c1" href="http://www.funnyjunk.com/showcomment/4409/#c1"><strong>#1</strong></a> anonymous</strong> (3 years ago)<br /><br />I just wish the #2 anonymous person would have been more clear - am I the pleb, or one of the other comment-givers? It really bothers me.............NOT!!<br /><br />And a few positive pieces of feedback, not surprisingly from <a href="http://www.newgrounds.com/" target="_blank">NewGrounds</a>, probably the best (and maybe the oldest) online gaming portal, where people usually try to be constructive in their feedback:<br /><br />"Nice job on the art, your use of green is really nice. The controls were great too, which made the game more addicting than it really is. Music went nice with the theme. You definitely have talent. Keep up the great work =]"<span id="activity_links_3843245_wrapper"><span class="mod" id="review_activity_3843245"><span id="review_response_delete_3843245_link" style="display: none;">[<a href="javascript:GetReviewController(3843245).GetResponseController().Delete();">delete</a>]</span> </span> </span> <div class="foot"><br /><span></span> </div> <div id="review_response_3843245" style="display: none;"> <div id="review_response_3843245_wrapper" style="visibility: hidden;"> <div id="review_response_3843245_wrapper_inner"> <div class="hr"><hr /></div> <div class="insidepod"> <div class="heading"> <h2 class="i-comments" id="response_3843245_header">Enter your response</h2> <span class="btn" id="postbutton3843245"><a href="javascript:GetReviewController(3843245).GetResponseController().Save();">Respond!</a></span> </div> <div class="hr"><hr /></div> <div class="boxsizer"> <div class="shortform"> <p>Tell <a href="http://rigormort1s.newgrounds.com/">Rigormort1s</a> what you think of his review!</p> <textarea rows="12" cols="70" id="response3843245"></textarea> <p class="inputnote"><em>No HTML, please.</em>Characters remaining: <strong class="yellow" id="response3843245_chars_remaining">4,096</strong></p> </div> </div> </div> </div> </div> </div>"Fun game you have here, the 'CONTROLS' were nice and smooth, and the shooting was good, the color tone could have had a mixture and more color but it was still cool, a fun and addictive game, so nice work, keep it up..."<br /><br />"it was a neat little game. a bit easy and repetitive, but it was fun to play and it had a good concept to it and your efforts in this one were good too."<br /><br />I know. It's more fun to read the negative stuff. I agree.<br /><span style="font-size:85%;"><span style="font-style: italic;"><br /></span></span>After all that fantastic feedback, click here to play <a href="http://www.stevespatucci.com/game" target="_blank">Balloon Buster</a>.Steve Spatuccihttp://www.blogger.com/profile/03626831459003494327noreply@blogger.com0