Owner: Deviant Blog | Webwork & Design URL:http://www.deviant-blog.de Join Date: Wed, 28 Nov 2007 13:07:34 -0600 Rating:0 Site Description: Here you can find ressources for webdevelopers and webdesigners. Photoshop Sources, Icons, CSS Tipps and more. Site statistics:Click here
CSS Polaroid-Fotos ohne grafische Elemente 2007-11-30 01:02:38 Ein Foto im Stil eines Polaroid
s. Ganz ohne Grafiken - natürlich bis auf das Foto. Dies kann mit CSS gelöst werden. Folgender Artikel beschreibt, wie.
Was wird benötigt?
ein Foto, welches als Polaroid dargestellt werden soll
eine CSS-Datei, in welche die beschreibenden CSS-Stile erstellt werden
eine Seite, auf der die Fotos angezeigt werden sollen
Nehmen wir zuerst das Foto. Ich habe mich für folgendes entschieden.
Das Foto ist schon entsprechend bearbeitet. Ich habe hier eine quadratische Form gewählt, weil es mir persönlich besser gefällt. Natürlich ist auch jedes andere Format denkbar.
Kommen wir nun zum Wesentlichen, der CSS-Datei. Die Datei nennen wir css-polaroid.css. Sie ist sehr simpel aufgebaut, es werden lediglich zwei CSS-Stile benötigt:
div.polaroid {
float:left;
background-color:#f5f5f2;
margin-left:10px;
margin-bottom:13px;
padding:10px;
border:1px solid #cac9c4;
font-size:9px;
text-align:center;
}
div.polaroid img {
dis
Icons für Dein Blog 2007-11-28 00:56:41 Irgendwann einmal ist jeder auf der Suche nach neuen Icons
. Quellen dafür gibt es unbegrenzt und man wird schnell fündig. Allerdings lassen sich nicht immer alle Icons entsprechend nach seinem Geschmack bearbeiten. Deshalb gibt`s hier das PSD-File zum Download. Farben und Formen können frei nach Geschmack geändert werden. Wer sein Blog noch etwas auffrischen möchte, oder auch eine andere Verwendung findet, der darf hier gerne zugreifen.
Format: Photoshop PSD
Nicht nur in Blau, sondern auch in Rot, Orange und Grün:
Hier kannst Du die PSD-Datei herunterladen:
Note: There is a file embedded within this post, please visit this post to download the file.
12 Web2.0 Buttons 2007-11-27 02:44:30 Hier gibt´s jetzt 12 schöne Buttons
a la Web2.0. Die Daten liegen veränderbar als PSD-Datei vor, so dass Texte und Positionen frei verändert werden können. Als Button oder Einklinker auf einer Startseite sorgen die bestimmt für Aufmerksamkeit.
Note: There is a file embedded within this post, please visit this post to download the file.
Web 2.0 Verläufe für Photoshop 2007-11-26 09:02:17 Leuchtende Farben und Glitter-Effekte. Das macht, zumindest visuell, das Web2.0 aus. Um entsprechende Effekte schnell und effizient auf Menü-Bars, Buttons, Banner usw. anwenden zu können, gibts hier 20 solcher Verläufe zum Download.
Die .grd-Datei für Photoshop
muss via Vorgaben-Manager geladen werden. Dies geschieht so:
Menü “Bearbeiten” » “Vorgaben-Manager” » “Verläufe” » “laden“.
Note: There is a file embedded within this post, please visit this post to download the file.
Viel Spaß!
RSS Icons 2007-12-03 14:27:07 RSS Icons
sind immer nützlich und irgendwie habe ich das Gefühl, dass man gar nicht genug davon haben kann. Warum nicht auch mal ein wenig bunter? Hier nun einige von mir in verschiedenen Farben und Formen. Die PNG- bzw. Icon-Erstellung habe ich mir erspart - dafür gibts das Photoshop-File zum Download! Viel Spaß!
Download:
Note: There is a file embedded within this post, please visit this post to download the file.
Schöne Effekte mit dem Protokoll-Pinsel 2007-12-12 07:48:27 Das “Protokollpinsel-Werkzeug” von Photoshop bietet eine nette Möglichkeit, Fotos optisch aufzuwerten bzw. bestimmte Bereiche besonders hervorzuheben. Dies ist oft in der Werbung (z.B. bei Bekleidung) zu sehen. Aber natürlich lässt es sich auch auf andere Objekte anwenden; nur haben wir es hier nicht mit einem Spot, sondern mit einem Standbild zu tun.
Und so geht`s:
Als erstes öffnen wir ein Foto, in dem ein bestimmtes Objekt hervorgehoben werden soll. Nun müssen die Farbinformationen entfernt bzw. geändert werden:
Dies geschieht über “Bild” » “Anpassungen” » “Schwarzweiß
oder über
“Bild” » “Anpassungen” » “FarbtonSättigung”. Hier einfach die Sättigung auf
-100 setzen.
Danach haben wir folgendes Ergebnis:
Jetzt wählen wir aus den Werkzeugen das “Protokollpinsel-Werkzeug” aus
Je nachdem, wie groß nun der Bereich des Bild
Photoshop Brushes - Flowers 2007-12-08 07:35:31 Photoshop Pinsel sind ziemlich beliebt. Doch wenn man mal etwas ganz bestimmtes benötigt, hat man nicht gerade den richtigen Brush zur Hand oder muss erst ewig suchen, bevor das Passende gefunden ist. Das Internet ist voll davon - leider ziemlich verstreut. Tatoos, Ornamante, Grunge, Abstract, Blitze, … Es gibt so ziemlich alles.
Als erstes von mir hier eine Übersicht über echt schöne Blumen-Brushes für Photoshop.
Suddenly Spring
Link:
http://kazani.gr/2007/06/22/photoshop_flower_brushes.html
Freedom16
Link:
http://freedom16.deviantart.com/art/photoshop-flower-brushes-48983501
Designfruit
Link:
http://designfruit.com/jasongaylor/blog/2007/01/17/japanese-foliage%e2%84%a2/
Bittbox
Link:
http://www.bittbox.com/freebies/free-hi-res-photoshop-brushes-floral/
GetBrushes
Link:
http://getbrushes.com/photoshop/nature/mellyanas-mini-flower-brushes.php
Aethereality
Link:
http://aethereality.net/brushes.php
Webbilisim
Link:
http://www.webbilisim.org/flowe Read more:Flowers
, Photoshop
Photoshop Brushes - Hearts 2008-01-29 14:31:39 Aktuell zum Thema Valentinstag habe ich ein paar Photoshop
-Brushes zusammengstellt. Einige werden das Thema nicht sonderlich mögen - kann ich verstehen. Aber Herzen kann man natürlich auch für andere Zwecke benutzen.
Hawksmont universe
Link: -brushes-hearts/
DR-DEPOT
Link:
Yanagi-san
Link: -Love-Brushes-32178317
Obsidian Dawn
Link:
Graphics-Illustrations
Link: -heart-brushes-photoshop-download/
Easyelements
Link: -heart-brush-set.html
Psbrushes
Link:
Photoshopsupport
Link:
Ceomyris
Link: -Brushes-71512285
Tatsuyasaverem
Link: -Brushes-Hearts
-39503043
Cubsocer10-stock
Link: -Brush-Set-51257101
Skeedio
Link:
Blog-HeaderImages 2008-01-25 14:17:53 Rahmen, Bild, Balken. Diese drei Elemente bilden so ziemlich die meist benutzten Header in Blogs. Ist ja auch übersichtlich, klar strukturiert und bietet Platz für Logos, Bilder und kurze Info-Texte. Etwas anders sind nachfolgende “Header”. Allesamt verwendet in Blogs. Oft haben diese thematisch etwas mit Design zu tun, lassen sich aber auch auf andere Themen [...]
Misc Icons 2008-01-08 12:33:57 Ich habe hier einmal ein paar Icons
für verschiedenste Einsatzbereiche erstellt. Diese können natürlich frei verwendet werden. Jedes der 40 Icons ist 32×32 Pixel groß. Sie stehen gezippt als transparente PNGs zur Verfügung.
Download:
Note: There is a file embedded within this post, please visit this post to download the file.
Photoshop Brushes - Hearts 2008-01-29 14:31:39 Aktuell zum Thema Valentinstag habe ich ein paar Photoshop
-Brushes zusammengstellt. Einige werden das Thema nicht sonderlich mögen - kann ich verstehen. Aber Herzen kann man natürlich auch für andere Zwecke benutzen.
Hawksmont universe
Link: -brushes-hearts/
DR-DEPOT
Link:
Yanagi-san
Link: -Love-Brushes-32178317
Obsidian Dawn
Link:
Graphics-Illustrations
Link: -heart-brushes-photoshop-download/
Easyelements
Link: -heart-brush-set.html
Psbrushes
Link:
Photoshopsupport
Link:
Ceomyris
Link: -Brushes-71512285
Tatsuyasaverem
Link: -Brushes-Hearts
-39503043
Cubsocer10-stock
Link: -Brush-Set-51257101
Skeedio
Link:
Blog-HeaderImages 2008-01-25 14:17:53 Rahmen, Bild, Balken. Diese drei Elemente bilden so ziemlich die meist benutzten Header in Blogs. Ist ja auch übersichtlich, klar strukturiert und bietet Platz für Logos, Bilder und kurze Info-Texte. Etwas anders sind nachfolgende “Header”. Allesamt verwendet in Blogs. Oft haben diese thematisch etwas mit Design zu tun, lassen sich aber auch auf andere Themen [...]
Misc Icons 2008-01-08 12:33:57 Ich habe hier einmal ein paar Icons
für verschiedenste Einsatzbereiche erstellt. Diese können natürlich frei verwendet werden. Jedes der 40 Icons ist 32×32 Pixel groß. Sie stehen gezippt als transparente PNGs zur Verfügung.
Download:
Note: There is a file embedded within this post, please visit this post to download the file.
Schöne Effekte mit dem Protokoll-Pinsel 2007-12-12 07:48:27 Das “Protokollpinsel-Werkzeug” von Photoshop bietet eine nette Möglichkeit, Fotos optisch aufzuwerten bzw. bestimmte Bereiche besonders hervorzuheben. Dies ist oft in der Werbung (z.B. bei Bekleidung) zu sehen. Aber natürlich lässt es sich auch auf andere Objekte anwenden; nur haben wir es hier nicht mit einem Spot, sondern mit einem Standbild zu tun.
Und so geht`s:
Als erstes [...]
Photoshop Brushes - Flowers 2007-12-08 07:35:31 Photoshop Pinsel sind ziemlich beliebt. Doch wenn man mal etwas ganz bestimmtes benötigt, hat man nicht gerade den richtigen Brush zur Hand oder muss erst ewig suchen, bevor das Passende gefunden ist. Das Internet ist voll davon - leider ziemlich verstreut. Tatoos, Ornamante, Grunge, Abstract, Blitze, … Es gibt so ziemlich alles.
Als erstes von mir [...] Read more:Flowers
, Photoshop
RSS Icons 2007-12-03 14:27:07 RSS Icons
sind immer nützlich und irgendwie habe ich das Gefühl, dass man gar nicht genug davon haben kann. Warum nicht auch mal ein wenig bunter? Hier nun einige von mir in verschiedenen Farben und Formen. Die PNG- bzw. Icon-Erstellung habe ich mir erspart - dafür gibts das Photoshop-File zum Download! Viel Spaß!
Download:
Note: There is [...]
CSS Polaroid-Fotos ohne grafische Elemente 2007-11-30 01:02:38 Ein Foto im Stil eines Polaroid
s. Ganz ohne Grafiken - natürlich bis auf das Foto. Dies kann mit CSS gelöst werden. Folgender Artikel beschreibt, wie.
Was wird benötigt?
ein Foto, welches als Polaroid dargestellt werden soll
eine CSS-Datei, in welche die beschreibenden CSS-Stile erstellt werden
eine Seite, auf der die Fotos angezeigt werden sollen
Nehmen wir zuerst das Foto. Ich [...]
Icons für Dein Blog 2007-11-28 00:56:41 Irgendwann einmal ist jeder auf der Suche nach neuen Icons
. Quellen dafür gibt es unbegrenzt und man wird schnell fündig. Allerdings lassen sich nicht immer alle Icons entsprechend nach seinem Geschmack bearbeiten. Deshalb gibt`s hier das PSD-File zum Download. Farben und Formen können frei nach Geschmack geändert werden. Wer sein Blog noch etwas auffrischen möchte, [...]
12 Web2.0 Buttons 2007-11-27 02:44:30 Hier gibt´s jetzt 12 schöne Buttons
a la Web2.0. Die Daten liegen veränderbar als PSD-Datei vor, so dass Texte und Positionen frei verändert werden können. Als Button oder Einklinker auf einer Startseite sorgen die bestimmt für Aufmerksamkeit.
Note: There is a file embedded within this post, please visit this post to download the file.
Web 2.0 Verläufe für Photoshop 2007-11-26 09:02:17 Leuchtende Farben und Glitter-Effekte. Das macht, zumindest visuell, das Web2.0 aus. Um entsprechende Effekte schnell und effizient auf Menü-Bars, Buttons, Banner usw. anwenden zu können, gibts hier 20 solcher Verläufe zum Download.
Die .grd-Datei für Photoshop
muss via Vorgaben-Manager geladen werden. Dies geschieht so:
Menü “Bearbeiten” » “Vorgaben-Manager” » “Verläufe” » “laden“.
Note: There is a file embedded [...]
Downloads wieder online 2008-05-09 05:14:33 Irgendwie hat sich mein Download-Script verabschiedet. Da ich im Moment aber nicht die Zeit habe das wieder in Ordnung zu bringen, gibt es hier alle Downloads
direkt in einer Übersicht:
Link: Downloads Read more:online
Deviant-Blog mit neuem Theme 2008-07-03 15:34:21 Endlich ist es geschafft und das Deviant-Blog hat ein neues Gesicht erhalten. Das wurde auch Zeit. Lange hat sich hier nichts mehr getan. An einigen Ecken muss noch gefeilt werden. Das wird in den nächsten Tagen passieren und dann läuft dieses Theme
komplett hoffentlich fehlerfrei!.
Downloads wieder online 2008-05-09 05:14:33 Irgendwie hat sich mein Download-Script verabschiedet. Da ich im Moment aber nicht die Zeit habe das wieder in Ordnung zu bringen, gibt es hier alle Downloads
direkt in einer Übersicht:
Link: Downloads Read more:online
Photoshop Brushes - Hearts 2008-01-29 14:31:39 Aktuell zum Thema Valentinstag habe ich ein paar Photoshop
-Brushes zusammengstellt. Einige werden das Thema nicht sonderlich mögen - kann ich verstehen. Aber Herzen kann man natürlich auch für andere Zwecke benutzen.
Hawksmont universe
Link: -brushes-hearts/
DR-DEPOT
Link:
Yanagi-san
Link: -Love-Brushes-32178317
Obsidian Dawn
Link:
Graphics-Illustrations
Link: -heart-brushe Read more:Hearts
Blog-HeaderImages 2008-01-25 14:17:53 Rahmen, Bild, Balken. Diese drei Elemente bilden so ziemlich die meist benutzten Header in Blogs. Ist ja auch übersichtlich, klar strukturiert und bietet Platz für Logos, Bilder und kurze Info-Texte. Etwas anders sind nachfolgende “Header”. Allesamt verwendet in Blogs. Oft haben diese thematisch etwas mit Design zu tun, lassen sich aber auch auf andere Themen [...]
Misc Icons 2008-01-08 12:33:57 Ich habe hier einmal ein paar Icons
für verschiedenste Einsatzbereiche erstellt. Diese können natürlich frei verwendet werden. Jedes der 40 Icons ist 32×32 Pixel groß. Sie stehen gezippt als transparente PNGs zur Verfügung.
Download:
Note: There is a file embedded within this post, please visit this post to download the file.
Schöne Effekte mit dem Protokoll-Pinsel 2007-12-12 07:48:27 Das “Protokollpinsel-Werkzeug” von Photoshop bietet eine nette Möglichkeit, Fotos optisch aufzuwerten bzw. bestimmte Bereiche besonders hervorzuheben. Dies ist oft in der Werbung (z.B. bei Bekleidung) zu sehen. Aber natürlich lässt es sich auch auf andere Objekte anwenden; nur haben wir es hier nicht mit einem Spot, sondern mit einem Standbild zu tun.
Und so geht`s:
Als
Photoshop Brushes - Flowers 2007-12-08 07:35:31 Photoshop Pinsel sind ziemlich beliebt. Doch wenn man mal etwas ganz bestimmtes benötigt, hat man nicht gerade den richtigen Brush zur Hand oder muss erst ewig suchen, bevor das Passende gefunden ist. Das Internet ist voll davon - leider ziemlich verstreut. Tatoos, Ornamante, Grunge, Abstract, Blitze, … Es gibt so ziemlich alles.
Als erstes von mir [...] Read more:Flowers
, Photoshop
RSS Icons 2007-12-03 14:27:07 RSS Icons
sind immer nützlich und irgendwie habe ich das Gefühl, dass man gar nicht genug davon haben kann. Warum nicht auch mal ein wenig bunter? Hier nun einige von mir in verschiedenen Farben und Formen. Die PNG- bzw. Icon-Erstellung habe ich mir erspart - dafür gibts das Photoshop-File zum Download! Viel Spaß!
Download:
Note: There is [...]
CSS Polaroid-Fotos ohne grafische Elemente 2007-11-30 01:02:38 Ein Foto im Stil eines Polaroid
s. Ganz ohne Grafiken - natürlich bis auf das Foto. Dies kann mit CSS gelöst werden. Folgender Artikel beschreibt, wie.
Was wird benötigt?
ein Foto, welches als Polaroid dargestellt werden soll
eine CSS-Datei, in welche die beschreibenden CSS-Stile erstellt werden
eine Seite, auf der die Fotos angezeigt werden sollen
Nehmen wir zuerst das Foto. Ich
Recommend Site To A Friend
