Advertisement
Web Roundups

50 Incredible Tutorials from the Tuts+ Network

by

Here are some of the best tutorials and articles published on the Tuts+ Network over 60 days in March and April. You might be surprised at how much you can learn from a site outside your area of expertise. Why not make it your goal this month to learn a new skill? Whether it's motion graphics, web development and design, music production, Flash, illustration, logo design or digital art, the Tuts+ network is an excellent place to start the journey.

Psdtuts+ - Adobe Photoshop

  • How to Turn Humdrum Photos into Cinematic Portraits

    There are a plethora of ways to treat a portrait for a myriad of uses, but that is for another feature. Let's tackle adding drama or a cinematic quality to a regular, humdrum portrait. Let's even throw in a little bit of faking HDR. That way if you work on a project that requires a stunning shot without the stunning photography, you'll be able to cobble something together using your mad skillz!

    Continue Reading

  • A Comprehensive Introduction to the Type Tool

    Who doesn't know the Type Tool? This is maybe one of the most powerful and useful tools of Photoshop. We've all used it at least once, but do you know all its potential? That's why I decided to write a comprehensive guide about Photoshop's Type tool, including do's and don'ts of the most important features of this tool.

    Continue Reading

  • Create an Out of Bounds Fantasy Illustration

    Here is another illustration I have worked on with Toma Alin Gabriel. Worked on this piece with a lot of images and I would also like to thank the photographers for giving us permission to use their stuff. In this tutorial, we will take you through the process of creating a fantasy scene, make water pour out of a painting, make some sort of a absorption effect and end up with a really nice looking color. The main idea behind this surreal illustration is that we are actually in a painting and the painting on the wall is the real world, the world where our vulture tries to escape.

    Continue Reading

  • How to Illustrate Type Using Cinema 4D and Photoshop - Psd Plus Tutorial

    We have another professional Psd Plus tutorial exclusively available to Plus members today. If you want to take your Photoshop 3D type skill to the next level, then we have an exciting tutorial for you. Discover how to render shapes into C4D to create mechanical looking pieces that you can use to construct awesome typographic works with!

    Continue Reading

  • How to Create a Hellacious Flaming Skull in Photoshop

    In this tutorial, we'll go through all the steps of creating a flaming skull in Photoshop. We'll be using some images we shot ourself of flames, and a stock Designious vector skull to get us started. This tutorial covers some relatively simple steps and some clever photo manipulation techniques. Let's get to it!

    Continue Reading

  • How to Create Super-Malleable Effects with Colorful Lines

    These days colorful lines are one of the most malleable effects you can easily create in Photoshop. They simply fit everywhere and can look really awesome. In this tutorial, you'll learn how to create these fantastic colorful effects using only Photoshop. I'll show you how to compose illustration with these effects. Let's get to it!

    Continue Reading

  • How to Create a Grunge Style Illustration with Stains

    Inspired by the article "18+ Sources of Inspiration from Coffee, Ink, Blood and other Stains," by Steven Snell, I decided to show my personal way of creating stain based designs in Photoshop. In this tutorial, we'll grab a picture, apply several filters to it and obtain a monochromatic stain, which combined with stain brushes and a texture will transform into an eye-catching grunge result. Let's get it started!

    Continue Reading

  • Creating a Touching Story Scene in Photoshop

    I worked on this illustration especially for you with Ciursa Ionut, he is the founder of PSDBURN where he writes Photoshop tutorials. He started working in Photoshop many years ago when he began to utilize this great tool all the time. In this tutorial, you are going to create a story scene using photo manipulation and a lot of color adjustments.

    Continue Reading

  • How to Apply Textures to Uneven Surfaces

    Applying texture to a flat surface, or flatly applying a texture across a whole image (as a means to age it or degrade it) is simple stuff. Realistically applying a texture to an uneven surface is much more hands-on (more so than simply overlaying a texture and changing the Blending mode).

    Continue Reading

  • Design Cool Game Graphics Using Displacement Maps - Psd Plus Tutorial

    We have another great Psd Plus tutorial exclusively available to Plus members today. If you want to take your game design skills to the next level, then we have an awesome tutorial for you. Discover how to use Photoshop tools to blend graphics, textures, and a Cinema 4D creature into an awesome game cover design. Learn more about this informative and advanced tut at the jump!

    Continue Reading

