webdesign-mit-CSS

5 inspirierende Tweets der letzten Woche (KW12-2011)

Ich habe hier ja schon des öfteren erwähnt, dass meine zweite große Leidenschaft die Fotografie ist. Auch für den WebDesigner ist das Anfertigen, aber zumindest das Bearbeiten von Bildern ein wichtiger Arbeitsschritt. Deshalb empfehle ich hier mal eine neue Artikelserie auf weserkultur.net, die sich dem Thema recht ausführlich widmet. Bisher ist nur der erste Teil veröffentlicht, aber die Fortsetzungen lassen sicherlich nicht mehr lange auf sich warten…

(weiterlesen…)

Abgelegt in CSS, Inspiration, Linktipps, Photoshop, Tutorial, Typografie, WebDesign, XHTML | Keine Kommentare »

Kurztipp: Fotos interessanter machen mit Photoshop und diversen Texturen…

Nachdem ich das letzte Mal ja über das Hinzufügen einer analogen Filmkörnung zu Fotos mit Photoshop gesprochen habe, wollte ich hier mal kurz etwas zu den Möglichkeiten mit Texturen schreiben. Gestern Abend habe ich nämlich die wunderbare Flickr-Gruppe “Noise And Dust Through The Viewfinder” wiederentdeckt, dessen Texturen ich hier auch schon mal an anderer Stelle benutzt habe.

(weiterlesen…)

Abgelegt in Inspiration, Photoshop, Tutorial | 1 Kommentar »

Kurztipp: Fotos eine wunderbare analoge Filmkörnung mit Photoshop hinzufügen…

Ich mag die analoge Fotografie. Ich habe vor einiger Zeit von einem Bekannten eine Canon T70 geschenkt bekommen und habe mir gleich ein paar Filme besorgt. Zugegeben, ich nutze diese Kamera nicht so oft wie meine digitale Spiegelreflexkamera, aber es geht ein gewisser Reiz von ihr aus…

(weiterlesen…)

Abgelegt in Inspiration, Photoshop, Tutorial | 1 Kommentar »

Einfach ein leckeres Blog-Layout mit Photohop gebaut… Teil 2: Der Rest

Der erste Teil dieses Tutorials ist ja mittlerweile … oh, gut 3 Monate her. Da wird es wohl mal Zeit den Rest zu bringen. Im Oktober letzten Jahres habe ich ja erklärt, wie man den Kopfbereich (Logo, Navigation etc…) mit Photoshop erstellt und in diesem zweiten und auch gleichzeitig letzten Teil, geht es um den Rest des Blog-Layouts. D.h. ich will hier nun noch erklären, wie man den Inhaltsbereich mit der typischen Sidebar und natürlich den obligatorischen Footer baut.

Das Endresultat sieht dann später so aus:

(weiterlesen…)

Abgelegt in Allgemein, Photoshop, Tutorial, WebDesign | 7 Kommentare »

Die 10 absolut besten Photoshop Tutorials des letzten Jahres

Photoshop Tutorials gibt es wie Sand am Meer. Sie sind eine tolle Möglichkeit, neue Sachen auszuprobieren und meistens bleiben auch ein paar Techniken hängen. Schön finde ich immer, wenn man bei einigen Sachen den viel zitierten “Aha-Effekt” hat und lernt, wie man Dinge umsetzt, bei denen man sich sonst vielleicht ein Bein ausgerissen hat.

Hier nun die aus meiner Sicht besten Photoshop Tutorials der letzten zwölf Monate. Darunter sind Sachen wie Foto-Manipulationen, WebDesign-Layouts, Poster oder auch Text-Effekte und andere interessante Dinge…

“Sisters” von Marco Torres

(weiterlesen…)

Abgelegt in Inspiration, Linktipps, Photoshop, Tutorial, Typografie, WebDesign | 2 Kommentare »

Mit Photoshop und dem Colorkey Effekt ein Foto aufwerten

Der Colorkey Effekt hebt in einem monochromen Bild, z.B. einer s/w Fotografie, einen bestimmten Teil des Bildes farblich hervor. Somit kann man hiermit ein eventuell “langweiliges” Bild ein wenig aufwerten. Das folgende kleine Tutorial versucht mit möglichst einfachen Mitteln diesen Effekt hinzubekommen.

Das Endresultat soll dann so aussehen:

(weiterlesen…)

Abgelegt in Photoshop, Tutorial | Keine Kommentare »

My World With PSD

I Have PSD from Hyperakt on Vimeo.

(weiterlesen…)

Abgelegt in Inspiration, Photoshop | Keine Kommentare »

Einfach ein leckeres Blog-Layout mit Photoshop gebaut… Teil 1: Kopfbereich

In diesem Tutorial geht es um das Erstellen eines netten Blog-Layouts. Thematisch halte ich mich an einem Design-Blog, aber es ist auch hervorragend für ein persönliches Blog geeignet. Dies ist der erste Teil des Tutorials und in dem geht es erstmal ausschließlich um den sogenannten Kopfbereich (Header) mit Navigation und allem was so dazu gehört.

Hier ist der zweite Teil des Tutorials zu finden.

Wenn alles fertig ist, wird das Design so aussehen:

(weiterlesen…)

Abgelegt in Download, Photoshop, Tutorial, WebDesign | 6 Kommentare »

Wie bekommt man eigentlich diesen Text-auf-Text Effekt mit Photoshop hin ?

Nichts einfacher als das. In letzter Zeit sieht man diesen Effekt des öfteren. Besonders auf Postern oder Flyern kommt diese Technik zum Einsatz. So etwas ist recht schnell und einfach nachgebaut.

Zunächst erstellen wir uns ein neues Photoshop Dokument (800×600 px) und füllen dies mit einem dunklen grau (#323131).
(weiterlesen…)

Abgelegt in Photoshop, Tutorial | 5 Kommentare »

14 Design Blogs, die jeder Web- und Grafikdesigner kennen sollte…

Die Informationsflut im Internet nimmt stetig zu. Das weiß jeder, darüber will ich mich hier auch gar nicht auslassen. Jeder sollte wissen welche und vor allem wieviele Informationen er aufnehmen will bzw. kann. Ich persönlich folge relativ vielen Designern aus dem Bereich Web und Grafik auf Twitter und es ist manchmal schwer zu entscheiden welche Inhalte wirklich wichtig sind.

Ich versuche mich ständig weiter zu entwickeln und ich denke, das versuchen die meisten Webworker. Eine große Hilfe sind für mich kleinere Tutorials verschiedenster Web- bzw Grafikdesign Blogs. Wenigstens einmal die Woche versuche ich einen Artikel aus diesem Bereich durchzuarbeiten und die gezeigten Techniken zu verinnerlichen.

An dieser Stelle will ich kurz 14 Tutorial-Blogs vorstellen, die in meiner Bookmarkliste ganz oben stehen. Die Reihenfolge der Auflistung ist an dieser Stelle völlig ohne Wertung…

(weiterlesen…)

Abgelegt in CSS, Inspiration, Linktipps, Photoshop, Tutorial, WebDesign, Wordpress, XHTML | Keine Kommentare »