Ich liebe den Umgang mit kreativer Software. Meine Flexibilität zeichnet mich besonders aus, da ich schon in ziemlich jedem Bereich etwas gemacht habe und stets bereit bin Neues zu lernen. Unter den seitlichen Links werden einige meiner Arbeiten vorgestellt.

Viel Spass beim stöbern...

Webdesign

Zeigt dir ein Showcase einiger Webdesigns.

Webdesign

Logodesign

Zeigt dir ein Showcase einiger Logos.

Logodesign

Grafikdesign

Zeigt dir ein Showcase einiger Grafiken.

Grafikdesign

Printdesign

Zeigt dir ein Showcase einiger Printmedien.

Printdesign

3D Grafik

Zeigt dir ein Showcase von einigen 3D Renderings und Modellen.

3D Grafik

Motiondesign

Zeigt dir ein Showcase einiger Videos.

Motiondesign

Programmierung

Zeigt dir ein Showcase von geschriebenen Programmen.

Programmierung

Tutorials

Zeigt dir eine Übersicht von meinen erstellten Tutorials.

Tutorials

Du möchtest stets auf dem Laufenden gehalten werden?

Abonniere jetzt einen der Phodana RSS-Feeds und du bekommst die neuesten Mitteilungen sofort in deinen Feed-Reader - alles für umsonst. weitere Infos »

Artikel Feed RSS Feed

Alle Artikel zu den unterschiedlichsten Themen bekommst du als RSS-Feed über diesen Link. Solbald etwas neues erscheint, erscheint dies in deinem RSS Reader.

Kommentar Feed RSS Feed

Wenn du interessiert bist die Kommentare aller Artikel als RSS-Feed zu abonnieren, kannst du das über diesen Link machen.

Photoshop Feed RSS Feed

Möchtest du nur Mitteilungen zu Photoshop als RSS-Feed erhalten, dann musst du diesen Link wählen.

Illustrator Feed RSS Feed

Möchtest du nur Mitteilungen zu Illustrator als RSS-Feed erhalten, dann musst du diesen Link wählen.

After Effects Feed RSS Feed

Möchtest du nur Mitteilungen zu After Effects als RSS-Feed erhalten, dann musst du diesen Link wählen.

Twitter Feed verfolgen Twitter

Möchtest du Phodana media auf Twitter verfolgen, dann musst du diesen Link wählen. Dort findest du weitere interessante Links, die es nicht auf dieser Website gibt.

CSS generieren im Photoshop Stil

Veröffentlicht am 15. Mai. 2011 von in CSS

0

Die Ebenenstile in Photoshop erleichtern die Arbeit beim Designen erheblich. Wird für eine Ebene ein Schlagschatten benötigt, kann dieser komfortabel über den gleichnamigen Ebenenstil erstellt werden. In dem dazugehörigen Dialog können Distanz, Weichzeichnung und andere Parameter einfach verändert werden.

Felix Niklas hat sich gedacht, warum nicht einen ähnlich gestallteten Dialog zum generieren von CSS Code erstellen. Was daraus entstanden ist, siehst du hier. Ähnlich wir in Photoshop können verschiedene Attribute über einen Dialog aktiviert und verändert werden. Auch Presets lassen sich erstellen und wiederverwenden, so wie man es auch aus Photoshop kennt.

Ebenenstile zur CSS Generierung

Ebenenstile zur CSS Generierung

Folgende CSS Attribute können generiert werden:

  • drop shadow
  • inner shadow
  • background
  • border
  • border-radius

Diese Webanwendung funktioniert so, wie man es von dem Ebenenstilen von Photoshop her kennt. Definiv ein Tool, dass man sich als Webdesigner mal anschauen sollte.

Hinterlasse einen Kommentar