Category: Tutorials

You learn something everyday if you pay attention

Create a Halloween Photo Manipulation in Photoshop

Preview of Final Results Tutorial Resources Pumpkin – by TheKaykat-Stock Tombstones – by wolverine041269 Dead Trees – by Free-Stock-By-Wayne Grave House – by Free-Stock-By-Wayne Dig Sites – by Free-Stock-By-Wayne Ravens & Crows – by FairieGoodMother Hayswagon – by CHEYENNE75 Bat Brush – by radroachmeat Fog – by Moonglowlilly HOUSE 07-03 – by CHEYENNE75 Pumpkin On… Continue reading Create a Halloween Photo Manipulation in Photoshop

New to Photoshop? Get Started Here!

So you’ve decided to teach yourself Photoshop? That is so exciting! Thank you for choosing Tuts+ as your place to learn. Photoshop is a fantastically powerful application that will allow you to manipulate images in just about any way you can think of. You can remove unwanted people or distractions from a photo, make color… Continue reading New to Photoshop? Get Started Here!

20 Responsive Menu Tutorials with Free Scripts

Responsive designs are more and more frequently used today. Many people started using mobile devices, like smartphones or tablets, to browse the internet, and thus, having a fully responsive website is a must! But what is a responsive design? Responsive designs have specific CSS media queries added, in order to make them fit on any… Continue reading 20 Responsive Menu Tutorials with Free Scripts

Create a Surreal “Game of Thrones” Photo Manipulation

Preview of Final Results Tutorial Resources Model – faestock Mountains – Burnt Sky – salsolastock Ball – rivendell-photostock Colors – needanewname Snow Brush – carocha Step 1 – Open a new file Open Photoshop and ant the top of the screen select the option File – New. The size has to be Width: 2249 and… Continue reading Create a Surreal “Game of Thrones” Photo Manipulation

GA Dash: Newcomer teaches Newcomers HTML5 for Free

Online-learning resources are great ways to gain knowledge at your own pace and in topics you are truly interested in, unlike typical school education. There are quite a few institutes promising to help you evolve your skills in whatever field you like. If you are about to embark the web design or development ship, just… Continue reading GA Dash: Newcomer teaches Newcomers HTML5 for Free

Manipulating SVG Icons With Simple CSS

This article is the second in a three-part series showing the new approaches to iconography Iconic will be delivering. If you like what you see in this article, please consider backing Iconic on Kickstarter   Styling Icons With CSS Smart icons have gotten a lot of interest, but styling may be the most useful feature… Continue reading Manipulating SVG Icons With Simple CSS

20 Impressive Examples for Learning WebGL with Three.js

In this informative article, there are an accumulation of demonstrations, tutorials and resources which will inspire and motivate you to master more about the collection. Experiments and Demos The impressive demos which you see here are created using the Three.js collection and WebGL as a renderer. You can utilize WebGL straight, but selecting Three.js makes development… Continue reading 20 Impressive Examples for Learning WebGL with Three.js

Steps Towards a Successful Business Website

A business website is the first introduction of a corporation or a company to its customers. It is a medium, through which a business owner or a corporation can spell out its mission, vision, values and above all its services to its potential customers. What constituents are required to makes a good business website design?… Continue reading Steps Towards a Successful Business Website

Artistic Photo Manipulation with Cracked Face Effect in Photoshop

In this Photoshop tutorial, I will show you the process of creating this Artistic Photo Manipulation with Cracked Face Effect in Photoshop. We will practice a number of layer masking techniques and image adjustment tricks along the way, as well as applying some interesting filter effect to our image. This is an intermediate level tutorial so… Continue reading Artistic Photo Manipulation with Cracked Face Effect in Photoshop

Setting up Foundation With Sass and Compass

Sass is a great way to speed up front-end development in general, I use it in every one of my projects. Sass (as with all other preprocessors) allows for nested styles, functions and prewritten code in what are called mixins. Foundation has a few different versions, currently we’ve covered the most common HTML/CSS variants, but… Continue reading Setting up Foundation With Sass and Compass

20 Photoshop Poster Tutorials