Nettuts+ - Web Development

  • How I can Code Twice as Fast as You

    How I Can Code Twice as Fast as You

    We’re all familiar with text expander programs; though I would surmise that the percentage of us who use them when coding is quite low. To change things up a bit, today I’m going to you how to create custom text-expander scripts that will save you a great deal of time. If you’re unfamiliar with such programs, you must watch this! After reviewing the screencast and tutorial, I’d love to hear how you save time when developing.

    Continue Reading

  • How to Add Variables to Your CSS Files

    How to Add Variables to Your CSS Files

    Let’s try something different on nettuts+ today. Any designer who has worked with large CSS files will agree that its major weakness is its inability to use variables. In this article, we will learn how to implement variables by using PHP and Apache’s URL rewrite mod.

    Continue Reading

  • The 13 Most Essential Plugins for WordPress

    WordPress is a very powerful and flexible blog/content management system, but the thousands of plugins really help to extend the basic functionality. Here are 13 essential plugins that you should immediately install after finishing the WordPress installation.

    Continue Reading

  • How to Build a Super Duper News Scroller

    This week, we’ll learn how to combine PHP, SimplePie, and jQuery to build a simple news scroller widget for your website. It’s much easier than you might think; so let’s begin.

    Continue Reading

  • 10 Challenging but Awesome Flash Techniques

    These days, most Flash developers know how to circumvent the multimedia platform’s short-comings and properly utilize its strengths. Here are some very clever Flash techniques that you can apply to your site, making them more useful, beautiful and unique.

    Continue Reading

  • Design a Beautiful Website from Scratch

    Design a Beautiful Website from Scratch

    Have you ever wanted to design a beautiful website but just didn’t know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. Today I can and I’m going to teach you how to do so too! Essentially, it requires a few Photoshop skills and an eye for detail. Through this tutorial, I will point out these tiny details which make a website design look beautiful. Fire up Photoshop and let’s get going!

    Continue Reading

  • 20 Excellent AJAX Effects You Should Know

    20 More Excellent AJAX Effects You Should Know

    Back in October we wowed you with 20 Excellent Ajax Effects You Should Know. The post went on to become one of the most popular ever published at Nettuts+. This time around we have twenty more equally excellent Ajax effects for you to know and love.

    Continue Reading

  • How to Become a Freelance Web Developer

    How to Become a Freelance Web Developer

    Have you ever wanted to be a freelance web developer? Whether you’re working for the man or developing as a hobby, there are some tried and tested tips you can use to ease yourself into the life of a freelance web developer - even if you only do it part-time.

    So today we’re going to go over how to actually become a freelance web developer, and all that goes with it.

    Continue Reading

  • The Best PSD to HTML to Wordpress Video Series Available: New Plus Tutorial

    The Best PSD to HTML to Wordpress Video Series Available: New Plus Tutorial

    Since I began running Nettuts+ nearly a year ago, the number one tutorial request I’ve received is for a PSD to WordPress screencast. Today, we’re releasing a complete series on our Plus site. Over the course of fourteen videos, I will personally teach you how to take a PSD design and convert first to HTML, and then to a dynamic WordPress site. This was a massive undertaking; I hope you’ll consider signing up if it interests you.

    Continue Reading

  • Fun With CSS Shapes

    Fun With CSS Shapes

    I bet a bunch of you don’t realize that we can create the illusion of shapes by using 100% CSS. By utilizing the border property in creative ways, we can make some really interesting polygons. In this week’s screencast, we’ll figure out a way to create speech-bubbles without resorting to background images.

    Continue Reading

