Archive for the ‘Tutorials’ Category

Sunday
May 11,2008

 First, let’s see what I used: a white textile (canvas or so) and not a paper. Why? Because I want the result to be realistic and not plane. Also, it’s important that the background surface should not be glossy.
Natural light plus a tungsten light (two of them would be even better) and fill flash. Because the flash might overexpose some ares of the photo (usually the central area), I use a diffuser made from a very transparent soft plastic or canvas piece.
Usually this kind of thing refers to macro shots, so you may want to shoot in macro mode or manual.

Now let’s see the tips:
1. Use a textile background that makes a few soft “natural waves”
2. Use one little colored piece in your white composition as a reference
3. Use lights from all sides to avoid big dark shadows
4. Use fill flash (better with diffuser on it) to naturally brighten up the scene and reveal the details
5. Use custom white balance to ensure real white
6. Only use matrix light metering
7. Do not overexpose the picture in the attempt of getting pure white
8. Use manual focus if the auto does not find the desired focus point
9. Do not completely remove the shadows - let the shapes be visible
10. Use a software to remove dark corners that may form

Sometimes, even if I use custom white balance, I still need to cool the picture a bit later. The whole task of photographing white objects on white background can be very difficult and require allot of practice. On the other hand, shooting in RAW format may let you change the exposure even after the shot was taken.
White Object on White Background
White Object on White Background

TAKEN FROM www.photoaxe.com

Monday
Apr 7,2008

Since we are moving towards 2006 I thought of compiling a list with the best tutorials (imho) of 2005. Of course I haven’t read all of the tutorials written this year, but believe me I have read a large percentage of them. So here we go in no particular order.

3d lava thumb
3D Lava Text from Tutorialwiz. Category: Text effects
An amazing effect of text emerging from a blazing lava inferno!

expanding header thumb
Expanding Header from Swedesignz. Category: Web graphics
Learn how to create a header that auto stretches to the browser’s width.

advanced overlay photoshop tutorial
Advanced Pattern Overlay from PixelAddiction. Category: Photo Editing.
Learn how to replicate this awesome technique.

blog design thumb
Blog Design from PhotoshopSupport.
Category: Web design
Excellent tips for blog design.

photo restoration thumb
Photo restoration from PictureCorrect. Category: Photo retouching
A nice tutorial that is going to help you learn how to restore old photos.

colorizing photoshop tutorial thumb
Color Black & White images in Photoshop from 7Designs. Category: Photo Editing
A nice tutorial that is going to show you How to Color Black & White images in Photoshop.

the wave
The Wave from R-Klein-Webdesign. Category: Drawing
Learn how to create this awesome effect!

hosting layout tutorial thumb
Hosting Layout from Zymic. Category: Web Layouts.
Massive tutorial that will show you how to create a web hosting layout!

anime eyes tutorial thumb
Anime eyes drawing from Biorust. Category: Drawing
Great tutorial that will help you learn how to draw anime eyes.

zoom animation thumb
Animated Background Zoom from Kazaru. Category Animation.
Learn how to create an animated background zoom effect with this tutorial!

That’s all, just keep in mind that this is just a subjective list.

Taken from http://pstutorialsblog.com/

Saturday
Apr 5,2008

Picture by: destinetics
Here’s a collection of 115 social bookmark and news sites ranked by PageRank, number of links and value of each site.

We used dnScoop to gather the data for all these sites. This is what the dnScoop data is based on:

Page Rank- Google PageRank

Inbound Links- The total number of pages that contain links to www.sitename.com

Site Value Report - This value is calculated based on several factors shown above, including: Links, Traffic (Alexa), age of the domain, site category, domain keyword popularity, and overall occurrences of the domain name on the web.

The list was based on this social bookmarking list . We added a few more sites, such as, Shoutwire.com, Plime.com and PixelGroovy.com.

The dollar value of the sites are a bit misleading (is Simpy.com really worth $302,332,960 more than Digg?), but this list should hopefully provide you with some data on social news and bookmark that you haven’t seen before. If anybody knows of any better online tools to roughly estimate the value a site then leave a link in the comments section and we’ll update this list over the next few weeks and compare the data.

Site

PR

Inbound Links

$ Value

www.slashdot.org

9

28,018,962

$25,787,200

del.icio.us

8

370,943,962

$521,172,000

www.technorati.com

8

148,233,993

$276,243,000

www.digg.com

8

137,000,000

$215,992,000

www.reddit.com

8

132,924,191

$178,934,400

www.stumbleupon.com

8

59,888,074

$39,723,400

www.connotea.org

8

3,272,642

$11,241,440

www.furl.net

7

99,028,154

$188,853,100

www.newsvine.com

