Building websites for Humans

 “We all build websites for humans! It’s implied. Why do you need for a post for that?”

We web designers often find ourselves in a situation where there’s plenty of opportunity to make fast money by building fast and cheap sites with absolutely no brainwork behind them. They show no respect or feeling for the relationship we build with our viewers or web audience. We could create new websites with stock photography, clichéd templates and 10-year-old rusty copy that we assume makes everyone happy. Or we could follow a different path where we consider that preserving the human touch and showing ourselves in our work isn’t optional, it’s essential.

Now, why so much drama over this “human” thing in design in the first place?

First off, it’s one of the fundamentals of the term ‘User eXperience’, after all we do thrive to provide the best experience. It’s that hidden attribute to any website that makes it distinct from all others. We, as users, want to see something very unique, even if we are visiting a daily news blog, we want to read, view something that’s pleasant to us while not thinking about how many lines of code have been written behind it.

Think of it like this: when you visit a restaurant, do you even once think about the meal’s nutritional value? I doubt it. You went there to fulfill your body’s need – the tasty steak or the delicious kebabs to fill your stomach while satisfying your taste buds, the immense pleasure of the experience of that meal will form the memory in your brain, one which you will carry for a long time.

Why don’t we aim for a similar goal with web design? We have been designing good interfaces, usable interfaces, that’s something we, as web guys, are supposed to do. However, the question is: how often do we create interfaces that make the audience happy and consequently, remember the website? Why do we settle for just usable when we can make design and interfaces both usable and pleasurable? 

As humans, we like to emote. We all have distinct emotional baggage and personalities. To engage your audience emotionally, your must let your brand’s personality show.

Wufoo 

Wufoo is a popular web app that helps people build forms and connect them to databases. For someone who may not be very technical, making forms and connecting to databases could be tricky and tedious. But Wufoo has successfully made it fun.

Wufoo keeps the tasks flow very simple and focused with neat and simple interfaces. Its personality specific user experience helps it achieve the trust of millions of users who use the app for forms. You can actually sense the app developers personality after spending a couple of minutes on the site, and notice that it shines through in the copy – e.g. In the sample copy atop a fresh form awaiting the customised text: “This is my form. Please fill it out. It’s awesome!”

The subtle primary colors on each page, sans-serif typefaces portray familiarity and informal tones that make the user relax and use the app at ease. Wufoo uses this engagement using visuals to create lasting impressions with their customers/ users.

Wufoo is a popular web app that helps people build forms

MailChimp 

MailChimp’s mascot Freddie has this incredibly friendly face. Scientists believe that the primary reason we evolve to love baby faces is so that we wouldn’t kill them. Cuteness is a baby’s first line of defense. Designers should also use this principle. Users start using MailChimp and gradually start loving Freddie, as the chimp with a cute vibe, who doesn’t come in the way of your interaction with the application, cracks good jokes sometimes and gives you a sense of comfort. A similar manner of mascot interactivity builds engagement with the users, which can make the design experience feel like a chat with a friend. This effective method used to build positive memory increases the chance that users will continue to use and trust the application.

Users start using MailChimp and gradually start loving Freddie

Visual design of any website is one of the key steps to building a relationship with your audience. Usability, where most of the user experience work comes in, is another key step that will make users start using your site voluntarily and engage the audience to explore information, look for surprises, spend more time and keep them coming back for more.

Tumblr 

Tumblr is another website that has been successful in implementing top-notch user experience and aspects of the human touch in its design. The site has recently gone through some homepage and dashboard design changes but still manages to present an undeniable user experience.

The new homepage displays the top posts from users while giving brief navigation for both top users and different tags. Unlike before, when Tumblr showcased its features, flexibility, themes on the home page, this time they’ve taken a slightly different approach. Their tagline “Follow the world’s creators” is a strong message that tries to indulge the user to follow their favorite blog on Tumblr by either signing up or logging in.

The current design is more content centric and encourages people to use the website for what they are more interested in – great content. Subtle form animations between Log in and Sign Up actions and page scroll are intelligent.

The current design of Tumblr is more content centric

Subtle form animations are intelligent

Ricardo Mestra 

When your brand contrasts with others, your audience is more likely to easily identify and remember it for a long time. Web designer Ricardo Mestra’s website gets the contrast.

