12
Nov 2013
Windows written by pixel Kommentare deaktiviert

Hab den neuen ActivePresenter ausprobiert und gleich mal ein Tutorial damit aufgezeichnet, wie man in Windows 7 die Sprachausgabe auf Deutsch konfigurieren kann. Das Tolle an ActivePresenter ist, wie man sehen kann, dass die Kommentare als “Text To Speech” eingebettet werden können. Klingt zwar nicht so toll mit der Stimme von Steffi, aber immer noch angenehmer, wie Texte zu lesen. Natürlich bin ich nicht selbst auf die Lösung mit der Deutschen Sprachausgabe gekommen, das habe ich in diesem Tutorial abgeschaut. Wollte damit nur einen kleinen Testlauf mit dem ActivePresenter machen :-)

Vielleicht mache ich meine Tutorials in Zukunft auf Englisch, da die Standardstimme nicht ganz so abgehackt und Roboterartig klingt. Ach ja, das interessiert euch sicher alles nicht, sondern das Tutorial. Das findet ihr unter diesem Text, in Form eines Videos.

Natürlich könnte ich das Ganze auch selbst vertonen. Mach ich aber nicht so gerne, da ich bei solchen Dingen zu viel Zeit mit der Formulierung und Betonung verschwende. Wenn ich mir andere Tutorials anschaue, wird oft viel Unsinn nebenher geredet. Mit Text to Speech, tippt man sein Text einfach ein, und wird nicht zum Babbeln verleitet. :-)

Wer Windows 8 hat, kann auch die deutsche Stimme von Hedda verwenden. Soweit ich mich in Google eingelesen habe, kann man Hedda auch unter Windows 7 benutzen. Dazu müssen folgende Pakete installiert werden. In den Auflistungen müsst ihr dann die für euch passenden Pakete z.B. für 64bit auswählen.

  1. SpeechPlatformRuntime.msi
  2. MicrosoftSpeechPlatformSDK.msi
  3. MSSpeech_TTS_de-DE_Hedda.msi

Die MSSpeech_SR Pakete sind für die Texterkennung gedacht. Sie sind in der selben Liste wie die TTS Pakete aufgeführt, was etwas verwirrend sein kann. Scrollt einfach solange in der Liste runter, bis ihr die gewünschten Pakete findet.

Mit dem 64bit Windows habe ich es leider nicht zum Laufen bekommen, aber vielleicht funktioniert es mit dem 32bit System. Probiert es einfach aus.

20
Okt 2012
Photoshop written by pixel No Comments

Ich habe mir vorgenommen ein realistisches Auge zu malen und mir einige Digital-Painting Tutorials dazu angeschaut, wobei die Ergebnisse der meisten Tutorials leider nicht wirklich realistisch aussahen. Natürlich bin ich auch auf How-To’s gestoßen, bei denen das Ergebnis von einem Foto nicht zu unterscheiden war, diese waren jedoch eher Speed-Paintings ohne Konzept, einfach drauf losgemalt und halfen einem Anfänger, wie mir nicht weiter.

Ich habe nun versucht für mich das Ganze in einfache Schritte aufzuteilen, also eine Art Kochrezept zu erstellen. Die Methode kann sicherlich noch verbessert werden, ich kann euch aber schon mal zeigen was ich mir überlegt habe.

Am Ende soll sowas, wie auf dem Bild herauskommen:

Konzept

Das Auge wird Ebene für Ebene aufgebaut, dazu verwende ich ausschließlich den weichen Pinsel, damit die Übergänge von einer Ebene in die darunterliegende fließend sind. Gemalt wird mit 100% Deckkraft.

Als erstes malt man sich eine Grundfläche, die der Farbe der Gesichtshaut entspricht.

Jetzt kommen die tiefen Stellen. Im Profil gibt es zwischen oberen Augenlid und Augenbraue eine leichte Vertiefung und tiefe Stellen sind im Allgemeinem dunkler. Als nächstes wird ein Schatten gemalt, der einem die Illusion dieser Vertiefung verschafft Dieser Schatten ist, wie man sehen kann, ein einfacher Strich mit einem weichen Pinsel und einem großen Durchmessert. Man verwendet einen etwas dunkleren Farbton der Grundfläche, je dunkler desto größer die Illusion dieser Vertiefung, also nicht zu dunkel machen, wir wollen ja keine Grube malen  ;).

