Name
Email




Contact

Subscribe

Menu

Inspiration

Archives


Archive for the ‘tutorial’ tag

40 Premium Adobe Photoshop Tutorials

with 5 comments

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!

Read the rest of this entry »

Written by DzineBlog

January 15th, 2011 at 10:30 pm

Posted in Tutorials

Tagged with ,

Photoshop Tutorial: Creating Distorting Mirror Effect

with 2 comments

This tutorial tells us how to distort an image using a couple of filters. The tutorial is easy, but very interesting.

Creating Distorting Mirror Effect

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.

Read the rest of this entry »

Written by DzineBlog

August 5th, 2010 at 2:23 pm

Posted in Tutorials

Tagged with , ,

25 Useful CSS3 Techniques and Tutorials

with 19 comments

Css3 have a capacity to revolutionize the way we design/develop website. css3 is intoducing loads of new and exciting features. Most of the browsers such as Firefox, Safari already support some of the CSS3 properties

It is essential today for a web designer to know about CSS3 and there are many tutorials and resources for the CSS3. Below i’ve listed 25 Useful CSS3 Techniques and Tutorials to get you started with CSS3, hope you find this collection useful

1.) Create a Dynamic Stack of Index Cards using CSS3

We will create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling).
25 Awesome CSS3 Techniques

2.) CSS3 Analogue Clock

Analogue clock created using webkit transition and transform CSS. JavaScript is only used to pull in the current time
25 Awesome CSS3 Techniques

3.) Awesome Overlays with CSS3

The trick with these overlays is the gradient border, going form a lighter to darker orange as you go from top to bottom. To create that effect we used to the border-image property, which is a tricky little addition to CSS.
25 Awesome CSS3 Techniques Read the rest of this entry »

Written by DzineBlog

March 9th, 2010 at 3:31 pm

20 Best Flash Game Tutorials to Create Your Own Flash Game

with 18 comments

Flash is a household name when it comes to multimedia. Whether you’re creating interactive demos, browser games or cool web components, Flash is a solid foundation on which to base your work,

Flash Games plays a major role in browser based games over the internet and have always been one of the best pass-times for all internet users, For flash beginner , creating a flash game is a quite tough job and also interesting as well.
Here i’ve listed 20 best flash game tutorials that will help you in creating a simple but cool flash game of your own

1. )3D Slidin Puzzle

2. )Pool Game

3. )Pseudo 3D Pong Game


Read the rest of this entry »

Written by DzineBlog

December 28th, 2009 at 6:45 pm

30 Best Photoshop Web Layout Design Tutorials to Design Decent Websites

with 66 comments

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. )  Design a Beautiful Website From Scratch

2. ) How to Create a Clean Web 2.0 Style Web Design in Photoshop

3. ) Create a Magic Night Themed Web Design from Scratch in Photoshop

4. ) Design a realistic website layout in photoshop

Read the rest of this entry »

Written by DzineBlog

June 10th, 2009 at 4:10 pm

45+ Best Icon Design Tutorials

with 40 comments

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 50 of the best icon design tutorials, hope you like this list of tutorials

Create a Magic Wand Icon

Icon Design Tutorial

Carbon Style Icon

Icon Design Tutorial

Aperture Style Camera

Icon Design Tutorial

Skype Buddy Icon

Icon Design Tutorial Read the rest of this entry »

Written by DzineBlog

March 19th, 2009 at 6:02 pm

No div, no float, no clear, no hack*, no joke!

with 11 comments

A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK!
There are many CSS layouts out there. Some rely on AP (Absolutely Positioned) elements, others use FLOATs. The former method is considered bad practice for its lack of flexibility while the latter is a powerful solution in building robust layouts.

Unfortunately, like most powerful tools, FLOATs can be a dangerous method to employ or at least very frustrating. First of all, the FLOAT concept itself is not easy to properly understand, and second of all, FLOATs are a source of many browser bugs (mainly IE bugs) which make FLOAT constructs difficult to master across browsers… and easy to break.

This article demonstrates an original solution that addresses semantics, construct, and design issues to deliver robust layouts.
Nodiv

This is a sneak peek.

Read The Full Article @ TKG DESIGN

Written by DzineBlog

March 16th, 2008 at 9:52 am

Posted in Tutorials

Tagged with ,