Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

October 08 2010

13:00

Exclusive Texture Pack from TextureQuality.com

This Free Texture Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

The kind folks at TextureQuality.com have worked with us to release an exclusive texture pack for Tutorial9 viewers. In this texture pack are 12 super high resolution textures (4252x2835px) for use in your commercial and personal projects. Some textures released in this pack are exclusive to Tutorial9.


October 01 2010

13:00

Creative Bookmarks: Best of September 2010

Summer had to end eventually. However, with the coming of Fall comes an all new month with great new tutorials, articles and freebies! This is Creative Bookmarks September!

Photoshop Tutorials

Nature-Themed Girl Composition in Photoshop

This great tutorial teaches you how to have some fun with vectors, custom brushes, and stock images to create a colorful and eye-catching nature themed girl composition.

Create a Detailed Ornate Heraldic Design in Photoshop

In this tutorial, by Chris Spooner, you’ll learn how to use some manipulation techniques combined with some Photoshop tricks to create an impressive Heraldic style emblem.

How to Create a Fantasy Banana Ship in Photoshop

In this great tutorial, from PsdTuts+, you’ll learn how to use a combination of photo to create a fantasy flying ship from a banana.

Create a Fantasy Girlbird Illustration in Photoshop

This great tutorial shows you how to create a make believe bird girl illustration with some Photoshop painting and photo manipulation techniques.

Create a Motorola Droid Style Phone in Photoshop

This tutorial teaches you how to use various tricks and techniques to create a realistic Motorola Droid phone.

The creation of “A Life Of Aquatic Sounds”

This great tutorial, from WeGraphics, combines the use of blending modes, Photoshop filters, and other tricks and techniques to create this beautiful aquatic manipulation.

Photoshop For Beginners: Creating Buttons for Web

In this tutorial, you’ll learn how to use blending modes and layer masks to create beautiful buttons for the web.
See Also: Part Two

Design a Grunge Vintage Poster in Photoshop

Another great tutorial, from WeGraphics, in which you’ll learn how to use a grid, patterns, layers styles and textures to create a vintage looking poster.

Playing with Custom Brushes to Create Magical Scenes

This tutorial teaches you how to create a custom brush and will walk you through the options of the brush to create a nice composition.

Harnessing the Power of Geometry for a Creative Nike Shoe Design

In this great tutorial, you’ll learn how to make geometric shaped brushes and apply them to create a Nike advertisement.

Make a Stylish Futuristic Textured Wallpaper in Photoshop

In this tutorial, from Design Instruct, you’ll learn how to use blending modes and textures to create a wallpaper that has outerspace-futuristic look to it.

A Perfect Lie in Photoshop #2

Too many photo retouching tutorials use techniques that make the skin look fake. This tutorial, from Abduzeedo, does the opposite, presenting a tutorial that achieves a beautiful and real effect.

Illustrator Tutorials

Create an Elegant Patterned Vector Owl in Illustrator

This brilliant tutorial, by Chris Spooner, will teach you how to create an owl illustration using basic shapes and the clever use of patterns and shading.

How To Create a Gothic Blackletter Typographic Design

This hybrid tutorial utilizes Illustrator to create and modify type, then uses Photoshop to create a grungy metalic piece of blackletter type.

Creating Seamless Textures

This great tutorial shows you how to creat clean, crisp textures and patterns using the newly improved appearance panel in Illustrator CS5.

How to Create an Adobe Illustrator Brush

In contrast to Photoshop, there aren’t many blogs that publish quality tutorials on how to create Illustrator brushes. This tutorial fills exactly that need.

Create Amazing Patterns using Adobe Illustrator

In this tutorial, you’ll learn how to use the Pattern Brush in Illustrator. But wait there is more! You’ll also create your own pattern brushes and learn the right way of using them.

Create a Graffiti-Inspired Illustration Using Photoshop and Illustrator

This great intermediate-level tutorial, combines the power of Photoshop and Ilustrator to create a graffiti inspired drawing and then, bring it to life with color.

Design An Angry Vector Turtle Character In Illustrator

This excellent tutorial, from Spyre Studios, walks you through creating a vector turtle based on a photo; a technique that can be useful in the future.

Web Tutorials

Basic Beginners’ Guide to Installing a jQuery Lightbox

This is a great tutorial, from Line25, that gives you a crash course on how to setup a lightbox gallery on your website; perfect for the Javascript coding noob.

A Crash-Course in CSS Media Queries

This great screencast, on Nettuts+, show’s how easy it is to create browser width dependant layouts with CSS media queries.

An Analysis of Typography on the Web

Most designers will agree that typography is the most important part of a design. Unfortunately, it’s usually neglected online. This article/tutorial contains some very useful information on the topic.

Converting a clean magazine-style PSD template to HTML/CSS

This great tutorial, from WeGraphics, isn’t very step-by-step, however, it sheds light on the process and gives great tips and advice.

The WordPress Loop

I always love the screencast’s of Chris Coyier. In his latest he does a great job in explaining the WordPress loop and the different ways to use it.

On Designing Tumblr Themes: 7 Ways to Design a Useful & Customizable Tumblr Theme

This is an excellent article, by the great folks from A Good Company, that gives some great advice on what to think about when designing a Tumblr theme.

Professional Structure and Documentation in Web Design

As creative people, we usually don’t think about structure or organization. However, structure is needed in our projects. This article, from Specky Boy, explains why.

Five Useful CSS/jQuery Coding Techniques For More Dynamic Websites

The beauty of CSS and Jquery, is the ability to make a boring static web page into a rich user experience. This article, on Smashing Magazine, shows you how to do it.

The Look That Says Book

This great article was pointed out to my by Doug Neiner. Hyphenation is always seen in print design and I’m one to believe it should be on the web too. This article, on A List Apart, talks more about the topic.

Freebies, Inspiration & Resources

Piron

This beautiful typeface called Piron is great for both text and display use and at the moment, the regular and italic weights are free.

Social Media Sleek Icons: Icon Pack

This is a beautiful set of 25 icons that come in two different sizes that are free for your personal and commercial projects. As always, be sure to check the requirements for use.

Massive iPad Vector GUI Elements

This amazing freebie comes with every possible iPad element that you can think of. It includes not only the iPad, it also comes with buttons, alert boxes, tabs, the keyboard and more.

Weekly Vector Inspiration #88

Vectips publishes a collection of vector inpiration every week. Of the ones published, it was tough to only pick one of these. I strongly recommend you view the other showcases as well.

Creative Examples of Infographics

This is a great showcase, on Noupe, that is all about infographics. It’s the prettiest data you’ll ever see. I guarantee it.

50 Fresh and Inspiring Dark Web Designs

People liked the first collection of dark websites so much, that ,Web Design Ledger, decided it’d be a good idea to publish another. I disagree, it was a great idea.

40 Inspiring Portfolio Designs

This collection proves that a designers creativity and artistry aren’t confined to the “Portfolio” page. The whole site design can act as a showcase of one’s work.

Weekly Web Design and Development Inspiration – N.58

This great showcase, from Specky Boy has some beautifully designed websites. Also, I’m honored to say that my site forms part of the list.

Finding Success as a Self-Employed Designer

Being self-employed is tough. This great article, on Logo Design Love, gives some practical advice on how to be a successful self-employed designer.

Get Featured in Creative Bookmarks

If you’d like to be featured in the next volume of Creative Bookmarks, simply send us your tutorial, resource, or article link before the end of the month. If we think it’s a top notch link, we’ll be sure to share it with all of our readers!


September 01 2010

13:45

Creative Bookmarks: Best of August 2010

August was another awesome month with great tutorials and articles oozing from everywhere. Here’s Creative Bookmarks August!

Photoshop Tutorials

How To Create The Expendables Winged Skull Poster Art

In this tutorial, by Chris Spooner, you’ll learn how to re-create the sinister and gun-crazy poster for the new movie The Expendables.

Create a Cosmic-Inspired Dreamy Scene in Photoshop

In this great tutorial, from PsdTuts+, you’ll learn how to use a combination of photos, 3d elements, and other tricks and techniques to make a cosmic scene.

Design a Coffee Shop Menu Layout from Scratch with Photoshop and InDesign

This tutorial shows you how to create a beautiful coffee shop menu using the combined power of Photoshop and InDesign.
See Also: Part Two

Create a Retro Sci-Fi Movie Poster in Photoshop

This tutorial, from WeGraphics, teaches you how to use type, textures and some other tricks in Photoshop to make a sci-fi inspired composition.

Photoshop For Beginners: Understanding Layer Masks

The Photoshop For Beginners tutorial series can be very helpful. In this tutorial you’ll learn how to use one of the most powerful features of Photoshop: layer masks.

Combine 3D Geometric Shapes and Flowing Lines for a Sleek iPhone Ad

In this tutorial, you’ll learn how to create a plethora of 3D geometric shapes and abstract lines with bright colors to create a vibrant and appealing iPhone ad.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

