Tutorial

Tutorial: Rays of Light

After releasing my latest wallpaper devkit I received a bunch of requests from people, asking me to do a tutorial on how to create rays of light with Adobe Photoshop. Well here we go… continue

Ruby on Rails Starterkit

Recently I got in touch with Ruby on Rails. It took a while to get everything work, so I thought it would be a nice idea to share my experiences with you guys. To make it clear: This ain’t gonna be a Ruby on Rails tutorial - I’m still a newbie in this field - it’s just a collection of links and experiences that may be of help, when making your first steps with Ruby on Rails. continue

Optimizing Strokes Part2

In the first article of this series I described how to optimize strokes in Adobe Illustrator. This time we will focus on how to create smooth strokes using Photoshop’s layer styles. continue

EE: Display multiple categories

I recently started a project based on ExpressionEngine - however there were two requirements: The first one was to display multiple categories - meaning that I wanted a page to display entries that belong to category x as well as to category y. The second requirement was to change categories dynamically. continue

EE: Installing Akismet

Over the past years spam has become part of our daily life. Just think about those spam mails polluting our inbox or comment spam on our website. Fortunately there are some nice tools to fight spam: One of them is Akismet. continue

Optimizing strokes

When creating artwork and especially icons with Adobe Illustrator you may have already faced the problem that your rasterized icon looks a bit blurry. Most of the time this is the result of poor scaling or because of the wrong use of strokes. continue

Creating graphs, Part 2

In the first part of the tutorial I showed you how to create three dimensional charts using Adobe Illustrator CS2. In the second part we will focus on how to visually enhance those charts. continue

Creating graphs

Every now and then you may come into the situation that you have to present some sort of statistical data to your client. Of course you may use Excel’s graph tool to easily create a bunch of charts — but let’s face it, more or less all of those predefined designs suck. So you have to look for another option. continue

Creating Badges: Part 2

Due to popular demand I’ve decided to write some kind of follow up tutorial to the “Creating Badges” tutorial. In the second part you will learn how to turn your basic shape into a glossy, three dimensional badge. continue

Creating Badges

A couple of days ago we had a forum entry on how to create badges, like those used on Bartelme Design to indicate new entries. So here is a short description of how to create them using Adobe Photoshop. continue

Installing PHP on a Mac

One great aspect of Mac OS is that it ships with a preinstalled Apache server and PHP4. So if you want to develop dynamic PHP based web sites on your local machine, you just have to enable the PHP4 module and start the server. continue

Creating organic desktops

The following tutorial shows how to create organic desktops using Adobe Illustrator and Photoshop. continue

3D-Shadow mit Photoshop

Letzte Woche wurde im Forum von Bartelme Design die Frage gepostet, wie man am besten einem Objekt einen Schatten zuweist, so dass der Eindruck entsteht, als stünde das Objekt im Raum. Aus diesem Grund habe ich ein kleines Tutorial erstellt. continue

3D-Shadow mit Photoshop

Dieses Tutorial zeigt, wie man mit Hilfe von Adobe Photoshop einem Objekt einen Schatten zuweist, so dass der Eindruck ensteht, als stünde es im Raum. continue

Tutorial: Spiegeleffekt mit Photoshop

Vor einigen Tagen wurde ich gefragt, auf welche Weise der Spiegelungseffekt erstellt wird, welcher bei mehreren der auf Bartelme Design präsentierten Icons Verwendung findet. Aus diesem Grund habe ich schnell ein Tutorial dafür erstellt. continue

Spiegeleffekt mit Photoshop

Dieses Tutorial zeigt, wie man mit Hilfe von Adobe Photoshop Spiegelungseffekte, wie sie öfter auf Bartelme Design zum Einsatz kommen, erstellt. continue

Aqua-Style mit Illustrator

Bartelme:Design zeigt Ihnen in dem folgenden Tutorial, wie Sie mit Adobe Illustrator in ein paar einfachen Schritten ein Aqua-Symbol erstellen. continue

Playlist mit iTunes Watcher

In letzter Zeit bin ich immer häufiger auf Websites gestoßen, welche eine Auflistung der gerade in iTunes wiedergegebenen Tracks anbieten. Das Tool, welches dies ermöglicht: iTunes Watcher von Michael Simmons. continue

Smart Lists: Hover-Effekt ohne Preload

Egal ob in Navigationen oder bei einfachen Links — subtile Hover-Effekte helfen dem User zwischen aktiven und inaktiven Elementen zu unterscheiden. Oft wird dabei auf leichte Änderung der Hintergrund- oder Schriftfarbe gesetzt. Doch wie können auch Bilder ohne Javascript-Preload ausgetauscht werden? continue

Smart Lists: grafische Aufzählungspunkte

Durch den immer stärkeren Fokus auf Web Standards, werden immer häufiger auch HTML-Listen nicht nur für Augzählungen sondern auch zur Erstellung von Navigationen verwendet. Bartelme Design zeigt, wie einfache Listen ansprechend und browserübergreifen gleich dargestellt werden können. continue

Listen stylen mit CSS

Bartelme Design zeigt Ihnen, wie Sie mit Hilfe von Cascading Stylesheets eine normale Liste in eine Navigationsleiste verwandeln. continue

Icons für Windows XP

Dieses Tutorial behandelt das Erstellen von Icons für Windows XP. Schritt für Schritt wird erklärt, wie Sie von einer Handskizze bis zum fertigen Icon kommen. continue

ASP Kurse

Schaffen Sie sich mit Hilfe zweier Kurse einen Überblick über die Grundlagen von ASP. Von der Installation bis hin zu einfachen Datenbankabfragen und Zugriff auf Dateien mittels File-System-Object. continue

Browse by Category

AppleBartelme DesignBrowserBusinessCommonDashballDashboardDesignDevkitExpressionEngineHDRIconsIllustratoriPhoneJavaScriptMac OSMicroformatsPersonalPhotographyPhotoshopPrototypeReviewRuby on RailsThemeToolsTutorialTwitterUnixWallpaperWeb StandardsXHTML/CSS

My Flickr stream