Tag: Step

How to Create Mooncake and Dim Sum Icons for Chinese New Year

What You’ll Be Creating Celebrate Chinese New Year with mooncakes, steamed buns, and dumplings! In this tutorial we’ll illustrate dim sum food icons, perfect for use in a mobile game or other vector graphic needs. Start with circles and ellipses, and end with delicious food drawings.  You can also supplement your icon designs with vectors… Continue reading How to Create Mooncake and Dim Sum Icons for Chinese New Year

An Example of AJAX with Vanilla Javascript

Following on from our introduction to AJAX, here’s an example which uses the XMLHttpRequest API to initialize an AJAX request. AJAX Example Have a look at the following basic structure: <div> <img src=”http://webdesign.tutsplus.com/Einstein.jpg” alt=”Einstein”> <button id=”request”>Learn more about Einstein</button> <div id=”bio”></div> </div> Also, consider the related visualization: Here’s what we want to happen: when we… Continue reading An Example of AJAX with Vanilla Javascript

How to Create a Greyscale Monochrome Vector Portrait in Adobe Illustrator

What You’ll Be Creating In today’s tutorial, I’m going to show you how to create a monochrome portrait from a photograph. Today’s subject is the inspiring Aydian Dowling, who has given us permission to use one of his photos for this tutorial.  If you’re not aware who Aydian Dowling is, let me introduce you to… Continue reading How to Create a Greyscale Monochrome Vector Portrait in Adobe Illustrator

Create a Sci-Fi Chamber Photo Manipulation in Photoshop

Create a Sci-Fi Chamber Photo Manipulation in Photoshop 5.00/5 (100.00%) 1 vote Learn how to create a sci-fi photo manipulation of a mysterious chamber with amazing light flares and great entrance with Photoshop. In this tutorial, you’ll learn how to contruct your own chamber with textures , place a model in front of the entrance… Continue reading Create a Sci-Fi Chamber Photo Manipulation in Photoshop

How to Create a Retro Funfair Vector in Adobe Illustrator

What You’ll Be Creating Wanna have some fun in the amusement park? Then join me in this tutorial and create a retro-style flat funfair scene, inspired by the Grease movie! No special drawing skills are required here—we’ll be working with simple geometrical shapes and the Pathfinder operations of Adobe Illustrator. What is more, we’ll learn… Continue reading How to Create a Retro Funfair Vector in Adobe Illustrator

Web Designers: Roll up Your Sleeves and Sketch!

Let’s talk about why you, as a web designer, should be using pens and pencils more often. I’m going to give you some tips, tool suggestions, and plenty of reasons to roll your sleeves up and sketch! Step Away From the Computer The design process tends to isolate designers from the rest of the team, meaning… Continue reading Web Designers: Roll up Your Sleeves and Sketch!

How to Create a Scrolling Background in Affinity Designer

What You’ll Be Creating In this tutorial we’ll go through the process of creating a horizontal, tileable background that is perfect for side-scrolling 2D games (action, adventure, hack & slash) for PC, mobile and browsers. We’ll be using the basic vector tools of Affinity Designer, and you’ll see how we can make the image seamless… Continue reading How to Create a Scrolling Background in Affinity Designer

How to Create a Surreal Pirate House Photo Manipulation in Photoshop

Learn how to create this fantasy photo manipulation of a pirate house scene set in warm scenic dreamscape with Photoshop. In this tutorial, you’ll learn how to create rocky mountain using photos of rock and stones, combine ruin of castle to create dramatic pirate house in the dreamscape with warm vivid lighting. Throughout the tutorial,… Continue reading How to Create a Surreal Pirate House Photo Manipulation in Photoshop

How To Add Azure Mobile Services to a Windows Phone App

Windows Phone apps that use live tiles, authenticate users with single-sign on, and share data between devices and users generally employ cloud services. Most cloud platforms offer general purpose capabilities to store data and execute code, but you have to add a lot of infrastructure code to glue these capabilities together. Azure Mobile Services let you add cloud… Continue reading How To Add Azure Mobile Services to a Windows Phone App

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

How to Create This Eerie Floating Island Photo Manipulation in Photoshop

