Archive for September, 2010

22
Sep/10

CSS3 Multi-column Layouts

by Alex under Feeds
CSS3 Multi-column Layouts. A ncie guide that teaches you how to implement CSS3 Multi-Column layouts.
No tags Leave a Comment more...

22
Sep/10

Useful Adobe Photoshop Techniques, Tutorials and Tools

by Vitaly Friedman under Design, Feeds, Web Design
Smashing-magazine-advertisement in Useful Adobe Photoshop Techniques, Tutorials and ToolsSpacer in Useful Adobe Photoshop Techniques, Tutorials and Tools
in Useful Adobe Photoshop Techniques, Tutorials and Tools  in Useful Adobe Photoshop Techniques, Tutorials and Tools  in Useful Adobe Photoshop Techniques, Tutorials and Tools

As web designers, we always have something new to learn. Over the last decade our workflow has changed dramatically — it’s become more sophisticated and highly diversified. Not only do we have a much larger variety of improved tools to use; there’s also an endless stream of new techniques emerging and spreading within the web design community via social networks.

And this is where the opportunity to learn new useful, practical approaches and techniques comes in. We can learn by exploring the different design approaches other designers have taken, when solving their problems and apply these approaches to our work to become more productive and skilled. Therefore, our editorial team is permanently looking for interesting techniques, tools and tutorials, which we carefully select and present in round-ups on Smashing Magazine. You needn’t love our lists, but they often will give you some useful ideas and advice.

Below you’ll find an overview of new useful Adobe Photoshop techniques and tutorials that we’ve found and collected over the last months. We sincerely hope that at least some of the techniques presented there will help you improve your graphic design skills in Adobe Photoshop. And sincere thanks to all designers and developers whose articles are featured in this review. We respect and appreciate your contributions to the design community, folks!

