Tag: Step

Create a Clueless Racecar Driver Illustration in Photoshop

Creating a high-impact and realistic caricature illustration can be a fun but extremely challenging task. In this tutorial, we will explain how to properly control all the elements of a composition including color balance, contrast, textures, and more, as well as all of the tools and techniques that you will need to know in Photoshop… Continue reading Create a Clueless Racecar Driver Illustration in Photoshop

Flat Design – The Next Step Forward in the Evolution of Web Design

Flat design is nothing but simplicity put into practice. The fact that simple shapes such as rectangles and circles are being preferred over gradients and drop shadows shows that the tide is in favor of simplicity. A case in point is the new design of the Windows Phone and the Windows 8 OS Metro UI… Continue reading Flat Design – The Next Step Forward in the Evolution of Web Design

How to Customize the Foundation 4 Top Bar

Zurb’s Foundation 4 features a brilliant top bar which has become almost symbolic of a Foundation site build. Today we’re going to look at how you can implement it in a different way, placing it elsewhere on the page, giving you a custom and responsive horizontal navigation menu.   Getting Started First up, we’ll need… Continue reading How to Customize the Foundation 4 Top Bar

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

Create a Shaded, Stylized Text Effect in Photoshop

Typography and text effects are critical in today’s graphic and commercial design. Viewers are becoming more and more overwhelmed with daily information, and as a result they can inadvertently be conditioned to “filter out” messaging that isn’t truly distinctive. Stylized typography is an effective way to regain the attention and appeal that can otherwise be… Continue reading Create a Shaded, Stylized Text Effect in Photoshop

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

Create a Realistic Underwater Scene in Photoshop

Final Product What You’ll Be Creating Underwater scenes can be quite challenging to create in a realistic way. In this tutorial, we will explain how to create an Underwater scene in Photoshop using several stock photographs. Let’s get started!   Speed Art Video Take a look at this stunning speed art video that shows how this… Continue reading Create a Realistic Underwater Scene in Photoshop

The Creation Process of “Urbanized” Photo Manipulation in Photoshop

In this tutorial, I will show you the process of creating this “Urbanized” photo manipulation in Photoshop. The concept behind this work is that human is increasing living in a confined urban space and being consumed by the endless expansion of the cities. I used 3 elements in this manipulation to represent the theme “Urbanized”:… Continue reading The Creation Process of “Urbanized” Photo Manipulation in Photoshop

Create an Abstract Tattoo Design in Adobe Illustrator

Final Product What You’ll Be Creating In the following tutorial you will learn how to create hand-drawn tattoo styled illustration in Adobe Illustrator. You will need a graphic tablet such as Wacom to learn how to create, set up and use Calligraphic Brushes. Starting with sketch work you will learn how to work with Strokes and… Continue reading Create an Abstract Tattoo Design in Adobe Illustrator

Create a Geometric Kermit the Frog Illustration in Adobe Illustrator

Final Product What You’ll Be Creating In this tutorial, I am going to draw Kermit (known in Mexico as “La Rana René”) by using simple shapes and basic tools in Adobe Illustrator. I’ll also show you how to modify your colors in the blink of an eye! So let’s get started…   1. Create a New Document… Continue reading Create a Geometric Kermit the Frog Illustration in Adobe Illustrator

Create Unique Floating Rock Typography in Photoshop

In this tutorial, I will show you the process of Creating this Unique Floating Rock Typography in Photoshop. You will learn a number of brush tricks, image adjustment tips and practice your selection techniques. This is an intermediate level tutorial so some steps can be tricky, but why not have a try! Note: The Photoshop… Continue reading Create Unique Floating Rock Typography in Photoshop

Building a Circular Navigation with CSS Transforms

VIEW DEMO DOWNLOAD SOURCE In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one, and explain the math (yikes!) and simple logic behind them so you get a clear understanding of the technique. Like I… Continue reading Building a Circular Navigation with CSS Transforms

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

Design a Roll-up Banner Stand in Photoshop

For many web and digital designs, the designer’s intent is to make the viewer feel like they’re visiting in person. Not every interested customer can physically visit your storefront, conference, event, or sale, so it’s important to invite them and accommodate them online. One way to achieve this is to allude to items they might… Continue reading Design a Roll-up Banner Stand in Photoshop

Create Facial Photo Manipulation Surrounded by Electrified Orbs in Photoshop

In this tutorial, I will show you the process of creating this Create Facial Photo Manipulation Surrounded by Electrified Orbs in Photoshop. I will show some interesting methods to rendering the electrified orbs by utilizing lightning textures and various Photoshop tools. We will go through manipulation techniques such as clipping mask, layer mask, layer blending… Continue reading Create Facial Photo Manipulation Surrounded by Electrified Orbs in Photoshop

How to Turn an Ordinary Landscape into a Dramatic Moonscape

Step 1 – Preparing Sky Download all the images listed as Tutorial Resources. Create a new document in Photoshop and drag a photo of “sky 1″ into it. Place it in the top left corner and name in LEFT SKY. Note: I really recommend to name all the layers in your photo manipulations. It makes… Continue reading How to Turn an Ordinary Landscape into a Dramatic Moonscape

Create a Set of “Almost Flat” Modern Icons in Adobe Illustrator

With this tutorial I would like to show you a few tricks on creating clean lines and edges when working with the flat design trend, in Adobe Illustrator. Simple layered styles and reusing Graphic Styles to help your workflow are most efficient, so you should be able to create a set of matching icons in… Continue reading Create a Set of “Almost Flat” Modern Icons in Adobe Illustrator

Quick-Tip: How to Create Double Exposure Photographs in Photoshop

Step 1 Start by opening the photo you’ll use as a background into Photoshop. This is usually a landscape/cityscape. Place the second image by dragging and dropping the file into your canvas or by going to File > Place. The transform tool will automatically be activated. Set the blending mode of the layer to screen… Continue reading Quick-Tip: How to Create Double Exposure Photographs in Photoshop

Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired

In this tutorial I’m going to show you how to create a simple countdown timer, iOS 7 inspired! Flat design is dominating the web and I’m sure you all know that Apple created a new look and feel for their OS. I’m really happy seeing the minimal look of the user interface and I know Apple… Continue reading Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired