Tutorials

Quick Tip: Retroize Your Photos in Seconds

Preview of Final Results Step 1 For this tutorial, we’ll be using Color Lookup adjustment layers which is only available in Photoshop CS6. Color Lookup layers are used to simulate color profiles used in film and Photoshop includes . Start by opening any photo into Photoshop. Step 2 Because this photo effect will be created… Continue reading Quick Tip: Retroize Your Photos in Seconds

20 Latest Free High Quality PSD Files

Web designers always used to try different techniques and experiment with various new aspects of Adobe Photoshop to spice up into their works. Today we present you some high quality free PSD files for your next design with Photoshop. Enjoy! iphone ui(PSD freebie) Social Media Sharing Buttons (PSD) Google Maps UI Controls (PSD) Apple… Continue reading 20 Latest Free High Quality PSD Files

Create A Scrapbook Alphabet

Introduction In this Photoshop Text Effect you’ll learn to create cool Scrapbook style text that can be used as a stand alone word treatment or converted to individual reusable .png files with a transparent background. READ THIS: If you haven’t already done the Text In Stitches tutorial and you want to add the stitches to… Continue reading Create A Scrapbook Alphabet

3D Chrome Text in Photoshop CS6 Extended

In today’s video, we’re going to be taking a look at creating a chrome text effect using the new 3D features within Photoshop CS6 Extended. We’re going to look at bring your text into the 3rd dimension, working with bevels, materials and reflections to create the end result. Note: The 3D features are only available… Continue reading 3D Chrome Text in Photoshop CS6 Extended

Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop

In this tutorial, we will explain how to create a metallic text effect using layer styles in Photoshop. Let’s get started! Tutorial Assets The following assets were used during the production of this tutorial. Strasua Font Black Pattern Step 1 First of all install the .pat file named black_pattern_by_fluctuemos-d5mermc.pat. You have to double click the… Continue reading Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop

Grid-Based Layouts 101

Learning and understanding how to build a layout is one of the hardest aspects of visual design to master. Many designers have trouble grasping the concept of alignment and how to use grids to make their designs balanced and principled. The reason that grids work so well is because they help you divide content into… Continue reading Grid-Based Layouts 101

Make Pretty Charts For Your App with jQuery and xCharts

Charts are a great visual aid when presenting data. You can’t build a professional admin panel without them. They are also tricky to set up. However, there is a new library that makes things easier – xCharts. Today, we are going to use it along with the daterange picker for Twitter Bootstrap, to build a… Continue reading Make Pretty Charts For Your App with jQuery and xCharts

Tip: Smart Object Duplication

For those who use Smart Objects in Photoshop, you’re probably aware that when a Smart Object is duplicated, the duplication and the original Smart Object share the same source file. This means, that if you were to edit the source (by double-clicking on either Smart Object), the changes would be reflected on both layers. However,… Continue reading Tip: Smart Object Duplication

Listing Search Results, Archives, and a 404

Search Results Page, 404, category.php, tag.php Showing search results, archives, and 404 pages are all very important parts of a website, and therefore WordPress theme. It doesn’t often get a lot of coverage or emphasis, so today we’ll be focussing on that exclusively.

Adaptive Blog Theme: Page Templates

Not all content on a blog is in posts. We need page templates for archives, a page template that’s full width, and we’re even going to go over a more sophisticated template that deals with a contact form and validation. Default Page Template (page.php) and Custom Page Templates Download the video, or subscribe to Wptuts+… Continue reading Adaptive Blog Theme: Page Templates

Building Ribbit in Rails

Create a Sports Wallpaper with Splatter Effects

Preview of Final Results Resources Girl – SXC Tea Stain Texture – Frameofthoughts (Deviantart) Ball – SXC Plant – SXC Splatter 1 – SXC Splatter 2 – SXC Splatter 3 – SXC Galaxy – Pauline Moss Stock (Deviantart) Goalpost – SXC Ground – SXC Skyline – SXC Spray Paint Pack – Mediamilitia Water Color Texture… Continue reading Create a Sports Wallpaper with Splatter Effects

Quick Tip: Creating an App Walkthrough in After Effects

