Category: Tutorials

You learn something everyday if you pay attention

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

Design a Clean and Modern Pricing Table in Photoshop

Photoshop is often used to create graphics and layouts for web designs. In this tutorial, we will explain how to create a pricing table for a hosting company using a combination of vector shapes and layer styles. Let’s get started!   Tutorial Assets The following assets were used during the production of this tutorial. Pixel… Continue reading Design a Clean and Modern Pricing Table in Photoshop

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

The Blur Gallery in Photoshop CS6

In this tutorial, I explain the differences between the three new blurs in the Blur Gallery that have been added to Photoshop CS6; Field Blur, Iris Blur, Tilt-Shift. Plus, if you’re running Photoshop CS6 13.1, available to Creative Cloud members, you can now apply these blurs to Smart Objects! The New Blurs Field Blur works great… Continue reading The Blur Gallery in Photoshop CS6

Create your own world

Requirements: Photoshop CS6 Difficulty: Intermediate Time: max 1 hour   Outcome: Resources: Ripe Font This tutorial is just part one of “Create your own world” tutorial. Let’s begin: 0. Open your image. File > Open > Open 1. Use Magic Wand Tool ( W ) and click on white background. Tolerance: 25. Right click on… Continue reading Create your own world

Quick Tip: Erase Backgrounds Quickly With The Background Eraser Tool

Step 1: Chose an image to work with Open a photo that you want to extract a background from in Photoshop. In this tutorial I’m going to use a scene of two trees and a blue sky as background, but you can use the same techniques applied here to a variety of images and situations.… Continue reading Quick Tip: Erase Backgrounds Quickly With The Background Eraser Tool

Create a Stylish, Heart-Shaped 3D Gift Box in Illustrator

Valentine’s Day many only come once a year, but romance is year-round, and designers that can create a warm, romantic, emotional sentiment will be busy from January through December. Whether you’re a designer or just a spouse or partner, don’t wait until February to send some hearts to your special someone. In this tutorial, I’ll… Continue reading Create a Stylish, Heart-Shaped 3D Gift Box in Illustrator

Create 3D Objects by Inflating 2D Photographs in Photoshop CS6 Extended

In this tutorial, Steve Caplin will explain how to use Photoshop CS6 Extended’s 3D capabilities to create 3D objects by inflating 2-dimensional photographs. Let’s get started!   Tutorial Assets The following assets were used during the production of this tutorial. Lizard Beetle

24 Cool PHP Libraries You Should Know About

It is an exciting time to be a PHP developer. There are lots of useful libraries released every day, and with the help of Composer and Github, they are easy to discover and use. Here are 24 of the coolest that I’ve come across. Your favorite is not on the list? Share it in the… Continue reading 24 Cool PHP Libraries You Should Know About

How to Create Amazing Valentine’s Day Background with Abstract Hearts in Adobe Photoshop CS6

February 10th, 2013 by admin Posted in Adobe Photoshop, Designing, Drawing Techniques Today, I’m going to show you how use custom brushes, shapes and Layer styles in Photoshop CS6 to create eye catching Valentine’s Day background. Layered PSD file included. Let’s get started! Final Image Preview Start working by creating a new document (Ctrl+N) in… Continue reading How to Create Amazing Valentine’s Day Background with Abstract Hearts in Adobe Photoshop CS6

Useful Tutorials For Creating Vector Graphic Using Free Software “Inkscape”

In this article, we are sharing with you some useful and detailed tutorials for creating vector graphics by using Inkscape. Although, Adobe Illustrator is there for creating amazing vector graphics but Inkscape is a free resource for creating vector graphics, and for this reason it is the best alternative to Adobe Illustrator. Using Inkscape is… Continue reading Useful Tutorials For Creating Vector Graphic Using Free Software “Inkscape”

33 Amazing Photoshop Photo Effect Tutorials

Adobe Photoshop is the best tool to edit photos and create stunning artworks. It’s quite hard to learn working with Photoshop by yourself. The web is choke-full of different tutorials and guides, but in order to find really useful and interesting ones you need to spend a lot of time searching. Therefore, I have taken… Continue reading 33 Amazing Photoshop Photo Effect Tutorials

Make a Web App with Instagram-like Filters

In this tutorial, we are going to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it. For this purpose we are going to use a number of JavaScript libraries and plugins: Caman.js – this is a powerful canvas manipulation… Continue reading Make a Web App with Instagram-like Filters

Making the Most of Photoshop Layers

The way web designers are using Photoshop is changing; pixel perfect comps are less relevant than they were a year or two ago. However, Photoshop is still an invaluable design tool and using its features properly is as important as ever. The following tips will help you master working with layers. A Quick Word About… Continue reading Making the Most of Photoshop Layers

Adobe Improves 3D Functionality in Photoshop CS6.1

Adobe made some rather significant changes to its 3D features in Photoshop CS6. In CS6.1, they have made a handful of tweaks that you should be aware of. These new features include a way to generate bump map textures from flat artwork, using the Normals menu; smoother previewing of soft shadows; full-image ray tracing, replacing… Continue reading Adobe Improves 3D Functionality in Photoshop CS6.1

How to Make a Tumblr-powered News Ticker

Tumblr is a blogging service with an elegant interface for creating and publishing content. In this tutorial, we are going to use it as the foundation of a news publishing system. We are going to develop a simple widget which cycles through the most recent posts on a Tumblr blog, and presents them as news items… Continue reading How to Make a Tumblr-powered News Ticker

How to Utilize the Pattern Tool to Create a Pattern Brush in Illustrator CS6

One of my favorite new tools with Adobe Illustrator CS6 is the Pattern Tool. It’s great for creating complex seamless patterns in real time and gives you so many options. However it’s not so easy to create a Pattern Brush. Today’s Quick Tip tutorial is a bit of an experimental one, showing you how you… Continue reading How to Utilize the Pattern Tool to Create a Pattern Brush in Illustrator CS6