Deskmodder Wiki - Benutzerbeiträge [de]

Hilfe:Hilfe zu Vorlagen

2011-10-26T09:01:42Z

Axp:

<div style=" {{#if:{{{Breite|}}}|max-width: {{{Breite}}};}} margin: .5em 0 1em 1em; background: none;">
{|border="1" cellpadding="3" style="border:1px solid #AAAAAA; background-color: #F9F9F9; text-align: left; width: inherit; empty-cells: hide; border-collapse: default; padding: 5px;"

|-style="Tabellenreihen Stylewerte"
|style="Tabellenreiheninhalt Stylewerte" colspan="2"|
{{{Bezeichner|Ersatz}}}
<br />

|-
|style="border: 0; font-weight: bold;"|{{{TabelleneintragsbezeichnerLinks}}}
|style="border: 0;"|{{{TabelleneintragsbezeichnerRechts}}}

|}</div>

<div style="clear: all; font-size: 120%;">
<pre>
<div style="{{#if:{{{Breite|}}}|max-width: {{{Breite}}};}} margin: .5em 0 1em 1em; background: none;">
{|border="1" cellpadding="3" style="border:1px solid #AAAAAA; background-color: #F9F9F9; text-align: left; width: inherit; empty-cells: hide; border-collapse: default; padding: 5px;"

|-style="Tabellenreihen Stylewerte"
|style="Tabellenreiheninhalt Stylewerte" colspan="2"|
{{{Bezeichner|Ersatz}}}
<br />

|-
|style="border: 0; font-weight: bold;"|{{{TabelleneintragsbezeichnerLinks}}}
|style="border: 0;"|{{{TabelleneintragsbezeichnerRechts}}}

|}</div>
</pre>
</div>

<pre style="font-size: 120%;">
{{Name der Vorlage
| Bezeichner = Inhalt
...
}}
</pre>

Vorlage:Ausbau

2011-10-26T08:14:44Z

Axp:

{| class="messagebox" style="background: #c7d2d9; margin-left: auto; margin-right: auto; width: 60%; text-align:justify; border:3px ridge #3c3d3f; float:none;"
|-
|valign="top"| [[Bild:Baustelle_von_strictly.gif|64px]]
|<center>'''Diese Seite wird weiter ausgebaut!'''<br>Es kann sein, dass einige Informationen noch fehlen!<br>Hilf mit, wenn du neue Informationen hast und <span class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|action=edit}} ergänze]</span> oder <span class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|action=edit}} verbessere ]</span>den Artikel.<br> Vielen Dank</center>
|}<noinclude>

<pre> Mit {{Ausbau}} erhält man immer diese Box mit diesem Inhalt.</pre>

Vorlage:Infobox Software

2011-10-26T07:49:45Z

Axp:

