Tag: Adding

How to Draw Bar Charts Using JavaScript and HTML5 Canvas

In an earlier tutorial we covered how to draw a pie chart or doughnut chart using HTML5 canvas. In this tutorial I will show you how to use JavaScript and the HTML5 canvas as a means to graphically display data by using bar charts. There are easier ways to create charts than coding one from… Continue reading How to Draw Bar Charts Using JavaScript and HTML5 Canvas

Create an Aquarium Inside a Light Bulb with Photoshop

Learn how to combine stock photos to create a saltwater aquarium inside a light bulb. This Photoshop tutorial will show you how to combine and warp images and apply easy color correction. Final Results Tutorial Resources Free stock photography can sometimes disappear. If one of the link is broken, try using the “Alternative” link instead.… Continue reading Create an Aquarium Inside a Light Bulb with Photoshop

Animation for Beginners: How to Animate a Head Turn

What You’ll Be Creating Today we are going to learn how to animate a character turning his head. You’ll find that you will be animating head turns a lot when you do character animation. A head turn is challenging to animate because the mass and shape need to be consistent, as do the elements of… Continue reading Animation for Beginners: How to Animate a Head Turn

How to Create an AJAX Driven Theme for ProcessWire

In this tutorial we will look at setting up a simple theme in ProcessWire, we’ll investigate delayed output (now the default theme strategy within ProcessWire), and setup our site to request new content using AJAX. To accompany this tutorial I have created a new theme for ProcessWire, making use of both AJAX and delayed output,… Continue reading How to Create an AJAX Driven Theme for ProcessWire

A Comprehensive Introduction to Color in Design

This article aims to give you a comprehensive introduction to the deepest of design rabbit holes: color. It will introduce you to the most important lingo and concepts to get you started, helping you make better decisions applying color in your designs. Topics As usual for these guides, we’re going to cover a great deal,… Continue reading A Comprehensive Introduction to Color in Design

How to Create a Human Portrait of a Dog in Photoshop

Welcome! Today I will be taking you though some of the processes behind simulating studio lighting on images taken outside of a controlled environment. We’ll be focusing on lighting for the most part and how to get some natural highlights and shadows. What you’ll be creating Created as something fun for a friend of mine,… Continue reading How to Create a Human Portrait of a Dog in Photoshop

10 Tips for Improving Your Photo Manipulation Skills

Over it’s 20+ year history, Photoshop has proved itself useful for a great many things. One of the primary applications is photo manipulation. In fact, it’s photo manipulation that is meant by the colloquial term “to Photoshop”. Yet pulling off a successful photo manipulation isn’t quite as easy as it sounds.  So whether you are… Continue reading 10 Tips for Improving Your Photo Manipulation Skills

Photoshop Blend Modes for Photography

Learning how to work with blend modes in Photoshop can give you more creative options and control over tonality and texture. This course provides shortcuts and innovative uses for these Photoshop workhorses. Photographer and educator Chris Orwig shows how to composite images together, create vivid color and realistic grain, and tackle advanced projects that combine… Continue reading Photoshop Blend Modes for Photography

Creating a WordPress Theme From Static HTML: Adding a Loop – Part 4

Tutorial Details Software: WordPress Difficulty: Beginner Completion Time: 1 hour  Part 1 Part 2 Part 3 Part 4 In the first three parts of this series, you learned how to prepare static HTML for WordPress and to create a theme by splitting your HTML file into a set of template files and editing the stylesheet.… Continue reading Creating a WordPress Theme From Static HTML: Adding a Loop – Part 4

Adding Localization to Tumblr Themes

In this episode of Tumblr Theming 101 we’ll complete the CSS for our video post type, which will involve using some principles from Fitvids.js. We’ll also look at adding localized theme strings, for multilingual support.   Localization (Amongst Other Things)  Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube Useful Links Fitvids.js Fitvids.js… Continue reading Adding Localization to Tumblr Themes

Adding Space to Your Designs

Let’s get the basic stuff out of the way first. Whitespace isn’t simply a block of space in your design that has to be white. Instead, think of it more like structural “empty” space, where no extra elements, embellishments or other parts to your design are placed. A great example of whitespace – but still… Continue reading Adding Space to Your Designs

Create a Delicious Print Ad Using Photo Manipulation Techniques in Photoshop

Print designers often work with digital illustrators and CG artists to help produce their work. In this tutorial, we will continue to develop a character concept from a Cgtuts+ tutorial by Nacho Riesco and show you how to create a print ad by combining photo manipulation techniques with some renders from another tutorial. Let’s get… Continue reading Create a Delicious Print Ad Using Photo Manipulation Techniques in Photoshop

How To Build a Range Slider Input with jQuery UI

Looking at the HTML5 range input element you can see a number of advancements. Forms are able to take in restricted information from users sliding between number segments. But unfortunately these HTML5 inputs are only supported in modern browsers. So although there are a few limitations we can try to work around them. I want… Continue reading How To Build a Range Slider Input with jQuery UI

Create a Mysterious Scene with Planets

Preview of Final Results Tutorial Resources Stars – greenaleydis-stock Cosmos Package – resurgere-stock Field – f3rd4-stock People Brush – fiftyfivepixels Trees Silhouettes – kuschelirmel-stock Trees Silhouettes 2 – winerla-stock Bushes – redheadstock Step 1: Creating a new Photoshop file Let’s start off by creating a new Photoshop file. Create a new file with the following… Continue reading Create a Mysterious Scene with Planets

Build a Mini Image Gallery Slideshow using Galleria

After searching through countless blog posts I have been looking for a really great image gallery slideshow. Something that could be added into WordPress and made as an easy publishing solution. This lead me onto Galleria which is a beautiful open source responsive image slideshow using jQuery. In this tutorial I want to demonstrate how… Continue reading Build a Mini Image Gallery Slideshow using Galleria

jQuery Slider Shock: The Most Complete Slider

Hi everyone. We are proud to present our latest product : jQuery Slider Shock. A fully responsive slider and the most complete over the web right now. Available for you to download it as a jQuery code to use it wherever you need, or as a plugin for the most used CMS: WordPress. We wanted to make… Continue reading jQuery Slider Shock: The Most Complete Slider

Killzone C4d signature tutorial

Hi everyone, in this tutorial I’ll teach you guys to reach a similar outcome as the following Killzone signature: It’s not a difficult tutorial if you already know some basics and medium skills. It is fully labeled, this way you can exactly see what I did when creating the signature, even steps that I didn’t explain in… Continue reading Killzone C4d signature tutorial

How to Create a Professional Web Layout in Photoshop

Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can learn useful methods to create designs. So get started! Tutorial Details Program: Adobe Photoshop CS5… Continue reading How to Create a Professional Web Layout in Photoshop