Audiotuts+ - Music & Audio

  • A Basic Guide to Acoustic Treatment

    After touching on the critical subject of acoustics and room treatment in a few recent tutorials, I felt it was fitting to create a basic guide to acoustically treating your work space. I get asked about this subject a lot so I’m hoping a run down of the essential technique and kit needed will be of some help to readers.

    Continue Reading

  • The Process of Score Composition

    This tutorial marks the first in a series of tutorials on composition - specifically composition that might be appropriate for film and television. In this piece, we’ll talk a bit about the philosophy behind this particular series of tutorials, and get into the process of composition itself.

    Continue Reading

  • Getting More From Your Tracks With Delay

    Delay is a simple device with a wealth of possibilities for adding interest and production value to your tracks. This tutorial will examine different ways that delay can improve the sound of your music and inspire creativity.

    Continue Reading

  • Creating Run Machines in Reason's Combinator

    Some of Reason’s most-loved patches are the Combinator’s [RUN] patches. These patches are very useful as the Combinator plays along with your song, often inspiring as song starters or templates. However, it is scary to turn the rack around and see hundreds of cables go from this device to that device. It’s not that complex; once you’ve figured it out you can make great background patterns and drum machine templates for your songs.

    Continue Reading

  • Create Gated Sequence Effects with Ultrabeat

    Ultrabeat is Logic's secret weapon when it comes to drum sounds, but it can also double as a extremely powerful gate sequencer. In this tutorial we'll take one pad sound and create a complex layered sequence. There's a screencast to follow along with!

    Continue Reading

  • The Top 6 New Features of Cubase 5

    The new version of Cubase has landed with some pretty impressive new features that will be interesting to both new and seasoned users alike. Let’s take a look at a few ground-breaking features the new version has to offer and see if these latest additions keep Cubase up there with the other big guns.

    Continue Reading

  • How to Create Excitement in Your Music With Tremolo

    Tremolo was always one of those plug-ins that my eyes completely skipped past. It wasn't until some experimenting and tips from other composers that I began to see the potential behind this simple device.

    In this tutorial we'll look at some examples of how tremolo can help you make some truly interesting and unique sounds, including several techniques used to create the final piece from the "How To Create a Compelling Ostinato" tutorial.

    Continue Reading

  • 20 Ways to Keep Evolving as a Musician

    I started to learn to play music properly when I was twenty. I bought the books, practiced for an hour or two a day, and got some lessons. I could often sense my progress, but not always. There was something new to learn each day, and from time to time I could tell my playing jumped up to the next level. But that was over half a lifetime ago, and though music has always been an important part of my life since then, I haven’t always had the time to play regularly.

    Continue Reading

  • How to Achieve Good Translation in Your Mixes

    What is 'translation' and how does it relate to our mixes? A mix that displays good translation will play back well on a number of sound systems, with all its individual elements remaining clear and balanced. In this tutorial, we look at how you can achieve this with your own mixes.

    Continue Reading

  • The Producer's Guide to Putting Passion Into Vocal Delivery

    “It’s in the can,” “On tape” and “It’s a wrap!” You all gather in the plush leather, shag-pile comfort of the engineering room and wait as the final touches are put to the mix. Anticipation is running high, everything is technically perfect, the rhythm tracks tock to the clock of the heart with precision and feel, perfectly locking in and connecting the bottom end to the mids and linking them to the highs with emphatic punctuation into an harmonious arrangement that captures the feel and energy of live.

    Continue Reading

Flashtuts+ - Flash Design & Development

  • Build an Efficient Flash Decalsheet System

    I came up with the idea of creating what I call Flash DecalSheets from the stickers that come with model airplanes and have been using “Decals” to skin my own Flash applications ever since. A DecalSheet is basically one large image (.JPG, .PNG, or .GIF) that gets cut up into smaller images called ‘Decals’, which are Bitmaps and can be used anywhere DisplayObjects would usually be used.

    Continue Reading

  • Build a Dynamic Flash and XML Slideshow with Scripted Transitions

    Content updates in Flash can be difficult and time consuming due to the many steps involved. Simply reading content from an XML file means that importing new assets and recompiling the swf is no longer necessary. This tutorial will cover dynamically loading images from an XML file and then deal with inconsistencies in image dimensions using the GreenSock Tween Max animation library.

    Continue Reading

  • Create an Impressive Magnifying Effect with ActionScript 3.0

    In this tutorial we’ll create a magnifying glass effect, demonstrating use of the displacementMapFilter. The effect can be achieved in a relatively short space of time and with very little code.

    Continue Reading

  • Smoothly Animate a Character Using Motion Tweens

    In this tutorial we'll see how we can create a caricature, split it into different layers then arrange the pieces properly as graphic symbols. Finally we'll look at how easily we can smoothly animate the caricature by using motion tweens. This is a lengthy tutorial, so let's get started!

    Continue Reading

  • Create a Dynamic Slideshow Using ActionScript 3.0 and HTML

    In this screencast I’ll show you how to create a dynamic slideshow using ActionScript 3.0 and how to grab the images from an xml file. We’ll keep the FLA empty except for the path to our Document Class and also create a custom class that will act as the engine for the slideshow. This is a file you can use over and over again, I hope you find it useful!

    Continue Reading

  • Build a Dynamic Flash Gallery with Slider Control

    In this tutorial, we’ll create a gallery which displays all image files in a given directory. A slider is used to browse easily through the images.

    Continue Reading

  • Create a Rain Effect in Flash Using ActionScript 3.0

    In this tutorial we’ll create a dynamic rain effect using ActionScript 3.0. The effect can be customized in many ways by just changing a few lines of code. Let’s get started!

    Continue Reading

  • Build a Dynamic Guest-book with XML and ActionScript 3.0

    Guest books are a great thing to enhance the online experience your viewers receive. The ability for the viewer to talk to you and others, respond to questions you’ve raised, comment on your work or just to socialize means a guest book is a must have for most web sites. Let’s see how we can build our own guest book with ActionsScript 3.0, XML and PHP.

    Continue Reading

  • Create an Attractive Flash Video Player

    In this tutorial FlashDen Top 100 author flashjunkie shows you how to create a slick Flash video player without typing a single line of code. The video player allows you to pause, play, scrub through video and adjust volume. We hope you enjoy this screencast tutorial!

    Continue Reading

  • Setting Up a Flash Development Sandbox

    Welcome to part one of the Flash Development Sandbox Tutorial! In this tutorial we’re going cover ActionScript development outside of the Flash IDE. As much as we would like to put it off, the day is coming closer and closer when we will no longer be able to write complex applications in Flash and will be forced to choose a different editor.

    Continue Reading

