Archive for the ‘Tutorials’ Category
23 Must-Read Tutorials for Advanced HTML5/CSS3 Coders
If you already have a solid grasp on building websites, you may not know where to move next. There are so many topics held under the umbrella of HTML5/CSS3. It’s not possible to learn them all in one sitting! But tons of design blogs these days are writing tutorials geared towards advanced web developers.
Below I have included 23 examples of what I would deem “advanced” web design. These are mostly focusing on CSS3 effects and constructing webpages with HTML5 elements (and some light jQuery in a few). If you know of any other great articles please share links in the comments area below.
Apple Navigation Bar using CSS Sprites
Fresh Photoshop Web Design Tutorials for 2011
There are many of resources out there for beginning in web design, and a helpful place to start is with Photoshop web layouts. In today’s post, we will share with you a mix of tutorials catering to beginners, and intermediate web designers. Lets get started!
Create a Clean, Minimal Website Design
38 Fresh Illustrator Tutorials From 2011
In this post we have compiled 34 fresh and awesome illustrator tutorials from 2011. Enjoy!!
How to Create a Hair Braid Pattern Brush in Illustrator
40 Premium Adobe Photoshop Tutorials
Today I would like to share 40 premium Adobe Photoshop tutorials from TutPlus. This post is to inspire you (and me) with the fresh inspiring designs submitted by designers worldwide. If you would like to share your work and being published on DzineBlog.com, feel free to email us at mywork@dzineblog.com. I may publish your work here. Enjoy!
Photoshop Tutorial: Creating Distorting Mirror Effect
This tutorial tells us how to distort an image using a couple of filters. The tutorial is easy, but very interesting.
Let’s begin with finding an appropriate image to work with, we can try searching in Google Images or take my picture it can be absolutely any image. Open the chosen image and begin working with it.
Photoshop Tutorial: Create Your Own Galaxy
There are galaxies of various forms, sizes and colors, and we’ll create our own, the one we like.
Create Sin City Style Wallpaper with Photoshop
In this Photoshop tutorial you will learn how to make wallpaper for your desktop in the style of the film ‘Sin City.’
Before starting our tutorial find some picture to demonstrate effect on it. Go to Google Images and find some appropriate picture or you can use my picture. Open up the picture, then make selection of all the canvas with Ctrl+A and press Ctrl+C to copy selected area. Then create a new document sized 1920×1200 pixels (white background) and paste copied fragment into it with Ctrl+V.
30+ Best Icon Design Tutorials Part II
Recently icons are used widely in web and interface designs, icons convey the message in simple and effective manner,As a designer its always good to know how to design a icon on your own.
There are plenty of icon tutorials out there, here i have filtered and listed 30 of the best icon design tutorials, This article is a continuation of dzineblog’s 45+ Best icon design tutorials, hope you like this list of tutorials,
1.) Create a Golden, Vector Compass in Illustrator
2.) Design a Stylish Mail Icon
3.) Create a Van Icon in Photoshop
6 Goals to Reach For When Designing Your Next Website
Goals are important to have in life. They are especially important for website design, because without any goals, you have nothing to shoot for in the end and nothing to measure your success by. Goals help designers focus on the important things and not lose sight of what you want in the end; goals are what help designers deliver outstanding sites every time.
The results at the end of the site design process are usually pretty much the same with every project; I end up with a site design and I hand it off to the client. In the beginning, I have an idea of what I want to do and what the client needs, and I know I want to strive for an awesome deliverable in the end. The steps in between follow roughly the same path, however each site design is vastly different in style and character needing some different steps to achieve the proposed outcome. Sometimes I feel the need to sketch and other times I jump right on my computer. Even though the process may be different each time, it’s important to have goals with every site, whether you write them down or keep them in the back of your mind while you design. I’ve compiled a list of Goals to Reach For When Designing a New Website.
Thanks for sending a article right away, i like the article nice topic, i’ve one suggestion if we can add more examples to the each goals it would be even more good
i think we can just say more examples and add another 4 to 5 website designs without description, pls let me know what you think about this
1. Strive for a Design that’s User-Friendly and Beautiful
A great user-interface is often sacrificed for a wonderful design, but both are equally important and should go hand in hand. A well-designed site helps users travel through your site with ease. Items are where users expect them to be. If they’re in unusual places, they need to make sense and the site design needs to direct users where to go. The navigation is best near the top of the page not because that’s where it looks best, but because users don’t often know to scroll down to find it. If you expect users to scroll to find the navigation, give them a reason to scroll like some movement in the design that directs their eye downward and they’ll find it more easily.
Examples of Sites With Beautiful and Smooth User Interfaces
36 Best Photoshop Web Layout Design Tutorials Part 4
When it comes to designing a website Photoshop is an excellent tool for it, No design Software gives you quite so much control as Adobe Photoshop in designing a website. For beginner web designers – design tutorials really help to understand the basic knowledge about web design ,
Designing a website is not an easier process, Here is a collection of 30 layout design tutorials that will help you with designing a decent looking website. They are all different types of websites and styles of design represented here that will sure help you to create a decent looking website
1. )How to Create a Grunge Web Design Using Photoshop
2. )How To Create a Clean and Colorful Web Layout
