How to Make Pixel Characters

What You’ll Be Creating If you’ve ever thought about creating pixel art, here’s a very quick and easy introduction to one of the most fundamental aspects of it: characters. We’ll be creating an extremely simple character, but although it will be simple, it will still allow a decent amount of detail, so it will work… Continue reading How to Make Pixel Characters

Animated Animals in CSS and SVG

Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals. View demo Download source Today we want to show you how the clever use of HTML, CSS sequenced animations, and SVG filters can bring to life one of the most unlikely (yet adorable) things to… Continue reading Animated Animals in CSS and SVG

How to Create Flat Weather Icons in Adobe Photoshop

What You’ll Be Creating April showers bring May flowers! It is traditionally known that April is quite a rainy period, when the weather changes unexpectedly from the sun shining in a clear sky to raining cats and dogs. However, any weather has its own beauty, so let’s get inspired and prepare for springtime with this… Continue reading How to Create Flat Weather Icons in Adobe Photoshop

Set Up Google reCAPTCHA in OpenCart

Whether you’re a pro or a fresher in the world of website development, the word CAPTCHA should not sound alien to you. It is an important and widely used technique to determine if the user is a bot or an actual human. There are lots of third-party scripts that allow you to set up CAPTCHA… Continue reading Set Up Google reCAPTCHA in OpenCart

10 Top Tips for Creating Unique Character Designs

Everyone has a favorite cartoon character, but how did they first come to life? A lot of research and love goes into creating universally recognized characters.  So today we’re bringing you ten great tips for everything you need to know about character design, using amazing examples from Envato Market. 1. Pick a Theme Starting a new… Continue reading 10 Top Tips for Creating Unique Character Designs

Exploring WordPress Managers: ManageWP, CMS Commander & MainWP

In the previous part of this series, we talked about two popular WordPress managers out in the field. In this second part, we’ll be checking out a few more of them. Also, there will be one bonus tip about a core WordPress feature that may help you manage your (or your clients’) websites. So, without… Continue reading Exploring WordPress Managers: ManageWP, CMS Commander & MainWP

How to Streamline Your Logo Design Process

Creating a identity that is unique any brand can be quite a challenge, because there are so many things to factor in. The process is not as simple as throwing your creative juices into the project – that’s just a fraction that is small of. Company logo demands a great deal more from any musician,… Continue reading How to Streamline Your Logo Design Process

Animation for Beginners: How to Animate a Character Running

What You’ll Be Creating In this tutorial we will be animating a cycle of a character running. In this case, the character will appear to be running in place. If this run cycle were to be incorporated into a movie, perhaps a background scrolling from right to left would be behind the character. Walks and… Continue reading Animation for Beginners: How to Animate a Character Running

How to Develop a Processwire Theme

In this beginner’s tutorial you’ll learn about creating your own ProcessWire CMS themes. We’ll create a super simple site, covering templates, fields, theme structure and PHP variables. Don’t forget to get up to speed by following the first of our tutorials How to Install and Setup ProcessWire CMS. Where to Find Your ProcessWire Theme Unlike other CMSs like… Continue reading How to Develop a Processwire Theme

An Introduction to Intel RealSense Technology for Game Developers

Intel RealSense technology pairs a 3D camera and microphone array with an SDK that allows you to implement gesture tracking, 3D scanning, facial expression analysis, voice recognition, and more. In this article, I’ll look at what this means for games, and explain how you can get started using it as a game developer. What is… Continue reading An Introduction to Intel RealSense Technology for Game Developers

Animation for Beginners: How to Animate a Character Walking

What You’ll Be Creating In this tutorial I will be taking you through the steps of how to animate a character walking in place. Basically you will be creating a walk that loops infinitely, so if you were to incorporate a walk like this into a movie, perhaps the background would be scrolling from right… Continue reading Animation for Beginners: How to Animate a Character Walking

Street Photography: 40+ Outstanding Candid Shots

Street Photography is defined as photography that is shot in any public place in a candid situation. The image captured could be any random person, thing, building or street performers. Therefore, despite the name of this genre, the presence of a street is not a necessity. Framing and timing are all important, with the aim… Continue reading Street Photography: 40+ Outstanding Candid Shots

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

Create a Simple School Teddy Bear in Adobe Illustrator

In this tutorial we will learn how to create a cute Teddy Bear and some school themed items. We’ll be using basic shapes and the Pathfinder panel, so you don’t need a graphic tablet or advanced drawing skills for making up such character. Let’s dig in! 1. Form the Bear’s Head and Face Step 1 Create… Continue reading Create a Simple School Teddy Bear in Adobe Illustrator

10 Extremely Gorgeous Google Web Fonts

We all know how important a good typography is on any type of design; it acts as a non verbal connection between the viewer and the message which must be delivered. Even if we are able to create the most intricate and amazing designs which can boost the interaction to the sky, if you don’t… Continue reading 10 Extremely Gorgeous Google Web Fonts

Creating a Vector Anime Character in Adobe Photoshop – Part 1: Sketch and Line Art

This tutorial, and its second counterpart, will walk you through the process of creating a simple anime character bust from start to finish. Here we focus on the drawing side of it and creating a clean sketch, which we then render with vector to create a line art. You will need a graphics tablet or… Continue reading Creating a Vector Anime Character in Adobe Photoshop – Part 1: Sketch and Line Art

Everything You Need To Know About Google Glass

I’m sure by now, most of us have heard of the potential Google Glass has. In the video you see a few people going through everyday routines while others put it on for more extreme stuff like skydiving. On their head, is the wearable gadget that gives you the first-person’s view of the experience, made… Continue reading Everything You Need To Know About Google Glass

Make a Web App with Instagram-like Filters

In this tutorial, we are going to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it. For this purpose we are going to use a number of JavaScript libraries and plugins: Caman.js – this is a powerful canvas manipulation… Continue reading Make a Web App with Instagram-like Filters

Make Pretty Charts For Your App with jQuery and xCharts

Charts are a great visual aid when presenting data. You can’t build a professional admin panel without them. They are also tricky to set up. However, there is a new library that makes things easier – xCharts. Today, we are going to use it along with the daterange picker for Twitter Bootstrap, to build a… Continue reading Make Pretty Charts For Your App with jQuery and xCharts

Removing a head from an image for a great effect – Photoshop Tutorial

Tutorial Details Requirements: Photoshop CS2 and newer Difficulty: Intermediate Estimated Completetion Time: 1 hour In this tutorial we will learn how to remove someone’s head and replace it with object in the background. It does not only apply to heads but to all kinds of objects so you can remove them and replace with a… Continue reading Removing a head from an image for a great effect – Photoshop Tutorial

Creating an iOS-like Home Screen with CoffeeScript

Today we are going to create an iOS-like home screen using CoffeeScript – a new JavaScript based language, and the jQuery library. CoffeScript has a clean syntax that lies somewhere in between Ruby and Python. If you haven’t used any of them, don’t worry – it is not required. However you will need to be… Continue reading Creating an iOS-like Home Screen with CoffeeScript