In this tutorial we will create an eerie floating island photo manipulation by using your vast imagination and the mighty power of Photoshop. I will introduce you to  some simple editing techniques, smart objects and adjustment layers. Let’s begin! What you’ll be creating This is a classic floating island scene with a touch of funny… Continue reading How to Create This Eerie Floating Island Photo Manipulation in Photoshop

Create this Poster Design with Abstract Effects in Photoshop

Create a creative poster with beautiful visual effects. In this tutorial I’ll show you how to quickly and easily create a unique poster using abstract rendering and many interesting effects like lightning, glowing lines and police tape. And all of these effects you can create your own in Photoshop. Read this tutorial and see how… Continue reading Create this Poster Design with Abstract Effects in Photoshop

How to Create Spooky Halloween Typography in Photoshop

As autumn approaches in much of the world, we know that many artists are beginning to think about Halloween, especially artists that live in the U.S. In this tutorial, we will explain how to create slimy, gooey, and drippy Halloween typography in Photoshop. We will then incorporate that typography into a poster design. Let’s get… Continue reading How to Create Spooky Halloween Typography in Photoshop

Create a Halloween-Inspired Children’s Illustration in Photoshop

As the fall approaches in many parts of the world, designers and illustrators might already be thinking about the upcoming Halloween holiday, especially those that are based in the U.S. In this tutorial, we will show you how to illustrate a cute and scary children’s illustration using techniques that you could easily incorporate into your… Continue reading Create a Halloween-Inspired Children’s Illustration in Photoshop

Create 5 high-impact typography effects in Adobe InDesign

  Prefer a video tutorial with InDesign typography tips? Then you must check out this one by Ashlee Harrell from the Envato Tuts+ YouTube channel. Follow it to learn how to create Adobe InDesign text effects: What you’ll learn in this InDesign text effect tutorial How to set up your document How to… Continue reading Create 5 high-impact typography effects in Adobe InDesign

Create an Illustrated Watercolor and Ink Photo Effect in Photoshop

Artists often ask how to apply watercolor and splattered ink effects to their images. While there may be some filters and effects out there that can automate this task, illustrating this by hand will give you the highest quality final result, as well as the most flexibility. In this tutorial, we will show you how… Continue reading Create an Illustrated Watercolor and Ink Photo Effect in Photoshop

How to Work With Layers in Pixelmator

Pixelmator is an easy-to-use, fast, and powerful image editing app for the Mac. In this tutorial, we will dive deeper into the concept of layers by creating a collage made out of four images. Lets get started! Photos Used The following photos were used in this tutorial but you can follow along using any photos… Continue reading How to Work With Layers in Pixelmator

Create a Seamless, 3D, Geometric Pattern in Photoshop

Seamless patterns are a fun and easy way to add some interest to your graphic designs. Patterns, however, can be a bit intimidating to some artists, as it is often challenging to figure out exactly where the pattern repeats. In this tutorial, I will show you how to quickly create a seamless, three-dimensional, geometric pattern… Continue reading Create a Seamless, 3D, Geometric Pattern in Photoshop

Create Colourful Fiery Portrait in Photoshop

In this tutorial, I will show you the steps I took to create this awesome fiery portrait in Photoshop.This is a beginner-intermediate level tutorial aiming to give some practices on layer blending, selection and coloring techniques in Photoshop. Some steps can be a little tricky, but why not have a try! Note: The Photoshop tutorial… Continue reading Create Colourful Fiery Portrait in Photoshop

How to Create Diagonal Lines with CSS

A few days ago, I received my invite to Google Music. While browsing the app, I noticed a tiny, but neat trick they use to create tabs and diagonal borders with plain-old CSS. I’ll show you how to do the same in your projects today! Prefer a Video Tutorial? Step 1: The Markup We begin… Continue reading How to Create Diagonal Lines with CSS

Using Color Psychology to Create an Effective Price Table

Whenever we start any new design project, we’ll usually sit down with the client and discuss all the relevant project details with the client. If you’re lucky, your client will have a relatively clear idea of what they want to achieve and perhaps even the functions and features they want for the site. However clients… Continue reading Using Color Psychology to Create an Effective Price Table