All Posts in Tuts+

  • Crafts & DIY
    How to Make Your Own Chalk PaintChalkpaint preview
    12 shares
    Give your old furniture a fantastic chalky matte effect by making your own chalk paint in just five minutes! This super simple paint will make it even easier to distress your pieces.Read More…
  • Web Design
    Getting to Know LibSassLibsass
    259 shares
    LibSass is getting more and more popular every day. Not a day goes by without someone claiming they have proudly moved their codebase over to LibSass. Oh, great. Do you feel a bit lost? Not quite sure what LibSass is, how it works and what the main differences are compared to the original Sass? Well worry not my friend, I have you covered.Read More…
  • Code
    Create a Custom Payment Method in OpenCart: Part 3Opencart
    69 shares
    In this series, you're learning how to set up a custom payment method in OpenCart. In the previous article, we created the back-end module for the custom payment method in which we created the configuration form for setting up the custom parameters. In this final part, we'll extend this by creating the front-end module.Read More…
  • Design & Illustration
    Create a Tea Party Seamless Pattern From a Sketch in Adobe IllustratorTea pattern trace yuzach pattern400
    192 shares
    In this tutorial you will learn how to make a detailed seamless pattern without using a graphic tablet. Arm yourself with your paper sketchbook and a pen or an ink liner to create a set of elements for your seamless pattern. Then we’ll go through the process of turning our image into vector shapes, coloring them in Adobe Illustrator, and combining them into a colorful and whimsical pattern. Let’s get started!Read More…
  • Design & Illustration
    Create a Surreal Ramen Bowl Illustration in Adobe PhotoshopRamen preview
    205 shares
    Ramen is a delicious Japanese noodle dish enjoyed by many around the world. In today's tutorial, we're going to show you how to illustrate a surrealistic ramen bowl using Adobe Photoshop and a pen tablet. Read More…
  • Design & Illustration
    How to Create Pixel Art Icons in Adobe IllustratorPixelcute002
    231 shares
    In this beginner tutorial, you'll learn techniques for creating forever scalable pixel art in Adobe Illustrator. With the use of the Rectangular Grid Tool and the Live Paint Bucket Tool, we'll create simple, cute little pixel art icons, and then I'll show you how to bust them out of the grid, creating lossless icons, pixel art patterns, and more.Read More…
  • Code
    Even More Essential Plugins for WordPress Theme Development Wp plug
    170 shares
    In the previous parts of this series, we've reviewed many of the debugging plugins that are available in the WordPress Plugin Repository. In this final part, we will cover plugins specifically recommended by the Developer Plugin, and we'll add a few more that I've found useful in the course of WordPress development.Read More…
  • Code
    Creating Your Own Widgets Using Various WordPress APIs: IntroductionCreating your own widgets 400px
    203 shares
    Widgets are a neat way of giving site owners some control over the look (and sometimes functionality) of their WordPress sites. In this series, we are going to be creating a handful of WordPress widgets by combining the Widgets API with other APIs, including external APIs.Read More…
  • Web Design
    Create an Animated SVG Loader Using GreenSock’s DrawSVGFiller loader400
    231 shares
    Today’s tutorial is one that will leave you feeling impressed that you’ve written so little code to achieve such a delightful animation. DrawSVG by the incredibly smart group at GreenSock allows you to progressively reveal (or hide) the stroke of an SVG. Let’s examine how that works by building an animated preloader.Read More…
  • Photo & Video
    3 (and a Half) Uses for Content Aware in Adobe PhotoshopAdobe photoshop content aware
    81 shares
    Since CS5, Adobe Photoshop has included a tool called Content Aware. It’s been described as magical and a life-saver but what exactly is it and how can we best use it? In this tutorial I’ll take you through three (and a half) of the most advantageous uses of this revolutionary tool.Read More…
  • Design & Illustration
    Create a Dimensional Raindrop Desktop Wallpaper Illustration in Adobe Illustrator011
    192 shares
    In this tutorial we'll use simple shapes and create cut-outs and gradients to generate depth and dimension within a widescreen-friendly desktop wallpaper. Drop Shadows and offset objects join our gray and white gradients to finish this design off in spectacular style. Use the techniques in this tutorial to create a whole set of cut-out wallpaper designs, and don't forget to share them with us in the comment section.Read More…
  • Design & Illustration
    Create an Easy 3D Metallic Text Effect in Adobe PhotoshopPreview
    179 shares
    Create a quick and easy retro, 3D metallic text effect in Photoshop using Smart Objects and layer styles.Read More…