<div style="text-align=right; float: right; clear: none; {{#if:{{{Breite|}}}|max-width: {{{Breite}}};}} margin: .5em 0 1em 1em; background: none;">
{|border="1" cellpadding="3" style="border:1px solid #AAAAAA; background-color: #F9F9F9; text-align: left; width: inherit; empty-cells: hide; border-collapse: default; padding: 5px;"

|-style="background-color:#B3B7FF;"
|style="text-align:center; font-size:105%; border:0; font-weight: bold;" colspan="2"|
{{{Name|Info}}}
<br>

|-class="nogrid" style="text-align: center; font-size:90%;"
|style="border: 0;" colspan="2"|
[[datei:{{{Logo}}}|150px]]
<br>

|-class="nogrid" style="text-align: center; font-size:95%;"
|style="border: 0;" colspan="2"|
[[Datei:{{{Screenshot}}}|300px]]
<br>
{{{Beschreibung|Beschreibung}}} 

|-
|style="border:0; font-weight: bold; font-size: 105%; background-color: #E0E0E0; text-align:center;" colspan="2"|
{{{Maintainer|Basisdaten}}}
<br>

|-
|style="border: 0; font-weight: bold;"|{{{Hersteller}}}
|style="border: 0;"|{{{w_Hersteller}}}
|-
|style="border: 0; font-weight: bold;"|{{{Erscheinungsjahr}}}
|style="border: 0;"|{{{w_Erscheinungsjahr}}}
|-
|style="border: 0; font-weight: bold;"|{{{Management}}}
|style="border: 0;"|{{{w_Management}}}
|-
|style="border: 0; font-weight: bold;"|{{{Support}}}
|style="border: 0;"|{{{w_Support}}}
|-
|style="border: 0; font-weight: bold;"|{{{AktuelleVersion}}}
|style="border: 0;"|{{{w_AktuelleVersion}}}
|-
|style="border: 0; font-weight: bold;"|{{{AktuelleVersionFreigabeDatum}}}
|style="border: 0;"|{{{w_AktuelleVersionFreigabeDatum}}}
|-
|style="border: 0; font-weight: bold;"|{{{AktuelleVorabVersion}}}
|style="border: 0;"|{{{w_AktuelleVorabVersion}}}
|-
|style="border: 0; font-weight: bold;"|{{{AktuelleVorabVersionFreigabeDatum}}}
|style="border: 0;"|{{{w_AktuelleVorabVersionFreigabeDatum}}}
|-
|style="border: 0; font-weight: bold;"|{{{Betriebssystem}}}
|style="border: 0;"|{{{w_Betriebssystem}}}
|-
|style="border: 0; font-weight: bold;"|{{{Programmiersprache}}}
|style="border: 0;"|{{{w_Programmiersprache}}}
|-
|style="border: 0; font-weight: bold;"|{{{Kategorie}}}
|style="border: 0;"|{{{w_Kategorie}}}
|-
|style="border: 0; font-weight: bold;"|{{{Lizenz}}}
|style="border: 0;"|{{{w_Lizenz}}}
|-
|style="border: 0; font-weight: bold;"|{{{Deutsch}}}
|style="border: 0;"|{{{w_Deutsch}}}

|-style="text-align:center;"
|style="border:0; font-weight: bold; font-size: 100%; background-color: #E0E0E0;" colspan="2"|
{{{Website}}}
<br>
|}</div>

<noinclude>
<br>
<b>Kopiervorlage</b>

<pre style="font-size: 125%; border:0;">
{{Infobox Software
| Name =
| Logo =
| Screenshot =
| Beschreibung = 

| Maintainer =
| Hersteller =
| w_Hersteller =
| Erscheinungsjahr =
| w_Erscheinungsjahr =
| Management =
| w_Management =
| Support =
| w_Support =
| AktuelleVersion =
| w_AktuelleVersion =
| AktuelleVersionFreigabeDatum =
| w_AktuelleVersionFreigabeDatum =
| AktuelleVorabVersion =
| w_AktuelleVorabVersion =
| AktuelleVorabVersionFreigabeDatum =
| w_AktuelleVorabVersionFreigabeDatum =
| Betriebssystem =
| w_Betriebssystem =
| Programmiersprache =
| w_Programmiersprache =
| Kategorie =
| w_Kategorie =
| Lizenz =
| w_Lizenz =
| Deutsch =
| w_Deutsch =

| Website =
}}
</pre>
</noinclude>

Logon WorkShop

2011-10-26T07:49:00Z

Axp:

{{Ausbau}}

{{Infobox Software
| Name =
| Logo =
| Screenshot =
| Beschreibung = 

| Maintainer =
| Hersteller =
| w_Hersteller =
| Erscheinungsjahr =
| w_Erscheinungsjahr =
| Management =
| w_Management =
| Support =
| w_Support =
| AktuelleVersion =
| w_AktuelleVersion =
| AktuelleVersionFreigabeDatum =
| w_AktuelleVersionFreigabeDatum =
| AktuelleVorabVersion =
| w_AktuelleVorabVersion =
| AktuelleVorabVersionFreigabeDatum =
| w_AktuelleVorabVersionFreigabeDatum =
| Betriebssystem =
| w_Betriebssystem =
| Programmiersprache =
| w_Programmiersprache =
| Kategorie =
| w_Kategorie =
| Lizenz =
| w_Lizenz =
| Deutsch =
| w_Deutsch =

| Website =
}}