In this great tutorial from Abduzeedo, you’ll learn how to use one of the new tools of Photoshop CS5, the puppet warp tool, to manipulate a photo of rope into a cool looking composition.

Create a Scene with Retrofuturistic-Inspired Light Effects

This great tutorial from Design Instruct teaches you how to create patterns and vector shapes, combined with photos, to create a retro yet futuristic scene.

Create an Artistic Scene with 3D Light Bulbs and Type

This great hybrid tutorial teaches you how to use the combined features of Photoshop, Cinema 4D, and Illustrator to create a great looking 3D composition.

Correcting Exposure with the Shadows & Highlights Tool

In this great tutorial, you’ll learn how to make the best of your photos by correcting exposure problems with the Shadows & Highlights tool.

Illustrator Tutorials

How To Create a Fun Cartoon Style Poster Design

This tutorial, by Chris Spooner, you’ll combine a character drawing with bold and blocky text, then texture it up to create a retro cartoonish poster.

Quick Tip: How to Create a Stylized Wave using Adobe Illustrator

In this tutorial, on VectorTuts+, you’ll learn how to use Pathfinder, Envelope Distort with Mesh and various Gradients to create beautiful waves.

How to Make a Flesh Ripping Zombie Type Treatment

This tutorial teaches you the process of creating a scary character and a gory type treatment for this blood-thirsty illustration.

Create a Painterly Apple with Illustrator CS5’s new Bristle Brush

The versatilaty of the new Bristle Brush is quite impressive. This tutorial teaches you how to create an apple illustration using this new tool.

Create a Glowing Neon Sign using the Appearance Palette

In this tutorial, you learn how to use the potential of the Appearance Palette to create a great looking Neon Sign.

Simple Roy Lichtenstein Style in Illustrator and Photoshop

Abduzeedo is one of those sites that stays on top of the technology. This hybrid tutorial teaches you how to create Roy Lichtenstein inspired illustration using new CS5 tools.

Type Illustration Project: Experimental Digital Workflow

This excellent tutorial, from Design Instruct, that walks you through creating and polishing a beautiful illustration all in Abobe Illustrator.

Create a Polished Raised Type Treatment

Ryan Putman of Vectips is in love with the Appearance panel and this tutorial shows you how to create a polished metal look using the power of the this panel.

Distort Linear Gradients in Envelope Distorts

This tutorial teaches you how to use Envelope Distort in Illustrator. The funny thing is, the author really doesn’t see the practical use for it but, the effect is cool either way.

Web Tutorials

Post-Install Plugins to Enhance & Protect WordPress

This is a great list from Line25 on WordPress plug-ins that will help with your security, speed and SEO.

How To Add a Custom Facebook Like Box to Your Site

As Facebook becomes more and more popular, it’s essential to link to Facebook from your website. This tutorial show’s you how to make a custom like box that not only looks great but validates as well.

Building a Stylish Blog Design Layout in WordPress

This great tutorial is the third part of a series that walks you through the creation of the design in Photoshop to implementing it in WordPress.
Part One | Part Two

16 Vital Checks Before Releasing a WordPress Theme

Twitter recently released @anywhere, which allows you to easily integrate Twitter’s capabilities into your personal site. This great tutorial from NETTuts+ shows you how.

Who Needs University? The Best Nettuts+ Screencast Training Courses

Going to college can be quite expensive. However, you can go to The NetTuts+ University almost for free and learn a variety of subjects. This great post rounds up some great screencasts they’ve created.

Working With Writers: Some Insight From the Other Side

This is an excellent article, by writer extraordinare, Michelle Oxman, that clears up some common misconceptions and gives some great tips on creating a great writer-designer relationship.

Business Writing for the Web: 27 Ways to Write Better

Business writing can be quite tough as it’s objective is to persuade people to act. This great article, from Inspired Mag, gives 27 tips on how to write better business copy and therefore, get readers to act.

Giving Users Some Credit

This is an excellent Art Directed article from, Design Informer, that makes it clear that making a website easy to starts by throwing away the idea that all users are idots.

Freebies, Inspiration & Resources

Pixel Patterns

These are some amazing patterns created by Designer, Naomi Atkinson. You can download the limited set containing 16 patterns or pay only four dollars for the complete 48 pattern set.

Paper Boat

This beautiful origami inspired typeface, created originally by Bart Van Delft for a concept company, is now free for download.

15 High-Res Dirty Grid Photoshop Brushes

This is a great collection, from Think Design, that’s filled with 15 different grungy-grid brushes free for your use.

Desktop Wallpaper Calendar: September 2010

Just like every other month, Smashing Magazine, rounds up amazing and beautiful wallpapers from all over to spice up your desktop.

Twitter Background Design – Great Tips and Gorgeous Examples

A way of attracting followers on Twitter is having a good background design, especially if you’re a designer. This great article, on PsdTuts+, is a great intro on designing one.

26 Beautiful Photo Manipulations of Women

The female figure is nothing short of fascinating and that’s been proven by it’s continued use in art and design. This great collection features some amazing photo manipulations of women.

35 Purple Web Designs to Inspire You

Web Design Ledger has the reputation of finding some very inpiring works around the web and this is no exception. This great round-up showcases beautiful purple websites.

15 Logos With Hidden Messages

As if designing a logo isn’t enough of a challenge, this round-up, from Web Design Ledger, features logos that have hidden messages in them.

Blogging For Web Designers: Editorial Calendars and Style Guides

This is an amazingly detail article, from Smashing Magazine, that talks about the benefits of having an editorial calendar and style guides for your blog.

Get Featured in Creative Bookmarks

If you’d like to be featured in the next volume of Creative Bookmarks, simply send us your tutorial, resource, or article link before the end of the month. If we think it’s a top notch link, we’ll be sure to share it with all of our readers!


August 09 2010

13:00

Creative Bookmarks: Best of July 2010

We’re a week late due to some server trouble last week. Now that we’re back to smooth sailing, we’re bringing you a new edition of Creative Bookmarks. Enjoy!

Photoshop Tutorials

Create Beautiful Abstract Female Art in Photoshop

In this tutorial, from PSDTuts+, you’ll learn how to create a piece of artwork called “Beauty of Gold” that starts off with jus t a simple stock photo.

Create a Medieval Fantasy Castle Gate in Photoshop

In this tutorial you’ll learn how to create a medieval castle gate using Photoshop’s tools and simple photo manipulation tricks and techniques.

Create Astonishing Nightclub Themed 3D Typography

This hybrid tutorial combines the use of Photoshop, Illustrator, and Cinema 4D to create an amazing typographic masterpiece.

Create a Refreshing Beer Themed Poster Design in Photoshop

This tutorial, from Colorburned, teaches you how to use Photoshop to create a beautiful and attractive beer advertisement.

Beautiful Vector Illustration in Illustrator and Photoshop by Carol Rivello

In this tutorial, by Carol Rivello, she walks you through the step-by-step process of creating a beautiful illustration for her sister’s blog.

Design a Beautiful Cosmic Space Scene in Photoshop

This great tutorial, Chris Spooner, teaches you how to create planets and nebula for an awesome Star Trek inspired space scene.

How To Give Your Photos a Cool Retro Analog Effect

In this great tutorial by Chris Spooner, you’ll learn how to create the unique look of analog photography with some very simple steps in Photoshop.

Real Apple Logo in Photoshop

This tutorial teaches you how to use Photoshop to create an icon that combines a photograph of an apple together with the Apple logo to make the “Real Apple Logo”.

The Process of Making a Professional Set of Social Media Icons

This great tutorial, from WeGraphics, gives you an excellent look into the precision and detail that goes into creating icons. A must read for those who are interested in icon design.

How to Create a Melancholy Model Photo Manipulation

This tutorial, at first was a photo retouching tutorial that transformed into the manipulation of an image of a beautiful model that screams meloncholy and darkness.

Create an Elegant Photography Web Layout in Photoshop

This great tutorial, from Design Instruct, teaches you how to create a beautiful website layout for a photography portfolio.

Create a Realistic Pencil Illustration in Adobe Photoshop

In this excellent tutorial, you’ll learn how to create an extremely detailed pencil and paper scene that uses advanced tricks and techniques to create a photo-realistic end result.

Illustrator Tutorials

How to Create a Still Life in the Style of Primitive Art

An great tutorial, from VectorTuts+, that walks you through creating a “still life” composition and then add some style to it with Adobe Illustrator.

Getting Carried Away with Balloon Lettering

This fun tutorial, from VectorTuts+, walks you through creating, from a sketch, some shiny ballon lettering and the accompanying illustration.

How To Create a Trendy Seamless Pattern in Illustrator

This tutorial shows you how to create a seamless vector pattern that can be a useful technique for many different projects.

Create a Detailed Vector Emblem Badge in Illustrator

In this tutorial, you’ll use various vector shapes and other tools to create a cool looking emblem.

Web Tutorials

Style Your Site According to the Weather with jQuery

This is a great tutorial that uses jQuery and the Yahoo API to display the weather on your website by changing the your predesigned backgrounds.

