Tutorials

Create a Retro and Futuristic Design in Photoshop

Preview of Final Results Tutorial Resources Model Nebula Background Abstract Spheres Landscape Step 1 First, start Photoshop and create a new document. This tutorial is also going to be a wallpaper, so the size i’m using is 1920 x 1200. You can follow all the individual settings as shown in the diagram below. Background Create… Continue reading Create a Retro and Futuristic Design in Photoshop

How to use brushes to enhance your portraits in Adobe Photoshop CS6

This tutorial is an example of how a few simple techniques can be used to create a piece of digital artwork using multiple layers, masking, the Brush tool, some basic lighting and one simple noise texture. Using the processes here, you will be able to apply the same techniques to your photomontage and create your… Continue reading How to use brushes to enhance your portraits in Adobe Photoshop CS6

Create Inspirational 3D Gold Text with Photoshop Extended

Preview of Final Results Step 1 Start by creating a new 1920×1200 pixels document. Select the Text tool and type in your inspirational text. The font we’re using is Bebas Neue and Pacifico. These fonts are free. Adjust the font size and leading to your likings. Use the Free Transform tool (Ctrl/Cmd+T or Edit >… Continue reading Create Inspirational 3D Gold Text with Photoshop Extended

The Best Way to Learn CSS

CSS works hand in hand with HTML; HTML sorts out the page structure, CSS makes it look pretty and adds subtle levels of interaction. As a web designer you should really get to grips with both these languages. Even if you don’t do the coding yourself, understanding how they work will help you design for… Continue reading The Best Way to Learn CSS

40+ Awesome Photoshop Poster Tutorials For Your Inspiration

Creating your own creative poster in Photoshop is fun and challenging. If you are not yet an expert, then don’t worry! You can find tons of easy to follow poster design tutorials for Photoshop. Most of them will guide you “step by step” to make sure you learn every step involved in the process. A… Continue reading 40+ Awesome Photoshop Poster Tutorials For Your Inspiration

70+ Must Have jQuery Tutorials

Welcome to day 7, the last installment of tutorial week on Designrfix. Today we have assembled an awesome collection of some wicked jQuery tutorials from around the Web. I am confident that these web design and development tutorials will arm you with all the necessary techniques in-order to achieve those latest web design trends. Lastly,… Continue reading 70+ Must Have jQuery Tutorials

Use Photoshop and Illustrator to Create Guitar String Typography

Photoshop and Illustrator are great tools to help you create things that only exist in your imagination. In this tutorial, we will create words out of intertwining guitar strings. Let’s get started! Tutorial Assets The following assets were used during the production of this tutorial. Wood Texture 1. Create the Strings in Illustrator Step… Continue reading Use Photoshop and Illustrator to Create Guitar String Typography

10 great web tutorials on pixel perfect design

Below you’ll find bet 10 tutorials on pixel perfect design available on the web. Pixel perfect design is something of a lost art, you know. Mostly because it’s an incredibly laborious and long work; it’s a technique that requires dedication, effort and an almost obsessive level of attention to detail and not many designers… Continue reading 10 great web tutorials on pixel perfect design

20 Latest Photoshop Tutorials To Improve Your Skills

It’s been quite a long time for detailed photoshop tutorial collection and so today we are bringing latest photoshop tutorials released in 2013.You can find from novice to expert photoshop tutorials and we are sure you will learn some new techniques from these tutorials.As always the collection consists of photo manipulations,drawing tecniques as well… Continue reading 20 Latest Photoshop Tutorials To Improve Your Skills

Best Free WordPress Tutorials for Beginners

WordPress is one of the most popular CMS and blogging platform around, mainly because it is free and it is 100% customizable. WordPress is a dynamic content management system based on MySQL and PHP. With over 25 million websites and blogs powered by this award-winning web software and a continuously expanding community of developers,… Continue reading Best Free WordPress Tutorials for Beginners

Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial

A few weeks ago we released two different introductory articles about HTML5 and CSS3, and I promised you we’d do some cool stuff together in the upcoming months. Well, I have been working hard on this video tutorial and I really hope you enjoy it. In this tutorial I will teach you how to create a… Continue reading Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial

How to Create a Rainbow Colored Portrait From a Stock Image in Illustrator

In today’s tutorial, I’m going to show you how I created a simple, rainbow colored portrait using a stock image base in Adobe Illustrator. I’ll be adding subtle decoration to the portrait with the help of a Scatter Brush and will be playing with a splash of color to create the rainbow effect. So let’s… Continue reading How to Create a Rainbow Colored Portrait From a Stock Image in Illustrator

App Showcase with Grid Overlay

Today we will be creating a little app showcase with a neat effect. The idea is to show a mobile device with a screenshot of an app and when clicking on the device, a grid appears, showing some more screenshots. The effect is very subtle: the device moves back and the grid fades in and… Continue reading App Showcase with Grid Overlay

45 Creative Buttons And Badges Tutorials

For today’s round up, we have gathered 45 tutorials that will let you learn how to create appealing and fine looking buttons and badges for your website. All these tutorials are different from one another but they all make use of Adobe Photoshop and Illustrator. With beautiful and appealing web buttons and badges, the overall… Continue reading 45 Creative Buttons And Badges Tutorials

Magically Turn Your Photoshop Layers Into CSS3 With CSS Hat

Today I’m going to show you a Photoshop plugin which aims to greatly improve your workflow. It’s called CSS Hat and it turns your Photoshop layers directly into valid CSS3. Further Information Download: You can grab CSS Hat from its homepage. Compatibility: CSS Hat is compatible with Photoshop CS4 and upwards, on Mac OS X… Continue reading Magically Turn Your Photoshop Layers Into CSS3 With CSS Hat

How to Create an Amazing Space Battle Scene in Photoshop

Preview of Final Results Tutorial Resources Starry sky – nighthawk101stock Planet – dadrian Spaceship – inadesign-stock Asteroid – mototsume Space brushes – redheadstock Nebula – sxc.hu Galaxy – Photoxpress Step 1 Create a new document and fill it with white. I make the width is a bit larger than the height. Make a new layer… Continue reading How to Create an Amazing Space Battle Scene in Photoshop

Quick Tip: Creating a Bazinga! Text Treatment in Adobe Illustrator

With this tutorial I’ll show you how to create a Bazinga text effect made famous by Sheldon from the sitcom The Big Bang Theory in Adobe Illustrator. We’ll be using some techniques to add multiple effects to a single shape, also duplicating and copying objects quickly, as well as creating a pattern and even rotating… Continue reading Quick Tip: Creating a Bazinga! Text Treatment in Adobe Illustrator

How to Create an Iron Cross Self-Mailer Template Using InDesign

Looking for something more exciting than a standard trifold or postcard? One attention-grabbing solution is the iron cross fold. This speciality, or exotic, fold gets its name from the cross shape/plus sign shape it forms when flat and unfolded. It is fairly easy to set up and will add significant flair to your piece. It… Continue reading How to Create an Iron Cross Self-Mailer Template Using InDesign

Create a Colorful, Lively Retro Text Effect in Photoshop

Plain type is rarely enough to achieve the strength and distinction that you want in your messaging. Most designers tailor their type to match their design and carry strong connotations. Text effects are amazing; you can really play with styles and techniques and convert anything boring into an art piece. So, today I am going… Continue reading Create a Colorful, Lively Retro Text Effect in Photoshop

Use Photography to Create a Scenic Matte Painting From a Sketch in Photoshop

Tutorial Assets The following assets were used during the production of this tutorial. Cliff-01 Cliff-02 Jungle-01 Jungle-02 Jungle-03 Jungle-04 Jungle-05 Jungle-06 Jungle-07 Lake-01 Man-01 Mountain-01 Mountain-02 Mountain-03 Panorama-01 Ship Tree-01 Tree-02 Tree-03 Water-01 Ground-01 Jungle-08 Mountain-04 Mountain-05 Mountain-06 Tropical-foliage-01 Tropical-foliage-02 Water-02 Moss-01 Ref-sketch 1. Setting the Bases Step 1 Let’s create a new file with following… Continue reading Use Photography to Create a Scenic Matte Painting From a Sketch in Photoshop

CSS Media Query Snippets

With responsive design being big in web design it’s important that you design your website so that it can be used on different devices. There are a number of different media queries that you can use on your design, if you don’t know where to start with media queries here is a good boilerplate to… Continue reading CSS Media Query Snippets

How to Draw Little Red Riding Hood with Basic Shapes in Adobe Illustrator

In this tutorial you will learn how to create an adorable cartoon Little Red Riding Hood with her basket and bunch of flowers. You will use the Pen Tool (P) and basic shapes such as the Rectangle Tool (M), the Ellipse Tool (L) and the Polygon Tool. This is a great tutorial for those who… Continue reading How to Draw Little Red Riding Hood with Basic Shapes in Adobe Illustrator

Code a Dynamic Featured Image Gallery Layout using jQuery

The common image thumbnail carousel effect has gained traction among web developers. You can locate this technique on almost any major news company or online magazine, coupled with rotating featured images or banner designs. I feel that open source code has offered a much smoother choice for developers instead of being forced to write your… Continue reading Code a Dynamic Featured Image Gallery Layout using jQuery

Creating a Movie Magazine Cover Using InDesign

As a taster for our Workshop, An Introduction to Adobe InDesign, that begins on Thursday, Martin shows you how he created an awesome movie magazine cover – in less than 4 minutes! Watch closely as Martin Perhiniak, Adobe Design Master and Instructor, speeds through the process of creating an attention-grabbing movie magazine cover using InDesign.… Continue reading Creating a Movie Magazine Cover Using InDesign