All Posts in Tuts+

  • Design & Illustration
    Dramatic Text on Fire Effect in Photoshop200
    23 shares
    Flames are particularly hard to render in Photoshop, but in this tutorial I'll show you how to use a photograph of fire to set text to the match. We'll render the look on a nice dark background with a gorgeous text effect to complete the image. This is the second of our five-part series on Photoshop Typography. If you missed last week's, go visit Create a Spectacular Grass Text Effect.Read More…
  • Code
    How to Theme any CMS Using Firebug (and MediaWiki as an Example)200
    1 shares
    Often in my career as a web ninja, I've been asked to skin or theme open source projects to bring them in line with my clients brand. Depending on the project this can be more, or less frustrating (I'm looking at you Magento) but MediaWiki is one of the easier projects to work with because of the limited number of files and things to adjust. In this tutorial we'll go through the theming process I used to style the upcoming PSDTUTS Wiki, but the process, particularly using Firebug, could be applied to pretty much any CMS.Read More…
  • Code
    Unraveling the Secrets of WordPress' Comments.php File200
    7 shares
    WordPress seems to be everywhere these days, and it's no wonder with it's ease of use and ease of customization. In this tutorial, I'll be dissecting the default WordPress theme's comments.php structure and giving you various snippets of code to make your skinning easier.Read More…
  • Design & Illustration
    6 Quick'n'Dirty Photoshop Text Effects From ScratchPlastig
    37 shares
    Photoshop is great for embellishing display text with little effects. When you add layer styles into the equation, you have the added benefit of the styles being easily transferable. In this tutorial I'll show you how to make six different effects using just layer styles. So really this is like six tutorials in one!Read More…
  • Code
    AudioJungle Launches + NETTUTS news!Jungle1
    So I know this is a blog about web design and development, but I thought I'd start my news post by announcing a brand new site we just launched called AudioJungle! It's a stock music and sound site, which expands off FlashDen into the audio market, and we're super excited about the launch.Read More…
  • Design & Illustration
    AudioJungle Launch + Upcoming Sites + Psdtuts+ announcements!Jungle
    As you know, one of the other sites we work on here is FlashDen, and recently we've been very hard at work expanding FlashDen to have a dedicated Audio sister-site. So it's with great pleasure that I can finally say that AudioJungle is now online!Read More…
  • Design & Illustration
    Create an Impressive Mock-up of a Grunge BoxPreview
    3 shares
    Learn how to create impressive mock-up designs. In this tutorial, you will learn how to use the Vanishing Point Filter to get quick and professional presentation results. The final result is a realistic looking box that looks well-worn, as if it were shipped worldwide. Use these techniques to create other mock-ups in your design work as well.Read More…
  • Design & Illustration
    Create Cool Watercolor Effects in PhotoshopThumb 200
    41 shares
    Some time ago I wrote an article on my blog listing some fashion-style illustrations from really amazing designers such as Bruno Fujii, Margot Mace, Raphaël of My Dead Pony, Stina Person, and others. The coolest thing in their design work is their use of watercolor effects. So in this tutorial I will show a quick way to simulate that effect using only Photoshop and some brushes.Read More…
  • Code
    How to Load In and Animate Content with jQuery200
    41 shares
    In this tutorial we will be taking your average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.Read More…
  • Design & Illustration
    6 Techniques to Compose Your Work Using Repeating Shapes and Flexible PatternsPreview
    Let's take a look at some digital illustration techniques that you can use in your artwork. Try analyzing artist's work to discover not only how they do something, but also why they might use a certain technique. Pick a vantage point and look at the work from that particular view. In this article, we have an analytical lens we'll be looking through. We'll consider the use of repeating shapes and flexible patterns being used by artists today.Read More…
  • Design & Illustration
    Inspiration: Vexel Style ArtworkPreview
    2 shares
    Vexels are a style of design composed of multiple layered shapes. Photoshop is a popular program to use to compose these graphics, as a pixel output is part of the style, though almost any software with a good Pen Tool could be used to make vexels. Get inspired by a wide spectrum of vexel artists. Learn how to create your own vexel graphics through beginner and intermediate tutorials on the subject. And don't miss the time-lapse vexel videos. Get to know the characteristics of this strong digital style.Read More…
  • Design & Illustration
    Psdtuts+ May Contest UpdateContests
    The end of the month is nearing. Now is the time to plan and execute that contest winning design. The competition is nearing the pinnacle of its dramatic arch. Also, we present some great selections of new contest entries. Let's check them out!Read More…