Coding a Stylish Blog Design Layout in HTML & CSS

This tutorial on Line25, shows you how to create a working HTML page from this Photoshop layout, that will later become a fully functional WordPress theme.

25 HTML5 Features, Tips, and Techniques you Must Know

This excellent article is like a basic introduction to HTML5. As we all know, technologies are always changing and although HTML5 won’t be complete anytime soon, it’s powerful features can and should be used now.

4 Ways to Auto-Refresh your Browser when Designing new Sites

Usually when designing a website, we’re constantly refreshing the browser to see the changes. This great screencast from NETTuts+ shows you how to instruct the browser to do it automatically.

Simple TextMate Tips

In this great screencast, Chris Coyier talks about Textmate, a Mac-only text-editor, and it’s wonderful features. After watching this, I’m convinced that I need a copy!

A Beginner’s Guide To Website Copywriting

It has been reported that the majority of people on the internet scan websites for information and don’t really read the entire page. To adapt to that fact, this great article gives excellent tips on how to write for the web.

13 Ways to Better Monetize Your Blog Posts

Blogging for money can be difficult. However, it isn’t impossible. If you work hard and you give the blog time, you can earn money. This great article talks about how to make it happen.

Freebies, Inspiration & Resources

Work of Designer/Illustrator Dan Matutina

This is a beautiful showcase of Dan Matutina, an extremely talented graphic designer and illustrator from the Philippines.
See Also: Dan’s Website

HTC 1 Prototype

This amazing work by Andrew Kim reveals the process of his personal project called the HTC 1. The design of this phone and the details of his design process are nothing less than inspiring.

A Taste of Editorial Design Inspiration

Editorial design for me is one of the most interesting areas of graphic design. It involves making printed content legible yet, at the same time, appealing to the eyes. This is a great showcase of excellent editorial design in magazines.

Weekly Vector Inspiration no.81

When going through my RSS Feeds, I stumbled across this beautiful showcase that Vectips publishes every week. If you are into vector art or partial vector art, this is definitely for you.

40 Excellent Examples of Single Page Websites

It seems that the single page has been quite a trend so far this year. In this great showcase, Web Design Ledger, rounds up some inspiring single page websites.

Designing Style Guidelines For Brands And Websites

This is an excellent article by Kat Neville, that talks about the importance of creating a style guide and what to include in it.

A Guide to Popular Printing Techniques

This excellent article, from Design Instruct, talks about some really cool printing methods and how to fit them in next project’s budget.

Get Featured in Creative Bookmarks

If you’d like to be featured in the next volume of Creative Bookmarks, simply send us your tutorial, resource, or article link before the end of the month. If we think it’s a top notch link, we’ll be sure to share it with all of our readers!


July 28 2010

13:00

Icon Pack: 256×256 Business Icons

This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

This icon set contains 26 Business themed icons. Each icon is available in 256×256 .png format. Included in this set are User icons, Warning & Alert icons, Chat & Email icons, Maps & World Icons, and several other icons that are appropriate in business settings.

256x256 Business Icons Preview


July 20 2010

13:00

Watercolor Brush Pack #1

This Brush Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

This is a collection of 10 Watercolor Photoshop brushes. It was designed especially for use in texture creation. Included in the brush pack are paint drip brushes, paint splatter brushes, and other water color textures.

Watercolor Brush Pack Preview

Watercolor Brush Pack Preview


July 06 2010

13:00

Creative Bookmarks: Best of June 2010

Photoshop Tutorials

Design Your Own Graphic Tee in Photoshop

In this tutorial, you’ll learn how to create a cool looking composite t-shirt design from photos and basic drawing techniques.
See Also: Part One

Create a Magical Flaming Heart Illustration in Photoshop

This excellent tutorial will demonstrate how to combine stock images and the use of the Warp feature to create a magical flaming heart illustration.

Create a lovely textured web design from Photoshop to HTML/CSS

In this tutorial you’re going to learn how to create a beautiful web site layout and then code it into a working web page.

Photoshop For Beginners: The Power of Layers

This great tutorial, from WeGraphics, is the third part of the Photoshop for Beginners series that explains in detail the core of Photoshop: layers.

Make a Soft Grunge Product Ad Design in Photoshop

In this tutorial, from Design Instruct, you’ll create as very nice looking shoe ad using stock images and basic yet amazing effects.

Create an Apple Mac Mini Using Photoshop

This tutorial teaches you how to create an Apple Mac Mini from the bottom up. You’ll learn how to use basic yet powerful tools and effects in Photoshop to achieve a beautiful end result.


Design a Space-Themed Poster with Photoshop

In this great tutorial, you’ll learn how to create an amazing TV show ad that combines different types of stock photography and excellent typography for a great result.

Photoshop Quick Tips: Light Leaks in Photography

A trend that is becoming popular in Photography is the vintage/film/retro style. This great video tutorial shows you how simple it’s is to create and apply this effect.

Simple Underwater Scene in Photoshop

In this tutorial, from Abduzeedo, you’ll learn how to create a great looking underwater scene with bubbles and light effects inspired by the movie iRobot.

Create a Colorful Candy Store Website Layout in Photoshop

In this tutorial, from Devise Function, you’ll learn how to create a bright and very pink candy store web page layout with a unique and creative background and header.


Recreate the Epic 80’s Metal Text Effect in Photoshop

In this excellent tutorial, Chris Spooner, teaches you how to recreate a metal text effect that was very popular in the 80’s using modern day techniques in Photoshop.

Color your Black and White Photos Easily

This excellent tutorial, by Michal Plazinski, teaches you how to color in black & white photos using nothing more than the Brush Tool and Curve Adjustments.

Illustrator Tutorials

How to Create a Lustrous Electric Guitar

An outstanding tutorial, from VectorTuts+, where you learn to create a realistic looking electric guitar using basic shapes and simple techniques.

Create a Detailed, Vector-based iPhone Illustration

This great tutorial shows you how to create a realistic iPhone illustration and walks you through creating the icons on the iPhone home screen.
See Also: Part Two

Create a Trendy Seamless Type Pattern

In this tutorial you’ll learn how to create a cool looking type pattern in Illustrator using some text and icons. You’ll learn tricks and techniques that can easily be applied to other projects.
See Also: Using Pattern Generator

Create a Distressed Vector Typographic Poster Design

This hybrid tutorial walks you through the making of the “Spectrum” poster; from it’s custom typograpy to the rugged look applied in Photoshop.

How To Draw a Cute Vector Dog Character in Illustrator

This tutorial, by Chris Spooner, teaches you how to take a hand drawn sketch of a dog and then add various lines, color fills, gradients and highlights to produce a vector cartoon dog.

Create a Print Ready Business Card Design in Illustrator

This great tutorial shows you how to create a great looking business card. You’ll learn how to create an illustrated character, create a background pattern and setup the file for print.

3D Text In Clouds

This excellent hybrid tutorial walks you through making 3D text in Illustrator and then making the text look real in Photoshop.

Web Tutorials

Super Cool CSS Flip Effect with Webkit Animation

This awesome tutorial takes a quick look at using the Webkit engine and some of its properties to create a cool looking flip effect.

Getting Started with Tumblr & Custom Theme Design

This article on Line25 takes a look at the basics of what Tumblr is, how to get a tumblelog of your own up and running and basic introduction on creating your own Tumblr theme.

Create a Vibrant Digital Poster Design with CSS3

This excellent tutorial walks you through the making of “Circlicious”, a vibrant and color poster made, amazingly enough, purely of HTML and CSS.

Did Internet Explorer get the Box Model Right?

This interesting video on NetTuts+ addresses the debate on wether or not border and padding should be applied on top of a specified width.

Multiple Borders with Simple CSS

This simple yet useful tutorial teaches you how to create multiple borders without images, just pure CSS by using the :after amd :before psuedo-classes.

The 10 HTML Tags Beginners Aren’t Using

This is an excellent article/tutorial, that talks about HTML tags that most of know about. However, this articles gives you reasons and practical ways on how to use them correctly.

WordPress 3.0 Upgrade: What to Expect

This is a great article, from Webdesigner Depot, that explains what you can do to prevent having problems when upgrading to the new Wordpress 3.0.

Redesign vs. Realign

Redesign and realign. What’s the difference? This great article explains that it’s essential for designer to know the difference and that this knowledge can result in very happy clients.

Web Performant WordPress

This excellent article, by Dave Rupert of Paravel, talks about his experience with achieving page loads of under a second and, fortunately enough, shares the tools and techniques to get your website loading faster.

Freebies, Inspiration & Resources

iPhone 4 – Vector Freebie

With all the buzz surrounding the new iPhone 4, VectorTuts+, has released a vector freebie of the iPhone 4 for all of your mock-up needs.

25+ Rare Cloth Texture Pack

This great freebie, from AnimHut, comes with more than 25 cloth textures that can come in handy for your print or web design projects.

Get Inspired