7

49,881,588

$35,890,400

www.blinklist.com

7

47,039,214

N/A

www.folkd.com

7

13,766,114

N/A

www.squidoo.com

7

7,171,958

$13,336,150

www.citeulike.org

7

3,694,298

$11,226,880

www.kinja.com

7

2,593,905

$9,965,880

www.propeller.com

7

2,503,342

$13,613,600

www.spurl.net

6

34,419,253

$32,200,000

www.simpy.com

6

23,405,771

$518,324,960

www.mister-wong.com

6

9,672,510

$10,667,840

www.rawsugar.com

6

7,481,362

$14,925,880

www.diigo.com

6

6,095,828

$11,243,680

www.linkagogo.com

6

3,987,085

N/A

www.corank.com

6

1,536,589

$4,281,340

www.care2.com/news

6

808,351

$2,237,900

www.backflip.com

6

733,144

$2,463,550

www.spotback.com

6

315,219

$459,980

www.kaboodle.com

6

309,115

$3,691,950

www.shoutwire.com

6

284,654

$216,910

www.sphinn.com

6

270,738

$100,000

www.searchles.com

6

261,216

$197,160

www.bibsonomy.org

6

141,521

$2,305,350

www.clipclip.org

6

59,146

$75,210

www.sitebar.org

6

15,661

$245,204

www.taggly.com

5

998,006

N/A

www.buddymarks.com

5

890,014

$3,090,150

www.mylinkvault.com

5

559,084

N/A

www.stylehive.com

5

547,675

$1,377,760

www.hyperlinkomatic.com

5

505,338

$1,457,890

www.plime.com

5

448,091

$474,360,000

www.lilisto.com

5

363,661

$529,000

www.sk-rt.com

5

322,076

$442,900

www.markaboo.com

5

238,271

$227,900

www.xilinus.com

5

57,701

$38,160

www.startaid.com

5

49,341

N/A

www.uvouch.com

5

34,057

$424,020,140

www.thoof.com

5

30,719

$20,600

www.myhq.com

5

27,015

$29,536

www.mybookmarks.com

5

25,443

$29,468

www.hanzoweb.com

5

12,618

$17,222

www.favoor.com

5

11,756

$6,322

www.socialdanger.com

5

7,095

$1,600

www.murl.com

5

6,017

$8,236

www.mobleo.net

5

739

$1,039

www.plugim.com

4

588,860

$1,313,340

www.zurpy.com

4

192,408

$111,180

www.tagfacts.com

4

169,135

$120,772

www.oyax.com

4

112,111

$115,000

www.lifelogger.com

4

99,808

$107,744

www.complore.com

4

93,751

$74,200

www.connectedy.com

4

59,588

N/A

www.sitejot.com

4

55,414

N/A

www.pixelgroovy.com

4

41,778

$19,080

www.cloudytags.com

4

41,654

$29,664

www.blurpalicious.com

4

27,567

$12,900

www.dropjack.com

4

27,251

$13,100

www.bookmark-manager.com

4

18,872

$7,434

www.myvmarks.com

4

17,084

$6,650

www.contentpop.com

4

13,188

$16,274

www.bmaccess.net

4

11,959

$5,600

www.memfrag.com

4

10,564

$5,668

www.bookmarktracker.com

4

10,518

$8,618

www.mysitevote.com

4

9,218

$6,500

www.freelink.org

4

8,427

N/A

www.urlex.info

4

3,962

$2,507

www.rambhai.com

4

2,926

N/A

www.easybm.com

4

2,236

N/A

www.zlitt.com

4

2,236

$3,193

www.chipmark.com

4

2,196

$1,792

www.thinkpocket.com

4

1,914

$848

www.mywebdesktop.net

4

1,329

$368

www.philoi.com

4

1,097

$1,397

www.bookkit.com

4

1,049

N/A

www.bookmax.net

4

874

N/A

www.votelists.com

4

399

$339

www.whitelinks.com

4

269

N/A

www.tedigo.net

4

135

$458

www.mixx.com

3

559,683

$1,854,160

www.marktd.com

3

43,855

$56,180

www.tagza.com

3

35,627

$7,500

www.wirefan.com

3

17,204

$27,772

www.blogbookmark.com

3

11,934

$11,124

www.bukmark.net

3

8,545

$1,620

www.getboo.com

3

7,742

$42,728

www.fungow.com

3

4,553

N/A

www.syncone.net

3

4,026

$25,070

www.linksnarf.com

3

3,893

$1,120

www.ez4u.net

3

1,030

N/A

www.listerlister.com

3

633

$5,702

www.xlmark.com

2

15,012

$5,974

www.totalpad.com

2

4,693

$510

