gfx Battle gestartet

22. Februar 2007

Hallo,

auf psdtuts wurde das erste gfx Battle gestartet. Es geht darum sein Können in Sachen Design und Kreativität zu beweisen. Was ihr machen müsst: Design eure eigene Klobrille…

Weitere Infos findet ihr im Forum:

psdtuts Grafik Battle: Klobrille

gfx Battle Klobrille

Hier könnt ihr euch dann auch das Template herunterladen und loslegen.

Photoshop Short Tipp: Bild einfärben

13. Februar 2007

Ich will euch heute eine Technik zeigen, mit der ihr sehr schnell ein Bild einfärben könnt. Es wird hinterher das komplette Bild eingefärbt sein. Natürlich ist es auch möglich Auswahlen mit dieser Methode einzufärben, aber schauen wir uns zunächst an, wie man komplette Bilder färbt:

Öffnet dazu ein neues Bild. Achtet darauf, dass der Hintergrund nicht gesperrt ist. Sollte dies der Fall sein, lest kurz in unserem Short Tipp zum Thema gesperrter Hintergrund nach, wie ihr dies beheben könnt.

Bild einfärben

Geht nun auf Bild - Anpassen - Farbton/Sättigung und achtet darauf, dass ihr “Färben” anwählt (blauer Kasten). Wenn ihr folgende Werte einstellt, erhaltet ihr eine art “old look”.

Bild einfärben

So sieht euer Bild dann aus:

Bild einfärben

Und schon ist euer Photoshop Bild umgefärbt. Dies könnt ihr auch auf Objekte wie Shapes oder Grundobjekte wie Kreise, Vierecke oder ähnliches verwenden, um Farben anzupassen.

Automatisierung von Aktionen

11. Februar 2007

Hallo,

auf psdtuts habe ich mein neues Tutorial zum Thema Automatisierung von Aktionen auch genannt Stapelverarbeitung online gestellt. Dazu werden 3 Bilder verkleinert und eingefärbt. Nachdem ihr euch eine Aktion erstellt habt, wird euch Photoshop die Arbeit für alle restlichen Bilder abnehmen und sie auch noch abspeichern. Diese Technik zu beherrschen ist besonders wichtig, wenn ihr häufig gleiche oder ähnliche Arbeiten verrichten müsst. Ihr werden schneller und mit weniger Arbeitsaufwand zum Ziel kommen.

Für die Fortgeschrittenen unter euch möchte ich auf den Artikel von photoshop-weblog aufmerksam machen. Sie haben entdeckt, dass es im Moment im Terrashop das Buch “Photoshop mit JavaScript steuern” für nur ACHTUNG: 0,01 Euro zu kaufen gibt. Dies passt natürlich hervorragend zu unserem Tutorial, da es mit Scripten in Photoshop möglich ist solche Stapelverarbeitungen per Script durchzuführen. Es können relative Größen angegeben werden - somit ist man noch flexibler bei der Bearbeitung vieler Bilder!

PS: Ich habe es mir sofort bestellt ;) und kann euch vielleicht bald mit Tutorials zum Thema scripten bereichern…

Flash Short Tipp: Objekte verteilen

10. Februar 2007

Im zweiten Teil zum Thema Objekte ausrichten und verteilen, zeigen wir euch diesmal wie man Objekte aneinander verteilt. Wichtig wieder das in unserem “Ausrichten Fenster” (strg+k) die Option “An Bühne” ausgeschaltet ist (blauer Rahmen). Ich werde euch 2 verschiedene Arten der Verteilung von Flash Objekten demonstrieren. Einmal vertikal zentriert aufgeteilt (rot) und horizontal zentriert aufgeteilt (grün)

Objekte verteilen

weiter…

Flash Short Tipp: Objekte aneinander ausrichten

8. Februar 2007

In unserem heutigen Flash Short Tipp befassen wir uns mit dem Thema: Objekte ausrichten. Es geht dabei einerseits darum Objekte aneinander auszurichten und andererseits Objekte auf der Bühne richtig zu positionieren. Wissen über dieses wichtige Fenster garantiert ein ordentliches Erscheinungsbild. Denn Text, Textfelder, Instanzen und andere Objekte sollten auch nicht die kleinsten Pixelverschiebungen aufweisen.

weiter…

Flash Button anklickbar machen

27. Januar 2007

Hallo,

in diesem Beitrag möchte ich die immer wiederkehrende Frage klären: Wie mache ich einen Flash Button anklickbar und wie weise ich diesem Button eine URL zu?

Dazu klären wir zunächst mal wie dies früher gemacht wurde:

1) Zieht z.B. einen Kreis auf die Bühne
2) Markiert diesen mit dem Pfeil Werkzeug
3) Drückt F8, gebt einen Namen ein z.B. “button_btn” und wählt Schaltfläche aus - Drückt OK
4) Der Kreis sollte nun eine Instanz sein (zu erkennen an dem blauen Viereck um den Kreis). Der Kreis ist nun immer noch markiert… drückt nun F9, um den Aktionen Editor aufzurufen.
5) Gebt im Aktionen Editor folgende Aktion ein:

Flash Button mit getUrl

6) Wenn ihr den Film nun testet (strg + Return) ist der Button anklickbar

Mitlerweile können aber auch Movieclips als Schaltflächen eingesetzt werden.

1) Wiederholt die Schritte 1) und 2) und wählt in Schritt 3) nun statt “Schaltfläche” “Movieclip” aus und gebt den Namen “button_mc” ein.
2) Wiederholt Schritte 4) bis 6)
Ihr seht also, dass ein Movieclip genauso auf die Aktion reagiert wie ein Button.

Wie ihr heute einen Button anklickbar machen solltet!

Die beschriebenen Methoden funktionieren zwar, wurden früher auch so verwendet, haben aber einen Nachteil:
Stellt euch vor, wir haben in unserem Film 20 Buttons, 5 Movieclips und noch andere Elemente auf der Bühne. Nun würden nach der vorhergehenden Methode auf jedem dieser Buttons eine Aktion liegen, die angibt, wohin der Film hüpfen soll, wenn dieser angeklickt wird. Das wird so schnell unübersichtlich und keiner weiß mehr wo welche Aktion liegt und welcher Button eigentlich was bewirkt. Ein Dritter hat erst recht keine Übersicht mehr.

Um dieses Problem nun zu beheben, sollte man in Flash so scripten, dass möglichst alle Aktionen auf dem Schlüsselbild liegen! So kann man genau sehen, was nacheinander passiert und muss nur das Schlüsselbild anklicken und hat alle Aktionen auf einen Blick.

1) Zieht also z.B. ein Viereck auf die Bühne.
2) Markiert es mit dem Pfeilwerkzeug
3) Drückt F8, um es in ein Symbol zu konvertieren. Wählt Movieclip aus und gebt den Namen: mein_mc ein
4) Der Movieclip sollte nun noch markiert sein. Geht nun in den Eigenschafteninspektor und gebt bei “Instanzname”: “button_mc2″ ein. Somit könnt ihr über eine Bildaktion diesen Movieclip über button_mc2 ansprechen, was wir in Schritt 5 tun wollen.
5) Nun Rechtsklick auf das Schlüsselbild indem der Movieclip liegt und “Aktionen” auswählen. Es öffnet sich der Aktionen Editor. Gebt nun folgende Aktion ein:

Bildaktion getUrl

6) Testet den Film mit strg + Return

Ihr seht also, dass dies auch funktioniert und ihr habt nun die Aktion auf einem Schlüsselbild. Wenn ihr nun weitere Variablen deklariert und viele weitere Aktionen schreibt, müsst ihr nicht erst im Film rumsuchen, wo sich eure Aktion befindet - Sie befinden sich alle auf dem jeweiligen Schlüsselbild.

Photoshop Short Tipp: Hintergrundebene ist gesperrt

23. Januar 2007

Wenn man ein neues Bild öffnet oder ein Bild mit Hintergrundfarbe erstellt kommt es oft vor, dass man die Ebene, die bereits besteht, also die Hintergrundebene nicht editieren kann. Das liegt daran, dass die Hintergrundebene gesperrt ist. Ob dies der Fall ist erkennt man in der Ebenenpalette an dem kleinen Schloss neben dem Ebenenamen (roter Rahmen)

Hintergrundebene gesperrt

Um diese zu entsperren reicht es einfach einen Doppelklick auf das Schloss auszuführen. Es wird nun nach dem Ebenennamen gefragt. Wenn ihr möchtet einfach einen Ebenennamen eingeben. Dies ist aber nicht nötig. Wenn ihr einfach auf OK klickt, ist eure Hintergrundebene entsperrt.

Photoshop Short Tipp: Wie erstellt man eine neue Ebene

22. Januar 2007

Hallo,

ich starte hiermit eine neue Rubrik. Es ist die Photoshop Short Tipp Sektion. Es geht darum, kleine Tipps und Tricks im Bereich Photoshop zu geben, welche eigentlich zu einfach und zu klein sind, um ein ganzes Tutorial darüber zu schreiben.

Heute in unserem ersten Beitrag in dieser Photoshop Tipp Rubrik geht es ums Thema: Wie erstelle ich eigentlich eine neue Ebene. Eigentlich eine ganz einfach Sache, aber man muss es halt einmal gesehen haben…

Dazu klickt ihr einfach in der Ebenenpalette auf das kleine Icon: “Neue Ebene erstellen”

Photoshop Tipp: Wie erstelle ich eine neue Ebene

Wenn ihr dies getan habt, erhaltet ihr eine neue Ebene oberhalb der bereits bestehenden. Sie hat den Standardnamen: Ebene 2.

Photoshop Tipp: Wie erstelle ich eine neue Ebene

Photoshop Tutorial: Eselsohr und Seite umblättern

20. Januar 2007

Wiedereinmal habe ich ein neues Photoshop Tutorial geschrieben. Diesmal zum Thema pagecurl. Das ist der englische Ausdruck für Seite umblättern. Es wird mittels einem kleinen Verlauf und dem Verkrümmen ein Eselsohr an ein Bild gehängt.

Wer sich also für diesen Bildeffekt interessiert und mal selber ein Eselsohr selber machen möchte sollte mal im Page Curl Photoshop Tutorial reinschauen.

Page Curl Eselsohr

Web 2.0 Logo design mit Photoshop

14. Januar 2007

Web 2.0 ist in aller Munde. Damit ihr für eure Homepage ein eigenes Web 2.0 Logo erstellen könnt zeigen wir in unserem Web 2.0 Logo style Tutorial wie ihr mittels bunten Farben und dem Reflektionseffekt, den ihr im Reflektionseffekt Tutorial nocheinmal nachlesen könnt, ein solches Logo erstellt. Eine Farbpalette mit Web 2.0 Farben könnt ihr unter Miles Blog herunterladen.

Ich finde das Web 2.0 design insgesamt frisch und peppig. Es gibt wieder mehr Mut zur Farbe. Außerdem sind die Logos klar zu erkennen und gerade für aufstrebende aktuelle Internet Projekte gut zu gebrauchen.

Web 2.0 Logo design