This is beautiful set of twelve professionally crafted by icon artist, Parthiban Mohanraj, that can be used for both your personal and commercial projects.

Weekly Web Design and Development Inspiration – N.45

Speckyboy makes a weekly list of mostly reader submitted webdesign inspiration and, in my opinion, they do a wonderful job of curating these lists that contain so many beautiful websites.

55 Fresh and Creative Logo Designs

With the massive increase in businesses and, therefore logos, it gets tougher to create something unique and creative. This great post showcases logos from designers who were able to achieve just that.

Showcase of 55 Inspiring Typography Designs

Attention to typography and its creative use has become very important to graphic designers and rightfully so, as it form part of the core of our craft. This beautiful showcase rounds up some great uses of type.

40 Creative 404 Error Pages to Inspire You

This cool round-up on Webdesign Ledger features some very creative 404 pages that almost make you want to enter an incorrect URL.

Elements of an Awesome Artist Portfolio

This is a great article where, Angie Bowen, shares her expertise and gives some tips on elements to incluede in a great portfolio site.

Get Featured in Creative Bookmarks

If you’d like to be featured in the next volume of Creative Bookmarks, simply send us your tutorial, resource, or article link before the end of the month. If we think it’s a top notch link, we’ll be sure to share it with all of our readers!


June 30 2010

13:00

Designer Icons – Professionally Hand-Crafted Free Icon Set

This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

12 Professionally Hand-Crafted icons for designers and creatives. Each Icon is 32×32px with a transparent background.

You won’t find many free designer icons like this anywhere else. This set of icons was professionally crafted by professional icon artist, Parthiban Mohanraj. This set has all the values of stock icons, but we’re making it available for free here on Tutorial9.

Download the Icon Set

This Icon Pack Contains:

  • Paint Brush Icon
  • Paint Bucket Icon
  • Easel Icon
  • Palette Icon
  • Camera Icon
  • Wacom Tablet Icon
  • Photoshop Icon
  • Blueprint Icon
  • Macbook Icon
  • Pencil Icon
  • Folder Icon


June 23 2010

13:00

Metallic Adobe CS Icons

This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

Download Free Icon Set


June 01 2010

13:00

Creative Bookmarks: Best of May 2010

May went by extremely quickly with all the new articles, tutorials and excitement. Here’s Creative Bookmarks May!

Photoshop Tutorials

Hexagon Bokeh Effect in Photoshop

In this tutorial, from Abduzeedo, you’ll learn how to create a digital bokeh effect with hexagons using brushes, patterns, filters and blend modes.

How to Create a Social Media UFO Icon

With most sites having a social media presence, many are unfortunately recycling the same old icons. In this tutorial you’ll learn how to create a unique UFO inspired Facebook icon.

Create a Magical Four Piece Stardust Composition

This tutorial will show you how to combine stock images, filters, textures and other adjustments to create a 4-piece stardust composition.

Create a Non-Destructive Vignette Effect in Seconds

This is a great tutorial that shows you how to create a simple yet striking vignette effect using brushes and blending modes.

6 Techniques to Extract Anything From its Background

Extracting an object from its background can be a tedious task, especially when dealing with hair. This tutorial, from WeGraphics, teaches you six different techniques on that could help you out.

3D Water Text Effect with Repoussé in Photoshop CS5

In this tutorial you’ll learn how to create a water text effect using Photoshop CS5’s new Repoussé, in which you can create 3D objects directly in Photoshop.

Mixing Brushes and Layers in Photoshop

This great tutorial will show you how to create a great looking composition by mixing simple layer effects and custom brushes.

Create a Textured Paper Photoblog Layout in Photoshop

In this tutorial you will learn how to create a textured paper photo blog layout using various Photoshop techniques such as creating patterns, customizing brushes, layer masks and more.

Design a Hand Drawn Illustrated Desktop Wallpaper

In this tutorial, you’ll learn how to combine a hand-drawing with clever typography to create a nice desktop wallpaper.

Create a Clean and Modern Web Design in Photoshop

In this tutorial, from Design Instruct, you’ll learn how to use simple techniques to create a clean and modern webdesign.

Create an Abstract Cloud Jumper in Photoshop

In this tutorial, you’ll learn how to manipulate multiple photos and combine them with abstract elements to create a beautiful composition.

Illustrator Tutorials

Create Interlocking Motifs in Illustrator

In this great tutorial, from Computer Arts, you’ll learn how to plan out your artwork to create a type of jigsaw puzzle composition.

Using the Blob Brush and Eraser for Character Lines

This is a great Quick Tip from VectorTuts+, in which you’ll learn how to use a drawing tablet, the Blob Brush and Eraser tool to create a digital drawing.

Keep the File Size Down and Spice-up our Vectors with Bitmap Textures

The problem with vector based textures is that they can make your file pretty big. This tutorial shows you how to create bitmap textures that look great!

Dress Up Your Desktop with a Sharp Dual Screen Wallpaper

In this tutorial, talented illustrator Andrea Austoni, walks you through making a dual screen wallpaper that you’ll be proud to call your own.

Create a Cute Baby Monster Character in Illustrator

This great tutorial uses Illustrator’s basic shapes together with gradients and other effects to make this baby monster come to life.

Create Beautiful 3D Graphs and Charts in Illustrator

Unfortunately, graphs tend to be boring and visually unappealing. Not in this tutorial!! You’ll how to put some make graphs in Illustrator and how to make them look great.

Web Tutorials

5 SEO Tactics That Make You Look Like a Douche

With that title is there really a need for a description? People tend to go way to far with “optimization techniques”. This article talk about five of them.

Designing an Infographic with HTML, CSS & jQuery

Talk about taking things to the next level! This great tutorial on Line25, teaches you how to create a beautiful and interactive infographic.

Spice Up Your Web Typography with @Font-Face

@Font-Face is an awesome technology that allows you to embed new great looking fonts into your websites. This tutorial shows you how simple it is to implement it.

Google Fonts API: You’re Going to Love This

Google recently released its Google Fonts API which allows you to use any typeface in Google’s Font directory by simply linking to it. This screencast show’s you how amazingly simple it is to do it.

CSS DIY Organization

To improve your workflow, it’s essential to write and organize your CSS well. This great tutorial explains why and how you make it happen.

Efficiently Rendering CSS

This is an excellent article/tutorial, from Chris Coyier, that answers a simple yet important question: How efficient is the CSS that we write, in terms of how quickly the browser can render it?

Best Practices with Dynamic Content

With AJAX you can dynamically load content without the need of refreshing the page. This great screencast teaches you the correct way of using this technology.

A Designer’s Guide To Effective Proposals And Invoices

If your proposal isn’t created carefully, it can lead to misunderstandings and unhappy clients. With that in mind, this article gives some excellent tips on how you can create effective proposals and invoices.

Freebies, Inspiration & Resources

Ink Squirts PS Brushes

This is a great brush set from WeGraphics, that includes 15 different brushes. Although the complete set is for purchase, you can download a free sample for free.

Hand Drawn Sketchy Icons of Your Favorite Social Sites

This an excellent collection, from Chris Spooner, that contains 16 sketch social icons that includes every social networking site you could possibly think of.

Get Inspired

This is an amazing collection from Media Militia that’s filled with inspiring artwork that is guaranteed to get your creative gears working.

Weekly Web Design and Development Inspiration

This is an excellent collection from Specky Boy filled with beautiful website designs that are sure amaze you.

30 Stunning Examples of Long Exposure Photography

This is a great round-up from Web Design Ledger, of long exposure photography that in my opinion is such a beautiful form of photographic art.

50 Red Web Designs to Inspire You

Red is a beautiful yet powerful color. This amazing round-up compiles 50 red web designs that are sure to amaze and inspire you.

A Showcase of Letterpress Invitations for Inspiration

This is a great collection of beautiful letterpress invitations that are sure to inspire. Letterpress is a beautiful type of design that definitely make a great impression.

On Going Different and Pushing Boundaries

This is an excellent article on the newly re-designed, Design Cubicle, where Brian Hoff urges you to push the boundaries and and let go of your design inhibitions.

Bojan Stefanovic, AKA Logoholic

This is a excellent interview by Michelle Oxman, with Bojan Stefanovic. I absolutely love her writing style. She did an amazing job! It’s a must read!

Get Featured in Creative Bookmarks

If you’d like to be featured in the next volume of Creative Bookmarks, simply send us your tutorial, resource, or article link before the end of the month. If we think it’s a top notch link, we’ll be sure to share it with all of our readers!


May 12 2010

13:00

Simple, Practical Color Theory

The mastery of color theory, relations and harmonies is one of the primary steps to uncovering the full beauty and potential of your images (in the realms of art, design and/or photography). Find out more in this simple, practical, colorful guide.

Image Description

Color Models

Depending on your background and your purpose, you will view primary colors differently. There are three generally accepted models: RGB (red, green, blue), CMY (cyan, magenta, and yellow), and RYB (red, blue, yellow).

Primary color models can be divided into two categories: additive and subtractive.

