9/19/2021

I got the one scene bloody done! So yeah, this was the initial look I was trying to go with the animation; 30 FPS animated on 2’s with colored lines and shading. It. Is. Not. Efficient. At. All.
As I mentioned before, the style now is going to change to black outlines animated on 4’s for efficiency; but I’m also not going to shade it unless the scene calls for some sort of shading or shine to be used.

This is the only video that I’m going to share of it until the entire animation is 100% done, due to it being a very short animation.

Baraburk is voiced by Dawn from ELS Productions, and Snuut is voiced by Dubbiknight.

9/15/2021

Firstly, it’s been seven years to the day since I’ve started doing art. Crazy right?

Currently, I’ve now realized I’ve made a major mistake by choosing to go with colored outlines for the animation initially. C o l o r e d  o u t l i n e s  a n d  f r a m e  b y  f r a m e  a n i m a t i o n  d o  n o t  m i x . Trying to color this one scene in has become an absolute nightmare, not to mention that I just lost all the progress of coloring I had due to a software malfunction. I see now why literally everyone uses solid black outlines, and saves other styles of outlining for motion tweening.
It’s going to be jarring, but I’m just going to start animating in black lines, and just leave the one’s I’ve already finished with colored lines. I’m also going to animate on 4’s; animating on 2’s is simply taking too much time.
This is going to look like a rushed mess, but I’m going to pull this off. Mark my words.

9/13/2021…ok it’s now 9/14/2021, but whatever.

Well, there goes another day of not animating anything again, due to my own stupidity (making the clay model of the body to reference for drawing and animation), but I did manage to get this proper mane sheet of Luminen done (one of the main characters). It was easy to do, since her design shares the same head shape as Snuut, despite having different eyes and antennae.

Her main defining features are pretty much always on display (like her antennae and mole) so there was little to no point to make a fifth sketch like I did with Snuut showing off her proboscis(es). To fill the space, I just quickly made the logo of her store, since she is the store owner of the town.

I do take that back about not animating, by the way. I do remember I did animate today, but it was a shitpost done very quickly with a ton of inside jokes. Like Finn once said, “When inspiration hits, you bite.”

9/12/2021

I’ve been struggling with animating. I got a little done day by day for the past couple of days now, but it’s been heavily slowed down due to lack of sleep (staying up late to do intern work + gas station work). I started this a few days ago, and just finished it today. Just some facial expressions of Snuut. It’s much easier to draw Snuut’s head from any angle with the clay model I’ve been using.

Hopefully, the next update will be that of animation progress as oppose to practice sketches.

9/8/2021

This is the segment that I’ve been stuck on for about a month. It’s entirely frame by frame, as has been true for the other scenes I’ve finished, but I’m starting to power through it. I’m thinking about maybe animating on 3’s and 4’s as oppose to 2’s to save time; but I’m not going to be able to test that out until this segment gets finished. 

Ilionen Snuut – Forthcoming the 29th of September.

The illustration in question is a redesign of Snuut’s mane that my Mom suggested I should go with. I’ve done some tests, and it’s much easier to draw in succession than Snuut’s original mane. The old mane is difficult to animate and doesn’t translate to solid drawings all that well.

Why am I posting this?
So, I’ve been wanting to make a series of animations about Snoot for two years now (three if you count the time when it was originally going to be about Lightbulb). Hell, an “animation” was “completed” about her in 2019. However, the idea was never solid. I just kind of wanted to animate Snoot, and didn’t really think past that. It’s been like that for about two years now, just sort of making mild progress here and there. I’ve been working on a singular animation for quite some time now, and it started to get maddening after a while not knowing where I was going entirely.

Fast forward to this week, and I guess some discussions with my Mom and some retarded sketches later, and realizing just how indecisive I was about what I wanted to do, I suddenly have a solid idea of where I’m going to take this. Just so I don’t forget the idea and have some accountability, I’m going to jot this idea down publicly.

The Meat.
Official Title: Illoinen Snuut

Premise: Snuut is clueless about what career she wants to work toward after being pulled in to civilization from her previous cave dwelling life. She now has to figure out what that end goal is, all while her caretakers teach and prep her in to becoming a responsible cog in the machine of society.

Setting: Vaski, a village in a made up land similar to the Lapland region.

Estimated length per animation: 5 minutes.

Estimated cost per short: Whatever my Gas Station Buxx can afford at the time.

Estimated amount of shorts: 12 to 16

Target Audience: General Audience between 16 to 21.

Target Platform: My own site first, then to Newgrounds if it works.