'''Programmiert von dejco'''<br />
[http://dejco.deviantart.com dejco's DeviantArt Seite] <br />
[http://www.deviantart.com/users/outgoing?http://www.softpedia.com/get/System/OS-Enhancements/Logon-WorkShop.shtml Download Logon WorkShop]

= Allgemeines =
Logon WorkShop ist ein, sich in Entwicklung befindliches Programm mit dem sich viele Bereiche des Windows 7 Loginbildschirms ändern lassen. Neben dem Bildschirmhintergrund lassen sich auch Branding, Textfarbe und jegliche Grafiken ändern. Das Programm vereinfacht dabei den Grafikaustausch erheblich und stellt eine umfangreiche GUI zur Verfügung um verschiedene Außenabständen, Innenabstände und Weiten zu verändern.

Allerdings befindet sich das Programm noch nicht im Endzustand. Das heißt, dass der Programmablauf nicht immer reibungslos ist. Dazu später etwas mehr, bis jetzt braucht man nur zu wissen, dass das Programm trotz möglicher Fehlermeldungen funktioniert und die Systemdateien nicht zerstört. Für die Programmierer unter uns, der Algorithmus läuft, Ein-\ Ausgabe brauchen noch ein paar mehr if-else-Klauseln.

Bootscreen mit Adobe Flash CS5 erstellen

2011-10-09T06:39:41Z

Axp: /* Schritt 6: Abschließende Überprüfung */

[[Kategorie:Windows 7]]
= Allgemeines =
{{TOCright}}
[http://www.adobe.com/de/products/flash.html Adobe Flash] ist ein Animations-/ Designprogramm für [http://de.wikipedia.org/wiki/Shockwave Shockwave-Flash] Animationen, die vor allem in Internetseiten integriert werden.

Da das Programm allerdings auch Einzelbilder und Avi-Videos exportieren kann, eignet es sich außerdem zum Erstellen von Windows 7 Bootanimationen im Zusammenhang mit dem [http://www.coderforlife.com/projects/win7boot/ Windows 7 Boot Updater].

Siehe auch: [[Bootanimation selbst erstellen Windows 7]]

{{absatz}}

= Mit Adobe Flash eine Animation erstellen =
[[Datei:Flash1.jpg|miniatur|400px|Adobe Flash wurde gestartet.]]
Wie bereits erwähnt, benötigen wir den [http://www.coderforlife.com/projects/win7boot/ Windows 7 Boot Updater] der wiederum '''105''' Einzelbilder (200 x 200 px) benötigt. Die ersten '''60''' dieser Einzelbilder bilden den Animationsstart und die letzten '''45''' Bilder stellen die Wiederholphase dar.

== Start ==
Da [http://www.adobe.com/de/products/flash.html Adobe Flash] nicht umsonst zu haben ist, muss man es entweder [http://www.adobe.com/de/downloads/ kaufen] oder die [http://www.adobe.com/cfusion/tdrc/index.cfm?product=flash&loc=de&promoid=EBYEO Testversion] herunterladen. Der Download ist [http://www.adobe.com/cfusion/tdrc/index.cfm?product=flash&loc=de&promoid=EBYEO hier] zu finden und diese [http://www.adobe.com/de/products/flash/tech-specs.html Seite] enthält die Systemanforderungen. Dann muss man es nur noch installieren und los geht es.

== Schritt 1: Das Projekt einrichten ==
[[Datei:Flash2.jpg|miniatur|300px|Mitte: Bühne; Rechts: Bibliothek, Properties; Unten: Zeitleiste, Tweeneigenschaften]]
Nach dem Start des Programms öffnet sich ein Fenster in dem man zwischen Vorlagen, Lernressourcen und einem neuen Projekt wählen kann. Man wählt hier bei '''New''' den obersten Punkt '''ActionScript 3.0''' aus. Danach öffnet sich eine leere Bühne mit leerer Zeitleiste und den Optionen am rechten Rand. Natürlich kann das auch anders aussehen. Um meine Schritte besser nachzuvollziehen, kann man das Aussehen auf '''Classic''' ändern. Das geschieht in der Menüleiste ganz oben am Bildschirmrand im rechten Bereich. Allerdings sollten alle Einstellungen auch mit den anderen Layouts zu finden sein.

Jetzt müssen wir die Größe der '''Bühne''' anpassen. Dazu gibt es im Classic Layout im rechten Bereich einen Reiter namens '''Properties'''. In diesem Reiter gibt es wieder einen Bereich der '''Properties''' heißt und darin klickt man nun auf '''edit'''. Es öffnet sich ein Fenster in dem man ganz oben die Größe auf '''200 x 200 Pixel''' setzen muss. Ganz unten trägt man eine Framerate von '''15''' ein und wählt einen passenden Hintergrund, zum Beispiel schwarz.

'''Tipp''': ''Speichert regelmäßig.''

{{absatz}}
== Schritt 2: Die Grafik erstellen ==
[[Datei:Ring.png|gerahmt|Eine Beispielgrafik für ein Animationsobjekt]]
[[Datei:Flash3.jpg|miniatur|200px|Properties(auf Deutsch: Eigenschaften)]]
[[Datei:Flash5.jpg|miniatur|200px|Formwerkzeug Auswahl]]
[[Datei:Flash4.jpg|miniatur|200px|Importieren einer Grafik]]
In diesem Artikel werde ich nur eine einfache Animation erstellen, aber das Grundprinzip sollte dadurch klar sein.

Die Animation soll aus einem rotierenden Kreis bestehen, der am Anfang ein wenig eingefadet wird. Dazu brauchen wir natürlich erstmal einen Kreis. Flash bietet auch Zeichenfunktionen an, allerdings sind sie nicht so extrem ausgeprägt. Also habe ich eine PNG Grafik bereits vorbereitet. Die Alternative ist eine Form in Flash zu erstellen.

''' Eine Form erstellen '''

Dazu klickt man in der Seitenleiste am linken Rand auf das neunte Werkzeug von oben. Das ist wahrscheinlich ein kleines Rechteck oder auch etwas anderes. Wenn man nun auf den winzigen Pfeil unterhalb des Rechtecks klickt, sollte sich ein kleines Auswahlmenü öffnen. In diesem Menü wählt man den Kreis aus, auch '''Oval Tool''' genannt. Der Shortcut dazu ist ist die '''o-Taste''' auf der Tastatur.

'''Tipp:''' ''Eine Rotation um den Mittelpunkt bei einfarbigen Kreisen erkennt man relativ schlecht.''

Jetzt zieht man einen Kreis auf der Bühne. Man kann noch einige Formen darauf setzen und anfügen, sodass es etwas interessanter aussieht. Jetzt drückt man '''Strg + A''' auf der Tastatur um alle Formen auszuwählen. Mit einem Rechtsklick auf die Form öffnet sich das Kontextmenü. In diesem Menü wählt man den obersten Eintrag aus, der '''Create Motion Tween''' heißen sollte.

''' Eine Grafik importieren '''

Wenn man eine Grafik schon fertig vorliegen hat, braucht man keine Form erstellen. Man braucht lediglich die Grafik importieren. Dazu wählt man im '''File''' Menü den Menüpunkt '''Import''' und dort entweder '''to Stage''' oder '''to Library'''. Bei '''to Library''' wird die Grafik in die Bibliothek importiert, was bedeutet, dass sie nicht auf der Bühne erscheint. Dann muss man sie aus der Bibliothek auf die Bühne ziehen.

{{absatz}}
== Schritt 3: Ausrichten und Tweening erstellen ==
[[Datei:Flash10.jpg|gerahmt|Ausrichten der Objekte]]
Jetzt wo die Form oder die Grafik vorhanden ist, muss man nur noch ein Tween erstellen. Wie das geht habe ich bereits beim Erstellen einer Form erklärt aber ich werde es nochmal wiederholen.
Aber vorher noch eine Kleinigkeit. Wahrscheinlich ist die Grafik oder Form noch nicht mittig. Klickt also darauf und wählt in der rechten Spalte, wo vorher schon '''Properties''' war diesmal aber unter '''Align''' zwei Symbole aus. Alle Symbole sollten in 3-er Gruppen sortiert sein und jeweils 6 untereinander. Klickt auf das mittlere Symbol der ersten 3-er Gruppe und auf das mittlere Symbol der zweiten 3-er Gruppe. Jetzt ist die Grafik mittig in der Bühne.
Mit einem Rechtsklick auf die Form/Grafik öffnet sich das Kontextmenü. In diesem Menü wählt man den obersten Eintrag aus, der '''Create Motion Tween''' heißen sollte. Alle die schon ein ''Tween'' erstellt haben, sehen an dieser Stelle ein ''Remove Tween''. Das sollte man jetzt nicht auswählen.

{{absatz}}
== Schritt 4: Das Tween einrichten ==
[[Datei:Flash6.jpg|miniatur|500px|Die Zeitleiste mit Tweening]]
[[Datei:Flash7.jpg|miniatur|300px|Der Editor des Tweens. Hinzufügen einer Alpha-Animation.]]
[[Datei:Flash8.jpg|miniatur|300px|Hinzufügen eines Keyframes]]
[[Datei:Flash9.jpg|miniatur|300px|Die fertigen Kurven]]
Jetzt ist die Zeitleiste an der Reihe. Dort sollte jetzt eine Ebene zu sehen sein in der ein paar Frames bläulich eingefärbt sind. Also genauer liegt ein kurzer hellblauer Balken in der Ebene. Irgendwo dort ist auch ein senkrechter roter Strich. Der gibt an welchen Frame man zur Zeit auf der Bühne sehen kann. Nun fährt man mit der Maus an das Ende des blauen Balkens um ihn in die Breite zu ziehen. Ähnlich verbreitert man auch bei Windows die Fenster. Man zieht jetzt so weit nach rechts bis der blaue Balken genau unter der '''Null''' von Frame '''105''' endet. Damit hat die Animation '''105''' Frames.

Wenn sich der rote Strich jetzt bei '''105''' befindet, kann man das Tweening testen indem man die Form verschiebt. Es sollte ein Strich mit vielen kleinen Punkten darauf entstehen. Jetzt drückt auf '''Enter''' und die Animation spielt ab bis sie beim letzten Frame angekommen ist. Nochmaliges '''Enter''' drücken lässt die Animation von vorne beginnen.

Aber ein einfaches Verschieben ist keine ansprechende Bootanimation. Also drückt '''Strg + Z''' bis die Form wieder mittig ist. Über der Zeitleiste ist eine kleine Anzahl an Reiterbuttons. In einem steht '''Motion Editor'''. Klickt darauf und es verschwindet die Standard Zeitleiste und es öffnen sich verschiedenste andere Leisten untereinander. Sucht nun den Bereich '''Color Effects'''. In der gleichen Zeile gibt es ein kleines '''Plus'''. Klickt und wählt '''alpha'''.

''' Alpha Effekt '''

In dem Feld was jetzt entstanden ist, steht '''alpha amount''', ein Prozentwert und wie der Effekt aufgebracht werden soll. ''Easing'' lasse ich aber jetzt außen vor und beschränke mich auf die Zeitleiste neben dem genannten.

'''Tipp:''' ''Wenn man auf den grauen Bereich um die eben genannten Auswahlmöglichkeiten klickt, wird der Bereich vergrößert.''

In dem Zeitleistenfenster müsste entweder eine gestrichelte oder eine durchgezogene Linie sein. Um aber erstmal einen Überblick über die komplette Linie zu bekommen, erhöht man die Anzahl der angezeigten Frames indem man ganz unten links die rechte Zahl auf '''105''' erhöht. Wenn schon eine durchgezogene Linie vorhanden ist dann kann man dafür sorgen, dass der Anfang der Linie bei '''0%''' und das Ende bei '''100%''' ist. Außerdem ist die Linie über die kompletten '''105''' Frames gezogen. Wenn keine feste Linie da ist, fehlt ein '''Keyframe'''. Um einen einzufügen, klickt man auf die Linie per '''Rechtsklick'''. Fügt einen Keyframe hinzu. Jetzt wird die Form oder Grafik über die '''105''' Frames langsam eingeblendet. Da aber bei Frame '''61''' die Wiederholphase beginnt, sähe diese Animation nicht gut aus. Also klickt auf die Linie und erstellt einen neuen Keyframe der dann auf Frame '''60''' verschoben wird.

''' Rotationseffekt '''

Da bisher nur eingeblendet wird, ist noch nichts eindrucksvolles vorhanden. Geht in den über '''Color effects''' liegenden Bereich namens '''Basic motion''' und dort in die Leiste namens '''Rotation Z'''. Erstellt dieses Mal sofort einen Keyframe bei '''61''' der auch auf '''0''' liegt. Das heißt, dass bis Frame '''61''' nicht gedreht wird. Jetzt erzeugt noch einen Keyframe und schiebt ihn an das rechte Ende. Fahrt mit dem roten Strich ganz an das Ende wo auch der Keyframe ist und tragt links in den oben erwähnten Optionen bei '''Rotation Z''' eine Gradzahl von '''713°''' ein.

{{absatz}}
== Schritt 5: Testen und Exportieren ==
Jetzt drückt '''Enter''' um die Animation zu testen. Wenn die Animation passt, klickt in der Menüleiste auf '''File''', dann auf '''Export -> Export movie'''. Wählt als '''Dateityp''' im unteren Bereich '''PNG''' oder '''JPG sequence''' aus und drückt auf '''speichern'''.

'''Tipp:''' ''Da eine Sequenz aus sehr vielen Bildern besteht, sollte man sie in einem eigenen Ordner speichern.''

== Schritt 6: Abschließende Überprüfung ==
Jetzt testet die Animation mit dem [http://www.coderforlife.com/projects/win7boot/ Windows 7 Boot Updater].

Siehe auch: [[Windows 7 Bootscreen ändern]]

== Ihr habt Fragen?==

Ihr habt Fragen? Dann ab ins [http://www.deskmodder.de/phpBB3/index.php ''' Forum''']. Auch Gäste können bei uns Fragen stellen oder Fragen beantworten.

Viele andere Tutorials für Windows 7 findet ihr [[Portal:Windows 7|hier]]

Datei:Flash10.jpg

2011-10-08T16:02:57Z

Axp: Adobe Flash Screenshot 10

Adobe Flash Screenshot 10

Datei:Ring.png

2011-10-08T14:42:37Z

Axp: Adobe Flash Tut Ring

Adobe Flash Tut Ring

Datei:Flash9.jpg

2011-10-08T14:25:25Z

Axp: Adobe Flash Screenshot 9

Adobe Flash Screenshot 9

Datei:Flash8.jpg

2011-10-08T14:25:13Z

Axp: Adobe Flash Screenshot 8

Adobe Flash Screenshot 8

Datei:Flash7.jpg

2011-10-08T14:24:00Z

Axp:

Adobe Flash Screenshot 7

Datei:Flash6.jpg

2011-10-08T14:23:01Z

Axp: Adobe Flash Screenshot 6

Adobe Flash Screenshot 6

Datei:Flash5.jpg

2011-10-08T14:21:00Z

Axp: Adobe Flash Screenshot 5

Adobe Flash Screenshot 5

Datei:Flash4.jpg

2011-10-08T14:20:37Z

Axp: Adobe Flash Screenshot 4

Adobe Flash Screenshot 4

Datei:Flash3.jpg

2011-10-08T14:19:04Z

Axp: Adobe Flash Screenshot 3

Adobe Flash Screenshot 3

Datei:Flash2.jpg

2011-10-08T14:18:27Z

Axp: Adobe Flash Screenshot 2

Adobe Flash Screenshot 2

Datei:Flash1.jpg

2011-10-08T14:14:47Z

Axp: Adobe Flash Screenshot 1

Adobe Flash Screenshot 1

Datei:Boot ani.gif

2011-10-06T12:38:41Z

Axp: Beispielanimation Bootscreen Win7

Beispielanimation Bootscreen Win7

Datei:Super3.jpg

2011-10-06T12:25:43Z

Axp: Screenshot 3 von Super.

Screenshot 3 von Super.

Datei:Super2.jpg

2011-10-06T12:25:27Z

Axp: Screenshot 2 von Super.

Screenshot 2 von Super.

Datei:Super1.jpg

2011-10-06T12:25:07Z

Axp: Screenshot 4 von Super.

Screenshot 4 von Super.

Datei:Virtdub4.jpg

2011-10-06T12:18:09Z

Axp: Screenshot 4 von VirtualDub.

Screenshot 4 von VirtualDub.

Datei:Virtdub3.jpg

2011-10-06T12:17:57Z

Axp: Screenshot 3 von VirtualDub.

Screenshot 3 von VirtualDub.

Datei:Virtdub2.jpg

2011-10-06T12:17:25Z

Axp: Screenshot 2 von VirtualDub.

Screenshot 2 von VirtualDub.

Datei:Virtdub1.jpg

2011-10-06T12:12:12Z

Axp: Screenshot 1 von VirtualDub.

Screenshot 1 von VirtualDub.