Showing posts with label graphics. Show all posts
Showing posts with label graphics. Show all posts

02 May 2013

The Power of Penmanship

As I sit here as of late, I have been pondering the lost art of penmanship. I have a nephew on the way and while doodling his name in my book (because its so unique and beautiful) I thought, "Why gosh, kids nowadays aren't even learning cursive writing anymore in school. Such a shame."

Well thats if your child is in public school.

The Government should be ashamed of itself.

Puh.

Writing is the most basic form of communication, and cursive writing is the angelic flourish of humanity turned civilized.

Its evolved over the years and through culture changes, but still we shouldn't forget to teach our children sophistication and showmanship of intelligence.

I envy the calligraphers who are able to eek out a living reminding society how beautiful proper communication looks and feels.


I love to write.

03 August 2012

Pathfinder Tools : Exclude





Wrapping your head around the Pathfinder Tools in Illustrator:


Okay. A lot of newbies out there may not know or fully understand all the capabilities of the Pathfinder Tool in Illustrator. So if you are an experienced designer you may find this post dull and boring and blah blah blah. But! Please read on regardless and feel free to elaborate and expand upon this little "how-to" in the comments. 

If you'd like to work along go ahead and open a new project in Illustrator in whatever size you want, this is just an exercise/tutorial. I will be using my logo as examples.

Make sure your Pathfinder Tools window is in full view by bringing it forward: easy way is to navigate to Window option up top, find Pathfinder, click!

This is what your Pathfinder window looks like:







I will go over each one in different posts because I have not had the chance to use all of them and some options I just don't understand.

Today I will be addressing the Exclude tool:







If you would like to play along go ahead and make two shapes: circles, squares, one circle, one square, whatever. Just make two shapes that are different colors so you can more readily see results of our actions.

Here is my original logo (one of many actually, but this is my most recent logo I chose to use) and although I like it, it was too tall and skinny to be implemented in all these web applications.






So I wanted to re-adjust some elements


oh where oh where should that exclamation mark go...






After playing around I wanted the exclamation mark to overlap in some way.




Ta-da! Hmm. Still looks awkward.






I want the parts of the exclamation point that are overlapping to be (hmm how best to put this?) "transparent" so we can see the H passing through the point.


At this point in your own exercise, take one shape and put it on top of the other. Not directly on top, but just so one of the edges are overlapping.

For your simple exercise it doesn't matter which shape is on top when we use the exclude tool, however in my logo I want the exclamation point to be in front of the H so the parts of the exclamation point will be taken away and not the H. I want to see the curves of the H. The shortcut on a Mac is "command+shift+]" or just go to Object - Arrange - Bring to Front (I don't work on a PC, sorry folks)

With both shapes selected go ahead and click on that exclude button!


I only selected my H and exclamation point.




Voila! To better see what happened on your end- make another shape a different color and send it to the back ("command+shift+[" or Object - Arrange - Send to Back) and move it behind your other shapes and you should see that the exclude tool took away the shapes that were overlapping:


Seeeeee????








But wait. In my logo I have a leftover piece hanging around that I don't want:







Lets get rid of it. Easy enough since the points are overlapping making it a separate shape.

I chose the Direct Select tool (the white arrow tool) and selected that little shape. Then I hit DELETE! Easy. Peasey.




Wouldn't want to be ya!




And there my friends we have a finished logo:



©Amanda Haskin. Word!





Questions? Comments? Let's hear it!



02 March 2012

Death to Pixellation!

While at my temporary money-making position yesterday I was helping an unfortunate woman resolve why her printed photographs were blurry.

They were pixellated. Because it was a low-resolution file. I get that a lot. Like- A LOT a lot. Those words "it's pixellated" or "it is a low-resolution image" come from my mouth more than "how can I help you?" Easily said, but not easily explained.

I've explained this phenomenon of pixellation twenty different ways and my customers still don't understand. Oh, they pretend they understand, yet they walk away with that look in their eye like they just smoked a doobie.

I think I was more disturbed when she told me the images were NOT from her camera-phone, but her $2000 Canon DSLR (I added the DSLR because she doesn't know what those letters mean). As I have complained before- if you are going to purchase some ridiculous technology you really, REALLY need to take the time to learn about it.

So I carefully explained to her what pixellation is and how to fix it.

"There is nothing you can do on the computer to fix it?"

No.

I can't put back what is not there.

I'm not God. Nor do I ever ever want to be. He puts up with a lot of stupid crap from us.

This is just sounding like a customer-bashing session, which I really want to emphasize is NOT. I'm ranting, and frustrated that people are not taking responsibility and learning for themselves. I *love* learning new things and I wish the same feeling for others.

With that all said and out of the way how about a mini-lesson on what the heck pixellation is? Because unless you went to school for photography, design, or information technology you are probably for the most part in the dark and do not have a true understanding.


What is a pixel?

According to Dictionary.com:


pix·el

  [pik-suhl, -sel]
noun Computers, Television .
the smallest element of an image that can be individually processed in a video display system.

In other terms, a pixel is a square, that is super duper tiny and can only be viewed zoomed in at ten billionth percent (exaggeration). Pixels are used to put together images and type that is viewed on your computer screen, video, game console, etc. Oh, and digital cameras too (since that is what started this whole thing).

To go easy on ourselves lets speak in reference to digital cameras, I'm not going to get into too much detail, if you want to learn more buy a book!

When you take a picture the camera stores the image as little tiny squares- almost like pieces to a puzzle. Based on your camera settings there are only so many squares per inch that the camera is saving. (I really wish America wasn't so backwards and would teach the metric system).

Anyways.

There are only going to be so many squares, or pixels (as is the proper name) per inch (denoted as either DPI- dots per inch, or PPI- pixels per inch). If your camera is set at a low-resolution and you take a picture you will only be able to reproduce or print that picture out as certain sizes. If your camera is a 14MP (megapixel) camera, you should be able to print out a picture that is at least 11"x14" and is crystal clear, that is if the setting is correct.

You see, digital cameras nowadays have various resolution settings! If your camera is 14MP it will most likely give you an option within to settings to lower the resolution so it would essentially be easier to download and e-mail your photos to friends and family. Because the lower the resolution, the lower the number of pixels that are being saved in the file which in turn will make it easier for your computer and internet speed to send it off.

Am I making sense?

If the resolution is set too low or somehow was lessened by lets say clicking "YES" when your computer asks you if you want to reduce the file size (DEEP BREATH) you will only be able to print your picture out as a 4"x6" or 5"x7" at best.

Why?

BECAUSE...

There are only so many tiny squares that were saved within the file and when you try to print a picture at a larger size there aren't enough tiny squares to fill up the enlarged space so the image will appear boxy and blurry because the squares themselves have been enlarged to fill the gaps.

A printer is going to try to print your photos at 300DPI (at least that should be the setting), you need to make sure your camera is going to capture and save enough pixels to print the photo out clearly.

Pixellation happens because when a printer that is trying to read 300 pixels per inch and is only getting 150 pixels per inch it will try to compensate for the loss. The result is boxy, blurry, and yucky images.

I think that last statement pretty much sums it up.

What is our takeaway from this lesson?

1. Do not reduce your file size on your computer if you want to print out the image.

2. Check your camera settings. For the love of all things holy and pure read your camera's booklet. 

3. Your camera-phone is not a replacement for a digital camera. Will never be. Period.

That last tidbit is just an extra thought that oozed out my brain.

Your camera-phone will always suck! Always. Even iPhone cameras, because there is no way to get the pictures off your phone at my kiosk. *insert evil laugh here*

Samples of Pixellation:

Left at the original size, a picture will look perfect.

What happens when a low-res file is forcefully enlarged. Can you start to see the boxes?
These are my photos.


Any questions?



04 August 2011

Day One As A Professional Blogger

Greetings all! I thought it would be wise to step out of the stone age and start a professional blog in order to advance my creative career. I have another blog, a personal blog, that I update pretty sporadically, however I plan on updating this one at least twice a week if not more.

To continue with introductions my name is Amanda Haskin, I currently reside in the foothills of North Carolina although I am a born and bred yankee (Western New York, not the city...). I do not want to divulge too much personal information (just short of an autobiography) but I would like to highlight my credentials as a graphic designer.

I received my Associates of Applied Science in Graphic Design from The Art Institute of Charlotte in 2004, soon after I worked as a graphic designer in direct mail for two years. After the company I worked for closed down I returned to The Art Institute and completed their Bachelor of Arts program in September of 2008. After graduation I relocated with my family to Kansas where I was a stay-at-home mother. Wishing to expand my horizons I enrolled in the MFA in Media Design online program at Full Sail University. Even though it was an intense program with its ups and downs, I happily graduated in October of 2010. Since then I have moved back to North Carolina and currently work part-time in retail as a photo technician. I am still an active graphic designer, mostly creating designs pro-bono and crafting with my mother for our Etsy shop Our Home To Yours. My goal is to reintegrate back into the creative industry full time because ultimately I am at my best and happiest when I'm creating and surrounded by creative people.

******************************************

Some recent graphics I made for apparel








Faces have been blurred to protect the innocent.

*******************************************

The goal of this blog is to showcase my work and pass on some helpful hints and tutorials. Ideas should be shared freely, but I still charge for my creative services... :)