The additive primary colors are obtained by light: red, green and blue (RGB). When combined, these colors create white. Scientists in the late 19th century established that color perception is best described in terms of the primary additive colors RGB because it is based on the human perception of colors.

The subtractive primary colors are obtained by the subtraction of light: cyan, magenta, and yellow (CMY). They form the basis of printing colors and combine to form black, the K in CMYK. The second set of subtractive primary colors is: red, yellow and blue (RYB). This model is primarily used in art and design education, particularly painting. According to Johannes Itten, a Swiss color and art theorist, the primary use of this color wheel is for mixing pigments.

Color Model Application:

RGB: Photography, video/film and design.

CMYK: Print design.

RYB: Art, painting and design.

RGB and RYB Confused?

In regards to design, the purpose of the color wheel is to aid the creation of visually harmonious color schemes not to confuse you. I would recommend using the RGB model because it reflects human color perception correctly. Of course, you can experiment with both types of the color wheel.

Now that we’ve covered the various color models and their uses, we can proceed with confidence. We will be using the RGB color model.

RGB Color Model

Primary, Secondary, Tertiary Color Wheels

Primary, Secondary, and Tertiary Colors

Image Description

In the RGB (additive) color model, the Primary colors are: red, green, blue.

The Secondary colors: cyan, magenta and yellow, are formed by the sum of two primary colors of equal intensity.

Lastly we have (six) Tertiary colors, which are comprised of mixing half primary color and half secondary color: orange, yellow-green (lime), cyan-green, cyan-blue, blue-magenta (purple), red-magenta (pink).

The additive and subtractive sets of tertiary colors RGB and CMY are exactly the same, just on different points of the wheel.

“The color wheel not only helps understand the relationship of different colors but also the classification of colors. It also provides a quick reference to the primary, secondary and tertiary hues.” – Mark Boulton

Color Harmonies

Image Description

Monochromatic

Monochrome selections are simply one color from the color wheel.

Complementary

Complementary color schemes use colors that are opposite each other on the color wheel.

Split-complementary

The split-complementary color scheme is a variation of the complementary color scheme. In addition to the base color, it uses two colors adjacent to its complement.

Analogous

Analogous color schemes use colors that are next to each other on the color wheel. Analogous schemes are often found in nature and are harmonious and pleasing to the eye.

Accented Analogic

Accented analogic color schemes are combinations of analogous and complementary color schemes. In addition to colors that are adjacent to each other, it uses a complementary accent at its opposite.

Triad

A triadic color scheme uses colors that are evenly spaced around the color wheel.

Tetrad (double complementary)

The tetradic or double complementary color scheme uses four colors arranged into two complementary pairs.

Square

The square color scheme is similar to the tetradic, but with all four colors evenly spaced around the color wheel.

Image Description

Warm and Cool Colors

The color wheel can be divided into warm and cool colors. Warm colors are vivid and energetic, and tend to advance in space. Cool colors give an impression of calm, and create a soothing impression. White, black and grey are considered to be neutral.

Term Definitions

Let’s take a look at the meanings of a few color-related words. These words can often confuse and be erroneously substituted for one another. This following list of definitions will help us proceed unambiguously. All definitions are taken, of course, from The Merriam-Webster Dictionary.

Hue

The attribute of colors that permits them to be classed as red, yellow, green, blue, or any intermediate between any contiguous pair of these colors.

Saturation

A chromatic purity; freedom from dilution with white.

Brightness

The attribute of light-source colors by which emitted light is ordered continuously from light to dark in correlation with its intensity.

Tint

A variation of color produced by adding white to it and characterized by low saturation with relatively high lightness.

Tone

The color quality or value; a tint or shade of color; the color that appreciably modifies a hue or white or black.

Shade

A color produced by a pigment or dye mixture having some black in it.

Chroma

A quality of color combining hue and saturation.

Hue, Saturation and Brightness

Image Description

Hue

In practical terms, hue refers to a specific tone of color. It is not another name for color as color can have saturation and brightness as well. For instance, colors with the same hue are distinguished with adjectives referring to their lightness and/or chroma, such as with “light green” or “pastel blue”.

Saturation

Saturation is the intensity of a hue from grey. At maximum saturation a color would contain no grey at all. At minimum saturation, a color would contain mostly grey.

Brightness

Brightness refers to how much white or black is contained within a color.

Saturation and Brightness

The image below (left) of Photoshop’s Color Picker shows the saturation and brightness of the cyan hue. The saturation is increased by dragging the picker horizontally towards the right of the box and decreased towards the left. Brightness is increased by dragging vertically towards the top of the box and decreased towards the bottom. The hundred percent mark of a hue’s saturation and brightness is the upper-right corner.

Examples for hue, saturation, and brightness are best shown in the hue/saturation adjustment layer. Each of the three is affected separately and the display sliders intuitively show the principles referenced above. See the example below (right).

Saturation and Brightness

Conclusion

Cognizance of colors and/or combinations that are pleasing, and savvy use of post-production tools are just two of the ways that comprehension of color theory, relations and harmonies is useful to us. We have already put this knowledge to use to improve and stylize images in How to Use Curves in Photoshop and Color Correction Basics in Photoshop.

We will continue to use color theory insofar as every photograph can be improved with the post-production tools within Photoshop, Lightroom, or other image-editing software. Specifically, a few adjustment tools where color theory knowledge helps include: Curves, Hue/Saturation, Color Balance, Channel Mixer, Selective Color—and the list goes on. The mastery of color theory, relations and harmonies is one of the primary steps to uncovering the full beauty and potential of your images.


May 04 2010

13:00

Creative Bookmarks: Best of April 2010

April was an amazing month with spring creativity oozing from everywhere. Here’s Creative Bookmarks April!

Photoshop Tutorials

Create a Retro Urban Gig Poster in Photoshop

In this tutorial, from PSDTuts+, you’ll learn how to create a poster for a dance party using a textured and retro look that has become so trendy.

How to Create an Incredible Typographic Illustration

In this two-part tutorial you’ll learn how to create a typographic illustration without using any photos. You’ll build this composition from scratch using Cinema 4D and Photoshop.
See Also: Part Two

Create a Sleek and Stylish MP3 Player in Photoshop

This tutorial shows you how to create a sleek and stylish MP3 interface using many of Photoshop’s tricks and effects that add depth and realism.

Create a Cosmic Sci-fi Poster Design in Photoshop

This tutorial, from WeGraphics, teaches you how to use Photoshop, Illustrator and Cinema4D to create a sci-fi inspired composition.

Clash of the Titans Text Effect in Photoshop

In this tutorial, from Abduzeedo, you’ll learn how to create a text effect inspired by the Clash of the Titans posters and artworks that will take you close to no time to accomplish.

Combine 3D Shapes and Vectors for a Dynamic Composition

This tutorial teaches you how to use brushes, custom shapes and stock imagery to create a dynamic and eye-pleasing piece of artwork.

Create a Vibrant Colorful Alcohol Product Ad in Photoshop

In this great tutorial from Creative Fan, you’ll learn how to create a vibrant and colorful ad that combines different types of stock photography for an excellent result.

Simple & Cloudy Portfolio Layout in Photoshop

This tutorial teaches you how to use Photoshop’s various tools to create a practical and effective portfolio layout with a cloud-type theme.

Create an iPhone App Website in Photoshop

In this tutorial, from Devise Function, you’ll learn how to creat a simple yet practical app website in Photoshop. Plus: The complete Photoshop file is free for download.

Add Brilliant Light Effects to Your Work with Photoshop

In this tutorial, from Design Instruct, you’ll learn how to use simple techniques and brushes in Photoshop to create an amazing composition.

Creating Retro Folded Typography Using Photoshop

Using real strips of paper as a model, this tutorial, teaches you how to create a retro-looking piece of type that uses Photoshop’s tools and techniques excellently.

How to Design a Speedometer Icon in Photoshop

In this excellent tutorial, you’ll learn how to create an extremely detailed speedometer icon in which you’ll learn many tricks and techniques essential to icon design.
See Also: Part Two

Illustrator Tutorials

How To Create Outstanding Modern Infographics

An outstanding, from VectorTuts+, proving that data can be beautiful. You’ll learn how to use graph tools and other techniques that will definitely come in handy.

Create a Grimy Text Treatment with a Pen Tablet

In this tutorial, on Vectips, you’ll learn how to get grimy and create a text treatment using Illustrator’s Blob brush, Live Paint, and a pen tablet.


Create a Simple Storefront Icon

This tutorial teaches you some simple techniques, such as basic shapes, effects and gradients to create a great looking store icon.

Vector Plasma Television

In this great tutorial, from Vector Diary, you’ll learn how to use basic shapes and gradients to create a realistic television.

Create a Typographical Logomark

In this tutorial, you’ll learn how to go through the process of creating a typographical logo from scratch.

How To Design a Sweet Linework & Typography Combo

This great tutorial from VectorTuts+, inspired by the guys at Mulheres Barbadas, combines the use of Flash, Illustrator and Photoshop to create this brilliant illustration & type combo.

Designing a Typeface, With Illustrator and FontLab, from Start to Finish

This an excellent three-part tutorial that walk you through the process of designing a typeface from inspiration to completion.
See Also: Part Two | Part Three

How to Create a Baroque Pattern in Illustrator

Starting from a sketch, this tutorial teaches you how to create a stylish pattern with Illustrator in only ten easy steps.

Retro 3D Arcade Text Effect in Illustrator

Illustrator’s 3D capabilities are amazing. This tutorial tutorial teaches you how to use them the right way to create a retro, arcade-looking, typographic effect.

Web Tutorials

Build a Simple Image Slideshow with jQuery Cycle

Image slideshows can be a very useful technique to display multiple photos and maximizing space. This great tutorial, walks you through creating one of these using jQuery.

Coding Up a Web Design Concept into HTML & CSS

This tutorial on Line25, teaches you how to create a website from a Photoshop design into a coded website in HTML and CSS3.
See Also: How To Build Your Own Wordpress Theme

The Intricacy of Simplicity: CSS3

This great screencast and written tutorial combo explains how to create great looking effects with CSS3 instead of using images, therefore, allowing for much more flexibility.

Using Twitter’s @anywhere Service in 6 Steps

Twitter recently released @anywhere, which allows you to easily integrate Twitter’s capabilities into your personal site. This great tutorial from NETTuts+ shows you how.

15 Useful HTML5 Tutorials and Cheat Sheets

HTML5 is a new technology that is changing and will continue to change web design. This is a great round-up of tutorials, from Web Design Ledger, that will help you embrace this new technology.

Grid-Based Web Design, Simplified

This is an excellent article/tutorial, from Design Informer, that explains and teaches you how to implement grids into your webdesigns. Not only is this article great; it’s custom design is incredibly impressive.

Different Stylesheets for Differently Sized Browser Windows

Also known as “resolution dependent layouts”, this tutorial by Chris Coyier, teaches you how to implement different CSS styles depending on the screen size.

How to Make a Screencast for Your Website

Screencasts can be a great tool to engage with readers or teach in-depth techniques. This helpful article, from Webdesigner Depot, gives some excellent tips on how to do it right.

Freebies, Inspiration & Resources

Time-Savers: 400+ Stock Images, Retro Vectors

Stock images can save you valuable time to work on more important parts of a project. This is a great round-up that has collected over 400 retro-themed vectors for your use.

Subtle Grunge Textured Photoshop Brushes

This pack by Liam McKay comes with 42 high quality grunge brushes that are free for your use in any type of project.

Get Inspired

This is a beautiful collection from Media Militia that’s filled with inspiring artwork that is guaranteed to get your creative gears working.

World Cup 2010 Posters Inspired by African Pattern Heritage and Contemporary Football

The 2010 World Cup is rapidly approaching and with it being held in South Africa, not only can we expect the soccer games to be exciting; we can also expect to learn about it’s culture, music and aproach to art.

A Showcase of Creative Punctuation in Logo Design

The familiarity that we all have with punctuation makes their effectiveness as logos remarkably good. This is a great showcase of logos that use punctuation creatively to get their message across.

50 Beautiful Print Advertisements for Inspiration

Today’s ads are more than just advertisements. To stand out from the rest, they need to be works of art that capture the eye of potential costumers. This is a showcase of ads that accomplish that.

20 Clean White Letterpress Business Cards

This is a great collection of 20 clean white letterpress business cards that are sure to inspire. The white and minimal design of these cards, give you a sense of quality and elegance.

Evaluating a Graphic Design Curriculum

This is a great article where PSDTuts+ Editor, Sean Hodge, gives some great insight on evaluating the graphic design curriculum at your university.

An Interview with Jeff Starr

This is a great interview by Andrew Houle, with Jeff Starr, who co-wrote the book Digging Into Wordpress with Chris Coyier.

Get Featured in Creative Bookmarks

If you’d like to be featured in the next volume of Creative Bookmarks, simply send us you’re tutorial, resource, or article link before the end of the month. If we think it’s a top notch link, we’ll be sure to share it with all of our readers!


April 19 2010

13:00

Jeans Social Media Icon Set

This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

Jeans Icon Set is a package of 17 Social media icons which is specially designed in Jeans style. The set of icon is suitable to be used in Design projects, Blogs, Websites and Social Bookmarking applications. It comes in PNG File, 64×64 px, 128×128 px, and the .PSD file is also included.

Jeans Icon Set

Included in the set are:

  • Vlogger Icon
  • Ddelicious Icon
  • Deviant art Icon
  • Digg Icon
  • FaceBook Icon
  • Flickr Icon
  • G-talk Icon
  • MySpace Icon
  • Netvibes Icon
  • Newsvine Icon
  • Orkut Icon
  • Picasa Icon
  • Rss Icon
  • Stumbleupon Icon
  • Technorati Icon
  • Twitter Icon
  • YouTube Icon


April 08 2010

13:00

Vibrant Stickers Web Icon Pack

This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

This icon pack contains 15 colorful .png icons, each 256×256px. The icons were designed by Aaron Ovadia of Photoshop Candy exclusively for Tutorial9.

Vibrant Stickers Icon Pack


April 05 2010

13:00

Creative Bookmarks: Best of March 2010

March was another month full of amazing tutorials, showcases and articles. Here’s Creative Bookmarks March!

Photoshop Tutorials

Create a Dark and Surreal Poster Using Your Own Portrait

This tutorial was inspired by the work of digital artist Rob Shields titled “Keep Me in the Dark”. This tutorial requires the use of a tablet for you to give the photo a more detailed look.

How to Create a Highly Detailed Hi-Tech Power Button

In this tutorial you’ll create a hi-tech style button that can be used in many different places. You’ll learn to use Illustrator to create the vectors and Photoshop to make the great looking effects.

Super Easy Neon Style in Photoshop

This is a great screencast by Ash Davies that teaches you how to creat neon text with simple techniques and effects in Photoshop.

Arcadia 80’s VHS Style

In this great Photoshop tutorial, from Abduzeedo, you’ll learn how to create an 80’s inspired VHS image style.

Design a Tropical iPhone Advertisement

This tutorial shows you how to create a tropical underwater iPhone advertisement. You’ll learn how to use a variety of techniques in Photoshop to compose an excellent ad.

Create a Cosmic XBOX using Custom Brushes

This tutorial teaches you how to use custom brushes and other Photoshop techniques to create a cosmic looking Xbox composition.

Achieve Brilliant Lighting Effects in Photoshop

This tutorial teaches you how to use brushes, blending options and stock imagery to create a sexy composition with lighting effects.

How to Create a Distinguishable Textured Web Layout in Photoshop

This tutorial teaches you how to create a web layout using textures and effects from start to finish in Photoshop.

Create a Chalkboard Style Wordpress Layout in Photoshop

In this tutorial, from Devise Function, you’ll learn how to use Photoshop to create a chalkboard looking blog layout.

How to Make a High-Impact Fashion Poster in Photoshop

In this tutorial, from the up and coming Design Instruct, you’ll learn how to use basic shapes and effects to create a fashion poster.

Create a Colorful Space Scene in Photoshop

This tutorial, by Andrea Austoni, teaches you how to create a nice illustration inspired by the movie “Moon”.

How To Use Curves in Photoshop

This is a great article that shows you how to use one of the most powerful adjustment tools in Photoshop: Curves.

Illustrator Tutorials

An Illustrator’s Project: From Start to Finish

A very interesting tutorial, from Design Instruct, that takes you behind the scenes and shows you the illustration process from start to finish.

Create A Cute Creature Character From A Sketch

In this tutorial, on Vectips, you’ll learn how to use an array of Illustrator tools to create a cute creature; techniques that can also be applied to many other projects.

Create a Cool Vector Panda Character in Illustrator

I really liked this tutorial from Chris Spooner. In it, he uses basic shapes, gradients and subtle effects to make a very nice vector panda.

Create a Candy Inspired Vector Snowboard Design

In this tutorial, you’ll learn how to put together a candy inspired design by cutting, splitting and joining vector paths to produce an intricate weave of basic shapes.

Create a Fun Print-Ready Doodled Business Card Design

In this tutorial, you’ll learn how to combine fun doodles with a business card design to create a print-ready PDF.

How to Make an Attractive Vector Butterfly

This great tutorial from VectorTuts+, will show you how to combine shapes, blending modes and the gradient mesh to create a beautiful butterfly.

Don’t Be Constrained by Control Points: An Introduction to Extreme Path

This is a great tutorial by Grant Friedman from Colorburned, that shows you how to use Extreme Path, a plug-in for Adobe Illustrator.

Create Quirky Repeating Patterns

This tutorial teaches you how to create repeating patterns. The techniques you’ll learn can be applied to a wide range of projects, such as , textiles, T-shirt prints and more.

Web Tutorials

