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

27
Jul 2011
Android written by pixel No Comments

Hier habe ich eine einfache Android-Application gebastelt. Es handelt sich um eine animierte Münze, die zufällig Kopf oder Zahl anzeigt.

Coin App

Video

Source-Code

main.xml   

Resources

  drawable
svn: http://tk-pixilab-adroid-coin.googlecode.com/svn/trunk

30
Mrz 2011
Photoshop written by pixel 1 Comment

In diesem Tutorial zeige ich, wie man einen Planeten ganz einfach erstellen kann. Um die Kontinente und das Wasser möglichst realistisch aussehen zu lassen, habe ich Texturen von einer Landkarte benutzt. Wenn man sich mit den Texturen viel Mühe gibt, dann sieht der Planet später realistischer aus. Im Tutorial, habe ich auf die Arbeit mit den Texturen weniger Wert gelegt, sieht aber dennoch nicht übel aus. Wenn ihr mehr Zeit habt, könnt ihr Kontinente mit Bergen, Flüssen usw. erstellen. Haltet euch aber nicht lange mit Kleinigkeiten auf, denn wenn man einen Planeten vom Weiten betrachtet, sieht man eigentlich nur Wasser und Erde.

Blauer Planet

Der Planet auf dem Bild ist das Resultat des Videotutorials. Bei den Standardaktionen, wie Skalieren oder Ebene mit Farbe Füllen, habe ich Shortcuts benutzt. Wenn ihr bei einigen Vorgängen nicht genau wisst, was gedrückt wurde, helfe ich gerne weiter.

Video Teil 1

Video Teil 2

Video Teil 3