Unterhalb des Auges könnte man ebenfalls einen leichten Schatten malen, zwischen Augenlid und Jochbein gibt es eine leichte Vertiefung. Dieser Schatten ist etwas heller und kleiner, wie der obere, da die Vertiefung gering ist.

Nun wollen wir die Wölbung des oberen Augenlids hervorheben. Dazu nimmt man am besten wieder einen helleren Farbton mit einem kleineren Pinsel-Durchmesser. Man kann hier auch gleich intensivere Farben, wie es zb. bei Schminke der Fall ist nehmen, wenn man ein geschminktes Auge malen möchte.

Jetzt ist die Wölbung für das untere Augenlid dran. Es ist etwas kleiner, daher nimmt man einen kleineren Pinsel-Durchmesser.

Nun wird die flache Stelle bzw. die Spitze der Wölbung, für das untere Augenlid, mit etwas mehr Licht hervorgehoben. Flache Stellen reflektieren das Licht am stärksten.

Das Gleiche wird auch für das obere Augenlid gemacht. Dort wo die Steigung zunimmt, nimmt die Lichtintensität ab. Das kann man durch verschmieren mit dem Wisch-Finger ganz gut erreichen. Dazu nimmt man am besten einen weichen Pinsel mit einem großen Durchmesser und verwischt die Linie mit dem Pinsel-Rand.

Bei manchen Menschen kann man kleine Falten im unteren Augenlid sehen, wenn das Auge offen ist. Das könnt ihr zb. durch dünne, schräge Linien erreichen. Diese am besten auch etwas verwischen, damit es nicht so stark ins Auge sticht. Wenn man es nicht möchte, kann man es auch weglassen. Mit mehr Details sieht das Auge aber weniger künstlich aus.

Zum Thema Details und weniger Künstlich, wollen wir der Haut noch etwas mehr Textur geben, damit sie nicht so stark nach Plastik aussieht. Dazu nehme ich in Photoshop einen Standard-Borsten-Pinsel, der heißt dort “Rund, Stumpf, mittlere Steifheit”. Die Deckkraft stelle ich auf 50% ein . In Gimp oder anderen Programmen gibt es sicher auch ähnliche Pinsel, man kann aber genauso gut einen einfachen Pinsel nehmen, es dauert dann etwas länger. Im Prinzip hat man mit diesem Borsten-Pinsel viele im Kreis angeordnete Punkte mit denen man die Haut nun betupfen kann. Versucht den Pinsel leicht hin und her zu bewegen, damit ihr keine perfekten Kreise habt, sondern leichte Ovale oder Eier. Nach dem Tupfern sieht bei euch die Haut dann vermutlich wie Gänsehaut aus, weil ihr zu oft auf der selben Stelle getupft habt. Ihr könnt einen weichen Radiergummi mit einem großen Durchmesser nehmen, die Deckkraft auf 10-15% einstellen, und ein bisschen drüber radieren, sodass die Punkte nur schwach zu sehen sind. In der Nähe von Haaren, wie zb. bei den Augenbrauen, kann man weniger radieren, dort wo es weniger Haare gibt, zb. unterhalb des Auges, sollte man mehr radieren, bzw. verwischen. Ihr könnt euch zum Vergleich die Unterarm-Außenseite und Innenseite anschauen. da wo es mehr Haare gibt, sieht man die weißen Pünktchen deutlicher.

Jetzt werden die Falten und Kanten gemalt. Ganz einfache Linien, wie man an dem Unterlied sehen kann.

Das gleiche auch für das obere Augenlid.

Jetzt noch eine Falte im oberen Lid.

Damit sind die Augenlider und Haut fertig. Als nächstes wird der Augapfel gezeichnet, das die Form einer weißen Zitrone hat.

In die Zitrone kommt ein Kreis, bzw. Kirsche, der unsere Iris darstellt.

Die Iris hat auch eine Pupille, die wir mit einem dunklen Punkte realisieren.

Die Iris hat normalerweise einen dünnen Ring bzw. Rand.

Sie ist auch kein einfarbiger Fleck, daher wird eine Art Fächer in den Ring gezeichnet.

 

Noch sieht das Auge flach und unwirklich aus. Um das Ganze räumlicher wirken zu lassen, werden die Enden unserer weißen Zitrone dunkel angemalt und nach innen verschmiert.

Glatte und feuchte Stellen im Auge reflektieren das Licht, das kann man durch helle Flecke realisieren.

