All Posts in Tuts+

  • Code
    Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous200
    We've all seen the "accordion" type effect used on many Web 2.0 sites; however, many accordion scripts are heavy, make poor use of the libraries they are based on, and don't handle things like ensuring that the accordion maintains a consistent height. In this tutorial, we will use the Prototype and Scriptaculous libraries to create a lightweight, intelligent accordion.Read More…
  • Business
    4 Steps to Create a Great Pitch and Sell Your WritingPitches355
    One of the constant struggles of freelance writing is finding work, and gigs in the print world (and, increasingly, online) require writers to pitch their stories to editors. As a freelance writer, your pitch is your greeting card, your foot in the door, and, hopefully, your meal ticket. Because editors don't usually have time to review full articles, those queries will likely affect the bottom line more than your writing itself. That said, it pays to know how to sell yourself and your ideas: in other words, how to quickly craft compelling pitches. Read More…
  • Design & Illustration
    Design an Extreme Grunge WallpaperPreview
    In this tutorial, we'll design an extreme wallpaper in a grunge style. We'll be using layer masks, custom brushes, and the cloning tool to create this particular effect. You'll learn some interesting techniques that you can apply in your own grunge style designs.Read More…
  • Design & Illustration
    The Supercharged Beetle of Doom!Design and illustration
    Elaborate visual effects are easily achievable when you combine a little bit of creativity with some fundamental Photoshop techniques. In this tutorial, we walk you through transforming this drab insect into the Supercharged Beetle of Doom!Read More…
  • Design & Illustration
    Contributions are OpenShield general
    Although VECTORTUTS isn't due for launch for a little while yet, you can now start sending in tutorial contributions via our newly opened Contribute page.Read More…
  • Code
    How Using State Diagrams Can Make You a Better Web Coder200
    One tool that should be in your web coding arsenal is the state diagram. A state diagram shows the various "states" (reactions) that your application (e.g., web site) can be in, as well as what action or input (from the user) is necessary to get to a specific state. A state diagram helps to make concrete in your mind all of the possible user/application interactions. This increases the chances that you'll at least consider coding for all possibilities simply because you now know them all - which reduces the chances that you have buggy code or worse, forgot to handle specific functionality. Read More…
  • Design & Illustration
    Create a Mobile Phone Ad DesignPreview
    Let's design a mobile phone advertisement. It's inspired by mobile phone posters, billboard designs, and magazine advertisements. We'll be reviewing using Smart Filters and Objects in this tutorial, as well as multiple techniques to create this design.Read More…
  • Design & Illustration
    Inspiration: Cool Kitsch, Pop Art, and SuperflatPreview
    Pop art has gone in and out of fashion in different parts of the world at various times since it began in the 50's. We'll take a look at some popular artists in Western Culture that helped start this movement, as well as some more current Superflat trends in Japanese art. You can also learn to create these styles in Photoshop with the tutorials presented. Then learn to distinguish these styles with some great articles on this subject. Let's get some pop inspiration.Read More…
  • Design & Illustration
    Psdtuts+ New Contest! Design an AudioJungle Wallpaper!Contests
    Great job to everybody who participated in last month's contest. This month we are raising it up a notch. Collis has kicked in some great prizes from FlashDen and the new AudioJungle. We have more sponsors this month as well. This contest will be about creating an awesome wallpaper for the new AudioJungle site. This is going to be a lot of fun!Read More…
  • Code
    Best of the Web - May200
    It's time for a web roundup from the best of May and a bit of June. These posts take me so long to write, because inevitably I get sidetracked into reading all sorts of fascinating articles and sites. So make sure you've got a good amount of time free today, because we have some major linkage for you!Read More…
  • Business
    You vs. The Design Firms: How to Win Every TimeSkyscraper
    Let's face it, being a freelance designer is just plain tough. In what other arena is one person responsible for answering the phones, balancing the books, paying the bills, designing the website, creating the graphics, and working with the customers throughout the entire process? Yet, despite our amazing ability to juggle all of these duties, we still face one large barrier. We don't have that glowing brick building behind us, the one that screams, "We are a successful company!" As a result, it can be difficult to "capture" large clients. Today, freelancers are becoming more and more prevalent. Why not? It is a fantastic job. We set our own hours, we take on only the jobs that we desire, we have artistic freedom, etc. But, the biggest gripe I hear repeated time and time again is the fact that the main client pool consists of people with tiny budgets. We have to beat the big guys! Read More…
  • Design & Illustration
    Make an Apple Coldplay Style Ad in PhotoshopThumb200
    Recently, Apple released a new iTunes video advertisement featuring the band Coldplay and the song, "Viva la Vida." As is usual with Apple ads, this commercial is very beautiful. The coolest thing is that this time they chose to use light effects with glows and sparks. As I'm a really big fan of this style, I thought it would be nice to have a tutorial showing how to create that effect.Read More…