Thursday, 20 December 2012

Awesome User Interface Design Tutorials

 

Old Paper Layout
18




Professional Modern Web Layout
116




Photography portfolio Design
107




Professional header design for your website
final_small





Glossy-Style Carbon Fibre Navigation Buttons
glossy-clan-navigation




Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!
final





Volkswagen Inspired Navigation
final-nav





Creating A Glossy 3D Button
finished-300x146






Royal Interface – Design Tutorial
royfinal





Design Watercolor Effect Menu
menu-sample




Tutzor web 2.0 style design
Final_large





Black Website Design
web_medium






How to Create a Simple & Sleek Web 2.0 Site Footer
sleekweb20final




How to Create a Grunge Web Design in Photoshop
click





Design a Professional Design Studio Web Template in Adobe Photoshop
final




Corporate WordPress Style Layout
photoshop_tutorial_22





Create a Vibrant Modern Blog Design in Photoshop
37





Design a Simple Rounded Content Box in Photoshop
Result

Design a Cartoon Grunge Web site Layout
cartoonclick





Design a Unique Grungy Website Layout
grungydesignfinalsmall





A Scrap Of Notebook Paper
tornfinal





Creating A Glossy Navigation Bar
final1





Making the ‘Clean Grunge’ Blog Design Photoshop tutorial
cleang28




Sound System Studio Web Layout Photoshop tutorial
88bluedesign





Platinum Shiny, Glossy and Slick Web Design Photoshop tutorial
platinum_medium





Design Studio Layout – Photoshop Tutorial
design_studio2_big






How To Draw The Billings Application Icon
step5.3






Clean Vertical Navigation Interface in Photoshop
Final





Website Design Studio
70





Creating A Professional Magazine Web Layout
previewsiteutt





Design Agency Layout Photoshop tutorial
agency-layout





Modern Web Search Bar Photoshop tutorial
26searchbut





Design a Professional Design Studio Web Template in Adobe Photoshop
finalprofdesign







Create a Professional Gaming Header Photoshop tutorial
headertutfin

Carbon Fiber Layout Photoshop tutorial
cfl28layout

See any tutorials there which will be of use to you? Feel free to share any of your own interface tutorials too!

 

LOGO

Create Isometric Grid-Based 3D Lettering


Programs: Illustrator
Level: Intermediate
Skills: Typography, Grids, Creating 3D Objects


Simple Organic Shapes the Illustrator Way


Programs: Illustrator
Level: Beginner
Skills: Opacity, Duplication, Masks



Creating a Crazy Cool Logo


Programs: Illustrator
Level: Intermediate
Skills: Typography, Shading, Gradient, Transformations




Create a Clean Retro Badge in Adobe Illustrator


Programs: Illustrator
Level: Intermediate
Skills: Typography, Pattern Brushes, Effects, Color Management



WEB

Watercolored Design Studio Blog Layout


Programs: Photoshop
Level: Intermediate
Skills: Opacity, Typography, Buttons, Layout



Design a Warm, Cheerful Website Interface in Adobe Photoshop


Program: Photoshop
Level: Intermediate
Skills: Grids, Filters, Navigation Bars, Typography, Buttons, Masks



How to Build a Stylish Portfolio Web Design Concept


Program: Photoshop
Level: Beginner
Skills: Color Management, Buttons, Shadows



Create a Nature Inspirated Painted Backdrop in Photoshop


Programs: Photoshop
Level: Beginner
Skills: Brushes, Noise, Color Management, Texture
Remember: If you use any brushes as a stamp, remember that you MUST declare that as stock artwork when you submit your design!



APP

Photoshop Tutorial: Create a Multimedia Player


Program: Photoshop
Level: Beginner
Skills: Beveling and Embossing, Gradients, Layers, Masks




Design a Clean Launch Email for a Mobile App


Program: Photoshop
Level: Intermediate
Skills: Smart Objects, Clipping Masks, Warping Text, Buttons, Shadows, Footers




Design an IPad App UI


Program: Photoshop
Level: Intermediate
Skills: Grid Structures, Wireframes, UI/UX design, Marquee, Masking




ICON

Quick Tutorial: Create a Sleek Bevel Styled Icon


Program: Illustrator
Level: Beginner
Skills: Buttons, Depth, Shading

Icon Design Tutorial: Drawing a Pencil Icon


Programs: Illustrator
Level: Intermediate
Skills: Sketching, Paths, Shapes, Gradient, Color Management



Icon Tutorial: Video Projector


Programs: Illustrator
Level: Intermediate
Skills: Gradients, Pen Tool, Ellipse Tool




How to Illustrate a Tomato Using Adobe Illustrator


Programs: Illustrator
Level: Advanced
Skills: Meshes, Gradients, Blends, Paths, Shading




PRINT

A Tutorial for Good Typography in InDesign – Setting up a Baseline Grid


Programs: InDesign
Level: Beginner
Skills: Grids, Typography, Layout



How to Create A Professional Magazine Layout


Programs: Indesign
Level: Beginner
Skills: Alignment, Grids, Text, White Space




Design a Ready to Print Brochure in Photoshop


Program: Photoshop
Level: Intermediate
Skills: Drafting, Bleeds and Margins, Texture, Color, Shadow, Free Transform

Design a Grunge Vintage Poster in Photoshop


Program: Photoshop
Level: Beginner
Skills: Pattern, Guides, Shapes, Layers, Colorizing, Texture, Hue/Saturation




PACKAGING

Create a Zee Vintage Label on Illustrator


Programs: Illustrator, Photoshop
Level: Intermediate
Skills: Typography, Layout, Masks, Layers, Texture




Create a Stylish Coffee Cup with Smart Objects


Programs: Photoshop
Level: Advanced
Skills: Paths, Free Transform, Shadows, Gradient Overlay, Layers, Opacity, Blurs, Highlights, Masks





T-SHIRT

Create Abstract Characters


Programs: Illustrator
Level: Intermediate
Skills: Sketching, Color Management, Depth, Brushes




Add Textures to Vectors Using Smart Objects


Program: Illustrator, Photoshop
Level: Intermediate
Skills: Color, Smart Objects, Textures




Layer up Vectors for Unique Effects


Programs: Illustrator
Level: Advanced
Skills: Pen Tool, Color Management, Layers, Shading




Simulate Screenprint Effects


Programs: InDesign, Photoshop
Level: Beginner
Skills: Photography, Converting File Type, Bitmap, Rasters