Flash Site: Tokyo Plastic
Geschrieben am Juli 2, 2009
Abgelegt unter Flash Sites | Dein Kommentar
Die Seite Tokyo Plastic kennen sicherlich einige Flasher, Webdesigner und Grafiker schon seit mehreren Jahren, ist sie doch ein Klassiker unter den gelungenen Flash-Seiten. Wir haben die Seite ebenfalls schon vor Jahren kennengelernt und waren sofort begeistert von den vielen gelungenen Flash-Animationen die man dort findet. Nun hat uns aber vor kurzem die Neugier gepackt und wir wollten wissen was sich dort seitdem getan hat.
Nun, an der Flash-Seite direkt hat sich zu unserem Bedauern nichts geändert, ABER…und das fanden wir ziemlich interessant, gibt es unter dem Menüpunkt “WORK” zahlreiche 3D Werbe-Trailer, Teaser und Videos zu bestaunen. Wobei bestaunen noch untertrieben ist, die vielen 3D-animierten Videos sind einfach unglaublich gut gemacht und in Szene gesetzt. Jedes einzelne hat seinen eigenen Charme und die Character-Animationen überzeugen auf ganzer Linie. Kennt man Tokyo Plastic, merkt man auch sofort aus welcher Design,- und Animations-Schmiede die 3D Animationen kommen.
Tokyo Plastic Flash-Site
Schade ist nur, das sich in den vergangenen Jahren nichts an der Flash-Site geändert hat. Aber die Seite ist nunmal auch ein Klassiker und brauch im Grunde keine Veränderung, da sie nach wie vor zum entdecken und bestaunen einlädt.
Flash Tutorial: Sound-Spektrum mit AS 3
Geschrieben am Juli 2, 2009
Abgelegt unter Flash Tutorials | Dein Kommentar
Noch vor einigen Jahren konnte man mit Flash das Sound-Spektrum nur faken, sprich, man zeichnete sich Balken oder Linien auf die Bühne und animierte diese per Hand. Das war natürlich kein zufriedenstellendes Ergebnis, also wurde in den Folgeversionen von Flash eine Sound,- und SoundMixer-Klasse eingeführt, die für solche Visualisierungen zuständig ist. Die in der SoundMixer-Klasse enthaltenen Methoden und Eigenschaften ermöglichen uns dabei auf die Soundsteuerung innerhalb eines Flash-Films zuzugreifen. Wir zeigen euch nun heute wie man mit Flash und AS3 ein Echtzeit Sound-Spektrum entwickelt.
1. Zunächst erstellen wir eine neue Flash-Datei (AS3). Speichern könnt ihr sie unter dem Namen spektrum.fla. Einen Sound benötigt ihr natürlich auch. Diesen legt ihr in dasselbe Verzeichnis in dem die spektrum.fla liegt.
2. Nun gehts auch schon ans programmieren. Der gesamte Code wird dabei ins erste Schlüsselbild der Hauptzeitleiste geschrieben. Wir initialisieren zuerst die Objekte die wir zur Darstellung des Spektrums benötigen:
var sound:Sound = new Sound();
var channel:SoundChannel = new SoundChannel();
var bytes:BitmapData = new BitmapData(256, 100, true, 0x000000);
var bitmap:Bitmap = new Bitmap(bytes);
3. Danach fügen wir das Bitmap der Anzeigeliste hinzu und positionieren es. Anschließend laden wir den Sound mithilfe von sound.load() und new URLRequest() und spielen ihn ab. Wichtig ist in AS3 das wir den Sound vorher dem Soundchannel hinzufügen:
addChild(bitmap);
bitmap.x = 150;
bitmap.y = 150;
sound.load(new URLRequest("sound.mp3"));
channel = sound.play();
4. Nun benötigen wir eine Funktion die das Abfragen des Spektrums ermöglicht. In der Funktion legen wir ein ByteArray an, das mit den Werten der Methode SoundMixer.computeSpectrum() befüllt wird. Die Werte werden als normalisierte Gleitkommawerte im Bereich zwischen -1,0 und 1,0 formatiert. Die Größe des erstellten ByteArray-Objekts ist auf 512 Gleitkommawerte festgelegt, wobei die ersten 256 Werte den linken Kanal darstellen und die restlichen 256 Werte den rechten Kanal. Zum Schluß wird das Bitmap in 2 for-Schleifen (für jeweils den linken und rechten Kanal) aktualisiert:
function onEnterFrame(event:Event):void {
var spectrum:ByteArray = new ByteArray();
SoundMixer.computeSpectrum(spectrum);
bytes.fillRect(bytes.rect, 0x000000);
for (var i:int = 0; i < 256; i++) {
bytes.setPixel32(i, 20 + spectrum.readFloat() * 20, 0xff000000);
}
for (var j:int = 0; j < 256; j++) {
bytes.setPixel32(j, 60 + spectrum.readFloat() * 20, 0xff000000);
}
};
5. Als letztes müssen wir die Funktion noch über einen ENTER_FRAME EventListener aufrufen um eine kontinuierliche Aktualisierung zu ermöglichen und fertig ist das Soundspektrum:
addEventListener(Event.ENTER_FRAME, onEnterFrame);
Design aus Deutschland
Geschrieben am Juni 26, 2009
Abgelegt unter Design News | 3 Kommentare
Design aus Deutschland ist eine Art Online-Pinnwand, auf der jeder Kreative der etwas mit dem Thema Design, Gestaltung oder Grafik zu tun hat, einen kostenlosen Sticker platzieren kann. Mit Sticker sind dabei kleine selbstgestaltete Banner gemeint, die auf die entsprechenden Seiten der Designer verlinkt werden.
Design aus Deutschland
Somit lädt Design aus Deutschland zum Stöbern, Inspirationen finden und Kontakte knüpfen ein.
Flash Tutorial: TV-Rauschen mit AS 2
Geschrieben am Juni 18, 2009
Abgelegt unter Flash Tutorials | Dein Kommentar
Heute zeigen wir euch wie man mit Flash und ein wenig Actionscript das bekannte TV-Rauschen erzeugt. Dazu bedarf es lediglich einem Bild von einem Fernseher in Frontansicht (entweder ihr zeichnet euch selbst einen oder schaut im Netz nach geeigneten Bildern), einer Schaltfläche und den Einsatz der BitmapData-Klasse und deren noise() Methode. Mit der noise() Methode kann man ein Bild mit zufällig platzierten Pixeln versehen und somit eignet sich die Methode wunderbar zur Darstellung des Effekts.
1. Zuerst erstellen wir uns eine neue Flash-Datei. Danach importieren wir in Flash das Bild vom Fernseher und platzieren es ins erste Schlüsselbild der Zeitleiste. Der Fernseher wird mittig auf der Bühne zentriert.
2. Wir erstellen eine neue Ebene und zeichnen in der Ebene ein schwarzes Rechteck, das genau deckungsgleich mit der Bildröhre des Fersehers ist. Danach wandeln wir das Rechteck in einen Movieclip um und geben ihm den Instanznamen “maske”.
3. Wir erstellen wieder eine neue Ebene. Nun müssen wir noch eine Schaltfläche zum ein- und ausschalten des Fernsehers erstellen. Dazu zeichnen wir ein Rechteck (20×20 px) in die neue Ebene und platzieren es mittig unter dem Fernseher. Das Rechteck wird wieder in einen Movieclip umgewandelt und bekommt den Instanznamen “button”.
4. Ab jetzt kommt Actionscript zum Einsatz. Wir erstellen uns nochmals eine neue Ebene und platzieren dort den Actionscript-Code.
5. Als erstes benötigen wir einen Platzhalter-Movieclip für das Rauschen und einen duplizierten Masken-Movieclip:
stop();
Stage.scaleMode = "noScale";
this.createEmptyMovieClip("rauschen", 1);
rauschen._x = maske._x;
rauschen._y = maske._y;
var aus = this.maske.duplicateMovieClip("aus", this.getNextHighestDepth());
aus._visible = false;
6. Nun benötigen wir ein BitmapData-Objekt und fügen es dem Platzhalter-Movieclip hinzu. Der Platzhalter-Movieclip wird wiederum vom Masken-Movieclip maskiert:
var bmp = new flash.display.BitmapData(maske._width, maske._height);
rauschen.attachBitmap(bmp, 1);
rauschen.setMask(maske);
7. Als nächstes erstellen wir die Funktion erstelleRauschen() um die Pixel kontinuierlich zu verändern. Dazu bedarf es einer onEnterFrame-Funktion und der noise() Methode:
function erstelleRauschen(){
this.onEnterFrame = function(){
bmp.noise(Math.floor(1000 * Math.random()), 0, 255, 1 | 2 | 4, true);
};
};
erstelleRauschen();
8. Zum Schluß geben wir noch dem Button die benötigte Funktionalität zum ein- und ausschalten des Fernsehers:
button.onPress = function(){
aus._visible = !aus._visible;
if(aus._visible == true){
delete this._parent.onEnterFrame;
}else{
this._parent.erstelleRauschen();
};
};
Wenn wir nun die Flash-Datei veröffentlichen sehen wir das bekannte TV-Rauschen.
SWFObject 2.2 ist erschienen
Geschrieben am Juni 18, 2009
Abgelegt unter Flash News | 2 Kommentare
SWFObject ist der Standard zur Einbettung von Flash-Inhalten in HTML und bietet viele Vorteile wie W3C-Validität, Unterstützung der Adobe Express Installation, keinen Aktivierungsrahmen beim Internet Explorer, die Flash Plugin-Erkennung und mehr. Neu in der SWFObject Version 2.2 ist folgendes:
1. Improved DomContentLoaded emulation for Internet Explorer
2. Dynamic library support
3. Callback method for embedding Flash content
4. Bye, bye embed
5. Improved Flash Player version detection for non-Internet Explorer browsers
6. Improved Adobe Express Install
7. Improved createCSS method
8. Detected user agent properties are now public via the swfobject.ua object
9. Bye, bye conditional compilation directives
10. The option to switch off SWFObject’s default show/hide behavior
Weiterführende Links:
SWFObject
Flash Site: Coke Zero
Geschrieben am Juni 18, 2009
Abgelegt unter Flash Sites | Dein Kommentar
Flash-Websites für Coca Cola sind oft ein Erlebnis und deshalb einen Besuch wert, so auch die neueste Flash-Site für Coke Zero. Nach einer anfänglichen kurzen Video-Sequenz in der man von netten Girls ins Headquarter von Coca Cola begleitet wird, gelangt man zum eigentlichen Inhalt der Seite. Mit nett animierten Gegenständen kann der User dann interagieren und zum Beispiel den aktuellen Fernseh-Werbespot von Coke Zero ansehen oder seine “Muskelkraft” in einem 3D animierten Armdrücken-Game unter Beweis stellen. Abgerundet wird die Flash-Seite mit einigen Video-Sequenzen und einem Download-Bereich.
Coke Zero - Flash Site
Obwohl nicht alles 100% stimmig ist, macht die Flash-Seite einen gelungenen Eindruck und bietet kurzweiliges Entertainment sowie kurze und knackige Informationen rund um Coke Zero.
Kostenlose Video-Lektionen für Photoshop
Geschrieben am Juni 12, 2009
Abgelegt unter Design News | Dein Kommentar
Galileo Design stellt wieder einmal neue kostenlose Video-Trainings für Photoshop auf seiner Website bereit. Die Schwerpunkte behandeln diesmal die Themen “Retusche & Compositing”, sowie “Kreative Fotomontagen” und zeigen wie verschiedene Foto-Montagen im Rahmen der “EDITION fotocommunity” zustande gekommen sind. Mit den insgesamt ca. 90 min langen Video-Workshops bekommen Grafiker und Designer einen guten Einblick in die Bildbearbeitung, sowie die Bildretusche und das Composing mit Photoshop.
Die Photoshop-Trainer Pavel Kaplun und Alexander Heinrichs führen einen dabei durch 10 Photoshop-Lektionen:
Retusche & Compositing:
1. Der Composing-Workflow [4:49]
2. Digitale Stillleben [5:40]
3. Glasflaschen freistellen [10:18]
4. Kontrast und Farbe anpassen [12:05]
5. Gegenstände einarbeiten [9:23]
Kreative Fotomontagen:
1. Geeignete Bilder auswählen [5:43]
2. Ebenenmasken einsetzen [6:41]
3. Himmel dramatisieren [9:06]
4. Den Tag zur Nacht machen [10:44]
5. Das letzte Felltuning [10:31]
Weiterführende Links:
Videotraining – Retusche & Compositing
Videotraining – Kreative Fotomontagen
Flash Catalyst: Beta-Version verfügbar
Geschrieben am Juni 4, 2009
Abgelegt unter Flash News | Dein Kommentar
Seit dem 02.06.09 ist die Beta-Version des von Adobe entwickelten Flash Catalyst verfügbar. Um die Software zu bekommen muß man sich bei Adobe registrieren.
Weiterführende Links:
Flash Catalyst Beta – Download
Flash Catalyst – Beschreibung
Flex 4 SDK: Beta-Version verfügbar
Geschrieben am Juni 4, 2009
Abgelegt unter Flash News | Dein Kommentar
Seit dem 02.06.09 ist die Beta-Version des von Adobe entwickelten Flex 4 SDK verfügbar. Das Framework kann ohne weiteres bei Adobe heruntergeladen werden.
Weiterführende Links:
Flex 4 SDK Beta – Download
Flex 4 SDK – Beschreibung
Flash Builder 4: Beta-Version verfügbar
Geschrieben am Juni 4, 2009
Abgelegt unter Flash News | Dein Kommentar
Seit dem 02.06.09 ist die Beta-Version des von Adobe entwickelten Flash Builder 4 (vorher Flex Builder) verfügbar. Um die Software zu bekommen muß man sich bei Adobe registrieren.
Weiterführende Links:
Flash Builder 4 Beta – Download
Flash Builder 4 – Beschreibung
Folge uns auf Twitter
