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

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

Thumbnail Grid with Expanding Preview

If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. It’s a really nice effect and it is very practical, making a search much easier. Today we want to show you how to create a similar effect on a… Continue reading Thumbnail Grid with Expanding Preview

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

Tricks of Web Design that Would Make You Site Go Viral

The importance of web design is known to almost all entrepreneurs who are looking forward to venture in this swarming market. Be it in any field, the level of competition is skyrocketing thick and fast. In order to keep up with this volatility, entrepreneurs are in a constant endeavor to improve their online presence.Web design… Continue reading Tricks of Web Design that Would Make You Site Go Viral

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

Creating a Vector Anime Character in Adobe Photoshop – Part 1: Sketch and Line Art

This tutorial, and its second counterpart, will walk you through the process of creating a simple anime character bust from start to finish. Here we focus on the drawing side of it and creating a clean sketch, which we then render with vector to create a line art. You will need a graphics tablet or… Continue reading Creating a Vector Anime Character in Adobe Photoshop – Part 1: Sketch and Line Art

Cross-Site Scripting in WordPress: Practical Tips for Securing Your Site

This entry is part 2 of 2 in the series Cross-Site Scripting in WordPress In this series, we’re taking a look at how to secure our WordPress projects from XSS – or cross-site scripting. In the first article in the series, we defined what cross-site scripting actually is, understanding how it works, and why it’s… Continue reading Cross-Site Scripting in WordPress: Practical Tips for Securing Your Site

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

Cross-Site Scripting in WordPress: What Is XSS?

This entry is part 1 of 2 in the series Cross-Site Scripting in WordPress One of the most exciting aspects of modern web development is the potential that comes with building applications specifically for web browsers (or to run “in the cloud.”) Originally, Java was meant to be the “write-once, run-anywhere” solution, but it appears… Continue reading Cross-Site Scripting in WordPress: What Is XSS?

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

Turn Day into Night in Photoshop

Turn day into night! Use the power of Adjustment Layers and Blending Options to turn a bright daytime image, into a semi-realistic nighttime image. While these settings may not give you 100% perfect results, you can use the same techniques on your images with a bit of tweaking. Source Files The images that I’m using… Continue reading Turn Day into Night in Photoshop

25 Web Development Tutorials for Useful Code Snippets

Over the past few years we have published a large set of tutorial focused on web development techniques. Both frontend and backend code samples are always helpful when you are building new projects. And that is reason enough to go back and check out past tutorials for golden nuggets of codes. Check out the gallery… Continue reading 25 Web Development Tutorials for Useful Code Snippets

Streamline your Process with Volo

Front-end developers face a variety of challenges when creating sites that have repetitive solutions. All sites use a similar DOM skeleton, as well as many common features and attributes. Volo aims to remove some of the effort out of the process, allowing developers to focus on the new aspects of a project, as apposed to… Continue reading Streamline your Process with Volo

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