[Offtopic: by the way, did you know that there is a Smashing eBook Series? Book #2 is Successful Freelancing for Web Designers, 260 pages for just $9,90.]

Photoshop Techniques and Tutorials

Illustration

Create an Awesome Number-Based Illustration
In this tutorial, you will how to combine the power of the pen tool with some patterns and shapes to create an original and vivid illustration. You’ll also learn some tips for workflow, along with a variety of design skills that you can apply in your own design works.

PS-141 in Useful Adobe Photoshop Techniques, Tutorials and Tools

iPhone Photoshoot Video
Michael Flarup recorded 6 hours of work with 1000+ layers in Photoshop and made a video speeding up the process. The illustration was designed for a Smashing Magazine’s article How to Market Your App.

PS-105 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Blood and Milk Typography Poster in Photoshop
This tutorial shows you how easy with few basics steps you can create original typography poster in Photoshop. With this technique you can create interesting flyers for clubs or you can use it in advertisements.

Psd-01 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Adobe CS5 Design Premium Box Artwork in Photoshop
In this tutorial you will learn how to create a design like the one you’ll find see on the Adobe CS 5 Design Premium Box. Actually, it’s fairly simple and you will be playing with pattern a lot. If you want to create the design of the Photoshop CS 5 box, for example, it will be pretty much the same process.

PS-135 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Simple Roy Lichtenstein Style in Illustrator and Photoshop
Learn how you can apply the Halftone filter in Photoshop and the Width Tool in Illustrator CS 5 to create an image inspired by Roy Lichtenstein’s style.

PS-137 in Useful Adobe Photoshop Techniques, Tutorials and Tools

How To Design a 3D Wooden Box in Photoshop
In this tutorial, you’ll learn to make a Wooden Box with a realistic touch. Along the way, you will be learning various tips such as using layer-sets for putting a group of layers together that you’d want to move/resize alt at a time. With layer-sets, the tedious work of selection of multiple layers for moving/resizing can be avoided.

PS-126 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Ursus – Brief Process Examination by Justin Maller
This post is a case study or a brief process examination sent by Justin Maller, in which he explains how he created the original and abstract Ursus artwork.

PS-138 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Design a Vintage Radio Icon in Photoshop
In this Photoshop Tutorial, you’ll learn how to design an old vintage radio using simple shapes, gradients, patterns and textures.

PS-123 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Brushing Up On Photoshop’s Brush Tool
Developing Photoshop brush skills takes time, but it is well worth the effort. This article outlines the plethora of options that Photoshop affords, so that you can efficiently create and use brushes like the Old Masters.

PS-124 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Create a Colorful Space Scene in Photoshop
In this tutorial you’ll learn how to create a colorful illustration that includes the Earth, the Moon, a starry sky and some beautiful light effects.

PS-106 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Realistic, High Quality Printer Icon in Photoshop
In this long tutorial you will learn how to use vector masks and layer styles in Photoshop to create a slick looking ink printer reminiscent of some Canon and HP ink printers.

PS-109 in Useful Adobe Photoshop Techniques, Tutorials and Tools

500+ Photoshop Brushes for Creating Brush Strokes
This review presents Photoshop brushes that will allow you to easily create realistic paint brush stroke effects. There are 18 free brush sets included, overall more than 500 brushes.

PS-127 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Master Repeating Patterns in Photoshop
Ths tutorial explains how a repeating pattern can be created given that there are spaces around the original shape. In the process, you will get a grasp on creating repeating patterns in Photoshop.

PS-133 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Creating a Furry Possum in Photoshop
In this detailed tutorial, you will learn some techniques used to create the possum (one of the possum brothers) from the animated cartoon-Ice Age.

PS-102 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Simple Underwater Scene in Photoshop
This tutorial shows you how to create a underwater scene with bubbles and light effects.

PS-148 in Useful Adobe Photoshop Techniques, Tutorials and Tools

How to Create a Photo Realistic Camera
This article demonstrates a powerful combination of vector shapes, layer styles, and manual drawing to create a photorealistic camera. In fact, the result is so realistic that you’d think it’s just an ordinary photo.

PS-149 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Making a Book of Magical Playground Scene
This tutorial will show how to create a fantasy book scene. The designers will be using various advanced Photoshop techniques to make the composition as realistic as possible.

PS-150 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Photoshop Poster Design Tutorial
This tutorial shows you how to design a great looking poster to celebrate Adobe Photoshop’s 20th Anniversary.

Psd-08 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Opacity + Photoshop Blend Modes = Pattern Magic
When it comes to creating patterns, the ability to duplicate a layer is one of Photoshop’s greatest features.The trick is to pay attention more to how shapes interact than to how a shape looks on its own. This article explains this and other techniques for creating patterns in Photoshop.

PS-144 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Create a Photo Realistic USB Cable in Photoshop
In the right hands, Photoshop’s pen tool can be a very powerful tool for creating incredible; even photo realistic images. This tutorial demonstrates exactly that, and shows how to draw a photo realistic USB cable in Photoshop.

PS-153 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Fresh and Excellent Photoshop Tutorials For Designing Posters
With Photoshop manipulation tools, you can create and edit images for Web and print. Below you will find some tutorials on poster design from 2010.

PS-160 in Useful Adobe Photoshop Techniques, Tutorials and Tools

How to Create a Retro Sci-Fi Computer Game Poster
Combine stock photos and design resources to create an attractive retro sci-fi themed game poster that is inspired by Atari games of the 80s.

PS-110 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Create a Calendar Using Scripting in Photoshop
This tutorial explains how to generate a full year, custom background calendar in Photoshop using JavaScript.

PS-111 in Useful Adobe Photoshop Techniques, Tutorials and Tools

5 Advanced Photoshop Techniques for Web Designers
Sometimes you need that extra Photoshop knowledge in order to achieve the look you need. In this step-by-step tutorial, Marko Prljić shows you how to create five killer effects for your site. You many want to check the second part of the article , too.

PS-163 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Typography

Creating Retro Folded Typography Using Photoshop
In this Photoshop tutorial, you will learn to create retro-looking text that seems like it’s constructed using folded strips of paper.

PS-112 in Useful Adobe Photoshop Techniques, Tutorials and Tools

40+ Gorgeous and Artistic Typography Tutorials Using Photoshop
An overview of professional creative step-by-step typography tutorials using Adobe Photoshop which can enrich your design skills and improve the quality of your work.

PS-101 in Useful Adobe Photoshop Techniques, Tutorials and Tools

How to Create Inset Typography in Photoshop
In this beginning-level design tutorial, you’ll learn how to apply a beautiful and easy text treatment in Photoshop: the inset text effect.

PS-113 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5
This tutorial will show you how to create a text effect using a photo of a rope and the Puppet Warp tool.

PS-139 in Useful Adobe Photoshop Techniques, Tutorials and Tools

3D Water Text Effect with Repoussé in Photoshop CS5
In this tutorial you’ll see how to create a water text effect with Photoshop. Even though it might look complex, it’s a very simple effect. You will be using the new Repoussé tool and then some stock photos to create the effect.

PS-151 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Create a Distressed Vector Typographic Poster Design
Follow this step by step walkthrough of Chris Spooner’s recent design process for the ‘Spectrum’ poster. Starting with custom made type in Illustrator, you’ll move vector graphics into Photoshop for some serious distressing with Photoshop brushes and blending modes.

PS-152 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Photography

How To Make Digital Photos Look Like Lomo Photography
A step by step tutorial on how I take a digital photo and make it Lomoified. Don’t forget to create an action script once you get this down, it will save you a lot of time.

Psd-07 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Uncovering Toy Cameras and Polaroid Vintage Effects (With Photoshop Tutorials)
Below are a list of the most famous toy cameras and some tutorials that can be used to recreate their famous effects.

PS-103 in Useful Adobe Photoshop Techniques, Tutorials and Tools

50 Time Saving Photoshop Actions for Enhancing Photos
Here are 50 excellent Photoshop actions that can add professional looking enhancements to your photos with the click of a button.

PS-121 in Useful Adobe Photoshop Techniques, Tutorials and Tools

100+ Outstanding Photoshop Actions to Enhance your Photography
Have you ever seen photos in magazines or on the web and wondered how they achieved that look? This post presents over 100 Photoshop actions that will help you achieve some of these looks and save you some time in the process.

PS-129 in Useful Adobe Photoshop Techniques, Tutorials and Tools

A Perfect Lie in Photoshop #2
In this Photoshop Tutorial Cameron Rad will present us what he has found out over this last year of Photoshop experiments with skin retouching.

PS-136 in Useful Adobe Photoshop Techniques, Tutorials and Tools

20 Beautiful Photoshop Montage Tutorials
In this round-up, you’ll look at 20 beautiful Photoshop montage tutorials that teach you step by step how to create these amazing photo composites.

PS-142 in Useful Adobe Photoshop Techniques, Tutorials and Tools

How to Make a Photoshop Montage
Anyone can cobble together a few photos and textures and create a humdrum montage. To elevate yours beyond this it takes a few simple tricks using Photoshop’s array of tools. This tutorial explains how to create a Photoshop montage in 19 steps.

PS-143 in Useful Adobe Photoshop Techniques, Tutorials and Tools

80+ Photoshop Actions for Giving Your Pictures a Vintage Look
This post round-ups over eighty Photoshop actions that will add vintage or retro effects to your photos.

PS-147 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Improving General Photoshop Skills

Create Animations in Photoshop
After Effects is the go-to Adobe application for creating both simple and complex animations. However, for those users that either don’t have the time to learn an entire new application or simply don’t own a copy of After Effects, Photoshop has incorporated very similar, albeit scaled back, functionality.

Psd-04 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Learn How to Draw Hand-crafted Pixel Art in Photoshop
In this tutorial, an illustrator Russel Tate teaches you how to draw with pixels. You’ll learn how to create artwork in the style of eBoy and Army of Trolls.

Psd-06 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Create a Camera Lens Icon in Photoshop (Screencast)
In this tutorial, you’ll learn how to create a camera lens icon using Photoshop. Duration of the screencast: 30 minutes.

Psd-05 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Learn Photoshop: All of the Basics for Beginners
This post is intended for designers or aspiring designers who either want to get started with Photoshop or have limited experience and are looking to improve. With this post you’ll find links to plenty of resources to teach you all the basics and fundmentals of Photoshop.

PS-104 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Photoshop 101 – Working with Slices
In this tutorial you’ll learn how to use the slice tool and show you some easy methods of slicing up your designs.

PS-120 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Unveiling Photoshop Masks
In this article, you’ll explore the technical aspects and creative advantages of incorporating masks into your workflow.

PS-128 in Useful Adobe Photoshop Techniques, Tutorials and Tools

12 Common Photoshop Mistakes, Misuses and Abuses
This article presents a list of 12 common mistakes, misuses and various ways new users abuse Photoshop.

PS-130 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Mastering Photoshop: Unknown Tricks and Time-Savers
Collected here are some lesser known but extremely useful shortcuts. Many of these are not documented in the “Keyboard Shortcuts”Â� menu, and some of them don’t even have equivalent menu options.

PS-131 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Taking Photoshop’s Curves Beyond Highlights and Shadows
Read on for more details about what Photoshop curves are, as well as how to use them properly for your designs.

PS-145 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Getting to Know Clipping Masks and Layer Masks in Photoshop
This article outlines the differences between the layer mask and the clipping mask in Photoshop.

PS-158 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Templates

Photoshop Android GUI Set, Great freebie.
This design pieces are brought to you thanks to our design family at Iconshock, which is a quote of faith regarding the quality of the set. The package includes fully editable Photoshop files, original fonts and previews, everything that you may need in order to customize your set according to your preferences. Please let us know your opinions and feel free to share this amazing gift with your friends, remember that you will always find the best articles and resources only here, at Webdesignshock.

Psd-03 in Useful Adobe Photoshop Techniques, Tutorials and Tools

60 High Quality Photoshop PSD Files For Designers
Photoshop .PSD file reveals the techniques used on a specific design, and it also tells us the style of the creator and most of the time there is something new we can learn from it. You’ll get quite an overview of interesting techniques in this collection of PSD files.

PS-114 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Free PSD: Facebook Fanpage Template
A Facebook Fanpage mock-up with editable text, posting times etc. You may want to check the Free PSD Twitter Background Template, too.

PS-116 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Modern UI and Layout Tutorials for Photoshop
In this round-up you’ll find many current web design Photoshop tutorials that cover not only web page layouts, but also web app layouts, mobile UI and design elements such as buttons, search boxes, headers and footers.

PS-140 in Useful Adobe Photoshop Techniques, Tutorials and Tools

How to Effectively Organize your Photoshop Layers
This tutorial outlines how to create organized, designer and developer friendly PSD files. This is in no way the only solution, but hopefully it will encourage better practice in the web design world.

PS-146 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Coding, Processes and Organization

Preparing Photoshop Files for Web Developers
Designers can help their counterparts or clients before a design hand-off by taking 10 to 15 minutes to prepare files in a consistent and organized manner that can potentially save developers hours of production time. As an added bonus, an organized Photoshop file will save designers time by minimizing development questions after the file has been handed off for coding.

PS-107 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Photoshop Variables: How to Import External PSD Smartly?
From the article: “A while back, I discovered a system that enables designers to say goodbye to opening 23 PSD files just to change the header color. When a change is required, we can just change it in one place.”

PS-118 in Useful Adobe Photoshop Techniques, Tutorials and Tools

How to Code up a Web Design from PSD to HTML
Learn how to code up a complete mockup in HTML and CSS, ensuring the code is semantic and standards compliant. You’ll then add some finishing touches with a spot of jQuery.

PS-119 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Setting Up Photoshop For Web, App and iPhone Development
This article addresses the issues in trying to match colors in images to colors generated by HTML, CSS or code.

PS-122 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Clean Up Your Photoshop Swatches and Styles
From the post: “If you’re always grabbing the eye-dropper to get colors and copying/pasting layer styles, chances are you’re wasting time and getting innaccurate results to boot. So what’s a good Photoshopper to do? I’ve created two empty palettes for you. Just download them and follow the directions below.”

PS-157 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Divine
Divine creates websites from Photoshop to WordPress promptly. Basically, Divine is a plug-in that sits on top of Photoshop. Once you’ve finished designing in Photoshop, launch Divine plug-in in Photoshop, assign WordPress roles to the main elements (e.g. #footer, #header, etc.), and then the plug-in will prepare all the files you need. Once you set FTP access, the tool uploads the theme automatically to your server. The tool is free.

PS-108 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Open With Photoshop
Open With Photoshop is a Firefox extension that allows you to send any image via right click context menu from the browser directly to the Photoshop.

PS-156 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Last Click

Why We Don’t Deliver Photoshop Files
Occasionally a potential client will ask you to give them Photoshop comps as the final deliverable, to be coded either by an internal implementation team or a technical partner. Some designers don’t do that. Here’s why.

PS-155 in Useful Adobe Photoshop Techniques, Tutorials and Tools

If Photoshop Was Batman, Then Illustrator Would Be…
From the article: “Perhaps as a direct result of too much Batman: Arkham Asylum, I found myself asking the question: If Photoshop was Batman, what would Illustrator be? In this silly little article, I explore some of the intriguing possibilities.”

PS-132 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Top 10 Photoshop Feature Requests
This post presentes some of the top 10 most requested features that he believes would make Photoshop a more powerful and time saving tool.

PS-125 in Useful Adobe Photoshop Techniques, Tutorials and Tools

Photoshop CS6 wish list
You may want to check out this Photoshop CS6 wish list, too. Do you agree with the features mentioned there?

PS-159 in Useful Adobe Photoshop Techniques, Tutorials and Tools

The Darwinian Evolution of Photoshop
What does a top notch graphic designer have in common with an amateur photographer who uploads his weekend pictures on Facebook? They both love Photoshop! This infographics presents the evolution of Photoshop in a quite unusual, original way.

Psd-02 in Useful Adobe Photoshop Techniques, Tutorials and Tools

(ks)

© Vitaly Friedman for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: , ,

Leave a Comment more...

22
Sep/10

Beyond Visible: 100 Years Of Infrared Photographs

by Noupe under Feeds, Web Design
Advertisement in Beyond Visible: 100 Years Of Infrared Photographs
in Beyond Visible: 100 Years Of Infrared Photographs  in Beyond Visible: 100 Years Of Infrared Photographs  in Beyond Visible: 100 Years Of Infrared Photographs

By Aygul Zagidullina

Infrared photography, one of the most fascinating photographic techniques, is celebrating its 100th anniversary this year. The technique enables us to capture light that is invisible to the human eye. The first infrared photograph was taken by Professor Robert Williams Wood and was published in the Royal Photographic Society Journal in 1910 as an illustration for his paper.


Infrared-photo00 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared photography became popular in 1960s, when several artists experimented with it to achieve some unusual and eye-catching effects. Jimi Hendrix, Frank Zappa and Donovan released albums with infrared photos on the covers.

Infrared-album-cover in Beyond Visible: 100 Years Of Infrared Photographs

In this post, we present over 60 breathtaking examples of infrared photography to inspire and amaze you. Every photograph is linked to the photographer’s website. Visit their portfolios for further inspiration.

Showcase of Infrared Photography

Infrared Lake, by Marcin Osadzin

Infrared-photo01 in Beyond Visible: 100 Years Of Infrared Photographs

Pink Tree Infrared, by Michael Laukeninks

Infrared-photo02 in Beyond Visible: 100 Years Of Infrared Photographs

The Park Infrared, by Dave Ellis

Infrared-photo03 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared Pond, by Paula Cobleigh

Infrared-photo04 in Beyond Visible: 100 Years Of Infrared Photographs

The White Field, by Dave Ellis

Infrared-photo05 in Beyond Visible: 100 Years Of Infrared Photographs

Land of Dreams, by Pekka Suopellonmäki

Infrared-photo06 in Beyond Visible: 100 Years Of Infrared Photographs

Three Birches Infrared, by Michael Laukeninks

Infrared-photo07 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared Butterfly

Infrared-photo08 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared Flower

Infrared-photo09 in Beyond Visible: 100 Years Of Infrared Photographs

Tropical Garden Infrared, by Michael Laukeninks

Infrared-photo10 in Beyond Visible: 100 Years Of Infrared Photographs

San Francisco Infrared

Infrared-photo11 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared Tree, by Christian Katzinger

Infrared-photo12 in Beyond Visible: 100 Years Of Infrared Photographs

Out of the Earth, by Chavdar Popov

Infrared-photo13 in Beyond Visible: 100 Years Of Infrared Photographs

Pameungpeuk, by Goldy Fatihadi

Infrared-photo14 in Beyond Visible: 100 Years Of Infrared Photographs

Windmill Infrared, by Christian Katzinger

Infrared-photo15 in Beyond Visible: 100 Years Of Infrared Photographs

Tropical Paradise Garden, by Michael Laukeninks

Infrared-photo16 in Beyond Visible: 100 Years Of Infrared Photographs

Masjig Agung Great Mosque

Infrared-photo17 in Beyond Visible: 100 Years Of Infrared Photographs

Blue Horses Infrared, by Michael Laukeninks

Infrared-photo18 in Beyond Visible: 100 Years Of Infrared Photographs

Cirahong Infrared, by Goldy Fatihadi

Infrared-photo19 in Beyond Visible: 100 Years Of Infrared Photographs

New Born Spring

Infrared-photo20 in Beyond Visible: 100 Years Of Infrared Photographs

Virgin Mary ‘On Sand’ Church (Wroclaw, Poland), by Daniel Gaworski

Infrared-photo21 in Beyond Visible: 100 Years Of Infrared Photographs

Fantasy Land, by Ekky Zainuddin Affandi

Infrared-photo22 in Beyond Visible: 100 Years Of Infrared Photographs

Kota Tua

Infrared-photo23 in Beyond Visible: 100 Years Of Infrared Photographs

Blue Infrared, by Dave Deluria

Infrared-photo24 in Beyond Visible: 100 Years Of Infrared Photographs

The Gritty City, by John Harvey

Infrared-photo25 in Beyond Visible: 100 Years Of Infrared Photographs

Eyes Do More than See, by Luis Argerich

Infrared-photo26 in Beyond Visible: 100 Years Of Infrared Photographs

Her World, by Zach Stern

Infrared-photo27 in Beyond Visible: 100 Years Of Infrared Photographs

Mystic Woods

Infrared-photo28 in Beyond Visible: 100 Years Of Infrared Photographs

Grödinge Church Infrared, by Anders Pettersson

Infrared-photo29 in Beyond Visible: 100 Years Of Infrared Photographs

By Bokeh Photography Studio

Infrared-photo30 in Beyond Visible: 100 Years Of Infrared Photographs

By Bokeh Photography Studio

Infrared-photo31 in Beyond Visible: 100 Years Of Infrared Photographs

By Gabriel Ramirez

Infrared-photo32 in Beyond Visible: 100 Years Of Infrared Photographs

Lapland, by Vaans Ruijten

Infrared-photo33 in Beyond Visible: 100 Years Of Infrared Photographs

The Horse, by Christel Eldrim

Infrared-photo34 in Beyond Visible: 100 Years Of Infrared Photographs

Aniko

Infrared-photo35 in Beyond Visible: 100 Years Of Infrared Photographs

By Dave Wild

Infrared-photo36 in Beyond Visible: 100 Years Of Infrared Photographs

By Corrado Borean

Infrared-photo37 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared Crazy Colors (San Jose, California)

Infrared-photo38 in Beyond Visible: 100 Years Of Infrared Photographs

All Hail, by Matahumba Sir

Infrared-photo39 in Beyond Visible: 100 Years Of Infrared Photographs

Song for You, by Prayoga D. Widyanto

Infrared-photo40 in Beyond Visible: 100 Years Of Infrared Photographs

By Lloyd Chambers

Infrared-photo41 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared Palm Springs (Version 1), by Pete Talke

Infrared-photo42 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared Palm Springs (Version 2), by Pete Talke

Infrared-photo43 in Beyond Visible: 100 Years Of Infrared Photographs

The Park

Infrared-photo44 in Beyond Visible: 100 Years Of Infrared Photographs

Sam Pho Kong Semarang

Infrared-photo45 in Beyond Visible: 100 Years Of Infrared Photographs

The Gilded River

Infrared-photo46 in Beyond Visible: 100 Years Of Infrared Photographs

By Bokeh Photography Studio

Infrared-photo47 in Beyond Visible: 100 Years Of Infrared Photographs

By Bokeh Photography Studio

Infrared-photo48 in Beyond Visible: 100 Years Of Infrared Photographs

HDR Infrared Tree, by Alyssa Tompsett

Infrared-photo49 in Beyond Visible: 100 Years Of Infrared Photographs

By Bokeh Photography Studio

Infrared-photo50 in Beyond Visible: 100 Years Of Infrared Photographs

By Bokeh Photography Studio

Infrared-photo51 in Beyond Visible: 100 Years Of Infrared Photographs

By Bokeh Photography Studio

Infrared-photo52 in Beyond Visible: 100 Years Of Infrared Photographs

By Bokeh Photography Studio

Infrared-photo53 in Beyond Visible: 100 Years Of Infrared Photographs

By Bokeh Photography Studio

Infrared-photo54 in Beyond Visible: 100 Years Of Infrared Photographs

On the Shore

Infrared-photo55 in Beyond Visible: 100 Years Of Infrared Photographs

By Oscar Blanco

Infrared-photo56 in Beyond Visible: 100 Years Of Infrared Photographs

From LifePixel Photo Gallery

Infrared-photo57 in Beyond Visible: 100 Years Of Infrared Photographs

Peaceful Blue, by Joey Goldsmith

Infrared-photo58 in Beyond Visible: 100 Years Of Infrared Photographs

The Past Revisited, by Joey Goldsmith

Infrared-photo59 in Beyond Visible: 100 Years Of Infrared Photographs

From LifePixel Photo Gallery

Infrared-photo60 in Beyond Visible: 100 Years Of Infrared Photographs

Bernheim, by Joey Goldsmith

Infrared-photo61 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared Jurassic Park, by Pete Talke

Infrared-photo62 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared London (England), by Pete Talke

Infrared-photo63 in Beyond Visible: 100 Years Of Infrared Photographs

From LifePixel Photo Gallery

Infrared-photo64 in Beyond Visible: 100 Years Of Infrared Photographs

Infrared World (Sheffield Park, England), by Mark Bond

Infrared-photo65 in Beyond Visible: 100 Years Of Infrared Photographs

Escalator at Ladvi metro station (Prague, Czech Republic), by Steve Coleman

Infrared-photo66 in Beyond Visible: 100 Years Of Infrared Photographs

Three Trees in Infrared, by Andrew Hefter

Infrared-photo67 in Beyond Visible: 100 Years Of Infrared Photographs

Paihivo, by Daniel Gaworski

Infrared-photo68 in Beyond Visible: 100 Years Of Infrared Photographs

Resources

Your Opinion Is Welcome

What is your opinion of infrared photography? In case we missed any incredible infrared photographs, please use the comments area to share them and your thoughts. We always look forward to your feedback!

(al)

1 Comment more...

22
Sep/10

Use of Negative Space in Graphic Design

by John Urban under Feeds

Negative space is an important element of marketing and design. With logo design and other print design, the use of negative space takes thought and planning. It is not something to be overlooked or avoided. Great design works takes all the space into consideration, both used and used elements.

What is Negative Space?

In terms of graphic design, negative space is the part of the design that is not being used. In design, there are three plain elements that make up the framework of the piece. These include the subject (positive space), the frame and then the negative space.

Negative space is referred to as white space when working with print design. It is considered the space of the design that is empty. The use of white space is encouraged and the more, the merrier. It can be tempting to fill a page with all kinds of meaningful design, but this is often overwhelming and frustrating for customers. The idea is to make the focal elements of the design and have the white space draw people into the focal areas instead of distracting them away.

The Importance of Negative Space

With any piece of design there must be negative space. A piece that contains no negative space will be too busy. A viewer’s eyes will be all over the place, unable to focus. This keeps your audience from receiving whatever message the design intended to deliver.

Negative space is a great way to achieve balance or symmetry in a design. This makes the design look better and achieve a greater appeal for viewers. The proper use of white space allows the objects in the design piece to co-exist, even if they would not normally match or go together. The right use of space can connect both similarities and design differences.

Resist the temptation to fill an advertisement with all sorts of marketing jargon and information. Just because there is space that could be filled, does not mean that you need to fill it. Place your website address on the advertisement. Customers who want to learn more will click through to the company’s website.  An advertisement should be a teaser, a movie trailer – it should not only intrigue but also entertainment.

How to Incorporate Negative Space

First, you will need a good idea of what negative space is and what it is not. Do some research on negative space and look through some design examples in a variety of mediums to get an idea of what works well with negative space, and what does not.

Occasionally, the focal design element of a piece could be knocking out an area of the design as negative space. Leaving the area empty will draw attention to it in ways that your ordinary logo does not.

Using Negative Space for Emphasis

Also negative space can be used as a tool to draw a viewer’s eyes where you want them to go. If there is an element or design piece that is the focal point, then using the right kind of negative space will help the eye drift onto the design’s main point. The more negative space that surrounds the subject, the stronger the visual pull will be toward the design’s focal object.

Too much clutter in a piece is a recipe for frustration. Customers do not want a Where’s Waldo activity in their advertisement. They need you to quickly get to the point – which is where designers are falling behind. The world runs quickly these days and you will only get seconds of a potential customer’s attention to win them over.

If there is more than one focal point, use a hierarchy of design to direct viewers eyes to the right ad elements. This means balancing design elements so that a viewer’s eyes follows the path set before them into whatever the final design wants to be.

Different Mediums

The strategic use of negative space can be utilized in a variety of different mediums. Not only is it great for marketing pieces, but should also be practiced in logo design and even photography. Understanding negative space when snapping or editing photos can turn a great photo into a spectacular photo.

Cost Savings

When it comes to design, the fewer colors you use the better your pricing will be. More colors equals more ink and makes it tougher on the printer. However, it is important not to skimp out on the design just to save money at the print shop.

No tags Leave a Comment more...

21
Sep/10

A good CMS gives you total markup freedom

by Roger Johansson under Feeds, Web Design

Why is it that so many CMSs make it harder than it should be to use the markup you want to? And why do CMSs still, in the year 2010, output cluttered/inaccessible/outdated HTML that can’t be easily overridden? There may be exceptions of course – I haven’t used all CMSs that exist. There are hundreds of them, so I doubt anyone has.

A CMS should never, ever output HTML that is beyond the control of the developer. Every single tag and attribute should be possible to change by modifying templates or providing settings in function calls. If you have to use regular expressions and output buffers to get the HTML you want, something is wrong with the CMS. If you have to become a PHP or ASP.NET expert or install “cleanup plugins� to get the HTML you want, something is seriously wrong with the CMS.

Read full post

Posted in , , .


Leave a Comment more...

  • Categories

  •   

  • Recent Posts

  • Archives

  • Pages

  • Meta

    • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress