Mow Design | Graphic Design Blog

Photoshop Poster Design Tutorials

2011-09-02T11:02:00.000-07:00

Photoshop is an impressive tool which is not only capable in manipulating images and creating photo effects, digital art, or typography, but it’s also a very useful tool for creating stunning poster designs. Poster Designs are basically used for movies, advertising campaigns, endorsement of various products and in many other artistic( graphic uses ). Poster Designs usually possess a distinct and unique approach by which to attract viewer attention.

In order for one to become an adept Pro in Photoshop they are required to devote time and patience as well as knowledge in order to truly master all that it has to offer, both the Artist and the layperson just starting out.

We have scoured the web and have gathered 20 of the best Photoshop tutorials which will help one learn and understand Photoshop better as well as improve and enhance ones Design skills.

Creating a Spectrum Poster Design in Photoshop

In this tutorial, new WeGraphics contributor, Jonathan Wong walks you through how to create a Spectrum Poster design using Adobe Photoshop. So pull up a chair and join in as Jonathan takes us on a trip through his creative process.

How to Create a Retro Sci-Fi Computer Game Poster

Combine stock photos and design resources to create an awesome retro sci-fi themed game poster that takes inspiration from Atari games of the 80s. By mixing up bright and vibrant cosmic designs with old, distressed and grungey textures we’ll create a retro futuristic poster design for ‘Galactic Attack’.

Design a Vintage Style Swissair Travel Poster In Photoshop

Follow this step by step Photoshop tutorial to create a modern, clean, travel poster design for Swissair, and then learn how to transform into vintage poster design. We will use useful techniques related to patterns, visual organization with Photoshop guides, grunge texture to give a distressed look to the composition and adjustment layers for final retro touch.

Creating an Enticingly Beautiful Poster in Photoshop

In today’s digital tutorial I will be showing you how to make use of simple elements and combine them to turn it into a awesome looking poster. Everything in this tutorial is simple and easy to follow and you are guaranteed a unique outcome at the end of the day. With the unique outcome you can make use of poster printing services and get yourself a new wall decoration. Let’s not beat around the bush and get down to business. Check out the tutorial below.

Music Poster Design in Photoshop

In this tutorial, you will learn how to create a rocking Music Poster.

Gigposter Design: The New Sex

This tutorial requires NO drawing talent… so don’t trip folks. You will however need Adobe Photoshop 7.0 or higher and Illustrator CS2 or higher. My name’s Dave, and this is my first ever solo tutorial. I’m very unorthodox and direct… so forgive me if I lose you guys during any part of this.

Create sci-fi poster art

The traditional space movie poster is a highly polished but formulaic affair, featuring characters that loom out of the darkness, brooding intergalactic clouds, some gleaming chrome effects for the text, and then a smattering of lens flare to add a little realism.

How to create a Ying Yang Inspired Poster in Photoshop

Today we will create a poster inspired by the all-known symbol, Ying and Yang. We will try to create the same balance from the sign in a more elaborate illustration.

Create a Refreshing Beer Themed Poster Design in Photoshop

When you create a print advertisement, it’s important that all the elements of your composition are geared towards selling a product and promoting a brand. Today, we will demonstrate how to create a refreshing beer-themed poster design in Photoshop.

Design a Stylish Retro Game Boy Poster in Photoshop

This tutorial will walk you through the process of creating a vector Nintendo Gameboy in Illustrator and then using it to produce a cool retro poster in Photoshop.

How to create a mysterious poster design with 3d text

Today we will learn together how to realize a marvelous poster design using Photoshop and Illustrator. I’ll show you some useful IIlustrator tricks to create the 3D text effect of the piece, then we will switch to Photoshop to complete the scene with textures and color corrections. This tutorial is very simple to follow, so I suggest also to beginners to give a try.

Create a Grunge Snowboard Poster for the Winter Olympics

In this tutorial we’re going to put together a cool grungy poster design for the upcoming Vancouver Olympics. We’ll go over several basic Photoshop techniques and combine some basic image manipulation with some grunge text treatments to create some cool effects. This is an easy step-by-step tutorial that even Photoshop beginners should have no problem with.

How To Create Abstract hyperspace poster using Photoshop

Today we’ve got a really nice and simple tutorial demonstrating how to create hyperspace photo manipulation using Photoshop shapes, brushes, clouds filter and Blending modes. Layered PSD file included.

Create An Amazing Diamond Advertisement Poster in Photoshop

In this tutorial you will learn a few techniques that might be very useful for you and give you some great ideas when you start creating an advertisement. Before you go on and start the tutorial I would like to thank the photographers for their amazing stock images and for giving e permission to use the images:

Create Blood and Milk Typography Poster in Photoshop

Today we show you some Photoshop techniques, how easy with few basics steps you can create awesome typography poster. With this technique you can create interesting flayer for dace club or you can use in advertisements. To create this typography poster we will use some paint splashes, custom fonts and few stocks from Deviantart and of course your knowledge. Indeed in this tutorial will be used basic Photoshop tools, so do not be afraid and start to learn these techniques.

Create a Remarkable Poster with Decorative Elements

I am going to show you how to create various decorative elements including geometric shapes, halftones, ribbons, 3D stars, and 3D text in Illustrator and then merge, compose, enhance, and texturize them in Photoshop. The overarching goal of this tutorial is to learn how to use both of these powerful tools for their strengths for an unmatched workflow that takes advantage of both vector and raster graphics.

Design a Stylish Poster mixed with displacement effect in Photoshop CS5

In this tutorial, you’ll learn how to combine layer masks with custom brushes and adjustment layers to create eye catching poster mixed with displacement effect, using simple but effective techniques in Adobe Photoshop CS5. Layered PSD file included. Let’s get started!

Flying Person Poster Design With Photoshop

First off I opened the original image resulted from the shooting with the main purpose being isolating the character and the shadows on the floor. First thing I noticed was that his face was not expressive enough for what I had in mind.

iPhone Promotion Poster Design

How to create a dynamic nature poster in Photoshop

In this tutorial we will create a nature poster using stock images, vectors and brushes.

12 Fresh Useful CSS Tools 2011

2011-08-31T09:42:00.000-07:00

Even though you may know CSS very well and for some tasks it would take a lot of time to complete and for this there are lots of tools available using which you can complete your projects quicker. Here are some list of tools, which will make your work easier. Don't forget we are here to help our design community which will grow to a newer heights.

Minify and Gzip compress CSS & Javascript in a single click

An easy to use online web page compression tool. Speed up your website by compressing, merging and Gzipping your CSS and Javascript files.

SelectorGadget: point and click CSS selectors

SelectorGadget is an open source bookmarklet that makes CSS selector generation and discovery on complicated sites a breeze. Just drag the bookmarklet to your bookmark bar, then go to any page and press it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then generate a minimal CSS selector for that element, and will highlight (yellow) everything that is matched by the selector. Now click on a highlighted element to remove it from the selector (red), or click on an unhighlighted element to add it to the selector. Through this process of selection and rejection, SelectorGadget helps you come up with the perfect CSS selector for your needs.

LESS

LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (IE 6+, Webkit, Firefox) and server-side, with Node.js.

CSS Pivot

Add CSS styles to any website, and share the result with a short link. Invite others to submit improvements for your website.

jsFiddle

Nifty tool for editing & sharing HTML / CSS / JS snippets.

Holmes The CSS Markup Detective

Holmes is stand-alone diagnostic CSS stylesheet that can highlight potentially invalid, inaccessible or erroneous HTML(5) markup by adding one class.

WebPutty

With WebPutty, you get an in-browser, feature-rich, syntax-highlighting CSS editor. You can see your changes instantly with the side-by-side preview pane, so there’s no need for the traditional back-and-forth between your editor and refreshing a browser to see your changes. The editor is your browser…and the preview’s built-in! Best of all, the editor and the preview pane work together, so that when you click on a CSS selector, all the elements matching that selector are instantly highlighted in the preview pane.

CSSDesk – Online CSS Sandbox

CSSDesk is a online HTML/CSS sandbox. Experiment with CSS, see the results live, and share your code with others.

SlickMap CSS

SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.

CSS LINT

CSS Lint is a tool to help point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don’t want.

CSS Easing Animation Tool

Ceaser is an interactive CSS easing animation tool. It lets you build any kind of ease you want, and comes with many of the Penner Easing Equations.

CSS3 Generator

CSS3 generator will allow you to create virtually every CSS3 feature : gradients, shadows, box radius, font-face, transitions, animations. But, unfortunately, in spite of its great usefulness it has one big problem since all the popular CSS3 properties have multiple browser-specific implementations.

Free Minimalist Wordpress Themes

2011-08-30T08:19:00.000-07:00

My goal for the theme of this site was simple: simple. Finding that theme was difficult. I wanted it simple for the readers and simple for me, with an emphasis on text and readability. I found a wide variety of themes on the internet that had these characteristics, but a lot of them lacked the features you come to expect in a Wordpress theme in 2011. This is either because they were older, or some of them just seemed like "minimalist" meant throw up a spot for posts and be gone. So I’ve compiled this list of the best themes I found that are minimalist in nature but with good support for the backend as well. Enjoy !

MiniCard

A business card theme for WordPress with built in vCard/hCard support, inspired by the excellent Business Card site by Tim Van Damme (http://timvandamme.com/). To configure the theme go to admin > theme options after activating the theme.

Fabiano

Fabiano is a new theme from the fab series. This is a light and slightly grungy minimalistic theme. This theme holds features like, jQuery slider with post thumbnails, Twitter updates, banner ads, adsense, theme option page, widgetized sidebar and footer etc.

Work a Holic

Work-a-holic is a free minimalistic two and three column WordPress theme that focuses mainly on showcasing portfolios for artists, web designers, photographers and illustrators.

Satoshi

Satoshi is a clean and minimal portfolio WordPress theme that’s ideal for showcasing project work.

Modern Clix

Modern Clix is a minimal blog theme inspired in the Swiss Style of Design: It features Arial/Helvetica, grids, a generous use of whitespace for better readability and a strong focus in typography.

WP-Renova Theme – Single Column Layout

Renova, a new single column theme for wordpress.The main design of renova is concentrated on a minimal style dedicated to those writers who need a simple layout without any kind of useless stuff.Just words, your words.The main core of renova offers 2 different backgrounds, full white or paper, 6 different color for links, a jquery support for hover effect and mobile device support. Yes, Renova was designed to perform well on the principal touch mobile device and tablets; now your blog can be read also from mobile user.

Free Minimal, Swiss Design WordPress Themes (4 Themes)

The themes are simple but powerful, with a touch of traditional Swiss design and layout techniques. The unique style and design is what separates these themes from others. You will also be able to withhold the focus on your work, since you are the artist and should be in control of what the observer sees when visiting your site. Each one comes with a full video overview and support of how to use and manage it.

Aqualine: A Free Minimalist WordPress Theme

Aqualine is a unique and minimalist WordPress theme, that you can easily make customization to suit your needs. It is packed with an extensive options page – easily customise your theme without touching any code: Pick your own colour accent, choose a thumbnail with excerpts layout, or display your full posts, amongst many other built in options.

Expositio

Expositio is a very simple & free portfolio WordPress theme for photographers, designers & artists. Expositio theme allows you in several clicks to showcase your works to the whole world. Adjustable main page lets you to provide any information. Integrated options panel helps to customize the template from font used to color theme.

Manifest

A clean and streamlined theme that focused on the content and not the distractions. It utilizes a single column, 500 pixel wide layout. No sidebars. No widgets.

Grid Focus

Grid Focus is a three column widget enabled WordPress 2.6 or 2.7+ compatible WordPress theme. Prominent navigation bar with room to share important pages. The latest update is completely optimized and stripped of any unnecessary code allowing for complete customizability.

Handgloves

Handgloves is one of the best free WordPress theme releases for some time, offering a striking two-column design that emphasizes content and uses typography and white space to create a professional tone, with good integration options for photos in posts.

Charlene

Charlene is a minimalist two-column WordPress theme that uses white space beautifully to provide a crisp, attractive appearance that makes your content sing.

Inuit Types

a simply stunning WordPress theme that’s half blog, half magazine site.

Fotofolio

Fotofolio is a free wordpress template designed for easy creation online portfolio for Visual Workers; Photography, Graphic Design, Manga, Architect, etc. Fotofolio is very simple and easy to use, please read the instalation and usage for details.

Cardio Minimal

A free minimal wordpress theme by cardeo.ca

15 High Quality Fresh Free Fonts For Designer

2011-08-22T08:54:00.000-07:00

In this selection we’re glad to present you Weston, Ranger, Quattrocento Sans, Bohema, Shattered 3D Font, Signify Lite and a couple of other high-quality free fonts. Please read the license agreements carefully before using the fonts — the license can change from time to time. So here are 15 High Quality Fresh Free Fonts For Designer, enjoy !

Weston

WESTON is a new rounded slab-serif font designed by Pavel Pavlov for FONTFABRIC.

The main purpose is to provide designers with font, suitable for modification in logos and headlines. Combined wisely, Weston will spice up your design adding the “not-your-usual-font-choice” effect. Inspired by the evergreen Grover & Rockwell, this font would love to find his place in your library.

Ranger

Saddle up! This weighty italic display face comes custom fit with the spurs.

Quattrocento Sans

Quattrocento Sans is the perfect sans-serfi companion for Quattrocento.
It´s Classic, Elegant & Sober, and it works very good for body copy. Warm, readable and not intrusive.

Bohema

Bohema is an Art Deco font with a modern twist, available in 8 distinct styles and is ideal for headlines, editorial letterings, branding, merchandising and a special occasion that requires a different typeface. By buying the full pack you will receive, as a bonus, 4 alternative styles which include alternative characters.
You can download the regular alternative style demo absolutely for free!

Shattered 3D Font – Free

Shattered 3D is a unique font that has unbelievable detail making your designs stand out from the rest. Each letter has gorgeous shattered elements that are perfectly lit in 3D. The default color is a deep red, however, you can easily change the color by adding a Hue/Saturation adjustment layer inside of Photoshop.

Egypt 22 Font (Free)

Egypt 22 is an experimental font that is both geometric and symbolic. The reason the font is named “Egypt 22″ is because it explores the concept of symbols in languages. We often forget that the first peoples used simplistic symbols to visualize the language and the world itself; These symbols are still used except they have become unnoticeable and refined to the point of incomplete perfection. This font is a set of visuals and symbols that combines geometric proportions with horizontal, vertical lines and geometric shapes. This hybrid combination offers new perspective of how I words and symbols are looked at. It also opens up new pathways of use, not only as a solid font, but also as creative element in Graphic Design.

Matilde Free Font

Matilde is friendly thin typeface with extra tall capitals, elegant look combined with decorative elements. This typeface will work well for headings, short paragraphs, magazines, children’s books, posters, logos and any type of graphic design.

Ostrich Sans

A new free font has been released by The League of Moveable Type and designed byTyler Finck. The font contains of Dashed (thin), Rounded (medium), Ultra light, Normal, Bold (race track style double lines) and Black.

Signify Lite: Free Icon Font

Exclusive to MediaLoot, bring scalable and flexible graphics to the web with CSS @font-face and the new Signify Lite web font. With this font you have 38 beautiful, hand-crafted icons at your disposal for any use, you can use them in your designs in Photoshop etc. or on the web, and the beauty of icon fonts (besides the scalability and tiny file size) is that you can edit the colour, size, effects and more with CSS.

Lost Type Co-op

A condensed uppercase typeface with regular, thin, inline, and bold weights.

Highlands

Highlands is a charming slab-serif that draws inspiration from National Park posters of old. Versatile in its character, it makes for great headlines.

Bender

The Bender font family was created in Russia specially for graphic designers.
Thanks to the unique form of signs, fonts of the given family it is possible to type texts, to do logos or headings.

Piron Free Font V.2

Almost an year after the release of Piron (one of our best-known typefaces) we’ve made the decision to get back to it and redesign it. So here it comes Piron v.2 although it’s still far from perfect it is at least much better than its predecessor.
The changes which we made are numerous – the basic letterforms, the spacing and kerning and so on and on.

Dancing Script

Dancing Script is a lively casual script where the letters bounce and change size slightly.
Caps are big, and go below the baseline.
Dancing Script references popular scripts typefaces from the 50's.
It relates to Murray Hill (Emil Klumpp. 1956) in his weight distribution, and to Mistral (Roger Excoffon. 1953) in his lively bouncing effect.
Use it when you want a friendly, informal and spontaneous look.
On any place where Arial and Times New Roman looks boring: Invitations, Party Flyers, Happy Birthday Cards... you name it.

Springsteel

Introducing Springsteel, a new display sans serif with an unusual construction: curved lines on the outside with only a few straight lines on the inside. The resulting typeface shows a great deal of tension and dynamics. Preferably, it should be used at larger sizes, at smaller sizes only for special effects. It was spaced and kerned by Igino Marini/iKern.

20 Fresh Free Web Designer Icon Sets

2011-08-20T09:05:00.000-07:00

Icons have been around for a long while now and customized icons for the web are becoming more and more popular as time goes on. They do an amazing job to train the eye and help draw out the most important information. The most important aspect of designing an individual icon is that it has to be instantly recognizable, you have to know its function, and you need to know exactly what it is. If you are designing a set, the actual design becomes a lot harder, you have two challenges: each icon you design has to be individual and distinctive from the other, but at the same time they have to have similar features to show that they are related, making a complete set.

Here is a selection of free high-quality icons that are available use. Don’t forget to read license agreements before using icons in your designs – they can change from time to time.

DDIcons (65 PNG + PSD Icons)

Here it is! My first icon set. I have to say I had a blast doing it. I stopped this set earlier than I tought because I want to start a new one, with more details and precision. Hope you guys like it!

Freebie: Professional E-Commerce Icons Set (20 Icons)

Today, we are glad to release a set of 20 high quality E-commerce Icons in 64×64px, available in .png-format. This set was designed by Web Icons Set with the purpose to be used in e-commerce websites and has been exclusively released for Smashing Magazine and its readers. The set includes icons such as Empty Basket, Full Basket, Credit Cards, Delivery, Secure Payment, Checklist, Gifts, Shop Open, Shop Closed, Contact, Wallet and others.

200+ Exclusive Free Icons: “Reflection”

Icons are a great and quick way to enhance your projects. They add a certain personality to your designs and make things pop when they need to. Today we release a new set of icons which we call “Reflection”. It’s simple yet elegant and stylish at the same time. You’ll find these icons great to use at small sizes, such as for website navigation, menus and more. Both vector and raster versions are included.

15 shopping icons (Free PSD and PNG)

This shopping icons were drawn in a orange and green hues. The set includes 15 icons among them: tags, sign, shoulders, bags, gift box, bank cards, basket, trolley, delivery truck and more. The unique set of icons will add a bit of style to your project. You can use these icons for your e-commerce website, online store or web applications. The icons were made with vector shapes, so you can scale to any size without loss of resolution. The set is available in PSD and PNG formats. The .PSD file has well hierarchy and is ready to customize. Also you can grab PNG images (128×128 px.) with transparent background for using straight on the web. The files are completely free for both personal and commercial use.

Plastique: Over 400 Icons and counting

Plastique Icons is a set of 434 (and growing) web and application icons inspired by advertising clip art of the 1920′s and 1930′s. The set is available in vector format and also includes a CSS/PNG sprite version.

Map Icons Collection

Map Icons Collection is a set of more than 700 free icons to use as placemarks for your POI (Point of Interests) locations on your maps. You can use them on Google Maps with the “My places / My maps” feature or automatically by using the Google Maps API.

Glyphish

Great icons for great iPhone & iPad applications.

Monochromatic Iconset _1 by ~aipotuDENG

PSD available include layer style and shape layer

Real Estate Icons

This set is the fifth of many free web graphics that we plan to make available to the community.

3D Glossy Icon Set: 20 Free Icons (with PSD)

This free icon set by Iconshock, released exclusively here at Six Revisions, features beautiful, pixel perfect, glossy 3D icons. Each icon comes in 5 sizes (PNG format), with Photoshop PSD files in case you would like to tweak the icons.

Mini Designer Icon Set – 10 Free Icons

This set of icons was designed with designers in mind, there should be at least one thing in here that speaks to any designer, whether it’s your love for a certain graphics software package, your obsession with Apple iGoodies, technical drawing, photography or sketching ideas in your moleskine notepad, we’ve got you covered.

28 Toolbar Icons (PSD included)

To continue our grateful thanks to our readers and community in general, we are glad to release yet another free quality icon pack: 28 toolbar icons. These icons come in PNG format in 2 different sizes 32×32 and 16×16 pixels along with layered Photoshop PSD file of the icons.

Signify Lite: Free Icon Font

Apple OS X Lion Buttons in CSS

As you probably know, OS X Lion was released yesterday. While there are 250 some odd new features in Lion, what you probably notice first is the new interface design. Part of the new design is new icon buttons in apps like Mail, seen below. I'm going to recreate OS X Lion's buttons in CSS for use in your UI.

Retro Candy: Free Icon Set

This free icon set, brought to you by Jan Cavan of Dawghouse Design Studio, is inspired by a retro, hand-drawn theme. There are 18 icons in PNG format, sized at 200x200px. The icons include objects such as a chat bubble, a notepad, a martini glass, and more.

Free Google Plus Icon Set

I just came across an amazing Google Plus Icon Set that is available for free. The Google Plus Icons has 13 different social icons. Each icon of G+ from this set is available in different px size

Wooden Social: Free Icon Set

This free icon set, by WordPress Theme Shock, consists of 10 icons for social media sites, as well as common content-sharing icons like an RSS feed icon and an email icon.
Each icon comes with its own editable source file (in .AI format) so that you can easily modify the icons as you see fit. The theme of this icon set freebie is centered on 3D and wooden textures.

Clean mono icons (vector PSD)

Friends, today’s graphic download is a set of 12 monochromatic icons in vector shape PSD format. These icons come in both normal and hover state, and each icon is isolated on transparent background in size 32×32 pixels for use in your web design needs. Since each icon is created using vector shapes, you can easily resize the icon. Download the mono icons set and let me know your thought.

18 vector web icons (PSD & PNG)

Friends, I’d love to share this freebie with you: web icons set in vector shape PSD and PNG formats. The set contains 18 excellent highly usable icons for your web works. Cool!

40+ high-quality (and free) icon sets

A great icon set can add a level of polish to your site design. It can be the cherry on the sundae, if you will. But a bad one, well, it can have the opposite effect. Luckily, Noupe has compiled a great resource full of 40 high-quality icon sets. Did I mention they come in PSD format and are also free?

25 Transparent Business Card Examples

2011-08-09T11:11:00.000-07:00

Your business card is one of the most effective ways of getting your name out there. It’s arguably the best marketing tool there is. Able to be slipped into letters or handed over casually, a business card will always be widely accepted. Your business card is the window into you, your business, what you sell and how well you sell it. All of this needs to be clear and straightforward on your card so quality is an important factor when it comes to business card design. Cutting corners in this area will make you seem unprofessional immediately.

Transparent business cards are loved because you can add loads of special effects to the design. Nowadays, the improved version of a business card, the transparent business card is becoming the latest trends in advertising. In this post, we'll showcase 30 Cool Transparent Business Card Examples. We hope you will enjoy this wonderful showcase. Feel free to share your opinion with us and let us know which one is your favorite! Enjoy.

transparent plastic qr code business cards

transparent business cards

Clear transparent plastic business cards

Transparent Jim Kennedy Photography Business Card

2xanadu Transparent Business Card

Clear transparent plastic business cards

Fotograf Transparent Business Card

Clear transparent plastic business cards

Kunstrasen Transparent Business Card

Transparent Business Card

Fashion Designer Plastic Business Card

clear plastic business cards

Yellow Transparent Business Card

Cool Plastic Business Card

Clear business cards

clear plastic business cards

plexiglass plastic business cards

Creative Development Business Card

MDC Transparent Business Card

Clear transparent plastic business cards

Translucent Frosted Plastic Business Card

Motion Dreams

Tint Plastic Business Card

Goldfish Transparent Business Card

Clear Plastic Design Colorful Business Card

plexiglass plastic business cards

20PT Frosted Plastic Business Cards

pinko square

Transparent plastic business cards

Unusual Cassette Tape Business Card

Slick Free UI Web Design PSD Templates From Dribble

2011-08-03T00:33:00.000-07:00

User interface design patterns help create consistency throughout the web, and provide a great resource for web designers looking for the best tested, most usable, and most efficient layouts. Many things in life are in a pattern, and this includes applications in both design and development. Whilst creativity and thinking outside the box is a must in design, so is conformity much of the time. UI patterns in web design are gaining recognition as an important resource to consider, and creating designs around them can help any website be more user-friendly.

In this post, we share some great free UI Web Design PSD Templates From Dribble. Enjoy !

BlackUI v1 — Free PSD Source

Ui Elements (Free PSD)

Yes, it’s a PSD. (Lion interface elements)

Sign in buttons PSD

Shopping Tags (free .psd)

Dark Interface Elements - PSD

12 Free Portfolio PSD Templates

2011-07-31T11:23:00.000-07:00

Here are 12 Free Portfolio PSD Templates in PSD format, specially for photoshop lovers. These psd templates come as a fully editable design so you can do what ever you want with it. Enjoy !

Free Locus One Page PSD Template

This is a PSD template for a one page HTML / WordPress theme.

PaperOne

Today we have another great freebie, PaperOne a one page portfolio as a PSD template. The template is layered and easy to customize, also have a simplicity and beautiful design. Perfect for web or graphic designers and creatives.

You can use this template for free, both your personal and commercial project. You may not redistribute or resell. Please link to the article in which this freebie was released if you would like to spread the word.
Features

WordPress portfolio PSD template

Today’s PSD freebie is a WordPress portfolio template in Photoshop PSD format. The portfolio template is clean and elegant in style with professional layout and colors. The template comes as a fully editable portfolio design page in Photoshop format with each section organized in named folders. You can make necessary changes to the design in terms of colors, images, fonts, etc to fit your your design need. Download the portfolio PSD template and let me know your thoughts.

App Designer Portfolio

App Designer Portfolio is a single page portfolio website with a professional design and includes the HTML, CSS, JS, and PSD file. The hand-crafted code and PSD file are cleanly organized and easily editable. App Designer Portfolio is one of our most downloaded files to date.

Free Portfolio PSD Template from Arun’s folio

A free portfolio PSD template for every designer who want to have a website for showing his work . This is a Photoshop file (PSD) of a beautiful web design mock-up template that is set on top of a repeatable background. This was designed primarily for a portfolio site, but is flexible enough to be converted into other types of websites.

Vintage Web Design Portfolio

Vintage Web Design Portfolio is a traditional, antique styled PSD file for a single page website. Subtle textures and emphasis on typography give this design an old but sophisticated feel. The file is well organized with named folders and layers.

Free Orion PSD by DDStudios

PSD Template for Portfolio & Blog

John Doe Portfolio & Blog is a pack of 4 wonderful, clean, fully labelled and layered PSD files, which are based on grids (grid.gs), so can be sliced easily. You can use this theme for your personal portfolios and journals.

Modern Business 3 DARK

The package includes a total of 5 complete and layered / grouped photoshop page designs including home, contact, portfolio, services, and about pages.

Photoblog Layout in Photoshop

Creative portfolio website PSD template

This is a dark and sleek portfolio design with a completely beautiful creative edge. The portfolio PSD template is designed for graphic designers, web designers, web developers / programmers to showcase their works on their personal front.

Free Professional PSD Template: BlueMasters

BlueMasters is a dark, sexy, custom theme that has a solid, professional look and a very simple structure. You can access all files and layers used in a well organized structure and naming convention, making it easier for slicing the template or modifying it. BlueMasters can be customized to fit your business brand as well as your clients’ websites.

30 Blue Business Card Designs For Inspiration

2011-07-28T11:53:00.000-07:00

Blue is considered a business color because it reflects reliability. The color blue symbolizes peace, tranquility, stability, trust, truth, confidence, conservatism, knowledge, power, integrity, security, cleanliness, sky, water and cold. A modern color business card. So here 30 Blue Business Card Designs for inspiration.

Magic Carpet Productions Business Card

Blue Custom Skin Care Business Card

Hero film Business card

valens Business Card

BASTA

VS gym

Tom Lear Business card

Bizpo Business Card

Milky Interactive

DOMENICI

DAVE BLANK

Ron Beining Business Card

le tahiti

Anna Graves

Ema Studio

Siguenadando Card

Joint Medias business cards

Radioscope

VMG Company Business Card

Inclusive Media Solutions Cards

Blue Business Card

Latitude Graphic Design

Intelliscan Business Card

Private Business Card

We Shoot Cocktails

mixidot business card

Reshad Hurree Business Card

7 Photo-Like Acrylic Paintings

2011-07-28T04:51:00.000-07:00

Wiki : Acrylic paint is fast drying paint containing pigment suspension in acrylic polymer emulsion. Acrylic paints can be diluted with water, but become water-resistant when dry. Depending on how much the paint is diluted (with water) or modified with acrylic gels, media, or pastes, the finished acrylic painting can resemble a watercolor or an oil painting, or have its own unique characteristics not attainable with other media.

Believe it or not these paintings are made by human hand ! So here are 7 Photo-Like Acrylic Paintings for inspiration.

Perseverance by CristinaPenescu

It's a rarity that an art is so similar to a photography that it's hard to discern if it is a photo, or a painting. Her arts are so realistic, beautiful and breathtaking.

Portrait of Xiao Xiang by Denis-Peterson

Apocalypse by Denis-Peterson

white tiger 2 by Raipun

A little piece of Italy by hyper-tom

Satellites of Jupiter by CrowbarTK-Hullo

Petit, Acrylic on canvas by ~Simzzzz

Detail Frozen by Raipun

19 Best Fresh Photoshop Web Design Layout Tutorials

2011-07-27T06:20:00.000-07:00

As time goes on, designing website layouts in Photoshop is becoming a necessity for every designer.For this reason,I want to help everyone who wanna become a web designer,by presenting some of the best website layout tutorials made in Photoshop.

This roundup includes 19 of the best fresh web design layout tutorials created in Photoshop:portfolio layouts,layouts designed for blogs,business layouts and more…I`m sure you`ll learn some great designing techniques following any of those tutorials.

Design An Innovative Portfolio Site Using Alternative UI/UX

What’s the number one thing you want your portfolio site to do? Stand out! Today, Paul J Noble is going to walk us through the creation of his own uniquely designed portfolio site. He’ll show us tips and tricks in Adobe Photoshop, as well as some clever approaches to standing out from the pack of other portfolio sites.

How to create a vintage Photoshop file

In this tutorial I will show you how to create a vintage website layout. The tutorial is quite simple and can be followed by anyone who have Photoshop installed on their machine.

Create a movie video streaming website

In this tutorial i will show you how to create a nice video related website. You can create this website like a membership, and you can charge people for watching the newest movies online. It is something like Netflix. Please note that you will learn only the designing part.

Create an advanced HOSTING LAYOUT

This tutorial will teach you how to create an clean web hosting layout.

How to Create a Professional Web Layout in Photoshop

Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can learn useful methods to create designs. So get started!

Design a Textured “Coming Soon” Web Page in Photoshop

This web design tutorial will show you how to make a simple “coming soon” web page that has a nice background texture and a slick web form that you can easily adapt into contact forms, newsletter signup pages, and more. You will witness several web design techniques such as creating textured backgrounds, creating light rays, making illustrative clouds, and more.

Learn To Create A Clean Style Portfolio Layout

In this detailed tutorial I’ll be walking you through the process of create a clean style portfolio layout. Don’t forget the FREE PSD file is available to download at the bottom of the page. Lets get started…

Create a one-page iPad/iPhone application web layout using Photoshop

In this tutorial I will show you how to create a one-page dark web layout for an iPad/iPhone application. For the iPad and iPhone images we will use vectors from the Screen Display Vectors Pack from Grafpedia. I will also show you how to add your own image on the iPad screen and how to create a shine effect for the header.

Create An Elegant Vehicles Web Layout With Light Effects

In this tutorial I will teach you how to create an elegant vehicles web layout with a light effect using Photoshop. You will learn how to use different settings to fill out your canvas with nice lightning and blending modes using different stock images to create good light effects. Following the steps of this tutorial you will easily learn how to use different tools and tips to create good web template. I hope you will enjoy and learn something from it!

Design a creative portfolio in Photoshop

We love share our passion for graphic and web design through our blog. The objective of our tutorials and articles is not just the explanation of practical techniques to realize nice illustrations or clean web layouts. We’ll be really proud if, after reading the tutorial, you will be able to apply some of our advices in your future works.

How to design an admin skin/control panel in Photoshop

In this tutorial I will show you how to create an admin skin or a control panel template. I’m more than sure that this tutorial it will come in handy for web developers (hard coding programmers)

How to design a law/justice website in Photoshop

For today I will show you how I have created a law/website layout in Photoshop. I think this template it is suitable for a lawyer website or anything which have to do with the justice department.

Learn How To Create A Web Gallery Style Layout

In this tutorial I’ll be showing you how to create a gallery/showcase style web layout. Lets get started.

How to design a layout in organic style

Today we’ll create a layout that recalls some graphic characteristics of this style: our client deals wuth biological food (or vegetarian, as you prefer) and needs a clean, effective homepage that recalls the natural freshness of his menù with a proper graphic.

Design a dark portfolio layout

In this tutorial you will learn how to create dark portfolio layout. We will use a set of professional universal vector icons in this layout.

How to design a layout with Membership Area In Photoshop

This tutorial will teach you how to create a beautiful website in Photoshop in just a few steps. You will create a website to allow users to register on your website very fast.

Portfolio Layout Design Tutorial with 3D Look

In this tutorial i will show you how to create a portfolio website design with a 3D look. When i design websites i like to use frameworks. For this layout i will use the PSD framework from our Ultimate CSS Framework. This framework will help you to convert your PSD layouts into valid CSS/xhtml websites.

Create a Recipe Web Layout

Most recipe sites tend to be unique in their set up. Like other user-submitted content sites, they thrive on the right content management system. Unlike most other user-submitted content sites, visitors to these sites aren’t often treated to personal insights about the recipes they seek. Personality and individuality are portrayed solely through the recipes themselves along with the pictures that accompany them. This site is designed to complement the recipes and let them shine through in all their glory.

Create a Web Application Website Design in Photoshop

In this web design tutorial, I will show you how to create a layout for a web app’s website using Photoshop. We will create all the popular components of a web application website, like a "featured" area for a short description of the app, call-to-action buttons, screenshots/videos presentation areas to show the users how the app looks like and what it can do, a "features" area to present product features, and more.

Collection Of Cool Design Inspiration

2011-07-27T00:47:00.000-07:00

If you’re in need of some cool design inspiration, this post just might do the job.

44 Cool Flyer Designs For Inspiration

A flyer is a single page leaflet advertising a nightclub, event, service, or other activity. These are typically used by individuals or businesses to promote their products or services. Flyers are inexpensive to produce and are regarded by media experts as a very effective form of direct marketing.

20 Cool And Creative Web Designs For Inspiration

Web Designers are always looking for inspiration. In fact every designer needs inspiration to create a fantastic design. In this post I am going to showcase some of the cool and creative web designs for the inspiration of web designers.

70 Cool Photoshopped Images For Inspiration

Photoshop is the most common software which use for corporate, web and multimedia designing. You can also use it to edit pictures, retouch them, and make special effects of pictures and a lot more. We have collected 75 images that are edited in Photoshop using some filters and plug-ins, so you can take better idea how important Photoshop is.

70+ Cool Office Design Ideas

The office is where we spend a high proportion of our working week and for the majority of us, the work environment is not incredibly inspiring. Walking in everyday to an office that looks grey, dull and uniform can leave employees lacking creativity and searching for inspiration.

15 Cool Home Theater Design Ideas

Private home theaters become more and more popular nowadays. Thanks to that, these rooms become more and more high-tech and sophisticated. Although the design of the home theater is quite complicated. You need to make it look great, provide comfort and make sound and video as high-quality as possible. Everything that of course can’t be done without investments. Although some things you can done without spending a lot of money on them. You just need to get a proper inspiration. Here are some cool home theater design ideas that can provide you with such inspiration. Enjoy!

10 Most Creative Calendar Designs of All Times

Most of these calendars are very unique…something that you might not expect in a calendar. These creative calendar designs are also fun to use and may require your involvement since some of them are quite interactive in nature. I hope you will find these calendar designs inspirational. If you are interested to know more about each design, just click on the download link found on each preview image to go to the site of the respective author or designer.

22 Examples of Vintage Bicycle Poster Designs

Like all other vintage poster designs, bicycle posters also stood out with their amazing typography and illustrations. These also illustrated fun and leisure with the use of images such as a person riding a bicycle on the street or friends cycling together.

Cool and Impressive Business Cards Designs for Inspiration

A business card design is bound to break a potential transaction. Handing out a card with a ordinary design could be the worst marketing decision. Treat your cards like artwork that you can proudly present to your prospects. Amuse them with fresh designs and make a good first impression just like the examples below

25 Cool Geek Gifts

Geeks have transformed themselves from dull-headed, inefficient persons to the highly sophisticated intellectuals who are known for their intelligence, smartness and efficiency today. In today’s world they are persons who have set a benchmark for themselves and make others wonder about their outcome which leaves everybody gaping. Bill Gates was termed geek in his initial days but the world knows his success, so now being a geek is considered the latest fashion. They have carved a niche for themselves, which keeps them above par and so there are products which are exclusively designed for them keeping their potential in mind. Listed below are some of the geeky products for the geek in you.

Stunning Infrared Photos

2011-07-25T00:18:00.000-07:00

Infrared photography has been around for a long time, but capturing these stunning pictures on film required true perseverance. Digital imaging has changed all of that. Shooting infrared photos has never been easier or more fun. When you shoot infrared, you're actually dealing with a spectrum of light that's outside our normal range of perception.

So, here are these stunning photos, which I know you all will like.

tree along river thames by Steven Meyer-Rassow

Stream by David A. Evans

Pouring Clouds. Through the Prism of Reality by puma100 (Tatyana)

parking by Thaib Chaidar

Migration by David Senechal

Cold Winter by Nuno Milheiro

Seagulls by itan14

Infrared Pink SillyString Tree by La-Vita-a-Bella

Green Cay Infrared with a twist by Ruel Tafalla

Infrared by strelitzia ---

casa loma by paul

Bridge over the old city bay by Olli Malmivaara Photography

Capitol Exposure by Zach Stern

One step Beyond by Giovanni Orlando

A Better Day by Jeremy Chin

Boathouse by Dave Parry

Lake Tahoe tree by Steven Meyer-Rassow

Princesa do gelo by Bruna Marchioro Azambuja

The Pond by dperry1952

196 by Wee Kelvin

Great Chishill and beyond by davieunited

Taichung Park IR by Ming - Chun

Blowing Cave Mill by Jerry E Shelton

Infra.... Blue! by david keochkerian

Moonlight Serenade by photon tamer

25 Awesome XHTML/CSS/ HTML5 Website Templates

2011-07-22T09:31:00.000-07:00

Good news for those wanting to build a new blog or website. Today we’ll feature really Awesome XHTML/CSS/ HTML5 Website Templates. But first, let’s learn about website templates and why you may need them. A Website Template is a set of files that work together to produce a manageable website design. When you see a template you know how your future website will look like.

A free xHTML/CSS Template – CreativeStudio

Today we’re presenting a beautiful, modern and free xhtml/css template that can be used for your personal and client work to make a beautiful website! We hope that you’ll like it and will also enjoy it! Be careful reading the licensing file that is stored along with all the template’s files.

Modern Business 3 (Dark) XHTML/CSS

This photography portfolio template provides a fantastic showcase for your portfolio – with a dark color scheme your images look both sharp and professional. It comes complete with 9 complete pages, all linked and ready to upload to your server.

Studio Box Premium CSS HTML 8 in 1

Studio Box Premium CSS Template is about simplifying building of your online portfolio. It is packed with useful showcases to have your creative work displayed for customers and clients.

Concept [HTML/CSS], an ultra clean web layout.

This theme is a complete site, designed from the group up to promote anything from a corporate business to a portfolio site.

Minimo - A minimal one page portfolio theme

Minimo is a simple and attractive one page portfolio showcase theme. This theme is built using the 960.gs grid system framework, giving it a structured and professional look and features custom designed icons. Included is a form mail script, so the entire site works out of the box, simply add your destination email address.

One page creative portfolio

Folio Nº1 is a simple, practical and usable template designed with HTML5 + CSS3 , Microfomats to increase the semantic content and its relevance to the major search engines and also uses jQuery to enhance user experience.

Dapurkue- Free XHTML/CSS E-Commerce Template for Your Online Business

“DapurKue” is a XHTML/CSS E-Commerce Template suitable for any online business and has all the requirements and features of a typical online shop. This layout was designed and developed by Tokokoo as an exclusive gift for instantShift readers.

holiday

black fox

Portfolio

How about a premium quality Website Template for free ? Here it is. CSS Heaven Portfolio is yet another free HTML 5 and CSS based website template suitable for businesses. This template has a jQuery slide show in the home page header for displaying your latest work, featured contents or can also be used to tell your visitor what your web site is all about. All the fonts used for the template are included in a folder.

Memoir

Another HTML5 Template for blogs. Memoir is a template inspired by the movie, Memoirs of a Geisha. I wanted to do a template with Japanese / Chinese style elements ever since I saw that movie. This template also has a photo gallery page. I thought it would be useful for someone who wants to show case their photography portfolio.

Small Business

Small Business is a free CSS Template released under GNU-GPL license. This is suitable for small businesses or corporate websites. Feel free to download and use it in any way you want. I will appreciate if you can keep the link back to this website.

Acallia

The Radio Station

Nautica

Photomatic Open Source CSS Template

The Photomatic Free Website Template is based on a Fixed Width layout with Mixed Columns and uses an XHTML 1.0 Transitional doctype. It is a Light on Dark design developed by "OS Templates".

Gallerised Open Source CSS Template

The Gallerised Free Website Template is based on a Fixed Width layout with Mixed Columns and uses an XHTML 1.0 Transitional doctype. It is a Light on Dark design developed by "OS Templates".

iTemplate

Euphoria

Pixel This

Simple corporate CSS/XHTML template ready to meet wide range of requirements for effective on line performance. The design can be easily implemented in many open source platforms such as WordPress, Joomla, Drupal, etc.

Dark Portfolio

Free CSS Templates / templatemo 269 pineapple

35 Best Flyer Design Templates

2011-07-19T03:55:00.000-07:00

A flyer is a form of print advertisement and is also known as a leaflet, circular flier or a handbill. A Flyer is typically a single page leaflet that advertises about an event, products,services or an activity.

Flyer Templates play an important role in getting more visitors/audience.

As Flyer templates are relatively inexpensive form of print media, they are widely used both by corporates as well as individuals. Today we will showcase some trendy and vibrant Flyer Templates that will teach you how a single page can attract so many eyeballs. These 35 Best Flyer Design Templates will help you know how to use this form of direct marketing to your utmost benefit.

Full Page Magazine Ad or Flyer Templates

All Photos are in Smart Object Layers, allowing you to easily put your own photos in their place without having to adjust for size.
Photos in the Preview Image are NOT included, but a link to Free downloads is included in the help file.
The Photoshop file is layered allowing text to be edited to desired needs and shapes to be changed to any color.
PRICE $6