I have been quiet lately, and that is largely because….


I got an Internship!


It is for a local mobile app start-up and my job is a combination of graphic design and some customer service and administrative duties. Unfortunately I can’t post my work here, so posts will likely slow down. Oddly enough, when I spend all day learning and doing design I’m less inclined to do so when I get home. Go figure.

Oh, and it’s been sunny. I can feel my freckles merging from all the time outside.


Have a great day everyone!


Sinister Surrealism

Why does Surrealism have to be so ….. Dark? It’s just sinister and evil a lot of the time. Case in point-This article  showcases some surrealistic art. From artistic bondage to skulls to deformed brains, it’s all so mutated and wrong.

Surrealism, to me, mean things that are too- X- to be real. Too… grand? Beautiful? Hopeful? Colorful? Clean? Bright? Perfect? The world has enough of VERY REAL morbid, evil, horrid, awful things that to focus on them when making surrealist art seems counter productive. The world IS evil and dark and ugly. That is not surreal. Surreal is a summer day that you feel will never end. Surreal is the week that the cherry blooms seem like they’ve always been and always will be. Surreal is that perfect glint from the perfect cloud on the perfect scene with the old barn and the white horse and the too-green grass that you see in a flash as you drive by, but is never again quite the same even if you go back to take pictures.

Love is real and surreal. Listen to the birds and the sound of falling water. Look at the 20-thousand shades of green you can see in a single tree with spring blooms. Feel your pet cat/dog/rabbit and marvel that these things are SO real, that they are surreal. In a world of fiction, reality has become perfection.

Photography Practice

After reading a great article explaining some photography basics I’ve been having trouble grasping, I went out to practice a bit. Here are the results.

Aperature Practice

Using the aperture priority and a small-number aperture, I can focus on the rock (left) and blur the background, or focus on the background (right) and blur the rock. Or, I can use a large-number aperture and see both in focus.


Aperature Practice2


Aperature Practice3

Left- Cat in Focus. Right- Flower in focus.

If anyone has tried getting focus like this using the auto setting, they know it would be impossible to get the shot on the left. The camera would never automatically ignore the flower. Being able to maipulate the tools is what makes art possible, instead of just a snapshot of a specific place in time.

And some more, just for fun.

Flower Crop

Pink Flower

And Playing with Shutter speed Priority-


Shutter Speed

Slow Shutter speed makes the water milky and give motion. In this case, it also blurred the rest of the photo a bit because I didn’t have a tripod. A fast Shutter speed captures the water in action, crystal clear.

Research Day- Web Design

When I start learning about something I’ve never approached before, it helps to take notes. The issue with this though, is that often I end up with notebooks full of great (but messy/clutted) notes that I rarely look at again. Time to try a different tactic!

Since this site is a tool for me as well as a history of my learning process, I’m going to put these notes here for quick reference.

Notes and Quotes for solid web design:

Daan Weijers “A lot of people argue that grid systems limit your creativity, because you’re limiting your freedom with a grid system. I don’t think this is true, as book called Vormator taught me that limitations actually boost your creativity. This is because you will think of solutions with these limits in mind, whereas these ideas would never have been thought of if you don’t have these restrictions.

Brandon Jones So what makes a pixel perfect comp? Essentially, it’s designing a mockup (esp. a web mockup, but it can be anything) as if you were styling it by code in the first place. If you’ve worked at all with CSS/HTML you’ll know what I mean. It includes: Perfect margins, Perfect padding, Perfect and consistent font usage , Perfect borders & backgrounds, Consistent color usage, Intelligent and justifiable deviations from the first 5 rules.

There really shouldn’t be more than 3 or 4 font styles on any single page unless you have a damned good reason to do it. If you are using a specific color of red as a highlight color on the site, make sure that it’s that exact color of red in every single place (unless you’ve got a reason for it to be different).

Ahmed Hussam                                                         

Before going to your client in your first “requirements gathering” meeting, you should do some homework by preparing a competitor analysis report.(…) this is basically a table listing all features and components of your client’s competitor websites and a screenshot of each. (…)such a report will greatly minimize revisions later on due to forgotten components that need to be squeezed into your design. (Prepare even just a simple comparison chart)

One of the first and most important questions you should ask your client is which sites they like and which sites they dislike. (…)You should be particularly interested in knowing exactly what points they like or dislike in each example that they provide; As in one case they may just like the colors and in another a specific component, and in a third the fonts, …etc. Doing a quick analysis of such list will help you create a general idea of which direction to move in and what to avoid.

W5 (Who, what, when, where, why)

Skype Brand Book

Oh wow- This is amazing. Review often! Good general rules, good references of what they DO to consider what to do Differently.

Mark Boulton– (re: Aesthetic Usability Effect)  This theory suggests that things which are designed to be beautiful are inherently more usable as a result.

Helen Walters   10 to 3 to 1
Apple designers come up with 10 entirely different mock ups of any new feature. (…) They’ll take ten, and give themselves room to design without restriction. Later they whittle that number to three, spend more months on those three and then finally end up with one strong decision.

Paired Design Meetings
One in which to brainstorm, to forget about constraints and think freely. (…) to “go crazy”. Then a production meeting, Here, the designers and engineers are required to nail everything down, to work out how this crazy idea might actually work.

Mark Boulton ‘Aesthetic Usability Effect’ –  This theory suggests that things which are designed to be beautiful are inherently more usable as a result.

Using the 960 Grid System as a Design Framework | Webdesigntuts+

Using the 960 Grid System as a Design Framework | Webdesigntuts+.

As a resource, I’d highly recommend this article if you’re learning about web page design. Using this and a tutorial from PDStuts+ I’ll be posting my first cookie-cutter webpage soon. Hopefully followed shortly by a first draft of my soon-to-be portfolio page and then by my (at this point rather empty) MTG card archive.

What I’m working on at this point, though it looks like a bunch of random skills, is developing the range of skills I need to fill out a rather wide, entry-level portfolio. Web pages are next on the agenda. As you can see with my previous posts, Photoshop skills have been my focus for a while. I will continue to use Photoshop to design the web pages then move on to Illustrator (again following Adobe’s classroom in a book for CS5.5) and then on to photography skills as well as developing Brand Identities for some real and imaginary companies. Throughout this, I’ll continue to work on aesthetic sensitivity, color sensitivity, and an awareness of the design around me.

Old Photos- Edits

As I organize my rather large collection of photos I’m finding some worth playing with.






^ after                                               ^ before




Personal Photography- Playing with HDR

First- the original Photos. These were taken through my studio window of my backyard. It was right after I got my new nikon and they are not staged or well composed, just snapshots. Mostly I was just playing with settings. While organizing some files I realized they’d make a great set to experiment with HDR.

Nature & Textures_010712_0003Nature & Textures_010712_0001Nature & Textures_010712_0002

And here is the Combined image after using Photoshop’s HDR Merge and adjusting the settings.

Fountain HDR

And here it is after cropping and some more edits.

Fountain HDR Edit ColorFountain HDR edit BnW


Given a little more time I could have eliminated the “shadows” of my healing on the fountain. I did all these in less than an hour though, and played with a few more options which I didn’t show here. (partial B&W, graded saturation) but they were too gimmicky.

Business Card Practice

These won’t (I don’t think) become my actual business cards. For that I’m thinking mostly white, simple clean logo, dark grey shadow text… something super ME. These aren’t very me. They are, however, great practice.


biz card 1 sampleBiz Card sample 2


I’m having some issues with converting RGB/CMYK. I keep seeming to do things in the wrong order and losing colors or getting different effects. Sometimes what I get is awesome and I go with it, but mostly I’m just getting frustrated. I think this is an area I need to do a bit more research.

I also need to (as mentioned before) get better about savings states. On another project I got confused and thought that layer comps did mostly the same thing… they TOTALLY don’t. >.< It’s just so easy to get carried away working, then realize you’re totally off base and want to go back… Even having set my history to 100 states I am still sometimes screwed. 100 brushstrokes if you’re manually editing a mask really isn’t that many. This is what learning is for!

HDR Toning Practice

I don’t spend a lot of time taking photographs because I don’t feel I have the skills yet. A catch 22, I know. The fact is I USED to spend a lot of time taking pictures and didn’t learn anything pushing buttons. So I’ve decided that I’ll arm myself with knowledge, then play a bit, repeat, and learn that way.

In the meantime, I see no reason not to practice some awesome HDR techniques. This is done using photopshop and a single image. It’s not as detailed as it would be with multiple exposures, but the basics of how to use the technique are the same. The original photo (on the left) is by pinholepirate and can be found here. The edit on the right is mine.

HRD Tone Practice

Personally, in this case I think the original is better. HDR can produce some beautiful results, but working with a 72 ppi image creates some stair-stepping. Also, yellow is not my favorite color. I could have gone desaturated, but that pulls some of the punch from the HDR. I really do like the increased contrast, but the additional detail on the water is a bit distracting. Over all…. I’d say they both have their merits but it’s not art, just practice.