All Posts in Tuts+

  • Code
    Web Design WeekWdw 200
    If you haven't paid a visit to PSDTUTS this last week, you will no doubt have missed some of the best material that's ever surfaced on the site. Web Design Week is concluding this weekend. I highly recommend that you review some of Collis's wonderful tutorials and articles that are listed after the jump. Read More…
  • Design & Illustration
    20 Challenging Illustrator Tutorials on DeviantArtPreview
    VECTORTUTS continuously caters to its readers top-class and excellent vector tutorials. We also regularly feature some of the best tutorials around the web and in our attempt to do so, we bring to your sight some challenging tutorials found on DeviantArt. The compilation here is a humble mix of basic to advanced tutorials, besides it is always refreshing to see how things are done by others and along the way pick up some new tricks and techniques. Some of which may have gone overlooked, but which may help refine your skills.Read More…
  • Design & Illustration
    6 Interface Design Principles and Tips Every Web Designer Should Know7
    Good interface design is like the air we breathe - it's there when you need it and you use it without thinking. If you've ever used a bad interface design, struggled to get around a site, clicked away because you couldn't figure out what was going on, not been able to complete a task you had in mind, or just been plain confused, you'll know the perils of going wrong in this area. Websites are not pretty pictures, they are there to be used and consumed, so it's pretty important that as web designers we spend a good portion of time thinking about usability. In this article we'll consider some of the big usability issues and my tips for being a better interface designer.Read More…
  • Music & Audio
    Mixing Crashes & FX to Create Impact and AnticipationThumb
    Following my tutorials on creating a house drum track, making electronic basslines, and mixing pad sounds it now seems an appropriate stage to add some crash and effect samples to our sequence. Although there were some basic crashes already in the sequence, these have now been replaced to show the construction process in detail. These sorts of effects are great for adding impact when introducing a sequence or new part and reverse effects or rises are the perfect tool for creating anticipation. You will find these techniques especially useful when switching between sections in your project or moving in and out of breakdowns.Read More…
  • Design & Illustration
    Cliff Notes on a Website Redesign - Tips and Thoughts from the Creattica Inspire Design6
    In this post I'm going to show you a set of twenty screen mockups for a real world project that I've been working on - the upcoming redesign and rerelease of our design and inspiration gallery FaveUp. I'll explain some of the why's and how's that went into the design, how I use design mocks to spec out a web app, as well as some general notes on the design. The new site that we're calling Creattica Inspire is now being developed by our crack Melbourne development team and will be hitting the interweb tubes as one of our first releases of 2009.Read More…
  • Code
    20 Perfect Things to Buy a Web Developer for Christmas200x200
    Let's face it. Web developers are geeks. But that's okay! Who wants to be normal? As I always tell the children - "Geeks rule the world". The problem is that "normal" people don't know what to buy us for Christmas. That's why we always end up with "Photoshop 6 For Dummies". They'll say in a rickety old voice, "It's a little old, sonny - but I got a good deal on it." So email this list to your family and friends and tell them, "This is what you should buy me.". Read More…
  • Design & Illustration
    How to Create a Magnified Text Illustration200loop
    In this tutorial, we'll explain how to create a realistic magnifying glass with shapes and gradients. You'll also learn how to effectively use Illustrator's text tool to create a three column layout, and then integrate this into an illustration. Let's jump into the tutorial.Read More…
  • Design & Illustration
    8 Ideas, Techniques & Tricks for your Web Design Toolkit5
    As important as information and interface design are, it's the satisfied feeling of designing something that just plain looks awesome that keeps us going during those times when the creative well is dry, when you've stared at a blank canvas for hours, when you've saved a hundred attempt.psd's, and when you're fed up of design. It's because you know that when you have that finished, polished, veritable work of art up on your screen, and you've switched Photoshop into full screen mode and you're looking at it from different angles around the room, and you're basking in the glory of your perfectly positioned pixels, you just know that this is the greatest profession in the world!Read More…
  • Design & Illustration
    14 Quick and Slick Portfolio Templates (via ThemeForest)200
    Having an online portfolio is pretty much a no-brainer these days. But all too often it's the old story of the cobbler's children who have no shoes - or in our case the designer who has no time for their own portfolio. Whether it's because there's too much work on, or because you can't settle on a design, or because you're somewhere in the middle of building the "perfect" portfolio, sometimes you just need to get something together, and fast. Read More…
  • Code
    How to Setup a Dedicated Web Server for Free200x200
    All great websites have a great server behind them. In this tutorial, I'll show you how to set up a dedicated web server (with Apache, MySQL, and PHP) using that old computer you have lying around the house and some free software. Read More…
  • Design & Illustration
    Photoshop a Paper Texture from Scratch then Create a Grungy Web Design with it!4
    This year has seen a big increase in grungey / textured / hand-drawn styled website designs. By nature I tend to design a cleaner look myself, but I thought I'd try my hand at grunge today and write up a tutorial on creating a simple paper texture from scratch in Photoshop then marrying it with a web layout to create a neat design. Then later this week we'll take this same web design and I'll show you how you can take remixing even further than just changing backgrounds and colour schemes, that in fact you can change the entire style of a design. But first let's make our paper texture site!Read More…
  • Code
    Everything you Know is Wrong!200x200
    Everything is changing. This weekend, I read a very interesting book: "Everything You Know About CSS is Wrong". The book illustrates how, now that IE has passed the ACID 2 test, we can finally begin to build our websites the proper ways. Up until now, we've been forced to implement hacks to form the perfect layout - absolute positioning, precarious floats, etc. But that's all beginning to change! I'll show you how in twenty minutes. Read More…