Free Adobe Creative Suite Video Tutorials :: Flash & Actionscript :: Photoshop & Dreamweaver :: CMS Wordpress Joomla Tutorials http://webtutz.net Full HD Videotutorials Thu, 16 Jun 2011 21:46:49 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Glanzbutton mit CSS3 erstellen http://webtutz.net/glanzbutton-mit-css3-erstellen/ http://webtutz.net/glanzbutton-mit-css3-erstellen/#comments Thu, 16 Jun 2011 21:44:18 +0000 Dalee http://webtutz.net/?p=1300 Im letzten Tutorial zeigte ich euch wie man einen Button mit Glanzkante und Schlagschatten in Photoshop erstellt. In diesem Tutorial zeige ich euch wie man diesen Button aus dem letzten Tutorial mit CSS3 umsetzt ohne dabei Bitmaps zu verwenden. Der Vorteil daran ist natürlich die geringere Ladezeit da der Browser die CSS Datei im Cache speichert und nicht immer neu geladen werden muss. Diese Methode ist auch Suchmaschinenfreundlicher als ein JPG oder PNG Bild. In diesem Tutorial zeige ich euch ein paar neue CSS3 Prefix (border-radius, gradien usw) und was der Vor und Nachteil daran ist.

]]> http://webtutz.net/glanzbutton-mit-css3-erstellen/feed/ 0 CSS3 Button mit Photoshop erstellen http://webtutz.net/css3-button-mit-photoshop-erstellen/ http://webtutz.net/css3-button-mit-photoshop-erstellen/#comments Mon, 13 Jun 2011 22:16:07 +0000 Dalee http://webtutz.net/?p=1294 In diesem Tutorial zeige ich wie man einen Button für eine Website mit Photoshop erstellt. Den Button erstelle ich hauptsächlich mit den Ebenenstilen und erzeuge dadurch einen Verlaufseffekt mit der Verlaufsüberlagerung und einen 3D Effekt mit der Option Schlagschatten. Ihr müsst beim erstellen eines Buttons darauf achten das der Button mit CSS oder CSS3 umsetzbar ist. Buttons werden kaum noch als Bitmap abgespeichert und in eine Website importiert. Der Vorteil daran ist das die Ladezeit sich massiv verringert und die Navigation suchmaschinenfreundlicher wird. Im nächsten Tutorial zeige ich dann wie man diesen Button mit CSS3 umsetzt.

]]> http://webtutz.net/css3-button-mit-photoshop-erstellen/feed/ 0 Flash User Interface Kompontenten einfügen und bearbeiten http://webtutz.net/flash-user-interface-kompontenten-einfuegen-und-bearbeiten/ http://webtutz.net/flash-user-interface-kompontenten-einfuegen-und-bearbeiten/#comments Sun, 12 Jun 2011 22:54:03 +0000 Dalee http://webtutz.net/?p=1287 Komponenten sind eine weitere Variante, Actionscript einzusetzten ohne selbst viel programmieren zu müssen. Es handelt sich dabei um fertige Elemente, die bestimmte Funktionen darstellen können. Mit verschiedenen Parametern kann man Komponenten an den Film anpassen. Zur Standardinstallation von Flash gehört eine Sammlung von User Interface Komponenten die zum Beispiel für Formulare verwendet werden können. Die Komponente selber enthält sehr viel Actionscript, man muss aber nur wenig Code selber schreiben um der Komponente zu sagen welche Aktion sie ausführen soll.

Flash Extension Manager

Flash Komponenten

]]> http://webtutz.net/flash-user-interface-kompontenten-einfuegen-und-bearbeiten/feed/ 0 Text mit Glaseffekt in Photoshop erstellen http://webtutz.net/text-mit-glaseffekt-in-photoshop-erstellen/ http://webtutz.net/text-mit-glaseffekt-in-photoshop-erstellen/#comments Sun, 29 May 2011 17:03:59 +0000 Dalee http://webtutz.net/?p=1271 In diesem Video möchte ich euch zeigen wie man eine Schrift mit einem Glas Effekt in Photoshop erstellt. Für den Effekt verwende ich hauptsächlich den Ebenenstil, den ich im Anschluss auch als Stil abspeichern und immer wieder verwenden kann. Für den Effekt eignen sich Schriften mit weichen Kanten und abgerundeten Ecken sehr gut. Im Ebenenstil kommt der Modus Schatten nach innen, Schlagschatten, Schein nach innen, Kontur und Abgeflachte Kante & Relief zum Einsatz.

]]> http://webtutz.net/text-mit-glaseffekt-in-photoshop-erstellen/feed/ 0 Druckschrift Effekt mit Photoshop erstellen http://webtutz.net/druckschrift-effekt-mit-photoshop-erstellen/ http://webtutz.net/druckschrift-effekt-mit-photoshop-erstellen/#comments Sun, 29 May 2011 17:00:49 +0000 Dalee http://webtutz.net/?p=1275 In diesem Video zeige ich euch wie man einen Druckschrift Effekt mit Photoshop erstellt und als Photoshop Stil abspeichert. Der Vorteil daran ist, dass man diesen Stil jederzeit für irgendeinen Text verwenden kann ohne dabei die Ebenenstile neu zu erstellen. Diesen Effekt erstelle ich hauptsächlich mit den Ebenenstilen und weniger mit dem Textwerkzeug und Texteigenschaften von Photoshop. Im Ebenenstil kommt der Modus Schlagschatten, Schatten nach innen und Verlaufsüberlagerung zum Einsatz.

]]> http://webtutz.net/druckschrift-effekt-mit-photoshop-erstellen/feed/ 0 Spry Dropdown Navigation mit Dreamweaver erstellen http://webtutz.net/spry-dropdown-navigation-mit-dreamweaver-erstellen/ http://webtutz.net/spry-dropdown-navigation-mit-dreamweaver-erstellen/#comments Sun, 10 Apr 2011 14:36:17 +0000 Dalee http://webtutz.net/?p=1258 Hier zeige ich euch wie man eine Dropdown Navigation mit dem Spry Menü von Dreamweaver erstellt. Hierzu verwende ich das Spry Framework von Dreamweaver, im Anschluss erstelle ich einen RollOver und RollOut Effekt. Die Buttons bzw das Bild für den Hover Effekt erstelle ich davor in Photoshop.

