Design aus Deutschland
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
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
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
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
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
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
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
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
