Read in Style. Designer Covers and Accessories.

Dec
10

Com
0

Adding texture to web projects

Author: bonnard | Category: Web Design

(Source:computerarts)

texture to web

Anthony Zinni shows you how to give warmth and dimension to your web design projects by creatively layering textures

One of the hardest things to master as a web designer is getting past the stark coldness presented by plain HTML.

Many projects require a warm or natural aesthetic that HTML alone just cannot portray. Often the best solution to this problem is to use a range of textures and patterns to create a natural and rugged appearance.

[......]

继续阅读

Dec
10

Com
0

50+ Fresh CSS Techniques, Tutorials and Resources

Author: bonnard | Category: Web Design

(Source:noupe)

psd-to-html-clean-folio

Learning CSS and how to use it effectively can be a reasonably easy thing to do for a beginning web developer. In the hands of a seasoned professional, CSS can be stretched and pushed it to its limits where it can seem complicated and yet perfect at the same time.

Being able to adapt to new ideas and different techniques, as well as seeking new solutions to old problems is part and parcel of being a web designer.


And with the speed at which CSS development is constantly moving, keeping up with new developments can be challenging.

[......]

继续阅读

Nov
19

Com
0

How to Create a Realistic IES Lighting Effect in Photoshop

Author: bonnard | Category: Photoshop Tutorials

(Source:psd.tutsplus)

330_IES_Lighting

In this tutorial, I’ll show you how to create a realistic IES (photometric) lighting effect. We’ll be using Photoshop CS4 as well as some free plugins and software. Let’s get started!Tutorial Preparation
In order to complete this tutorial you’ll need the following software:

Prior to beginning the tutorial, make sure you have installed the Grid Generator and the AlphaWorks Photoshop plug-ins, and that you’ve downloaded Karbaras’s IES Generator (a standalone app) and the 1589835-nice.IES profile.

[......]

继续阅读

Oct
22

Com
0

22 Really Useful Online Tools for Web Designers and Bloggers

Author: bonnard | Category: Web Design

(Source:desizntech)

CSSFly

Let’s face it. It is the age of cloud computing and we spend so much time on the internet. Some of us maintain and manage our social lives, work online. Especially if you are a blogger or web designer or web master or all of them together. If you far away from your regular computer but still needs to finish work or just needs some useful tools to increase your productivity, here are 22 online variety tools for you.

We have gathered some plain code editor and HTML editor for page editing, fun things you can embed on your website and  fun tools for social life online. We would love to hear if you have some online tools to share.

[......]

继续阅读

Oct
3

Com
0

Illustrator full spectrum spirographraph

Author: bonnard | Category: Illustrator

(Source:veerle)

spectrum_spirograph

In my previous Illustrator tutorial I showed you how you can create a diamond flower using different transparency modes. With this tutorial we’ll stay within the same area of spirographs. Today’s article is completely inspired by Mr. Spirograph himself Andy Gilmore. His work is stunning and very inspirational. He does magic starting from simple shapes and ends up with a remarkable complex composition. I e-mailed Andy to ask permission if I could write a tutorial on one of his creations. Andy replied that it is always interesting to see the many ways that an image can be built. Let’s get started.

First of all I should point out to you that this is one of way of how you can create these kind of shapes. Also, this shape is not a 100% exact copy of Andy’s creation, but it’s close. I just tried to find a way so I can explain things in an easy understandable manner.

[......]

继续阅读

Oct
3

Com
0

Illustrator Quick Tips #1 – Complex Symbols with Pathfinder

Author: bonnard | Category: Illustrator

(Source:abduzeedo)

complex-symbols-pathfinder

Last week I posted an article showing some great logos using 3D effects and colorful gradients. There are quite a few ways to do create those effects in Illustrator, however for most of them you will have to use the Pathfinder tools. Because of that I will show you an example based on a few logos from that list.

[......]

继续阅读

Sep
15

Com
0

AI The Dreaded Redraw Illustrator Tutorial

Author: bonnard | Category: Illustrator

(Source:tutcandy)

Redraw Illustrator Tutorial

We’ve all dealt with it as designers at one stage or another, or if you haven’t listen up this tut may just save you some valuable time in the future.

[......]

继续阅读

Sep
9

Com
0

10 Excellent PSD to XHTML tutorials

Author: bonnard | Category: Photoshop Tutorials, Web Design

(Souce:PsdVibe)

subcide

Many PsdVibe readers often ask me how to transform a psd file into a website. The whole process is generally called XHTML slicing and it’s a very important step in webdesign. In this article, I have compiled 10 PSD to XHTML tutorials for you.

[......]

继续阅读