Category: Tutorials

You learn something everyday if you pay attention

Creating a WordPress Theme From Static HTML: Preparing the Markup – Part 1

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4   Final Product What You’ll Be Creating Last year I did a small (and admittedly very un-scientific) survey among other WordPress developers. What I wanted to know was this: When they built their first WordPress theme, how did… Continue reading Creating a WordPress Theme From Static HTML: Preparing the Markup – Part 1

25 Amazing Photoshop Tutorials For Graphic Designers

Adobe Photoshop is an essential toolkit and most popular graphic editing program to all designers and designers love all of those Photoshop tuts that can help them to learn more and more and give them direction to design more beautiful and attractive creative works. Here you have “25 Amazing Photoshop Tutorials For Graphic Designers” to… Continue reading 25 Amazing Photoshop Tutorials For Graphic Designers

Create “Dark Scientist” Conceptual Photo Manipulation in Photoshop

In this tutorial, we will learn how to create an conceptual surreal photo-manipulation. We are going to learn the process of creating depth of field using a few advance tools. We are going to learn how to blend images so seamlessly that it would look like a single image using the Brush tool, the Eraser… Continue reading Create “Dark Scientist” Conceptual Photo Manipulation in Photoshop

7 Adobe Illustrator Alternatives for the Casual Designer

Last year I posted a roundup of the best Photoshop alternatives aimed at casual designers or hobbyists who wants to fulfill their creative passion, but don’t want to spend hundreds of dollars on expensive industry standard software. I’m a big Illustrator fan myself and I post loads of Illustrator tutorials here on my blog, but… Continue reading 7 Adobe Illustrator Alternatives for the Casual Designer

10 Fresh JavaScript Libraries for Web Developers

JavaScript library is pre-written JavaScript code snippets for specific functionality to ease web developer work. These JavaScript libraries are the best resource for the web developers. JavaScript libraries are developed by professional developers to help out novice web developers. You will get benefited with these JavaScript libraries for AJAX development and JavaScript Application development. There… Continue reading 10 Fresh JavaScript Libraries for Web Developers

Long Exposure Wallpapers [Wallpaper Wednesday]

Photography may help in growing your passion for doing things that may seem ordinary to others but feel absolutely unique to you. Indeed, even seemingly ordinary things like roads and cars can make a totally unique scene through the eyes of a photographer. With effort and more importantly passion, one can produce amazing results like… Continue reading Long Exposure Wallpapers [Wallpaper Wednesday]

The Creation of “Mechanical Man” Photo Manipulation in Photoshop

In this tutorial, I will show you the process of creating this “Mechanical Man” digital art in Photoshop. We will use a number of photo manipulation techniques to merge several objects into one piece, and apply image adjustments to fine-tune each of the objects to achieve the desired effect. This is an immediate level tutorial… Continue reading The Creation of “Mechanical Man” Photo Manipulation in Photoshop

Create a Vinyl Record Player Icon in Adobe Illustrator

In the following steps you will learn how to create a vinyl player icon in Adobe Illustrator. For starters, using a simple grid and the snap to grid feature along with basic tools you will create the main shapes. Next, you will learn how to create a conical gradient using a somewhat complex mesh. Using… Continue reading Create a Vinyl Record Player Icon in Adobe Illustrator

Getting Started With Pixelmator

Pixelmator is an easy-to-use, fast, and powerful image editing app for the Mac. In this tutorial, we will give you a brief introduction to Pixelmator. We will begin by taking a look at the Pixelmator workspace, show you how to create a new document, adjust Pixelmator’s preferences, and how to do some work in Pixelmator… Continue reading Getting Started With Pixelmator

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