background preloader

The Ultimate Collection Of Brilliant Web Design Tutorials

The Ultimate Collection Of Brilliant Web Design Tutorials
Mar 01 2010 In this ultimate collection, we bring you a massive selection of great Web design tutorials from all over the design community. All of the tutorials use Photoshop for the main application. By the end, you should have a pretty good idea of where and how to start designing for the Web. If you’re already an experienced Web designer, don’t ignore this post. Web Design Tutorials Design an Italian Restaurant Web Layout Use Photoshop’s built-in custom shapes to add depth and interest to your design. Design an Impressive Web Hosting Layout Use the perspective tool to change the shapes and angles of otherwise simple objects. Design a Cartoon Grunge Website Layout Create a torn-paper effect with the lasso tool. Create a Sleek, High-End Web Design from Scratch Create a warm glowing background texture using gradients, textures and brushes. Design a Clean Business Layout Use custom shapes to produce your very own icons. Further Resources You might also be interested in the following articles: Related:  web designing

Shabby Blogs - Backgrounds - Free two column shabby chic blog templates with a twist of scrapbooking style! Feeling Flakey design elements byVera Lim Foggy Christmas Eve design elements byVera Lim Raising Candy Cane design elements byVera Lim Reason for the Season design elements byVera Lim Snow Business design elements byVera Lim Wrapping Paper design elements byVera Lim Home For The Holidays design elements byShabby Blogs Snowed In design elements byShabby Blogs Pumpkin Patch design elements byShabby Blogs Halloween Memories design elements byVera Lim Shabby Halloween design elements byShabby Blogs Vintage Halloween design elements byShabby Blogs World On Fire design elements byShabby Blogs Adelaide design elements byShabby Blogs This Old House design elements byVera Lim French Flea Market design elements byShabby Blogs Old School design elements byShabby Blogs Barn Sale design elements byShabby Blogs Vintage Garden design elements byVera Lim Sea Breeze design elements byShabby Blogs 4th of July Picnic design elements byShabby Blogs 4th of July Picnic 2 design elements byShabby Blogs

20+ Resources and Tutorials for Creative Forms using CSS | Speckyboy Design Magazine CSS has hugely improved forms. Where once you had very rudimentary forms that looked plain and unstyled, CSS lets you style your form however you want and beautiful forms. Even a simple contact form can look slick and increase readability and user-friendliness – which means more visitors will fill it out, and you’ll get better results based on that action. Like with any web design, there’s no need for you to reinvent the wheel – use these CSS form templates and tools to speed up your CSS form creation. With the proper understanding of each element (radio buttons, checkboxes, text areas..), a little CSS know-how, some patience, and some creativity, you can create truly beautiful forms. CSS Form Templates CSS3 Forms Library The CSS3 Forms Library styles text boxes, text areas, buttons, radios, and partially select drop downs. CSS3 Forms Library → Simple CSS Form (WittySparks) WittySparks Simple CSS Form is a clean and subtly colorful form. Simple CSS Form (WittySparks) → Semantic CSS Forms Uni–Form

How To Lighten Dark Photos In Photoshop Often times when you take photos with your camera’s Automatic mode, the images might come out too dark or too bright. The best the way to avoid that problem is to learn how to use your exposure compensation settings in your digital camera, by opening your aperture, or sometimes raising your ISO to increase your digital camera’s sensitivity to light. Thanks to digital photography, however, it’s pretty easy to learn how to lighten dark photos in Photoshop or other similar photo editors. Here are a few methods you might try, using a recent version of Photoshop CS. Let’s start with this underexposed image. All of these methods will require you to duplicate the background layer of the photo. Screen Blend Method One of the quickest ways to lighten a photo in Photoshop is to use Screen Blend mode. Screen blending mode always lightens an image, but you are somewhat limited in how much you control you have over its effect. Using Levels Shadow/Highlight Click on Image>Adjustments>Shadow/Highlights.

40 Outstanding Photo Manipulation Tutorials Mar 08 2010 Photo manipulation is an art that requires lots of patience along with the expertise in Photoshop and other photo editing tools. With your creativity and imagination, you can manipulate any photograph the way you want! You simply have to experiment with different effects to see what feeling they give you as having expertise in Photoshop can help you greatly in producing amazing results. Photo Manipulation Tutorials How to Create Glass Transparency in a Cute Photo ManipulationIn this tutorial you’ll learn how to incorporate glass into your work. Design a Surreal Desert Scene in PhotoshopIn this tutorial artist is going to show you how to create a surreal time-themed photomanipulation using Photoshop. How to Make a Melting Camera SceneIn this tutorial, we’ll use the Layer Mask Tool and Liquify filter to “melt” the camera. Robot Woman Photo ManipulationIf you want to take your photo manipulation skills to the next level, then we have an awesome tutorial for you.

TUTORIALS » Tutorials Css and Web Design Community News Web design articles and tutorials from Scratchmedia - Web Design inShare9 One of our goals at Web Design from Scratch is "Everyone's website works". We're working towards a world where all websites are pleasant, easy, and appealing to use. Announcing Ben’s New Course… Facebook Marketing Made EasyWith Ben's new course, you can get all the insights you need to start earning good fees simply by promoting clients' businesses on facebook! Multiple Classes in IE | Ryan Brill Monday, June 4, 2007 at 11:57 pm | Comments off I'm going to explain the use of multiple classes, and where IE6 chokes. So, if I have <div class="box featured">, the classes for div.box and div.box.featured will be applied to the div, giving it a "featured" style. div.box div.box.featured IE6, however, has an interesting caveat with multiple classes. div.box.featured {} div.featured {} div.box.featured {}div.featured {} How these rules should work is like this: div.box.featured applies to <div class="box featured">div.featured applies to <div class="box featured"> OR <div class="featured"> However, in IE6, div.box.featured works the same way as div.featured. Table with zebra rows and selected states in Firefox / IE7. Table with zebra rows and selected states in IE6. The HTML would look something like this: <table><tr class="alt selected"><td>... <table><tr class="alt selected"><td>... And this is the CSS: Update I've created a demo of the zebra rows example.

Related: