Category Archives: Tutorials

While designing you apply various photo effects to the photos, and watercolor effects that are among them have a great number of fans. The idea of each work is to impress the viewers, and it can be easily performed by using the mentioned above effects in your works. You can notice them here and there on the backgrounds of the designs that adds the stylish tone to the whole works. As usual, it is a combination of pastel and neutral colors, colorful brush strokes, element of watercolor paintings and whatever the designer can imagine. These digital watercolor effects are the very catchy point of design that grabs the attention, and that’s the reason for their huge popularity. Want to get a bit of inspiration? Here is a compilation of Amazing Watercolor Effects in Web Designs and Tutorials for you to enjoy!

Watercolor Effects in Web Designs

***

Create a Watercolor-Themed Website Design with Photoshop

 

Watercolor Effects in Web Design

***

Super Cool Watercolor Effect in 10 steps in Photoshop

 

Watercolor Effects in Web Design
Continue reading

Basically, tutorials are the most comfortable and easiest ways to learn and discover some new capabilities and features which are quite important in the designing process. Informal and practical CSS3 tutorials are always in a great demand as the capabilities of CSS are progressing all the time and we aspire to make more stuff. So today we are preparing for you new tutorials which we believe will be helpful for everybody who wants to improve his or her skills in working with CSS3. You’ll get to know how to make animated 3D bar chart with CSS3, annotation overlay effect, Google play’s minimal tabs and more. So look through and extend your designer’s trunk with such great CSS3 tutorials of spring 2012!

Animated 3D Bar Chart with CSS3

* * *

Annotation Overlay Effect with CSS3

* * *

Continue reading

The future of the Internet are the beautiful websites built with HTML5. The newest version of HTML effectively turns words and graphics into another dimension without using any plug-ins. HTML5 is an updated version of the code used to build websites. The newer version allows to integrate multimedia: videos, pictures, graphics and words directly into its mainframe. CSS3 is the markup language that programmers can lay on top of the HTML to make websites even more visually appealing.

Despite the long term development schedule, many aspects of HTML5 are already implemented into Firefox, Chrome and IE8. It seems there is no escape from the fact that new HTML revision will soon become a major web standard. So lets keep up to the latest trends and learn some new tricks with these HTML5 website layout coding tutorials. Enjoy!

***

Design and Build a Clean Business Layout Using Photoshop and HTML5

***

How to Code a Clean Website Template in HTML5 & CSS3


Continue reading

If you are looking for helpful materials for your mobile phone’s arranging, then our topic about mobile design tutorials for layout elements is right for you! The fast-moving development of mobile technologies has induced the acute need to know more about mobile devices and how to customize them. But it’s not very easy to find really good information with detailed explanation about different layout elements, so we hope that today’s collection of tutorials will definitely help you to achieve your aim and learn something new about mobile layouts. We prepared a set of mobile design tutorials that would be useful to check out. You will find tutorials about layout basics, mobile login screen, layout grids, multiple screen sizes, Android basic image controls, etc. Look through this great stuff and start to create your perfect mobile design!

Learn How to Create a Mobile Apps Style Layout

* * *

Mobile-First Layouts with CSS3

* * *

Clean Mobile Login Screen Tutorial

* * *

Continue reading

Nowadays search boxes are becoming more popular and important as almost each professionally-made website needs the special place for quick information search. That’s why the search box is a very essential part of the website’s structure, especially for content-heavy web projects. Many people simply prefer using the search form to browsing all content, because it’s fast and simple way to find what they are looking for. So the search box is the most frequently used designed element which makes the website more functional and organized. Basically, the search form consists of an input field and a submit button and these elements are unchangeable. But you can add more creativity and individuality to your particular search form using different shapes, styles and color schemes. Considering the active usage of search boxes we decided to include these helpful search form tutorials that will assist you in creation of the perfect search box for your website.

CSS3 Search Field Tutorial

* * *

Website’s Search Field Tutorial

* * *

Stylish CSS3 Search Box

* * *

Continue reading