Was ist die Maßeinheit “em” und 1 em sind wieviel Pixel?

]]> http://webtutz.net/spry-dropdown-navigation-mit-dreamweaver-erstellen/feed/ 2 Mute Button für einen Flash Player mit Actionscript 2 erstellen http://webtutz.net/mute-button-fuer-einen-flash-player-mit-actionscript-2-erstellen/ http://webtutz.net/mute-button-fuer-einen-flash-player-mit-actionscript-2-erstellen/#comments Sun, 27 Mar 2011 21:18:43 +0000 Dalee http://webtutz.net/?p=1241 Serie3

In diesem Tutorial zeige ich euch wie man einen Mute Button für einen Flash Player mit Actionscript 2 erstellt. Hierfür erstelle ich mit der Schriftart (Webdings) einen Mutebutton. Nachdem ich diesen Button in der Timeline bearbeitet habe lege ich auch mit Actionscript los.

createEmptyMovieClip: Erstellt einen leeren Movieclip, der einem vorhandenen Movieclip untergeordnet ist.

getNextHighestDepth: Mit dieser Methode kann man einen Tiefenwert ermitteln, der an MovieClip.attachMovie(), MovieClip.duplicateMovieClip() oder MovieClip.createEmptyMovieClip() übergeben werden kann.

setVolume: Stellt die Lautstärke für das Sound-Objekt ein.

getVolume: Gibt die Lautstärke als Ganzzahl von 0 bis 100 zurück, wobei 0 für kein Ton und 100 für volle Lautstärke steht. Die Standardeinstellung lautet 100.

Adobe Help Center

]]> http://webtutz.net/mute-button-fuer-einen-flash-player-mit-actionscript-2-erstellen/feed/ 0 Flash Ladebalken (Streambar) für Flashplayer erstellen http://webtutz.net/flash-ladebalken-streambar-fur-flashplayer-erstellen/ http://webtutz.net/flash-ladebalken-streambar-fur-flashplayer-erstellen/#comments Sun, 27 Mar 2011 20:19:35 +0000 Dalee http://webtutz.net/?p=1237 Serie 4

In den letzten Flash Player Tutorials zeigte ich ja wie man eine FLV Datei mit der Netstream und NetConnection Methode einbindet, einen Play und Back Button erstellt. Heute möchte ich euch zeigen wie man einen Ladebalken für einen Flashplayer erstellt. Der Ladebalken soll den Ladestatus ermitteln und zeigen wieviel schon von der FLV Datei geladen wurde.

var videoInterval = setInterval(vStatus,100);
var bisherGeladen:Number;

function vStatus(){
	bisherGeladen = ns.bytesLoaded / ns.bytesTotal;
	streamer.streambar._width = bisherGeladen * 247.4;
}

setInterval: Ruf während der Wiedergabe einer SWF Datei in regelmäßigen Abständen eine Funktion oder Methode auf.

bytesLoaded: ist eine Eigenschaft die angibt wieviel Bytes bereits heruntergeladen wurden.

bytesTotal: gibt die Gesamtgröße der Datei an, die in den Player geladen werden soll.

Adobe Help Center

]]> http://webtutz.net/flash-ladebalken-streambar-fur-flashplayer-erstellen/feed/ 0 Audio und Videodatei mit Dreamweaver einbinden http://webtutz.net/audio-und-videodatei-mit-dreamweaver-einbinden/ http://webtutz.net/audio-und-videodatei-mit-dreamweaver-einbinden/#comments Fri, 25 Mar 2011 15:56:45 +0000 Dalee http://webtutz.net/?p=1231 In diesem Tutorial zeige ich wie man eine Audiodatei (MP3) und eine Videodatei (Mpeg4 bzw Mov) mit Dreamweaver in eine Website einbindet. Dabei verwende ich zwei Methoden, einmal die Verknüpfung mit einem Hyperlink und dann die direkte Einbindung in eine Website mit der Plugin Funktion von Dreamweaver. Dabei zu beachten ist das die Datei auf dem eigenen Webserver geladen werden muss und so mehr Webspace als üblich verbraucht wird.

]]> http://webtutz.net/audio-und-videodatei-mit-dreamweaver-einbinden/feed/ 3 Flash SWF Datei mit swfobject Methode einbinden http://webtutz.net/flash-swf-datei-mit-swfobject-methode-einbinden/ http://webtutz.net/flash-swf-datei-mit-swfobject-methode-einbinden/#comments Mon, 21 Mar 2011 20:33:43 +0000 Dalee http://webtutz.net/?p=1225 In diesem Tutorial zeige ich euch wie ihr eine Flash (SWF) Datei mit der Javascript Funktion “SWFObject” einbinden könnt. Der Vorteil von “SWFObject” ist z.B die Plugin Erkennung, W3C validiert, ExpressInstallation usw. Eine SWF Datei mit SWFObject einzubinden ist sehr einfach und bietet außerdem die Möglichkeit einen Fallback einzurichten.

SWFObject Informationen

SWFObject Download

]]> http://webtutz.net/flash-swf-datei-mit-swfobject-methode-einbinden/feed/ 0