Duplos’ website design doesn’t follow a strict grid; it’s organic. The rich textures, unrefined edges, and layers of flat shapes give the impression of elegant paper craft than a website. The purple monster and the humorous copy create an emotional imprint on his audience, making his portfolio unforgettable, which helps when you’re competing against web desginers.

Cognitive and visual contrast in design not only makes you stand out, it can also influence the way people use your interface.

Duplos’ website design doesn’t follow a strict grid; it’s organic.

Red Interactive Agency 

Red Interactive Agency offers something very unique right from their web address – www.ff0000.com. The website immediately engages the user in the virtual chatroom (they call it the RED UNIVERSE) while still browsing the website for portfolio, company recognition and clientele.

Red Interactive Agency offers something very unique right from their web address

Final word 

If we are to build great websites and not just workable websites, we need to understand the depth of human emotions that get involved when they come to our sites. How does the site built by us make them feel? What would their initial reactions be? Will they come back to the site? Why? And why not?

We have the ability to go that extra mile and channel our own personality or the brand’s into our work so that our users can feel like they’re interacting with a real human and not a some corporate avatar. Being sincere and honest helps our users trust us even more as they see themselves in our brand, product and website.

Going the human way, we’d love to know your opinions and feedback in the comment section below. It’s time we interact!

Pixelonomics

How to Secure A Second Date - Infographic

Been on too many first dates? Wonder what you are not doing right & want to make sure you get a second one? TwoMangoes, a fast growing Indian dating website gives us some insights on the do’s and dont’s through a quirky infographic.

This infographic essentially tells you when to ask for the second date. It also clarifies complicated issues like who should ask first. Additionally, it illustrates what to do to avoid sounding needy or vague.

So, go ahead try these out and do tell us if these pro-tips actually work in the comments section below!

Good luck =)

How to Secure A Second Date - Infographic

Pixelonomics

Need a basic logo design for under $10

Just as a quick experiment, we tweeted about the graphic above and documented the reactions. The tweet said “Is the graphic bad enough or can we make it worse?” And the reactions were mind-boggling.

For the purpose of simplicity, I will refer to design in general as logo design.

To everyone looking to get logo designs for under/around $10: Why do you value your requirement so low?

My question is… why would you waste those $10 as well? Get yourself a trial copy of photoshop and make the logo yourself.

Trust me, it’s going to be just as good and FREE!

Value the experience

I understand that as a startup, one will mostly be short of funds and that is fair, completely!

Will you go to a jeweler and ask to buy a piece of gold jewelry for $10, whose real value is more than $10,000, just because you’re a startup? I doubt that!

Design comes from knowledge, practice, experience and NOT just knowledge itself. 

When Picasso explained the value of experience

Legend has it that Pablo Picasso was sketching in the park when a bold woman approached him. ”It’s you – Picasso, the great artist! Oh, you must sketch my portrait! I insist.”

So Picasso agreed to sketch her. After studying her for a moment, he used a single pencil stroke to create her portrait. He handed the women his work of art.

“It’s perfect!” she gushed. “You managed to capture my essence with one stroke, in one moment. Thank you! How much do I owe you?”

“Five thousand dollars,” the artist replied. “B-b-but, what?” the woman sputtered. “How could you want so much money for this picture? It only took you a second to draw it!”

To which Picasso responded, “Madame, it took me my entire life.”

Source

I have two quick suggestions for startups:

Pixelonomics

Famous brand marks & their fresh impressions from a 5 year old

Design is not just for experts!

And it is always interesting to document various perspectives – from professors to mentors to clients to friends to kids. Yes, kids!

This is exactly what and Ohio-based identity designer Adam Ladd did. He asked his 5-year-old daughter her impressions on some popular logos.

Cheetah – cheetah – cheetah!

This is the most adorable of all impressions by her. At the same time, these impressions offer a very interesting take on these brand marks. Lots of food for thought here!

Chances are that most of these logos were not designed to cater to a 5 year old as their primary audience. The video does offer a fresh perspective nonetheless. It’s a funny, interesting and informative exercise on famous brand marks!

Watch the video below and let’s discuss your viewpoints in the comments section below.

Pixelonomics

What's in your glass?

Is the glass half full or half empty?

There is no black-and-white situation. It’s all part of life. Highs, lows, middles.

Van Morrison

We have heard this oh-so-often! If a certain situation is in favor or against..? Or how do we react to a certain something, positively or not? Does it really matter?

Its time to look at what the glass is filled with though. What’s in your glass? How much of it really is only the next step.

The exercise

A simple exercise you have to imagine for yourself: Pick a glass of water and throw in pinch-ful of dirt in it day after day. Also add few drops of clean water everyday along with the dirt. What do you suppose will be in the glass in ten days from then?

Go ahead. Imagine. My guess is you will have a glass full of muck! What do u think? Now suppose what I guessed was right, how does it matter, you may ask? Good question buddy! Now bounce back into your imagination, take this glass of muck and hold it under a tap of fresh clean water. Hold it there for good 15-20 minutes. What do you get? Start to notice the mud gets flushed out slowly as the fresh water starts to occupy space in the glass. In 20 minutes you’ll have a glass free of any muck, just clean good water. Nice, clear and transparent!

Why did we do all of this?

Lets take this a step further now. Assume this glass as your mind. All the dirt is the bad stuff you encounter everyday and the drops of clean water are the good things you absorb on a day to day basis. The “bad” things are negative remarks, bad news you hear/read, fights and arguments that you have, negative thoughts, worries and so on. The good things are words of encouragement you hear, new skills you learn, happy times you spend etc. life is full of these and they come simultaneously. Eventually we land up with muck in our head and that results in us not performing to our capability. The glass of life that should have been filled with clean and fresh drinking water becomes a muddy mess instead.

The holding under the tap water really is an exercise of reading an educative book, listening to an inspiring speech or doing anything that creates positive energy in you! Such activities fill your mind up with positive thoughts, wash away the dirt that is slowing you down.  Alcohol is known to be a popular flushing agent too but sadly it acts more like a screen saver than a disk clean up software really!

An excellent way to do this is also to attend trainings and seminars that expose oneself to newer aspects of life.

Here’s another way I once chose to describe this idea while talking to a bunch of university kids…

I got upset real bad … started some 5 new things to keep my mind off it….kept at them in full steam, dint spare a minute for thoughts to emerge…. some 100 days later …2 off the 5 new things I had started had faded away from my schedule ……… n yet, I was a lot less upset and I had developed 3 new skills!

Remember, it takes longer to clean up than it takes to dirty something. Plan accordingly and execute regularly.

I wish you a clean mind and lots of energy!

Oh by the way, is the glass…. nevermind! Should you have any reactions, suggestions or questions, I’d love to communicate via the comments section below.

Pixelonomics

Curebit ripped off Highrise’s design - is this acceptable?

Saturday morning (night for us in Asia) had the internet abuzz with a dramatic exchange of tweets between one of the most prominent thought-leaders of the internet, DHH (David Heinemeier Hansson) and a YC-combinator funded startup Curebit’s co-founder Allan Grant.

What’s it about?

Curebit has been caught red-handed stealing (design) HTML code, images, and the like from Highrise… according to a detailed report by VentureBeat. Check above for a comparison between the original and ripped design.

DHH called the Curebit team “fucking scumbags” and Grant himself “a person of poor moral character”, after Grant, Curebit’s co-founder, tweeted this:

We are a tiny startup - what's wrong with a quick & dirty test?

Shocking and convenient! Isn’t it? However, according to a Techcrunch article a few hours ago, Grant has posted an apology on the company blog. He also published “the actual apology” on HN. I strongly suggest that you have a look at the comment too.

Recently we launched a site with several pages copied from 37signals’ Highrise. We did more than take inspiration from their design – we actually used html & css code, and hotlinked to images on their site. We apologize to David and 37signals for ripping off their work. It was stupid, lazy, and disrespectful of their creative efforts. It’s particularly painful for us to have done this to 37signals because they are big heroes of ours. We just hope they will accept our apologies.

Is the game over for Curebit?

Of course not! It has just started.

Even though some doubted the ability of Curebit team to have lunch in Silicon Valley ever again, I suspect the opposite.

Believe it or not, Curebit has managed to get attention of almost every bigwig from the industry, in a not so positive way though. But then, haven’t we been told time and again that any publicity is good publicity. In fact, it has created so much buzz that their (Curebit’s) server was reportedly crashing.

Is this acceptable?

No, I’m not going to debate about the innocence (or purpose) of this rip-off. Honestly, it does not matter now! If it was planned, or innocently published, makes no difference to the current scenario. I am not even going to debate if this is an ethical issue or legal. What matters, or so I believe is, if this act of ripping-off an existing (and famous) design, is acceptable?