www.barksbookmarks.com

2

2,786

$11,766

www.memotoo.com

2

2,382

N/A

www.blipoo.com

2

598

$100

www.bookmarkall.com

2

371

$694

www.yattle.com

2

127

$1,081

www.wetogether.info

1

911

$515

www.vuju.com

1

284

$145

www.newsweight.com

1

67

$42

www.voteboat.com

1

41

$10

www.freezilla.co.uk

1

38

$21

www.faves.com

0

50,781

$38,720

www.socialogs.com

0

50,090

$18,500

www.i89.us

0

28,192

$11,872

www.crowdfound.com

0

1,516

$3,050

www.quickieclick.com

0

9

$650

ma.gnolia.com

N/A

N/A

N/A

Saturday
Apr 5,2008

Airport Security Hacked

Most of us never consider that a customs official could confiscate our laptops as we travel across borders, copy information from it and return it to us hours (or days or weeks) later - but it happens. C|net has created a handy guide for frequent travelers who are concerned about this issue and wish to protect their personal or professional data from prying eyes.

OK, so we’ve all probably considered what it would be like to be one of those poor saps who falls victim to online con artists - but how many of us have thought about what it would be like to think like one of these con artists? This ‘guide’ takes you on a brief and somewhat disturbing tour of how to approach cons and respond as a con artist would on the internet. Strange but interesting.

In most cases people would like to think they would at least know if they had been hacked even if they were unable to prevent it in the first place. However, many people remain completely oblivious to the fact that things as private and important as their email have become compromised. MakeUseOf has created a guide to making digital ‘tripwires’ so you’ll know if you have been hacked.

Saturday
Apr 5,2008

Creative Web Designs

Whether you are just starting out or a seasoned veteran these tools, tutorials, lists and other resources are great sites for any web designer. Organized into helpful categories (design inspiration, CSS resources, web design guides, color tools, free fonts and more) this collection not only has useful resources but also categorized links to other lists with 100s more. If you’re not a designer but still need to create sites you still might be best off spending a few bucks on a web page creation tool with a simple GUI than hiring a designer but can still use the first section below and these great wallpapers to get design inspiration!

Web Design Inspiration

General Web Design Inspiration and Useful Design Examples

CSS Beauty is not only an active database for well-designed CSS sites but it is also a way to connect designers with potential clients and a source for web design and general aesthetic inspiration.

Web Design Inspiration is a collection of screenshots showing excellent web designs. It is well worth browsing simply for graphic and web design inspiration.

Web Creme is a very simple site and easy to follow on RSS: screenshots are posted, often more than once per day, of truly impressive web designs.

Unmatched Style is a source for businesses and designers who seek inspiration from particularly attractive, interesting and progressive web designs.

Design Firms is one of many sites on which you can find designers directly but your best bet might be a simple Google search or simply contacting the author of a design found through one of the above-listed design inspiration sites.

25 Beautiful Minimalist Web Designs shows the awesome power of simplicity when it comes to web design - more isn’t necessarily better.

24 Great Niche Galleries has screenshots with descriptions and links to various galleries that you might want to see for more web design inspiration.

10 Great Web [Re]Designs of 2007 features mostly popular and mainstream sites you may already be familiar with but also provides some useful analysis.

Best of CSS 2007 is another great screenshot-packed eye-candy collection of cool web designs from last year - worth bookmarking for future inspiration.

CSS Resources

CSS Web Design Examples, Tutorials and Other Resources

CSS Zen Garden allows you to see the full visual potential of CSS designs. You can pick a style sheet and load it onto the page to view the remarkable differences. The goal of the site is to engender new ideas about and discussions around the possibilities inherent in CSS-based design. While underlying code remains the same throughout the visual differences are readily apparent when you switch between views.

CSS2 Specifications is the place to start with CSS (or go back to when you are stuck). Yes, it isn’t trivial, but it is helpful and (despite the ironic lack of good design on the site itself) is something that everyone should have bookmarked if they are still learning CSS.

The CSS Panic Guide is a resource list which, as you might have guessed, is designed for those moments of utter despair and deparation where you are simply stuck. It is fairly well organized and contains links you’ll likely know as well as ones you won’t. This web design link list features everything from validation and text size to accessibility and media types.

The CSS Shark answers some frequently asked questions, explains some of the basics of CSS offers you a tutorial about Positioning with CSS (CSS-P, web design without tables). There is also a page with interesting links to other on- and off-site resources.

CSS Vault is a highly respected (PageRank 8) resource for sharing beautiful CSS designs and layouts that involves (moderated) community communication regarding designs. If you want to get into active CSS discussions this is one place to do that. The content is frequently updated and the user feedback is generally positive. Overall, this is a great place to browse for interesting and well-done CSS web designs and even find designers.

