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
Tag: head
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