Category: Tutorials

You learn something everyday if you pay attention

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

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

10 Photoshop Tips: Extend Your Basic Knowledge of Photoshop

Photoshop is very often the tool of choice for photo retouching, but over time it has become a widely used tool in other professional fields such as illustration, conceptual art, graphic design, web design… Therefore, it is a multi-use program that can help a lot to develop our creative work. However, it is easy for… Continue reading 10 Photoshop Tips: Extend Your Basic Knowledge of Photoshop

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

Coding a Horizontal Navigation Bar with jQuery Dropdown Menus

It is very common to find dropdown navigation elements within website layouts. Developers use these types of hidden menus for displaying extra links which are typically related to the main topic. Other examples may use sliding panels or varying accordion-style menus to accomplish the same interface. But for this tutorial I want to build a… Continue reading Coding a Horizontal Navigation Bar with jQuery Dropdown Menus

Turn a Pencil Sketch Into a Colorful and Dynamic Character Illustration

Sketching out a character illustration can be a lot of fun. Giving that sketch life can be a challenging task, however. In this Tuts+ Premium tutorial, Ken Barthelmey will explain how to use Photoshop’s painting tools to turn a pencil sketch into a colorful and dynamic character illustration. In this process, he will show how… Continue reading Turn a Pencil Sketch Into a Colorful and Dynamic Character Illustration

Stunning Time-lapse of an Illustration of a Dying Star

When a star like our own reaches the end of its life, it begins to run out of hydrogen fuel in its core. Like a car running out of gas, it will begin to sputter, swelling to a size that could encompass every planet in our solar system out to Mars. When this happens, the… Continue reading Stunning Time-lapse of an Illustration of a Dying Star