101 more CSS Tips, Tutorials and Examples is what it sounds like: another great resource list if the aforementioned ones don’t fully handle your needs. Unfortunately, the resources aren’t fully described though some descriptive terms are used as part of the link text.

Web Design Guide

Web Design Guides and Readings on Contemporary Design and Style

Web Design from Scratch is a great resource for a web designer or aspiring designer of websites either just getting started or already experienced. It is designed to show explicit criteria for success and failure as well as step-by-step guides and instructions for improving your designs. Whether you are completely new to web design, working on new design project or simply revisiting and revising an old web design this is well worth checking out and bookmarking for future reference.

Current Style in Web Design Guide takes you through a series of successful and contemporary designs and then parses the various elements that go contribute to the success of these creative designs. From the particular designs, the author of this useful web design guide extracts general principles which can be applied to other designs. For those of us who have difficulty making the jump from principles and examples to actual design practices this is a must-read guide.

Web 2.0 How-To Design Style Guide: This design guide discusses the generally known but rarely articulated styles associated with designing for what is known as “Web 2.0″ by some and cursed as a passing fad by others. Whether or not you buy into the concept of Web 2.0 or consider it overused and outdated this will take you through the parts and pieces of such designs in a way worth at least browsing through if not bookmarking. On a related note, here are 99 Resources for Good Web 2.0 Design.

Color Design Inspiration

Color Tools, Ideas, History and Palette Creation Resources

COLOURlovers is probably the web’s top resource for all things color from color inspiration to palette examples, color history and inspiring uses of color. The tricks learned here can be applied to web design as well as other kinds of design work and are designed for both the color-savvy as well as the virtually color-blind designer.

ColorBlender lets you select a preferred color and then creates a palette based on that input. Blends can be saved for future use and tweaked as needed.

4096 Color Wheel is a pretty straightforward and user-friendly tool for creating color palettes and shifting color schemes.

ColorSchemer Studio suggests palette ideas based on initial and changeable inputs and is both fun to play with as well as useful for professionals.

Photo Color Matcher lets you create a color palette from an existing image of your choice. This can be helpful to people who don’t have a natural eye for color and for clients who may wish to have a designer create a color scheme from a photograph or other image.

Web 2.0 Color Palette is organized to help you develop color schemes based on certain criteria that will fit into a so-called Web 2.0-type scheme.

The Meaning of Colors explains the origins of associations we have with colors including cross-cultural analysis of the meanings of colors across ethnic and geographic groups.

Free Fonts

Elegant, Obscure, Abstract and Other Free Fonts

Creamundo is a great place to start searching for free fonts organized in useful ways and easy to view custom samples of prior to downloading. These fonts range from simple and refined to complex and unusual with everything in between.

ShowFont has a likewise extensive collection of free fonts of different kinds

Urban Fonts aren’t all necessarily urban in any traditional sense but many of them are quite interesting and out-of-the-ordinary. Some are based on classic fonts while others are quite creative and original, much like those found at Abstract Fonts or at Better Fonts.

SimplyTheBest has a helpful series of categories that are easy to navigate and understand which, despite their somewhat limited selection, makes them worth seeing.

Mike’s Sketch Pad includes a lot of great fonts but some of them can only be used for non-commercial purposes so be sure to check out the creator details.

Modern Life is an elegantly-designed site run by a skilled designer who recognizes the power of good fonts and shows you some recently successful examples.

TypeTester won’t work for every font but is extremely useful for those it has and to give you a general idea of what different fonts will look like in different situations.

1001 Free Fonts is yet another source for free fonts if the above resources weren’t enough.

Web Design Resources

Other Great Web Design and General Design Resources

The Landing Page Composer is one great way to go if you aren’t much of a designer and don’t intend to be. It is a program that allows users to create a range of landing page designs from basic templates using a remarkably simply graphic user interface.

Open Source Web Design is a trading post of sorts for web designers to share free web design templates with one another for the common good of web design and designers.

Blue Vertigo is a hodge-podge collection of free resources for web designers including stock photography sites and free fronts, brushes and clip art.

Browser Shots is a great pre-final test site for web designers. The site allows you to see what your design will look like in various browsers.

Top 50 Logo Design Tutorials is a useful collection of logo design guides, accompanied by screenshot images, that range in content from simply elegant to striking and complex.

51 Photoshop Text Effect Tutorials Many designers fail to see the importance of text and text effects as a critical component of quality web designs. These text effects are an essential part of any web designer’s toolbox.

9 Essential Principles for Good Web Design is another good place to start and get your bearings if you’re a relatively new designer or want a refresher course.