Tag-Archive for » Creative «

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!

Quick Nav:

  • Photoshop Tutorials
  • Illustrator Tutorials
  • Web/Blogging Tutorials
  • Freebies, Inspiration, & Resources

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, youll 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!

Email & Other Subscription Options



Creative Bookmarks: Best of August 2010

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

Quick Nav:

  • Photoshop Tutorials
  • Illustrator Tutorials
  • Web/Blogging Tutorials
  • Freebies, Inspiration, & Resources

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, youll 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 CS5s 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!

Email & Other Subscription Options



21 Creative Examples of Reflective Photography

If you look hard enough you can find creative inspiration almost anywhere, but one of my favorite places to draw inspiration from is photography. We’ve posted a number of photography showcases here on WDL, so I hope you find them as inspiring as I do. For this post, I’ve collected 21 amazing photos that focus on reflections. Reflections are normally overlooked and sometimes go unnoticed, but these talented photographers have made them the center of attention.

reflective photography
rahmat mulyono

reflective photography
Colmar Wocke

reflective photography
nikki.jane

reflective photography
Ursula I Abresch

reflective photography
Timothy Toole

reflective photography
Pensiero

reflective photography
latoday

reflective photography
latoday

reflective photography
shotbart

reflective photography
Omer Gencal

reflective photography
Adrian Donoghue

reflective photography
Georges Beaugeard

reflective photography
Bror Johansson

reflective photography
Andrew Parker

reflective photography
Andrew Parker

reflective photography
Jody Art

reflective photography
J. Ota

reflective photography
J. Ota

reflective photography
Richard0

reflective photography
Semir Catovic

reflective photography
Amnon Eichelberg

Creative Bookmarks: Best of June 2010

Quick Nav:

  • Photoshop Tutorials
  • Illustrator Tutorials
  • Web/Blogging Tutorials
  • Freebies, Inspiration, & Resources

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 80s 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 Arent 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!

Email & Other Subscription Options



40 Creative 404 Error Pages to Inspire You

Error pages are often neglected by designers because they are rarely seen, or at least that’s the plan. But we all know things happen. A visitor may incorrectly enter a url, or try to find something on your site that just isn’t there. These are times when the 404 page will receive a few visits, but visiting an error page isn’t necessarily part of a pleasant user experience. That’s why many designers these days are taking a little extra time and effort to get creative with the 404 page. Doing so helps ease frustration by the user and shows an attention to detail. In this post I’ve rounded up 40 Creative 404 Error Pages to Inspire You.

agens

errorpages02

Abduzeedo

errorpages05

Tobias Ahlin

errorpages06

Chris Jennings

errorpages07

Mark Dijkstra

errorpages08

futureofwebdesign.com

errorpages09

twurn

errorpages10

IAMWW

errorpages11

amyherndonphotography.com

errorpages12

designzillas.com

errorpages13

xhtml kitchen

errorpages14

Christopher Meeks

errorpages15

Drexler

errorpages16

Oroza

errorpages17

Sandand Starfish

errorpages18

Imaginaria Creative

errorpages19

The Little Cake Parlour

errorpages20

Carsonified

errorpages01

publicitweet

errorpages21

Salt of the Earth

errorpages22

Doorstep Dairy

errorpages23

At First Sigth

errorpages24

Joyent

errorpages25

dm11sto.com

errorpages26

Veerle

errorpages27

tix02

errorpages28

Fuelly

errorpages29

getdropbox.com

errorpages30

cssremix

errorpages03

Huwshimi

errorpages04

turbomilk

errorpages31

theesthetik.com

errorpages32

Pixel Thread

errorpages33

hdqt.co.uk

errorpages34

Product Planner

errorpages35

chrisglass.com

errorpages36

gadies.com

errorpages37

Sofa

errorpages38

Project Fedena

errorpages39

David Hellmann

errorpages40

About the Author

Gisele MullerGisele Muller is someone that recently discovered a new career online. A person that really likes technology, design, photography and creativity. An eternal geek wannabe, tech fan and a communication lover! Current location: Porto Alegre, RS Brazil. Twitter: @gismullr

Category: Web Design  4 Comments  Tags: , , ,