Aetuts+ - Adobe After Effects

  • Create an Elegantly Handwritten Text Reveal

    In this tutorial you will learn how to animate a handwritten text sequence with ink bleeding through the paper to create an elegant old-world style title reveal.

    Continue Reading

  • Create a Stunning Website Demo Presentation

    As our world moves more and more onto the internet there are lots of websites that are worth showing off. In this tutorial Markus shows us how to create a clean and elegant solution to show off your favorite site.

    Continue Reading

  • Dunk Your Logo in a Wave World

    Adam brings back his charm in this tutorial that is all about the rarely used Wave World plugin. You will learn all the ins and outs about this plugin that can even do 3D!

    Continue Reading

  • Create a Breakup Into Particles Logo Transition

    A very popular request is how to make a logo breakup into particles and reform into another logo. There’s many ways to achieve this and most of them require a full 3D application, but in this tutorial we learn how to achieve it all in After Effects using a 3D particle systems and a few smoke and mirrors.

    Continue Reading

  • Create a Stormy, Electric Type Reveal

    This tutorial gives a different twist on how to use the powerful Form plug-in. Learn how to use it to create a mysterious and electric type reveal.

    Continue Reading

  • Create a Breathtakingly Awesome Rain Scene

    In this massive 2 part tutorial inspired by the work of Pierre Michel, Alex Verlan shows us how to create the dramatic slow motion rain drops falling scene entirely within After Effects.

    Continue Reading

  • Create an Ethereal Morphing Letter Canvas

    Once in a while a new (or in this case very rarely used) technique appears on the scene and suddenly you start seeing it everywhere. Well we have a feeling that this is going to be one of those. In this tutorial Satya shows us how to use the built-in radio waves plugin to create an incredibly beautiful and ethereal animation of morphing letters.

    Continue Reading

  • Animate Type the Old-school Way

    It’s easy to get excited over the latest plugin or technology, but that inevitably leads to stuff that all looks the same. So to get something new and original, sometimes you just need to go Old School! Before computers, the way to produce type animations was to get creative with some props and a camera. Lloyd shows us how to use some reflective paper and a camera to capture some very fresh type animation. Of course he will also show you how to use After Effects as a finishing tool to bring it all together; this is Aetuts+ after all!

    Continue Reading

  • Create a Mysterious Smoky Logo Reveal

    In this fun tutorial, Adam walks us through the write-on effect as well as a new way to implement trapcode’s particular to create the popular simulation of an appearing wisp of smoke. He shows us some options to this effect as well how to customize any logo apply these principles in any way you wish.

    Continue Reading

  • Design an Awesome 80's Inspired Title Animation

    We are very happy to welcome Nick Campbell (aka The Greyscale Gorilla) to the Aetuts+ family. He’s an incredibly talented designer and a fantastic teacher. In his first tutorial for us he shows us how to create this awesome 80’s style title animation. He covers a whole bunch of awesome little tips that are sure be useful on any After Effects project.

    Continue Reading

Related Posts
  • Web Design
    Complete Websites
    Design a Travel Startup Landing Page Using PhotoshopLanding thumb
    In this tutorial I’ll walk you through a process of creating a simple and clean travel startup landing page design. I'll be using Photoshop CS6 to design a professional and lightweight layout combining beautiful imagery and some stylish fonts.Read More…
  • Design & Illustration
    Interviews
    Interview With Mobile Interface Designer, Alan PowerPreview
    A chat about designing mobile interfaces with Alan Power.Read More…
  • Design & Illustration
    Interviews
    Interview With Saad Moosajee0963 saad moosajee preview400x277
    I recently had some time to chat with Saad Moosajee, a self-taught digital artist that has collaborated with brands such as Dell, HTC, Electronic Arts, and Nike. Saad also serves as a Creative Head for the Slashthree Collective. Saad is an old friend of Tuts+ and was first featured on the site back in 2009, when he was only 15 years old. In this interview we discussed several topics ranging from how his work has matured over the years, how he has challenged himself to improve, as well as why he chose to attend design school. Let's take a look!Read More…
  • Web Design
    Applications and Tools
    Five Useful Things You Can Do With Adobe Reflow Right NowReflow thumb
    Whether or not Adobe Reflow ever becomes a fully functional website creation tool, there are some really useful things you can do with it right now, and we're going to cover five of them.Read More…
  • Design & Illustration
    Tools & Tips
    Comprehensive Guide to Working With Video in Photoshop: 3D AnimationsCoin preview400
    3D modeling and animation can be a bit intimidating for some users. You might be surprised to hear however that 3D animation is easier than you think. In this tutorial, we will show you how to create a 3D animated coin in Photoshop using its 3D and Timeline features. Let's get started!Read More…
  • Code
    Android SDK
    Android SDK: Next StepsAndroid preview@2x
    In this series, we've begun learning how to develop Android applications from scratch. We started exploring the development tools, got acquainted with the basic elements in an application project, looked at user interface design, interactivity, resources, and data, and we've also took a closer look at what happens when your application is running. What we've covered so far should put you in a good position to get started creating functional Android applications, but Android has a lot more to offer so the range of possibilities is virtually endless. You may therefore struggle to choose what to learn next. In this part, we'll wrap up the series by pointing out some possible directions for future learning. After this, the final part will be a quiz on what we covered throughout the series.Read More…