A gentleman suggested that this act is as good, or bad, as the act or pirating movies, music and softwares. And since it is a common act for almost everyone, why is everyone making a fuss about this one in particular?

IMHO, when one pirates a movie or music, in most cases, it’s not used for generating business (in a big or public way). Mostly, movie and music piracy is for self entertainment, or at times, for references. Ever known someone using Steven Spielberg’s (pirated) movie footage for marketing his/her business?

Steven Was irked when footage from his movie Duel (1971) (TV) was used as stock footage in an episode of “The Incredible Hulk” (1978) even though Universal Studios owned the rights to both the The Incredible Hulk series and the film of Duel.

Pirating stuff for entertainment, inspiration or personal use is one thing. Pirating for direct business usage is another. This, I believe, is a huge difference.

And no, piracy is not an acceptable act by any means.

Has it happened to you?

It is certainly a common affair. Many clients come to us with a reference design for a certain project. And in most cases, we’re asked to copy it.

However, mostly what they mean is to take reference, understand the points that make it good, and implement accordingly, without ripping off the design. It is just an incorrect choice of terminology, which is fair on a client’s part, as they are not experts in that field. It is for a designer, or agency, to understand the actual implication.

Have your designs or work been copied by others? Have you known anyone of copying others’ design or work?

Should businesses feel free to copy designs (and even source files) from the existing companies? We’re waiting to hear your thoughts in the comments section below.

Pixelonomics

Digital retouching before photoshop

Who would have imagined a digital retouching in process, twenty-five years ago (1987)? Yeah, you read it right!

The video below (2:48), takes us through a quick digital retouching process.

If our knowledge serves us right, that’s some three years before Photoshop 1.0 was introduced. Some technology, eh?

With the use of some brilliant technology (for that time), drum scanners, trackball, magnetic tapes and more; the artists, or rather, engineers in USSR were making it happen. Some of us were not even conceived at that time! Are you not amazed?

By the end of first minute (1:00) in the video, a manually processed image is scanned using drum scanners and magnetic tapes. Notice how Z is in function on the screen, to zoom in; and how the cursor coordinates X Y are constantly being refreshed on screen.

At 1:40 minutes, we see the first result of removing damages from the photograph, which is close to what we create these days primarily, by using the clone tool. Further in the video, we see examples of color corrections (contrast, brightness, saturation etc.); and even, increasing sharpness of a picture (2:28).

Was this one of the first step towards the softwares that we use today for digital retouching (photoshop etc.)? It does seem like that!

What is your reaction towards this video? Had you imagined such great detail of digital retouching possible back in 1987? We are waiting for your reactions/thoughts in the comments section below. Let’s talk!

Pixelonomics

What is SOPA? An Infographic

SOPA is Stop Online Piracy Act

Also known as House Bill 3261 or H.R. 3261, SOPA is a bill that was introduced in the United States House of Representatives on October 26, 2011.

According to Wikipedia, if this bill is made into a law, it would expand the ability of U.S. law enforcement and copyright holders to fight online trafficking in copyrighted intellectual property and counterfeit goods.

By the way, Wikipedia will black out tomorrow i.e. 18th Jan, 2012, for 24 hours, to raise awareness about SOPA.

Jimmy wales tweet about Wikipedia blackout

Americancensorship.org has created an infographic to explain SOPA and its effects. We have shared that infographic here for our readers.

What is SOPA? An Infographic to explain SOPA and its effects

To view complete SOPA infographic, check americancensorship.org

Update: Google is showing a black patch covering its logo on the homepage, to show its support for the anti-SOPA campaign.

Google blackout - to support anti-SOPA campaign

Were you aware of SOPA and its effects?

Do you think it should be stopped from being made into a law? Please raise your voice and show your support to the cause in the comments section.

Sharing the infographic on facebook, twitter and other platforms will also help!

Pixelonomics

15 popular Google doodles of 2011

2011 was a great year!

It saw many advancements in the field of sports, internet, show biz, technology and more.

It also saw advancements in how one of internet’s most innovative companies, Google, designed its logos, also known as ‘doodles’. They were a lot more interactive, fun, memorable and non-google in 2011!

Non-google?

Well, this year Google rode less on the visual representation of its logo and more on the thought behind a certain ‘doodle’. And we really respect that! It shows the confidence of a company in its thoughts and in its user, to be able to recognize the Brand Google, without seeing a specific visual.