For the Photoshop lovers we picked a set of hot Photoshop tutorials to help them learn essential and advanced portrait effect techniques. In this round-up you will find various retouching, digital make up, special effects, painting effects and various others techniques to spice up usual photos and make them look really outstanding. In our post we’ve covered techniques used in magazines and advertizing that give photos a glamorous shine.

Since portrait effects are no longer constrained to vignettes or simple stencil effects, this area of Photoshop activities has evolved to an unbelievable level of creativity and complexity. So do not expect to find here tutorial consisting of 3-4 steps, some of them require hours of painstaking work that would result in a lot of new techniques learned and killing photo manipulation you have produced.

A small piece of advice, do not try these effects with your average low quality family photos. These effects require high resolution images to obtain optimum results.

Comics Photoshop Action

comics photoshop action

* * *

Creating Unique Profile Image

unique profile image

* * *

Vexel Image Effect

vexel image effect

Continue reading

Despite the “unofficial” status of CSS3, we all know that many web developers and designers adopt various efficient solutions and CSS3 experiments. Today we’ve tried to combine awesome visual effects with superb functional menu and navigation resources that would help you improve your CSS3 skills. The following round-up contains various tutorials that are mostly experimental ones, but we hope that some of these will be adopted and widely used by web developers all over the world. The featured CSS3 Menu and Navigation Tutorials will make you reconsider your classical methods of work in favor of new techniques and methods.

CSS3 animated dropdown menu

 
css3-menu-navigation-tutorials

* * *

Creative CSS3 Animation Menus

 
css3-menu-navigation-tutorials

* * *

Continue reading

One of the long-awaited events of this spring has become the new edition of Photoshop CS6. At the present moment we have Creative Suit 6 Beta version which is delighted us with new features and additional design tools. Now everything gets more interesting! Making the exploring process convenient and easy for you, we prepared new Photoshop tutorials which will help to improve your skills and test your practical knowledge in this area. The tutorials are about new 3D tools, different types of blurs, oil painting photo effects, adaptive wide angle filter, diary or journal web layouts, vertical social ribbons, and other impressive effects and icons. They will be really helpful and useful for creating any kind of website, personal or public project. Check the following Photoshop Creative Suite 6 tutorials and have a wonderful experience practicing with it!

Blur Gallery Tutorial in Photoshop CS6

* * *

Oil Painting Photo Effects Tutorial

* * *

Continue reading

T
he practice of using a large letter to mark the start of a text or a paragraph is an effective method to put the visual accents on the certain parts of information and guide the readers through the whole body of the text. The two-thousand-years-old tradition to open the text with the stylized first letter of the first word is widely used today in various texts sources. Whether you read a newspaper, a book or the blog, you can notice a number of Drop Caps that add certain brightness to a page. To create this effective decorative element is not a problem if you refer to the professional how to create a Drop Cap tutorials. While browsing this thought-out compilation of tutorials, you can find the most accessible ways of creating Drop Caps for your projects. Being written by experts, these Drop Cap tutorials will show you all the process from A to Z with all important details. Why not to try to create your own cool Drop Cap?

***

CSS3 Drop Caps

 

Drop Cap Tutorials

***

Creating Drop Caps Using CSS

 

Drop Cap Tutorials
Continue reading

Photo Realistic Textures as well as various other textures are the indispensable part of graphic design. They are widely applied to the works in order to add the desired tone and cool look to them. Plenty of them are to be found in various compilations all around the web, but sometimes you need some special textures that are not of the same kind as thousands of others. In this case, you can try your best and create your own photo realistic textures and share your experience with others. This collection of Photo Realistic Textures in Photoshop Tutorials will show you the process of creating different textures from A to Z. While following these examples, you’ll be able to create the desired textures as realistic as it is possible. So, browse these useful materials and create your own effective photo realistic textures!

***

Create a Realistic Paper Texture in 5 Minutes

 

Photo Realistic Textures
***

Create Your Own Leather Texture Using Filters

 

Photo Realistic Textures
***
Continue reading

Page 4 of 11First...2345610...Last