3rd Element http://3rdelement.com Learn at Your Own Pace Sat, 20 Apr 2013 14:48:41 +0000 en-US hourly 1 http://wordpress.org/?v=3.5.1 Website Layout http://3rdelement.com/photoshop/website-layout/ http://3rdelement.com/photoshop/website-layout/#comments Mon, 01 Apr 2013 12:24:34 +0000 rolex http://3rdelement.com/?p=1924

A video Photoshop lecture creating a clean website layout template.

Website Layout Template

Download exercise files


]]> http://3rdelement.com/photoshop/website-layout/feed/ 0 Digital Scrapbooking Photoshop Tutorial http://3rdelement.com/photoshop/scrapbooking/ http://3rdelement.com/photoshop/scrapbooking/#comments Fri, 01 Feb 2013 10:20:54 +0000 rolex http://3rdelement.com/?p=1835

A video Photoshop lecture learning how to make selections based on a channel, work on masking, apply keyboard shortcuts, combine memorabilia images, text, graphics and textures to create a story in a scrapbook album style.

Digital Scrapbooking

Download exercise files ……… Download (Right Click – Save As)
Many thanks to Steve Paxton for providing textures that I used on this scrapbooking tutorial! Visit his prints at Paxton Prints, and work at Paxton Portraits. You can directly download the high resolution coffee stain textures at Coffee Stain Texture Collection and the Vintage World War II Envelope Covers at Free High Resolution Vintage World War II Envelope Covers.
Thank you to Marc Carlson for providing the photo of the studio portrait of a young soldier in uniform that I used on this scrapbooking tutorial! You can also download the high resolution version of the young soldier.
Thank you to Bryn for providing the free floor texture that I used on this scrapbooking tutorial!


]]> http://3rdelement.com/photoshop/scrapbooking/feed/ 1 HTML5 Resume (Promo Video) http://3rdelement.com/html/html5-resume/ http://3rdelement.com/html/html5-resume/#comments Wed, 09 Jan 2013 13:49:55 +0000 rolex http://3rdelement.com/?p=1798


In this intermediate course you will create a single HTML5 Resume page based on the 960 grid system, a very popular streamline web development workflow used by a lot of developers and designers.

The course begins with an introduction of the 960 grid system, what it means, and how to use the 12 column framework. We will be creating this page together code by code, line by line, controlling typography, styling every element and utilizing the framework. This resume page is using HTML5 elements, HTML lists, CSS pseudo class selectors, and CSS positioning. Some working HTML and CSS experience is required as well as a basic knowledge of Photoshop.

The tutorial is been hosted with
HTML5 Resume

HTML5 Resume

]]> http://3rdelement.com/html/html5-resume/feed/ 0 HTML5 Advertisement http://3rdelement.com/html/promo-ad/ http://3rdelement.com/html/promo-ad/#comments Mon, 08 Oct 2012 08:15:10 +0000 rolex http://3rdelement.com/?p=1745

An HTML5 tutorial based on a promotional advertisement, exploring the article tag, embedding fonts, and the use of pseudo element selectors, all with the help of CSS3 techniques.

HTML5 Tutorial Promo Ad

Download exercise files
Other resources at Font Squirrel, Copy Past Characters, A Web Developer’s Guide to HTML 5.


]]> http://3rdelement.com/html/promo-ad/feed/ 2 Camera Raw Split Toning http://3rdelement.com/photography/camera-raw-split-toning/ http://3rdelement.com/photography/camera-raw-split-toning/#comments Fri, 27 Jul 2012 13:44:20 +0000 rolex http://3rdelement.com/?p=1663


Inside Camera Raw learn how to use split toning, a process that gives a black & white image a different tint for the shadows and the highlights, typically a warm tone for the highlights and cooler tones in the shadows and have blend together.

Camera Raw Split Toning

Download exercise files

Pin It]]> http://3rdelement.com/photography/camera-raw-split-toning/feed/ 1 HTML5 Newsletter http://3rdelement.com/html/html5-article/ http://3rdelement.com/html/html5-article/#comments Sun, 27 May 2012 14:21:13 +0000 rolex http://3rdelement.com/?p=1623

An HTML5 tutorial based on a article composition, exploring the article tag, embedding fonts, and the use of pseudo element selectors, all with the help of CSS3 techniques.

HTML5 Article

Download exercise files
This code helps older versions IE display HTML5 elements HTML5 IE enabling script – html5shiv.
Other resources at Font Squirrel, Copy Paste Characters, A Web Developer’s Guide to HTML 5.


]]> http://3rdelement.com/html/html5-article/feed/ 0 Grunge Textures & Custom Borders http://3rdelement.com/photography/grunge-textures-custom-borders/ http://3rdelement.com/photography/grunge-textures-custom-borders/#comments Fri, 23 Mar 2012 15:39:14 +0000 rolex http://3rdelement.com/?p=1505


Learn how to use your photos as grunge textures and create customized grunge brushes to significantly dress up your photographs.

Grunge Textures & Brushes

Download the exercise files
Many thanks to Steve Paxton for his scratch texture that I used on my tutorial! Visit his prints at Paxton Prints, and work at Paxton Portraits.
Pin It]]> http://3rdelement.com/photography/grunge-textures-custom-borders/feed/ 3 Dragan Effect http://3rdelement.com/photography/dragan-effect/ http://3rdelement.com/photography/dragan-effect/#comments Tue, 17 Jan 2012 06:38:49 +0000 rolex http://3rdelement.com/?p=1431


Learn how to apply the Dragan effect, a widely used technique in post processing and give a dramatic makeover to your photos.

Dragan Effect

Download the exercise file
Pin It]]> http://3rdelement.com/photography/dragan-effect/feed/ 1 HTML Promotional Campaign http://3rdelement.com/html/css-coupons/ http://3rdelement.com/html/css-coupons/#comments Mon, 14 Nov 2011 17:25:33 +0000 rolex http://3rdelement.com/?p=1348


An HTML/CSS tutorial creating coupons using absolute positioning, multiple CSS3 backgrounds, gradients, shadows and borders to give the right effect. This CSS tutorial works with the latest browsers, Firefox 3.6+, Chrome 10+, Safari 5.1+.

CSS Tutorial - CSS Coupons

Download exercise files

]]> http://3rdelement.com/html/css-coupons/feed/ 4 Black & White Image Conversion http://3rdelement.com/photography/black-and-white/ http://3rdelement.com/photography/black-and-white/#comments Tue, 13 Sep 2011 19:14:29 +0000 rolex http://3rdelement.com/?p=1339


Learn how to convert color digital images into black and white, explore different methods and eliminate noise levels as a result of it.

Black & White Photography

Download the exercise file
]]> http://3rdelement.com/photography/black-and-white/feed/ 1