Infact, the image featured above is not a Google doodle from 2011. It was showcased on Google’s homepage in 2006, to celebrate Louis Braille’s 107th Birthday. Isn’t it a brilliant doodle? We love it!

Let’s have a look at 15 popular Google doodles of 2011.

Royal Wedding

 A non-interactive google doodle for probably the most celebrated wedding of 2011.

Martha Graham

Do you like dance & music? This is perhaps the most difficult, yet so beautiful a google doodle, celebrating Martha Graham’s 117th birthday. These five figures are dancing here.

Jim Henson

Remember Muppets? Google doodle paid a tribute to the great visionary, Jim Henson on his 75th birthday. Wanna play with Muppets?

Robert Bunsen

A google doodle for German chemist Robert Bunsen on his 200th birthday. Conduct an experiment!

World’s Fair

According to google, this doodle is a tribute to first world’s fair.

“An event that housed the latest and greatest inventions and cultural treasures of its time, the first World’s Fair at the Crystal Palace in London was packed with thousands of wonders.” Roll over the doodle to zoom in and witness the fair animations.

Lucille Ball

It’s been 100 years since Lucille Ball was born and google entertained us with clips of her timeless jokes.

Charlie Chaplin

One of the greatest star of all time, Charlie Chaplin’ 122nd birthday made Google attempt their first-ever live action video doodle. View the silent short film here.

Jules Verne

This google doodle celebrates Jules Verne’s 183rd birthday. View his imaginative world and set yourself on an underwater voyage!

Earth Day

Google doodles celebrate the Earth Day every year. In 2011, we saw a spectacular and animated view of the earth as it was, away from manmade buildings and machines. “When users hover over various parts of the doodle, they may catch a salmon swimming up stream, parrots darting through the sky, a frog leaping across the grass, a bear having a snack, a koala performing gymnastics, a sleepy lion, butterflies rustling trees, a penguin sliding down an iceberg, and a sneezing baby panda.”

Art Clokey

“Art Clokey, creator of The Gumby Show, led an incredibly fascinating life.” The show comes alive here!

Halloween

Google doodle team captured the fascinating transformation that takes place when carving a pumpkin for Halloween 2011. Perhaps the first for a google doodle to have a timelapse video of close to 8 hours. Watch the Halloween preparations!

Yuri Gagarin

The google doodle walked into space, to celebrate the 50th Anniversary of the First Man in Space! Launch the Vostok spacecraft.

Lunar Eclipse

The Lunar eclipse in June 2011 had a special dedication to itself, in the form a timelapse video google doodle. Witness the eclipse yourself!

Les Paul

Over 40 millions song recordings within 2 days! Was that a Les Paul effect or magic of Google doodle to celebrate his 96th birthday? Make your own song!

Happy Holidays 2011

And google presented us with a musical holiday celebration in the form of this doodle as 2011 gave way to 2012!

Just like in a game of chance (poker), Google dabbled in creativity and played its hand in designing its logo (doodles) with more heart and thoughtful perceptiveness. In the end, they won the approval of many people and proving that they are truly the premier search engine of our time.

Long live Google doodles!

What do you think of these doodles? Do you enjoy them? We’re awaiting your comments in the section below.

Pixelonomics

How to design a countdown in 5 simple steps using photoshop

We have been getting a lot of tutorial requests from Pixelonomics’ readers. Sincere apologies for not being able to come up with a new tutorial after Geometric poster in photoshop, for long.

Off late, we have observed the usage of Countdown as an element for UI, broadcasting and collateral design.

Documented below is the process of creating a countdown in 5 simple steps using photoshop. Each step is divided into a couple of sub-steps to make it as simple as possible. Nevertheless, we are looking forward to your feedback, in the comments section below, to make future tutorials a lot more simpler.

Let’s get started with our Countdown. For the purpose of keeping it simple, we are going to create a countdown element for web usage. Side note: if we are working on anything for web, the resolution should be 72dpi. 

Final Result

Here is a preview of countdown once it is finalized.

Final version of countdown

1. Setting up the Photoshop file

1.1. Create a new file (Ctrl + N). In the New file dialog box, set the Width and Height units to pixels (if it isn’t already). Set the width to 500 and the height to 300 pixels. We’re creating a graphic element for web, as mentioned above, so set the Resolution to 72 pixels/inch, color mode to RGB color, 8 bit and background contents to white.