It’s often interesting to turn your attention to a new skill or toolset and see what it offers your current workflow. Today, we’ll do just that by presenting our web projects with… Adobe After Effects. This is a beginner tutorial aimed towards app and web developers. This screencast was originally published on Aetuts+. Go and… Continue reading Quick Tip: Creating an App Walkthrough in After Effects

Our Top 50 Photoshop Tutorials from 2012

Just as we published this time last year, today, we have put together our 50 favorite Photoshop tutorials from last year (2012). The tutorials have been split into the following categories: Painting, Photo Composition, Illustration, Drawing, Photo Effects, 3D, Icon Design, Text and, finally, Poster Design Tutorials. So, what’s the wait? Go ahead and… Continue reading Our Top 50 Photoshop Tutorials from 2012

Killzone C4d signature tutorial

Hi everyone, in this tutorial I’ll teach you guys to reach a similar outcome as the following Killzone signature: It’s not a difficult tutorial if you already know some basics and medium skills. It is fully labeled, this way you can exactly see what I did when creating the signature, even steps that I didn’t explain in… Continue reading Killzone C4d signature tutorial

Interweaving Effect in Photoshop CS6

In this tutorial, we’re going to be creating an ‘interweaving’ effect that you can use with your photos using Photoshop CS6′s new Scripted Patterns feature. One of my viewers sent me a link to an ‘Interweaving’ Photoshop tutorial, which they were having some difficulty completing, and after taking a look at the tutorial, it’s very… Continue reading Interweaving Effect in Photoshop CS6

Vizualize Your Resume in a Whole New Way

As a freelance writer, it seems like I’m always sending my resume out. Sometimes this causes some issues, usually with file compatability. I try to send a PDF, but this doesn’t always eradicate the problems and my resume isn’t always viewed the way it’s meant to be. Due to these issues, I’ve been searching for… Continue reading Vizualize Your Resume in a Whole New Way

Building Icons With a Single HTML Element

With the arrival of ultra high definition screens (think Retina) new design challenges have arisen; we need to find ways to accomodate all devices. Take displaying icons for example. We could lean on serving images at 200%,or using SVG,but it’s also possible to build a surprising amount of graphics with CSS alone. Let’s build an… Continue reading Building Icons With a Single HTML Element

Spectragram – An Easy jQuery Plugin for Instagram API

Spectragram is an easy jQuery plugin for Instagram API to fetch and display user, popular or tags photo feeds inside your web application or site. You can get get the most recent media published by a user, the most popular media at the moment, or recently tagged media from Instagram API. You can display the… Continue reading Spectragram – An Easy jQuery Plugin for Instagram API

Enhancing Eyes in Photoshop

The eyes have long been considered the windows to the soul, but sometimes those windows need a bit of cleaning up and enhancing. In this tutorial PhotoshopTrainingChannel will create amazing looking eyes in Photoshop. He will show you 9 different techniques you can use to enhance anyone’s eyes.

Create Digital Invitations To Any Event With Erly

In this digital age, inviting friends and family to a special occasion is now as easy as sending them an email or a link to a web page. For those who prefer a modern way of sending invites as opposed to the more traditional ones sent by post, Erly is a great option. The web… Continue reading Create Digital Invitations To Any Event With Erly

3D Pop Up Effect In Photoshop

In this Photoshop tutorial, we’ll learn how to create a fun 3D pop-up effect, similar a children’s pop-up book, where the main subject of your photo appears to be standing up and popping right out of an otherwise flat image. To add even more of a 3D look to it, we’ll be curling the edges… Continue reading 3D Pop Up Effect In Photoshop

Live Album Previews with CSS3 and jQuery

Today we are going to make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it. Let’s… Continue reading Live Album Previews with CSS3 and jQuery

How to Create a Simple Multi-Item Slider

For today’s tutorial we want to show you how to create a simple item slider with CSS animations and some jQuery. The idea was inspired by the Aplle product slider where several little items fly in with a bouncing animation. We wanted to translate this concept to a modern-looking alternative for a minimal online store… Continue reading How to Create a Simple Multi-Item Slider