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

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

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

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

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

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

How to Create a Book Cover and Mock Up in Adobe InDesign

Have you ever wondered how to design a book cover from scratch? From this tutorial you can learn everything you need to know. Martin Perhiniak, Certified Adobe Design Master Instructor will share his techniques with you and walk you through the whole design process of a book cover initial setup in Adobe InDesign. You can… Continue reading How to Create a Book Cover and Mock Up in Adobe InDesign

How to Create a Photo-Realistic Metal Apple in Photoshop

Download the PSD Metallic Apple.zip | 44.99 MB Download from Website How to Create a Photo-Realistic Metal Apple in Photoshop Tutorial Resources Metallic Ball Apples City Worm Sun Brushes Step 1 Open file “Metal Ball”. Select the Elliptical Marquee Tool and make a selection of the ball. Hold shift while dragging to keep the selection… Continue reading How to Create a Photo-Realistic Metal Apple in Photoshop

How to create Nexus 7 Background for your desktop in Adobe Photoshop CS6

In the following Quick Tip tutorial you will learn how to use Ellipse Tool, Brush Tool, and Gradients in Adobe Photoshop CS6 to create Nexus 7 abstract background. You can use these techniques and elements to create your own abstract background for tablet or smartphone! Layered PSD file included. Let’s get started! Final Image Preview… Continue reading How to create Nexus 7 Background for your desktop in Adobe Photoshop CS6

How to Create This Mystical Scene and Add Makeup to a Girl in Photoshop

Preview of Final Results Tutorial Resources Model – Mariaamanda Stones – Compot-stock Mountains – Resurgere Mountains2 – Kuoma-stock Forest – Riktorsashen Sky – Frozenstarro Butterfly – Madetounique Hair – Trisste-brushes Step 1 – Open a New File Go to File – New (Ctrl+N). Then change the resolution of the new file to Width 2500 pixels… Continue reading How to Create This Mystical Scene and Add Makeup to a Girl in Photoshop

How to Create an Andy Warhol Inspired Pop Art Portrait in Illustrator

Andy Warhol‘s screen print series of Marilyn Monroe portraits were probably the main reason I was interested in creating vector art. He’s one of my all time favorite artists so creating a set of portraits inspired by his mass produced art was bound to happen at some point! In today’s tutorial I’m going to show… Continue reading How to Create an Andy Warhol Inspired Pop Art Portrait in Illustrator

Create a Cute Bunny House in Photoshop

Tutorial Resources Grass – Morguefile Daisies – Maureenolder Road – happeningstock Sky – sxc.hu Signpost – sxc.hu Big carrot – Stockfreeimages Three carrots – Stockfreeimages Roof – Morguefile Door – Stockfreeimages Rug – sxc.hu Window – sxc.hu Fence – Morguefile Bunny 1 – Morguefile Bunny 2 – Morguefile Bunny 3 – Morguefile Step 1 Create… Continue reading Create a Cute Bunny House in Photoshop

Create a Retro Mixtape in Photoshop

Incorporating retro elements into your design work is an effective way to add strong nostalgic appeal and garner the attention of a large, worldwide demographic of strong spenders. Few adults can look at an old piece of technology without conjuring up a few fond memories, and this reaction can translate to a positive impression and… Continue reading Create a Retro Mixtape in Photoshop

How to Create a Cute Corn Illustration with Basic Shapes in Illustrator

In this tutorial we are going to draw a cute corn illustration, with the use of Pathfinder panel, basic shape tools and some Blends for the color palette, so lets get started. Step 1 First we start with by creating a New document (Cmnd + N), the size of the artboard would be 600 x… Continue reading How to Create a Cute Corn Illustration with Basic Shapes in Illustrator

Create a Colorful Retro Poster in Photoshop and Illustrator

Resources Model – Poorsouls Stock Galaxy – Decoybg – Deviantart Umbrella – SXC Step 1 First is first. We need an empty canvas to begin working. Here is my canvas size of the finished design. So you can use it simply. Step 2 Photoshop just presented us with a blank, white canvas. We are going… Continue reading Create a Colorful Retro Poster in Photoshop and Illustrator

How to Create Multiple Frames with One Image in Adobe InDesign

It is possible to create cool image effects not only in Photoshop and Illustrator but also in InDesign. In this tutorial we will learn how to place one image into several randomly placed frames. We will use Effects, Object Styles, special Paste features and learn some very useful techniques on the way. Let’s get started!

How to Create Bounce Effect with CSS3 Animation

This article is part of our “HTML5/CSS3 Tutorials series” – dedicated to help make you a better designer and/or developer. Click here to see more articles from the same series. Today, we are going to doing an experiment with CSS3 Animation. In our previous post, we discussed how to re-create “marquee” effect using CSS3 Animation.… Continue reading How to Create Bounce Effect with CSS3 Animation

Photoshop Prowess: 4 Time-Saving Blend Mode Tricks

The old adage is true: time is money. Using inefficient design techniques makes for slow work, which in turn results in fewer clients, a lower hourly rate, and a portfolio with fewer impressive projects. Knowing time-saving tricks can have a subtle but enormously positive effect on your work and your career. There are always multiple… Continue reading Photoshop Prowess: 4 Time-Saving Blend Mode Tricks