Setting up the photoshop file

Unlocking layer

1.2. To unlock the layer, currently titled “background”, double click on it and on appearance of a dialog window showing title as “Layer 0″, press ok.

2. Adding color to the background (Layer 0)

Selecting gradient overlay

2.1. Select Layer 0 (if not already selected) and go to Layer > Layer Style > Gradient Overlay.

2.2. Make sure the opacity is 100%, style is linear and angle is 90 degrees. Click on the gradient and in the Gradient Editor, add color stops in this order: #191d29 at 0% location, #616a71 at 60% and #a9afab at 100% location.

Adding gradient overlay

3. Adding a white box

3.1. Click and hold (without releasing) the Rectangle Tool to select Rounded Rectangle Tool.

Select Rounded Rectangle Tool

Choose radius as 6 px

3.2. Choosing radius as 6 px, as shown above, create a rectangular box like the one shown below and rename it as “white-box” after double clicking the “shape 1″ layer.

Name the layer "white-box"

Adding gradient to white box

3.3. With white box as selection, go to gradient overlay (as explained in step 2.1). Again, make sure the opacity is 100%, style is linear and angle is 90 degrees. Click on the gradient and in the Gradient Editor, add color stops in this order: #e1e1e1 at 0% location, #ffffff at 49%, #e1e1e1 at 51% location and finally, #ffffff at 100% location.

3.4. In the same box as gradient overlay, look for Drop Shadow and Stroke. We have to select them too. Drop shadow settings: Opacity – 45%, distance – 2 px, spread – 0 px and size – 3 px. Stroke settings: Size – 1 px, position – inside and color: #ffffff.

Adding shadow to white box

Adding stroke to white box

4. Adding Separators to the box

4.1. Click and hold the Rounded Rectangle Tool to select Line tool.

Selecting line tool

4.2. With weight as 1 px and color #90949c, draw a line horizontally middle across the white box, just enough to touch the edges widthwise, like shown in the pic below. Name it “dark-sep”.

Duplicate "dark-sep" to "white-sep"

4.3. Right-click (ctrl-click in mac) “dark-sep” layer and select duplicate. Name it “white-sep”. Press V on the keyboard to select Move tool, press bottom arrow to move “white-sep” downwards by 1 px and change it color to #ffffff.

5. Adding text to complete the countdown

5.1. Press T on the keyboard to select Text tool. We have chosen “Myriad Pro bold” in 80 pt size but feel free to select your favorite font here. Select the layer “white-box” and type in a digit or a letter in vertical and horizontal middle. We have typed in a “2″.

Selecting a font

Adding gradient to text

5.2. With text layer as selection, go to gradient overlay (as explained in step 2.1). Again, make sure the opacity is 100%, style is linear and angle is 90 degrees. Click on the gradient and in the Gradient Editor, add color stops in this order: #2d2d2d at 0% location, #474747 at 49%, #2d2d2d at 51% location and finally, #474747 at 100% location.

Here we have our countdown ready for usage as an element in broadcasting, collaterals or user interfaces.

Bonus Step – add reflection to the counter

B.1. Select the layer “white-box” and  duplicate this layer (step 4.3). Right click (ctrl-click in mac) and first select “rasterize layer” and then, “clear layer style” as shown below.

Duplicate "white-box"

Feather selection

B.2. Press M on the keyboard to select Rectangular Marquee Tool and select the box 60% horizontally, from the bottom, like shown above. Go to Select > Modify > Feather and choose a feather radius of 20 px. We pressed “delete” 3 times to get the desired effect. You may choose as per your preference.

B.3. Press ctrl+d (cmd+d in mac) to deselect. Press V to go back to move tool and move the shape to the bottom of white box. Go to Edit > Transform > Flip vertical and change opacity of this layer to 20%.

Here is the result!

Wasn’t that easy? Use this element as you like, in wallpapers, interfaces and more. But please share your creations with us here Pixelonomics Flickr group.

Result of countdown tutorial

Show us what you made!

Final version of countdown

We duplicated and edited the countdown to create our own version above. We’d love to see what your version looks like. And if you choose to follow this tutorial to create a real life project or artwork, please do share with us. You may share your work on the Pixelonomics Flickr group and contribute to this active community.

Download the Photoshop file used in this tutorial

Countdown-tutorial.zip (ZIP, 29 kb)

Pixelonomics