Do note the first episode being released on the 29th will not entirely follow this set up due to being started nearly a year ago (I really shouldn’t have jumped before I knew where I wanted to land).

The Action.
Now that I have all this written out, I’ll make constant updates on this site detailing the progress of it. Stay tuned.

Finish

It’s finally finished. I accidently designed it for 11 x 14 legal papers as oppose to 8.5 x 11 letter papers, but it still turned out pretty well. I also made sure to put the assets on a data disc incase the higher ups want to re-edit it or print it out on better paper.

The process itself was really too uninteresting to document, so here is the completed products.

Image/Asset Manipulation

Since I don’t have access to the image library the company uses, I have to make my own assets, apart from one due to a mistake.

A few days ago, I gathered up all the required materials needed for what was being advertised and a white fold up table we had. I took all the assets and the table outside (fortunately it was overcast outside) and took pictures of them on the white table.

The set up in question is above. It’s all I really had to work with.

I laid each item on the table and took pictures of them. I’ll use the club salad one as an example, since that was the first one I did. Unfortunately I took pictures of the wrong salad (it’s supposed to be a Garden Salad) but it should still get the point across.

Fast forward to today, and I threw them in to GIMP for editing. This was the only one that I had to do some blemish fix-ups on due to the price sticker on the container. It was as simple as copy, paste, smudge and blur similar sections of the salad on top of the area where the sticker was. Here is the result.

I then isolated the background from the image of the salad, so it sits nicely on whatever I decide to put in front of it.

Some slight color corrections to bring out the colors of the salad, and it was ready to go.

I decided to make the drop shadow separate from the image incase the angle of the shadow needed to be changed or removed. That was as simple as using some extremes on color correction tools, blurring it via a Python based filter, and putting the opacity down to 60%. Here’s an example of it in action on the assets in action.

What you are looking at is two images of salads, and three shadows; two on the bottom, one casted on the lower salad image. They are in their own group, so they can be moved around the stage with ease, while still retaining the ability to be broken apart and edited.

I did this with every item except the pizza. I was dumb, and the only picture I have of a pizza (which I specially dressed and made for the asset collection) has breadsticks on it.

I’m sure there is editing magic that I could do to get rid of the breadsticks if given enough time, but I simply need to get this out somewhat soon, so I’m not going to worry about it. The Weigel’s site has it’s own picture of a pizza that I can use. It isn’t high quality, or as colorful as I hoped it would be, but it can still act as a good substitute for this image. Here is the image in question.

It’s flat, but accurate to how Weigel’s pizzas look. I can utilize the shadow I Made for the salad for this image as well, since are near identical in shape.

Slowly coming together.

So I finally got around to doing some work on the sign. I’ll take you through a step by step process of what has happened so far.

I don’t have access to Adobe Illustrator currently, so I’m using Macromedia Flash 8 to construct vectors and JPEXS Flash Decompiler to convert them to vector based SVG’s and printable PNG’s. Unorthodox, but it gets the job done; plus I’m pretty familiar with the programs.

First came the footer, I used this picture as a reference to recreate the footer in vector form from.

Now, Flash 8 has no pen tool like newer iterations of Flash, but any veteran of graphics in Flash knows the line tool can be used as a pretty good substitute. Here’s my trace over of it with the line tool.

I kind of forgot at this point that there needed to be a curve at both ends, but I eventually got around to fixing that. Next step was coloring in the lineart, which is as simple as using the paint bucket tool on the lines.

Though I have no pictures of it, as it’s hard to show in pictures, I had to separate the colors in to their own groups, similar to how traditional vector graphics work. Flash renders vectors a lot differently than other programs.

After words, I moved on to the text within the footer. They use a custom font for this in their signs, but I didn’t have access to the font. Fortunately, I found something quite similar to the font in the default Windows fonts. A keen eye might be able to tell the difference, but with how these signs are made to quickly glance at to get all the info you need, most probably won’t even notice.

Side by side comparison using the same words:

Some fooling around with the text spacing and size, and I was able to make it a bit more accurate to the reference.

Now I had to find a font that was going to suit the rest of the sign. If you look at the signs from the previous post, you may notice the fonts tend to jump around from sign to sign. I didn’t really want to do this, so I opted to look for a font similar to the one found in the Weigel’s logo.

Some searching and I was led to this font. It isn’t identical, since the letters are slightly misshapen to make it look like ink, and the edges are not as rounded off, but it comes very close, almost unnoticeable unless you really scrutinize it.

You can see here using the base colors just how well if flows with the Weigel’s design style.

Just as a quick test, I wanted to see how I would format the text for each bit of info. Using the same or similar formats may make it hard to see what is being explained in each section, so I wanted to make sure each section has distinct formatting.

It should be easy to tell what is what, but I’ll still explain it just incase. Attention grabbers are the big red text with the drop shadow. Medium black text is for labeling the price of each advertised combo. Small red text is for the description of each combo. A distinct, black, capitalized, and bold faced ‘OR‘ is used to describe varying products that can be mixed and matched with the combos. It’s more straight forward than advertising two separate combos with only one item differing the two products.

Anyways, that is all I have for now. I need to start photoshopping (or GIMP’ing, in this case) the assets of the products, which I will also document my process of.

An awful sign.

Weigel’s is the store I currently am employed for. I’m nothing more but a store associate that throws stock, does food prep, and does back up register work. I usually just clock in, do my job and help out with other co-workers whenever possible and vice versa, and clock out. It’s a good job, and I quite do enjoy the company I work for currently.

Occasionally, I might see some clear issue with something in the work place, and make a suggestion to the higher ups about it. One example is when the code operated locks on dumpsters kept jamming, and I suggested we switch to key operated locks since their more reliable. Ever since we switched over to them, their have been no problems with the locks jamming.

Another example being when the Buffalo Chicken pizza wasn’t selling all to well in singular slices. After trying it a few times myself, I felt the default amount of buffalo sauce we put on the pizza was a bit lacking. The pizza has a signature zig zag drizzle of sauce on it, so dumping more sauce on it during it’s prep would make it look less appealing. I suggested we put out hot sauce packets in the condiments to allow people to control how much sauce they want on the pizza; that it could boost sales without ruining the visual appeal of the product. Ever since we’ve had those packets, the Buffalo Pizza slices sell quite well when we put them out.

Months a go, the higher ups introduced a sign that was supposed to advertise pizza combo deals. The picture below is what they introduced.

Bad Sign

Without any knowledge of the design style of the company, it’s easy to tell why this sign is bad. The clip art at the top right is redundant; the contrast between the red text and the blue background is too low; the design itself has no symmetry to it; the brick background in combination with the stock images creates visual chaos due to a lack of isolation and harmony. If you want to get super nitpicky, it clearly been printed on basic printer paper, and haphazardly laminated to make it look “professional.” It’s reminiscent of something you’d find in a high school snack bar. It’s actually a lot worse than it seems, since the sign goes entirely against the design style of the company, and I’m going to go in to depth as to why that is.

The color scheme of the store has changed over the years, but the base two colors that have always stuck around are white and red. Initially starting with just those two colors, it later on moved to white, red, and blue for some time. This was later changed to white, red, and black to help differentiate it from other gas stations that use the previously mentioned color scheme (which is a lot). White is used as a base. Red is used as an accent. Black is used for text against white, but is switched out to white when against red. Here are some examples:

Basic Weigel's sign.

There are some exceptions to the rule, where red text is sometimes used against white backgrounds on adverts/signs when advertising a specific product.

Red Text Exception

Now, we could just say the sign itself is old, or is working from an older design style sheet as far as it’s coloring goes, but if that’s the case, it managed to get this wrong as well. Our store just so happens to have once legacy sign still up; forgive me for the glare of the window.

The coloring here uses blue as a primary and red as an accent. The text on this is still white to make it easy to read. So the previously mentioned sign fails at getting any of the signature colors right.

Something else about the Weigel’s design style is it’s usage of isolation in it’s signs. It draws the customer’s attention to the words and the products being advertised, while also giving any products in their signs a drop shadow to keep the designs and products from looking flat. It achieves that quite well with it’s white backgrounds. Here are some examples:

If you take a look back at the sign in question, it fails to do this, opting for a brick image for a background, and cramming all of the product images (stock images from online) in to one area, creating visual chaos. Believe it or not, this lack of isolation is probably what really kills it here. Due to how cluttered everything is, it wasn’t until much later did I realize it’s actually advertising four deals as oppose to just two.

So, why am I writing about this. Well, I brought this up with the store manager, about just how much of an eye bleed the sign is, and how no one even takes advantage of the deals on it. She completely agreed with me on it. I offered to redesign the sign to not only match the design style of the company, but to also make it easier to read and understand what is being advertised. She said that was a great idea.

I have no professional experience in graphic design, so this is going to be my first one. I intend to jot down in this blog section my progress on fixing up this design.