Category: Tutorials

You learn something everyday if you pay attention

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

CSS: Responsive Navigation Menu

Previously I wrote a tutorial on how to make a mobile navigation for responsive design, now I’ve discovered a new technique to produce a responsive menu without having to use Javascript. It uses clean and semantic HTML5 markup. The menu can be aligned left, center or right. Unlike the previous tutorial where it is clicked… Continue reading CSS: Responsive Navigation Menu

How to Write Code That Embraces Change

Writing code, which is easy to change is the Holy Grail of programming. Welcome to programming nirvana! But things are much more difficult in reality: source code is difficult to understand, dependencies point in countless directions, coupling is annoying, and you soon feel the heat of programming hell. In this tutorial, we will discuss a… Continue reading How to Write Code That Embraces Change

Design an Appealing Print-Ready Restaurant Menu in Illustrator

If you’ve ever seen a “food designer” fuss over every last detail of a delicious food item, you’d understand how exquisitely visual the food marketing process can be. The visual evaluation of food has been ingrained in the human psyche for thousands of years, and the right imagery can still elicit strong, visceral reactions (mostly… Continue reading Design an Appealing Print-Ready Restaurant Menu in Illustrator

40+ Useful HTML5 Tutorials And Techniques

For the web designers and web developers, this collection will be a treat for them because in this collection, we are showcasing 45 useful and amazing HTML5 tutorials and techniques that would astonish them. HTML5 is the latest and advanced version of HTML (HyperText Markup Language) and these days HTML5 is very popular among the… Continue reading 40+ Useful HTML5 Tutorials And Techniques

Quick Tip: Access the Hidden Photographic Toning Gradients in Photoshop CS6

The Photographic Toning Effects Photoshop CS6 comes loaded with 39 presets to simulate traditional darkroom toning and split-toning effects. Click on the image to download the high-res version you can print. Step 1 Open an image you want to split tone in Photoshop. For this tutorial, we’ll be using the image below as an example.… Continue reading Quick Tip: Access the Hidden Photographic Toning Gradients in Photoshop CS6

Create a Battlefield Scene Using Stock Photography in Photoshop

By combining the right photography in Photoshop you can create just about any scene that you want. In this tutorial, we will create a battlefield using several stock photographs. Let’s get started! Tutorial Assets Here are the stocks used to complete the image. Sky 1 Sky 2 Spikes Fire Fire 2 Smoke Soldier 1 Soldier… Continue reading Create a Battlefield Scene Using Stock Photography in Photoshop

How to Create Elegant Valentine’s Day Greeting Card with Abstract Hearts in Adobe Photoshop CS6

In the following Quick Tip tutorial you will learn how to use Custom shapes, Layer styles, and Gradients in Adobe Photoshop CS6 to create elegant Valentine’s Day greeting card with abstract hearts. You can use these techniques and elements to create your own greeting card! Layered PSD file included. Let’s get started! Final Image Preview… Continue reading How to Create Elegant Valentine’s Day Greeting Card with Abstract Hearts in Adobe Photoshop CS6

Loading Circle Animation Using Photoshop CS6

In today’s tutorial, we’re going to be creating a very simple ‘loading circle’ animation using Photoshop CS6, which you can use on your websites, or before your video projects. This effect is going to take advantage of some of Photoshop CS6′s improved animation capabilities, leaving you with a silky smooth result. Written In terms of… Continue reading Loading Circle Animation Using Photoshop CS6

Your First 30 Days of Learning Web Design: How to Get Started and Not Give Up

Congratulations! Web design can be one of the most useful skills to acquire in your professional career. Your first 30 days of learning are crucial because many people simply give up after a week or two. In this article, we’ll go through some useful tips and tricks to help you get started with web design… Continue reading Your First 30 Days of Learning Web Design: How to Get Started and Not Give Up

25 Best Photoshop CS6 Tutorials

Quickly Select Skin Tones Color Splash Effect in Photoshop CS6 Quickly Change the Appearance Content Aware Move Tool Introducing the New Crop Tool Hunger Games Poster Composite Using Photoshop CS6 Use New Features in Photoshop CS6 to Create an Administrator Dashboard Interface Use the Content Aware Move Tool Create Tilt Shift Photography with the New… Continue reading 25 Best Photoshop CS6 Tutorials

Ruby on Rails Study Guide: The History of Rails

Ruby on Rails – or simply, Rails – is an open source, rapid web development framework, with a continuous goal of maximizing developer happiness and productivity. Created nearly a decade ago, Rails today forms the backbone of many of the most popular applications on the web, and has an incredibly vibrant and passionate community. In… Continue reading Ruby on Rails Study Guide: The History of Rails