Flexible Color Schemes in Layouts with RGBa

In this tutorial, from Build Internet, you’ll learn how to use RGBa to create a monochromatic layout in which all color is relative to the background color.

Design & Code a Cool iPhone App Website in HTML5

This tutorial on Line25, teaches you how to create an iPhone App website using new and interesting techniques with HTML5 and CSS3.

Top 5 Web Design Debates That Cause the Most Riots

This is a great article that examines five popular debates in which everyone has their own opinion and, therefore, they become online riots.

10 Features to Look Forward to in WordPress 3.0

This article, on Nettuts+, talks about the much anticipated release of Wordpress 3.0 and the great new features that will be included.

How to Create a Simple iTunes-like Slider

Sliders are a great way to make good use of space. In this tutorial, you’ll learn how to create a slider that is similar to the one used in the iTunes store.

Personal Branding for Web Designers

A great article from Web Design Ledger that talks about how important it is to brand yourself efficiently.

Top 8 Dreaded Favors Asked of Web Designers

In this great post, Jacqueline Thomas talks about the eight most common annoying favors that every designer will be asked at one point or another.

The Future Of CSS Typography

This great article, by Inayaili de León, thoroughly covers typography on the web and all of the new features and effects becoming available to web designers.

Freebies, Inspiration & Resources

22 Fresh High-Quality Fonts for Your Designs

This is a great collection of free and high-quality typefaces. The list contains 22 different fonts that can be very useful for any project that you have.

Halftones Pack – 55 Free Vectors, Brushes, and Images

This is a great freebie pack from Media Militia that’s filled with 55 different types of halftones. The pack is available as Photoshop Brushes, vectors or images.

The Work of Illustrator/Typographer Jessica Hische

Jessica’s work is absolutely beautiful. With some big name clients under her belt, her talent and creativity is undeniable. This is a great showcase of some her most inspiring designs.

50 Examples of Large Photography Backgrounds within Web Design

The creativity & absolute beauty of the each one of these sites is breathtaking. This showcase is sure to inspire!

50 Yellow Web Designs to Inspire You

An inspiring showcase on Web Design Ledger filled with yellow themed website designs that are absolutely stunning.
Personal Favorite: Strange Native.

40 Amazing Minimalist Website Designs For Your Inspiration

Less is more. This showcase proves that.

40 Beautiful & Creative Poster Designs for Your Inspiration

When you’re in a creative slump, one of these showcases will appear and completely knock the creative block out of you.

Heart Directed: A Gallery of Art Directed Blogs

Heart Directed is the brain child of Jad Limcaco that displays articles around the web that have been “art directed”.

Interview With David Airey

David Airey, the author of Logo Design Love, stands out as an expert in our field. In this interview, he answers some questions that any designer would find interesting.

Get Featured in Creative Bookmarks

If you’d like to be featured in the next volume of Creative Bookmarks, simply send us you’re tutorial, resource, or article link before the end of the month. If we think it’s a top notch link, we’ll be sure to share it with all of our readers!


March 18 2010

14:00

Social Buzz Icon Pack

This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

The Social Buzz Icon Pack contains 12 icons for some of the most popular social networks out there. Each icon has been masterfully crafted by the folks over at IconShock.com.

Social Buzz Icon Pack

Included in the set are:

  • Bebo Icon
  • Delicious Icon
  • Digg Icon
  • Facebook Icon
  • Flickr Icon
  • Google Buzz Icon
  • Linked In Icon
  • MySpace Icon
  • Reddit Icon
  • Stumble Upon Icon
  • Technorati Icon
  • Twitter Icon


March 01 2010

14:00

Creative Bookmarks: Best of February 2010

February was a great month full of awesome tutorials, interesting articles and interviews, and stunning showcases for inspiration.

Photoshop Tutorials

Super Easy Typographic Portrait in Photoshop

This tutorial, from Abduzeedo, will show you how to use the Displace filter and some Blend Modes to a great looking typographic portrait.

Create a Stylish Grunge Poster with 3D Typography in Photoshop

This tutorial shows you how to make a great looking grunge poster in Photohop. Blending modes, stock images and filters are used to create some cool effects.

How to Create a Somber Composition in Photoshop

In this tutorial, from PSDTuts+, you’ll learn how to manipulate stock images and other objects to create this amazing composition.

How to Give a Retro Look to Your Photos

The tutorial is perfect for Photoshop beginners who are looking to understand how to manipulate colors using adjustment layers and filters.

How to Make a Worn Vintage Beach Ad in Photoshop

In this Photoshop tutorial, you’ll learn how to create a worn out vintage beach ad in Photoshop. Brushes, color editing, filters, and masking are just some of the techniques used.

How to Create a Dark and Mysterious TV-Head Scene

This Photoshop tutorial will show you how to replace a person’s head with a television—and how to create a stormy sky using brush strokes.

Neon with Layer Styles

In this tutorial you’ll learn how to create a cool neon looking effect using basic techniques such as Layer Styles and a few brushes.

How To Create a Detailed Apple iPad Icon in Photoshop

With the news of the Apple tablet called the iPad, Chris Spooner, wrote this tutorial on how to create a detailed iPad icon.

Create a Professional Web 2.0 Layout

In this Photoshop tutorial you’re going to learn how to create a professional website layout. A lot of techniques are used and all of them are explained in great detail.

Design a Brilliant Product Advertisement

In this tutorial, you’ll learn the steps and techniques involved in creating a great looking ad that integrates the use of multiple images. Also Check Out: Abduzeedo’s Version.

Illustrator Tutorials

Create an Abstract, Textured Artwork in Illustrator

In this tutorial, you’ll use the Blend Tool, Paintbrush Tool and textures to create a stunning abstract piece of art.

Make Watercolor and Marker Style Portraits with Illustrator

This tutorial will teach you the techniques used to create digital portrait illustrations that have the unique feel of marker and watercolor.

Create A Briefcase Icon

In this tutorial, you’ll learn how to create a briefcase icon with basic shapes and gradients. You’ll also learn some useful techniques that can be used for other projects.

Create An Editable Stitched Label Type Treatment

This tutorial, from Vectips, uses Appearance panel in Illustrator making it easy to edit the text and apply the treatment to other fonts and vector elements.

Create A Mouthwatering Chocolate Covered Strawberry

In this tutorial, you’ll learn tricks and techniques to create a chocolate covered strawberry but can also be used in an array of projects.

How to Design a Cheeky Koala Mascot Head

This great tutorial from VectorTuts+, will show you how to combine basic shapes, blending modes and smart coloring to create a koala illustration.

Learn Gorgeous New Shading Skills

This tutorial from Digital Arts, teaches you how to transform a pencil sketch into a beautiful, digital artwork using Illustrator and Photoshop.

Lego Bricks Typeface

This great tutorial on Vectordiary teaches you how to convert the beloved LEGO bricks into a cool looking typeface in Illustrator.

How to Create a Seamless Argyle Pattern in Illustrator

A great screencast tutorial from Colorburned that explains the steps needed to create a seamless arglyle pattern.

Web Tutorials

Share Feedback with Twitter and the Bit.ly API

This tutorial from the guys of Build Internet will walk you through the creation of a customizable “Tweet this” link that integrates Bit.ly API and acts as a type of inderect polling system.

Tips for Designing Unique and Attractive Blog Posts

It’s interesting that as time goes by, more and more designers are “Art Directing” their blog posts. This article on Line25, gives some tips on how to do it right.

Also Check Out: The death of the Boring Blog Post?

How to Code up a Web Design from PSD to HTML

This is part two of a tutorial that created a website layout in Photoshop. In this tutorial, that design is now converted into HTML and CSS.

Design a Prettier Web Form with CSS 3

This tutorial, on Nettuts+, will teach you how to create a lightweight and beautiful form and help you learn and understand CSS3 effects that can really spice up a design.

The Principle of Contrast in Web Design

A well designed website has contrast to establish some type of visual hierarchy. This article, from Web Design Ledger, explains how contrast can be achieved in a website design.

Fundamentals for a Kick-Ass Creative Company

A great post from the guys at Build Internet that explains their answer to a simple question: What makes an awesome company on the inside?

How to Guest Post Properly to Build Your Readership

In this great guest post by James Chartrand on Fuel Your Blogging, you’ll learn how to get your guest articles accepted and how to make the best of the opportunity.

5 Bad Work at Home Habits: Are You Guilty?

Working at home can have many advantages. However, it also has its temptations. This article on Freelance Folder talks about the five most common pitfalls of working at home, why they’re bad, and how you can avoid or overcome them.

Freebies, Inspiration & Resources

Free Medical Icons Set (60 Icons)

60 original medical icons in .png 32 bit in resolutions 32×32px and 128×128px. This set was designed by the user interface design agency Centigrade and released exclusively for Smashing Magazine and its readers.

NIXUS Icon Pack: 60 Beautiful Premium Icons

A great new icon pack here on Tutorial9 called NIXUS is great for corporate and creative situations or any other project.

