Hello there. I am Terry and I am a full-time undergraduate based in Singapore. I take photos, write a blog and design websites.

And no, I'm not a teddy bear.

My first i-(Whatever), going Apple-esque

iShoe

I got inspired after watching so many iPod commercials! This is one of my favourite:

[video]http://www.youtube.com/watch?v=I_nNwSmstpY[/video]

The trick behind creating this Apple-esque poster is just using Photoshop’s handy Quickmask function! Here’s a short tutorial (sorry, no screenshots!).

  1. Open the image – Either drag the image into the workspace or go to File > Open…
  2. Enter quickmask mode – Press [Q] or find the button just below the foreground / background colour swatches.
  3. Painting time – Remeber to set the foreground and background colours to the default ones by just pressing [D]. Paint over the areas of the image you want to turn black (painted areas will appear red in quickmask mode, so don’t worry!).
  4. Exit quickmask mode – Press [Q] to exit. Now you’ll find the marching ants (those moving black dashed lines at the border of the selected area).
  5. Invert selection – Since you’ve painted over the selected areas of the image, you’re actually MASKING them (eg, preventing them from being modified). So you’ll have to invert your selection. Just right-click on any place on the canvas, and click Select Inverse on the menu that appears.
  6. Create new layer – Press [Ctrl] + [Shirt] + [N], select a huge brush (and make sure that the foreground colour is black, #000000), and start painting within the selected area. You don’t want to pain over the original image, so that’s why you will need a new layer!
  7. Repeat step 2 to 5 – Now select the part of the image you want to paint white (e.g. mp3 players, headphones, shoes or any objects)
  8. Create another new layer – Do not paint on the first new layer! You want to maintain editability, remember? Make sure that the foreground colour is white, #ffffff, before proceeding.
  9. And you’re done!

Do tell me if you want a more detailed tutorial :) I’ll be more than happy to share!

Burn after reading » Now you're done reading. What's next?

Related

Related posts that might interest you:

Popular

Posts that are popular among visitors:

Share it

If you've enjoyed the post, or think that it might be useful to others, do share in on a social network site that you're using. Thank you!

  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • LinkedIn
  • Reddit
  • Design Float
  • Identi.ca
  • Live
  • Ping.fm
  • Print this article!
  • Twitter
  • Netvibes
  • HackerNews
  • Slashdot

5 responses to “My first i-(Whatever), going Apple-esque” » Leave a response

  1. Xing

    I think you may want to add shadows to the feet/shoes. Such pop effects are better on videos than with a static poster. But nevertheless, hope you had fun playing with it.

  2. DestinyResponse

    Wow… it’s definitely something different and almost inspiring. Thanks for the tips on how to create a similar imagine. That ipod commercial was the first of its kind that I saw. BTW… I really enjoy your site, I’ll be back ^_^

    Check out Destiny’s last blog post: Review: The Forbidden Kingdom

  3. IdResponse

    I remember seeing a music video from way back in the 90s that is so similar to the iPod commercials. I can’t remember what it was, but when I saw it, I couldn’t help but think if it was inspired by that.

    Either way, great job on the iShoe graphic! Makes for a good layout concept, eh? =D

    Check out Id’s last blog post: Playing the Tourist Game.

  4. AisyahResponse

    LOL. Ever since I wanted a Macbook Pro, I’ve been watching a lot of Mac vs Pc ads and some (lame but sadly, sometimes, true) Pc vs Mac ads. It’s like a war over there. LOL.

    and, I love the ipod ad, btw. it’s a simple ad but it’s nicely animated. not to mention inspiring. ^^

    I wonder what the ishoe does. LOL.

    Check out Aisyah’s last blog post: When kids ask about sex

  5. teddYResponse

    @Xing: You have a point there! After scrutinising at the feet of those dancing people in the Apple ad I realised that they have shadows too (although it’s most probably digitalled added in post-production). I’ve did a little tweaking in photoshop but I’m too lazy to upload the new version (another reason is because they look horrendous). Haha! Thanks anyway.

    @Destiny: I’m really honoured to have you comment! I realised that you’re one very talented designer and illustrator after visiting your blog. I feel so ashamed that I couldn’t make my blog live up to my personal standard. I shall work hard, heheh :mrgreen:

    @Id: Hmmm I couldn’t remember the commercial you’ve mentioned as well. That’s why Apple used its idea because it wasn’t famous, heh. Anyway speaking of an Apple-esque WordPress theme, I think there’s one iTunes-like one over at N.Design Studio (iTheme)…

    @Aisyah: Haha yea I kind of get a good laugh at those rivalry stuff. I laughed when I read a comic strip about how Bill Gates was so infuriated when IE market share dipped after having Mozilla kicking IE’s butt *wham!* maybe the iShoe plays squeaks when you make a baby wear it :) and make teenagers sound like walking boomboxes as they wonder around (that’ll be sound pollution, but heck, it won’t materialise anyway).

Leave a Response » Share your thoughts or Return to top

Your name is required. Why?

  • So that I can address you personally (which I'm more than happy to do).
  • Everyone loves their name to be called, right? Nobody wants to be referred to as 'a certain someone' or Mr X (X-Men members aside).
  • If your post too much spam, your name will be imprinted on a personalised voodoo doll, completely free of charge. I'm just joking!

Your email is needed. Why?

  • Your email is, and will, never be given out to any third party under any conditions (except for people sneaking up behind me when I'm on WP admin).
  • So that I can contact you personally in case of certain issues that I wish to address personally.
  • If you post too much spam, I'll email the same spam you've posted 10 times back to you, completely free of charge.

You can always leave a personal URL behind

  • It can be anything - most people put their blog URL, their facebook page, their Twitter URL, their MySpace or etc.
  • I give love back by saying NO to no-follow. All of your webbie links are dofollows instead.

Twitter. Twitter. Twitter.

  • What is Twitter?: Twitter is a social networking and micro-blogging service that enables its users to send and read other users' updates known as tweets. Tweets are text-based posts of up to 140 bytes in length.
  • What is my Twitter ID?: To get a Twitter ID, you simply have to sign up for an account at Twitter.com. Your ID will be in the format of your profile's URL - http://twitter.com/[userid].

Comment notes

  • Gravatar: You can register for one at Gravatar.com
  • XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">
  • Codes: Wrap them up with <code></code> tags.

Hello Easter Egg hunter! You've discovered the magic of the Konami Code!

Yea. You probably know what the Konami code is before getting to this page. So now what? Here is a randomised YouTube video on my favourites list... which includes Rickroll, if you're luck enough to get it.

You are currently watching Toddler throwing a funny tantrum. Loving it? You can even watch the video in its full screen glory :)

The Konami Code:
Konami Code sequence