These 20 inspiring Photoshop poster tutorials in this post will teach you the basics of Photoshop, and also some advanced manipulations techniques for creating amazing designs. These tutorial are ideal for print designers or any other designers who want to improve their Photoshop skills. Which one is your favorite? Let us know in the comments… Continue reading 20 Photoshop Poster Tutorials

Google Web Designer ? Cool HTML5 and CSS3 Animation Made Easy

The web giant has released a tool called Google Web Designer. I downloaded it but haven’t got a time to play with it yet. After I run the app, first thing came into my mind- it looks like Adobe Flash. Second thing came into my mind – I think Google is trying to kill Flash… Continue reading Google Web Designer ? Cool HTML5 and CSS3 Animation Made Easy

Animated Border Menus

View demo Download source The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today I want to show you how to create something… Continue reading Animated Border Menus

How to Draw a Soft, Dreamy, Profile Illustration with Color Pencils

In this tutorial, I would like to show you how to draw a soft, dreamy profile composition using a mechanical pencil and colors added with color pencils. With only a few steps, you can have it completed with full colors. Grab you tools now, it’s time to draw! Tools Pencil (I used a mechanical pencil)… Continue reading How to Draw a Soft, Dreamy, Profile Illustration with Color Pencils

20 Really Helpful Responsive Web Design Tutorials

These days, making your website responsive is a MUST! With so many mobile devices out there, you’ll be missing a lot of visitors if you won’t modify your website and make it responsive too. If you are a beginner web designer or just want to improve your skills, here are 20 really helpful responsive web… Continue reading 20 Really Helpful Responsive Web Design Tutorials

A jQuery Plugin for Creating Calendars

There are wonderful and feature-rich calendar modules out there and they all suffer the same problem: they give you markup (and often a good heap of JS) that you have to work with and style. This leads to a lot of hacking, pushing, pulling, and annoying why-can’t-it-do-what-I-want scenarios. CLNDR is a jQuery calendar plugin. Unlike… Continue reading A jQuery Plugin for Creating Calendars

Rawr! How to Draw an Anatomically Correct Dragon

Dragon anatomy is a problematic topic, mainly due to the fact that they’re mythical creatures. However I can show you how to design a believable body for this mythical creature based on basic anatomy theory. In this tutorial you’ll learn about dragon skeleton, muscles and movement. If you want your dragons to look real, this… Continue reading Rawr! How to Draw an Anatomically Correct Dragon

Free Calendar UI Kit (PSD File)

I always try to share some free stuff with my blog readers. Here I have just created simple calendar UI kit. It’s created in Photoshop but all objects are smart so you can easily re-size them. You can use this kit in designing mobile apps or any other project you like. You might also be… Continue reading Free Calendar UI Kit (PSD File)

Create a “Kick-Ass” Fan Art

In this tutorial, we will show you how to create an illustration of “Hit Girl,” from the new “Kick Ass” film. In the process, we will show you some simple techniques to help you improve your digital illustration skills and give your artwork an almost comic-like edge. Let’s get started!   Speed Art Video Tutorial… Continue reading Create a “Kick-Ass” Fan Art

Design a Custom, Print Ready Pocket Folder in Adobe InDesign

A pocket folder is a very powerful business device when created the right way. In this tutorial, you’ll learn how to set up a dieline, create a multi-page spread with bleed to accommodate your dieline, and apply a full design to the exterior and interior of the pocket folder in Adobe InDesign. This pocket folder… Continue reading Design a Custom, Print Ready Pocket Folder in Adobe InDesign

An Introduction to Composition

Composition is about laying out all your ideas and design elements into a whole; composing your design. We’re going to combine all of the previous lessons that we’ve covered, and because of that it makes composition one of those really difficult aspects of designing anything.   Creating a good composition will boost the users’ experience… Continue reading An Introduction to Composition

Create Fresh Fruit 3D Text Effect in Photoshop

In this Photoshop tutorial, I will show you the process of creating fresh fruit 3D text effect in Photoshop. You will learn a few trick to render a nice and unique 3D text effect and apply various fruits around it. We will use a number filter to add some extra effect for our text. This… Continue reading Create Fresh Fruit 3D Text Effect in Photoshop