Lighting Effects Pack – 50 Free Brushes and Images

This is a great freebie pack from Media Militia that’s filled with 50 different types of glowing light streaks. The pack is available as either Photoshop Brushes or images. Great for your personal or commercial projects.

Creative and Inspirational Wedding Invitation Cards

Ahh… the day of your wedding is a special one. What makes it even better is a beautiful invitation. This is a inspiring showcase of some of the best wedding invitations.

A Showcase of 50 Amazing Personal Blog Web Designs

A beautiful & inspiring showcase of blog designs that capture the personality and writing style of its owners.

A Showcase of Beautiful Typography in Web Design

An amazing showcase from Line25 of websites that use typography effectively to communicate their message.

50 Stunning Pieces of 3D Typography for Inspiration

Inspiration can be found in a variety of places, one of them being light art. In this round-up Matthew Kammerer did a great job in collecting some beautiful forms of light art.

Weapons of Mass Creation Interview: Fuel Brand Inc.

GoMedia had a chat with Adelle Charles & Joshua Smibert of Fuel Brand, Inc and talked about their background, goals, and views on the design industry. Very interesting interview complete with a video and conversation transcript.

Get Featured in Creative Bookmarks

If you’d like to be featured in the next volume of Creative Bookmarks, simply send us you’re tutorial, resource, or article link before the end of the month. If we think it’s a top notch link, we’ll be sure to share it with all of our readers!


February 17 2010

14:00

NIXUS Icon Pack: 60 Beautiful Premium Icons (Free)

This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

NIXUS may be one of our top Icon Pack releases to date: 60 Premium Quality Icons—Absolutely Free. While many of our other Icon Packs are great for creative use, NIXUS proves to be compatible in both corporate and creative situations. You won’t find many other free icons packs with this kind of quality online.

Each icon comes in transparent .png format in 64×64px, 48×48px, and 32×32px.


February 03 2010

14:00

Vintage Stamp Social Media Icon Pack

This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

Inside this Icon Pack are 23 Free Vintage Stamp Icons, created exclusively for the viewers of Tutorial9 by Dawghouse Design Studio.

You can also Learn to make your own Vintage Stamps in a tutorial Jan wrote over at Dawghouse Design Studio.

Vintage Stamp Social Media Icon Pack


February 01 2010

14:00

Creative Bookmarks: Best of January 2010

Happy belated new year Creative Bookmarkers! We’re well on our way into twenty-ten, and have a handful of outstanding resources to share from January.

Photoshop Tutorials

Create a Clean Blue Portfolio Design in Photoshop

There are a couple of nice photoshop layout tutorials from around the web in January. First up is simple portfolio design by Tomas Laurinavičius.


How to Make a Vibrant Portfolio Web Design in Photoshop

To compliment the clean style, our friend and Tutorial9 contributor Ionut Ciursa has put together a tutorial for a more vibrant outgoing web layout.

Jungle 3D text in Photoshop
Jungle 3D text in Photoshop

Cool Photoshop tutorial that explains how to create a 3D text effect. The text is created in Xara3d and the letters are texturized in Photoshop. Plus+ there’s a free jungle wallpaper for download!

How to create a fantasy photomanipulation in Photoshop

Awesome tutorial that will show you how to combine stock images in Photoshop to make a fantasy photomanipulation. You’ll tinker with colors, mask and adjustment layers.

Abduzeedo 2010 Light Effects in Photoshop

This tutorial on Abduzeedo will show you how to create a light effect in Photoshop.You’ll learn how to use Blend Modes and Blurs to create a great looking poster.

Very Easy Heroes Eclipse in Photoshop – Screencast

This tutorial shows you how to recreate the solar eclipse image from Heroes in a slightly retro style using nothing but Photoshop.


How to Make a Professional Buddy Icon in Photoshop

To created a usable icon, it should be flexible to scale up or down. In this intermediate-level tutorial, you’ll learn how to make an awesome icon from scratch using Photoshop and its Pen tool.

How to Create a Fun, Red-Haired Boy Character

This tutorial, shows you how to make a boy character in Photoshop. You’ll learn how to take a sketch, use shapes, the brush tool, and other effects to create a great looking character.

How to Create a Serene Panorama from Multiple Photographs

This excellent tutorial on PSDTuts+, teaches you how to combine multiple stock photos into a beautiful scenery in Photoshop.

Design a Colorful Retro Futuristic Poster in Photoshop

An excellent tutorial by Chris Spooner that shows you how to make a bright and colorful retro futuristic poster in Photoshop.

Create a Fantastic Abstract Fan Poster

This tutorial uses layering, lighting, textures and some unusual techniques to create a fantastic abstract piece for the band Omega Code.

Illustrator Tutorials

How to Create a Cute Vector Bear T-Shirt Design

This tutorial shows you how to design a bear character and surrounding scenery using basic shapes, for use as a cool t-shirt design.

Create a Google Phone Styled Background in 6 Easy Steps

This tutorial from Vectips shows you how to create the “Nexus One” Google Phone background with a few simple steps using transparency modes to create cool lighting effects.

Create An Editable Metal Type Treatment

This tutorial uses the Appearance panel to create a metal looking type treatment that is fully editable when it is done.

Create a Set of Shiny Character Eyes

This tutorial teaches you how to create detailed vector eyes. Although the techniques used here are basic, the result looks great and can be used for all sorts of character designs.

How to Create Typeface Characters

This tutorial by Julian Dorado, shows you how to take different sections of the characters of a font and put them together, therefore creating all kinds of creatures.

Shakespeare Text Illustration Tutorial

This tutorial teaches you how to make a portrait of William Shakespeare in Illustrator using text.

Cafe Style Coffee Art in Adobe Illustrator

This tutorial shows you how to make a beautiful coffee illustration that was inspired by the book “1000 Restaurant, bar & café graphics”.

Web Tutorials

The New Hotness: Using CSS3 Visual Effects

This article on Smashing Magazine shows you how to use CSS3 visual effects to create impressive image galleries, animated music players and overlay images.

How to Make a CSS Sprite Powered Menu

This tutorial by the guys at Build Internet teaches you the process of building a navigation menu using a single CSS sprite image.

Create Custom Option Panels with Wordpress 2.9

This tutorial shows you how to create a custom options panel to insert analytic tracking codes. The latest version of Wordpress is used which means you’ll be able to transfer the skills you learn to other projects you may have.

How to Create a Cool Anaglyphic Text Effect with CSS

This tutorial on Line25 shows you how to create anaglyphs without repeating markup. The 3D effect might not work but the style is cool looking anyway.

How to Create a Theme-Switcher in 200 Seconds

This tutorial from NetTuts+ teaches you how to create a “color-switcher” in 200 seconds, using jQuery.

jQuery Animations: A 7-Step Program

This tutorial shows you how you can make a dull interface shine with some awesome jQuery animations.

Unconventional: CSS3 Link Checking

This great article by Doug Neiner teaches you how to use CSS3 unconventionally to check for empty links in your website designs.

Maybe Your Blog Needs to Fail

Usually, people view success as avoiding failure. However, Fuel Your Blogging makes the point that maybe failure is what your blog needs to succeed.

Freebies, Inspiration & Resources

The six fundamental ways of adding depth to your designs

Creativity Den gives us a crash course in depth in web design, complete with plenty of examples to boot.

Liquid Ink Pack

The Liquid Ink Pack is filled with 45 images, all at a high resolution. These images are for your personal and commercial use.

Radial Pack

The Radial Pack from Media Militia is a perfect addition to your resources folders with 50 different elements. You can download them as Photoshop Brushes or Vectors.

20 Fonts Ideal for Big and Powerful Headings

It’s important to choose the right typeface to compliment a website’s style. This article on Web Design Ledger, rounds up 20 fonts that are ideal for creating great headings.

30 Websites with Lovely Layout and Typography

I’m a big lover of typography and how it’s used in design. This is a great showcase of 30 websites showcasing beautiful typography and layout design from The Design Cubicle.

What? There is a Clique? Get over it.

This is an excellent article from the guys at Obox wrote. I also recommend you read the comments; the discussion is very interesting.


An Interview with Designer & Blogger Jon Phillips

Jon Phillips is the founder of Freelance Folder, Design Newz, and Spyre Studios. He’s a very interesting guy and I recommend you check out this interview with him.

27 Free Wooden Badges – Social Icon Pack

An awesome icon pack from Dawghouse Design Studio complete with 27 Wooden Social Icons created for the readers of Tutorial9.

Inspiration in Light Art: Photos, Videos, and Guides

Inspiration can be found in a variety of places, one of them being light art. In this round-up Matthew Kammerer did a great job in collecting some beautiful forms of light art.

Get Featured in Creative Bookmarks

If you’d like to be featured in the next volume of Creative Bookmarks, simply send us you’re tutorial, resource, or article link before the end of the month. If we think it’s a top notch link, we’ll be sure to share it with all of our readers!


Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.

Don't be the product, buy the product!

Schweinderl