Der Übergang zwischen Augapfel und oberes Augenlid sieht noch etwas merkwürdig aus,  als ob beides auf der gleichen Höhe liegt. Mit etwas Schatten kann man an dieser Stelle eine Steigung einfügen, damit das nicht so flach wirkt. Man kann ruhig noch ein bisschen in den Augapfel reinschmieren, da das Augenlid auch einen Schatten auf den Augapfel wirft.

Ich habe mich entschieden noch etwas mehr Schatten für die Wimpern am Rand des oberen Augenlids aufzutragen.

Einen Schatten für Wimpern gibt es natürlich auch unterhalb des Auges. Der Schatten muss übrigens keine Perfekte Linie sein, sondern kann, wie im Beispiel, etwas verschmiert bzw. verformt werden. Wimpern werfen ja auch keinen perfekten Schatten.

Nun sind die Wimpern dran. Man kann sie ganz einfach machen, indem man den Rand einer Linie mit dem Schmierfinger-Werkzeug (Kleiner Durchmesser) verschmiert, sodass spitz zulaufende Linien entstehen.

Die unteren Augenwimpern sind normalerweise nicht so dicht wie die Oberen. Man geht wie bei den oberen Augenwimpern vor, allerdings ist die Basis eine Linie mit etwas weniger Deckkraft,

Das Auge ist jetzt fertig. Wie ein echtes Auge sieht es zwar noch nicht aus, aber es ist schon ziemlich nah dran. ;-)

Und jetzt alle Schritte, mit begleitender Musik, nochmal in Schnelldurchlauf. :)

12
Aug 2011
Android written by pixel No Comments

In diesem Tutorial wird dem Kompass aus diesem Photoshop-Tutorial Leben ein gehaucht. Es ist mit Absicht sehr simpel gehalten und ist auf die nötigsten Zeilen-Code beschränkt. Der Kompass ließe sich noch um einige Funktionen erweitern, z.B. Sensoren schlafen legen, wenn das Display aus ist, Wasserwaage usw. Viel Spaß beim Basteln. Für den Fall, dass ihr die Grafiken nicht selber machen wollt, habe ich die Ressourcen aus dem Tutorial beigefügt, es ist aber ein etwas anderer Kompass, wie im Photoshop-Tutorial.

Vorschau

Compass-App

Video

Das Video hat in den ersten paar Sekunden eine leichte Zensur. Das passiert mir leider häufiger, wenn ich meine Videos auf YouTube hoch lade. Nicht weiter beachten, das geht nach den ersten Sekunden weg ;-)

Source-Code

main.xml   

Ressourcen

git: https://code.google.com/p/tk-pixilab-android-training.compass
app: CompassApp.apk

12
Aug 2011
Photoshop written by pixel No Comments

Ich arbeite gerade an einem hübschen Kompass-Design. Hab schon einige Versuche verworfen, einen davon gibt es jetzt auf Video. Bin immer noch nicht ganz zufrieden mit dem Ergebnis. Der Zeiger passt nicht so gut ins Bild und die “Windrose”stört, gel  ;-)

 

Compass

Video 1

Video 2

Video 3

Video 4

11
Aug 2011
Featured-work written by pixel No Comments

In diesem Stummvideo-Tutorial zeige ich, wie man aus einem Vogel- und Katzen Bild eine neue Katzen-Vogel-Spezies erstellt. Es ist leider kein Streight-Throgh, sondern eher ein Nach-Gefühl-Tutorial geworden, indem ich einiges ausprobiere und verwerfe, daher ist das Video etwas lang. Die Schwierigkeitsstufe ist relativ gering, hauptsächlich braucht man ein Radiergummi, Lasso und das Frei-Transformieren-Werkzeug. Beim Ausschneiden habe ich das Kanten-Verbessern-Werkzeug benutzt, aber man kann genausogut den Weichzeichner nehmen. Ich versuche mich nur mit den neuen Features von CS5 anzufreunden, das müsst ihr mir nicht nachmachen.  Mit GIMP bekommt ihr das genauso gut und in der gleichen Zeit hin :)

Wie auch immer, das soll am Ende rauskommen. Macht euch nicht verrückt, indem ihr mir jeden Schritt nachmacht. Ist besser, wenn ihr nach Gefühl arbeitet, dann kommen gute Ergebnisse raus, auch wenn sie nicht genauso aussehen. Das Video soll lediglich zur Orientierung dienen. Da im Video so gut wie nicht gesprochen wird, traut euch ruhig Fragen zu stellen, wenn ihr welche habt, dafür ist die Kommentier-Option gedacht ;)

Katzen-Vogel

Video