All Posts in Tuts+

  • Design & Illustration
    Illustrating a Cool Glass of BeerPreview
    9 shares
    In this tutorial, we're going to draw a beer glass with some beer in it. We'll create the shiny curly glass with reflection, put some beer in it, add some bubbles, and finally we'll make the shadow and the reflections. Meanwhile, I hope you'll have some fun and learn some cool technics too.Read More…
  • Design & Illustration
    Create a Glowing Abstract Light Vector GraphicPreview
    7 shares
    In the following tutorial, I'll show you how to create a glowing light abstract vector graphic. The great thing about this tutorial is it doesn't use any raster effects. The final illustration is all vector! In this tutorial, you'll utilize blends, different blend modes, and gradient meshes. Moreover, these techniques are real easy to apply to other illustrations.Read More…
  • Music & Audio
    7 Ridiculously Upbeat Songs About DeathKiss prev
    1 shares
    With the possible exceptions of love, sex, and slaying mythical beasts, no topic has commanded the attention of song-writers throughout history more than death. From Metallica's "Enter Sandman" to The Shangri-La's "Leader of the Pack" and even as far back as Beethoven's "Deathstomp 9 in D minor", the great beyond has been the inspiration for some of the most compelling songs ever written. If you think I'm making up the title of that Beethoven number, by all means, go ahead and Google it, I'll wait. Did you do it? Wow, you are a gullible one, aren't you?Read More…
  • Code
    Build Your First Facebook App200x200
    28 shares
    So you want to build a Facebook application and reach literally millions of users. Well luckily, writing an application using the API isn't too hard to learn (for the basics, anyway). In this tutorial we will write a Facebook app that generates a random quote to display on the user's profile. Read More…
  • Design & Illustration
    SOSFactory Style Mascot Design in PhotoshopDesign and illustration
    2 shares
    Hello Photoshop artists, my name is Sergio Ordóñez, the self-proclaimed genius behind SOSFactory, pioneer in corporate mascot design for the web. You can also find me at my blog SOSNewbie or on Deviantart at sergitosuanez.Read More…
  • Code
    Build An Incredible Login Form With jQuery200x200
    37 shares
    One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we'll also animate it.Read More…
  • Design & Illustration
    Demolition Made Easy in PhotoshopDesign and illustration
    1 shares
    For my particular shot I've selected three images we'll be using in this tutorial: shot of some buildings, some sky, and of course some demolition in progress.Read More…
  • Code
    Learn How To Develop For The iPhone200x200
    Today I'm going to show you how to build an alternate page and style sheet for the iPhone and iTouch. We will cover how to detect if the user is using an iPhone to view your page as well as the orientation of the device - whether it be landscape or portrait. To accomplish this we will be using javascript, and some Safari mobile specific CSS tags. Read More…
  • Music & Audio
    Create a Mysterious 'The Matrix' Style Scene-transition FXMatrix transition 2
    In the world of sound design and music for media, there are two basic classifications of sound: diegetic and non-diegetic. Diegitic sound or music occurs within the story, i.e. a piano being played on screen, a boom-box playing a hip-hop beat. Non-diegetic sound occurs outside of the world of the story, and is perceived only by the audience, rather than the story's characters. With this in mind, this tutorial will look at creating a transition sound-effect in Logic Audio. These sounds can assist in helping the audience change focus from one scene to another, from one virtual space to another, etc. These techniques can also be used in music, where one might want interesting transition between musical sections.Read More…
  • Design & Illustration
    How to Create a See-through Information GraphicPreview
    4 shares
    This tutorial will cover the techniques used to create see-through information graphics. You'll need a strong familiarity with Adobe Illustrator's Pen Tool to complete this tutorial.Read More…
  • Design & Illustration
    Inspiration: Water and IcePreview
    About six months ago Sean posted Inspiration: Fire, Flames, and Infernos. I thought it would be appropriate and fun to take a look at the opposite end of the spectrum for some additional inspiration. Much like fire and flames, water and ice are prevalent in web and graphic design. Here is a showcase that will give you a taste of what is possible.Read More…
  • Code
    Quick Tip: Author Comment Styling in WordPress200x200
    An often-used feature in WordPress blogs is the ability to style comments made by the post's author differently from the others - helping replies to stand out. Here, we will edit the default WordPress to add some subtle styling to author comments. Read More…