<p><div align="center"><b>Andere Grafik Tutorials:</b><br>
<a href="tut.php?tut=wvtut&{$SID}">Wie erstelle ich einen World View?</a><br>
<a href="tut.php?tut=patchguide&{$SID}">Wie patche ich Items zum Testen selber ein?</a><br>
<a href="tut.php?tut=gump&{$SID}">Wie erstelle ich einen Gump?</a>

</div></p><br><br>

<center>


<table >
<tr>
 <td>

<font face="MS Sans Serif">
<b><font size="+2">Tutorial zur Erstellung eines Regalinhaltes.</font></b>
<font size="-2"><br>Geschrieben von Vardaaran.</font>
<br>
<br>

Im folgendem Tutorial möchte ich Euch erklären wie man mit Adobe Photoshop dem OSI-Standartregal einen geeigneten Inhalt erstellt.<br>
<br>
<img src="/templates/tut/Regal.jpg" width="44" height="96" border="0" alt="">   
<img src="/templates/tut/Regalfuellung.jpg" width="44" height="96" border="0" alt="">   
<img src="/templates/tut/Regal_voll.jpg" width="44" height="96" border="0" alt="">   
<br>
<br>
Alle nötigen Bilddateien könnt Ihr Euch über folgendem Link downloaden:<br>
<br>
<a href="/templates/tut/Rohgrafiken.zip">-DOWNLOAD-</a><br>
<br>
Zunächst schauen wir uns einmal folgenden Screenshot an:<br>
<br>
<a href="/templates/tut/regala01.jpg" target="_blank">
<img src="/templates/tut/regala01.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Auf diesem Bild sehen wir die wichtigsten Fenster die wir zur Erstellung und Bearbeitung eines Bildes benötigen.<br>
Die Anordnung der Fenster kann auf Wunsch verändert werden.<br>
<br>

<table >
<tr>
 <td align="right"> 1 </td>
 <td> = </td>
 <td> <b>Ebenenpalette.</b><br> </td>
</tr>
<tr>
 <td align="right"> 2 </td>
 <td> = </td>
 <td> <b>Navigationsfenster.</b><br> </td>
</tr>
<tr>
 <td align="right"> 3 </td>
 <td> = </td>
 <td> <b>Farbpalette.</b><br> </td>
</tr>
<tr>
 <td align="right"> 4 </td>
 <td> = </td>
 <td> <b>Protokollfenster. Sehr wichtig zum rückgängig machen eines oder mehrerer Arbeitsschritte.</b><br> </td>
</tr>
<tr>
 <td align="right"> 5 </td>
 <td> = </td>
 <td> <b>Werkzeugpalette.</b><br> </td>
</tr>
<tr>
 <td > 6 bis 11 </td>
 <td> = </td>
 <td> <b>Geöffnete Bilddateien.</b><br> </td>
</tr>
</table>

<br>

Diese Bezeichnungen solltet Ihr zumindest grob im Kopf haben und Euch möglichst mit allgemeinen Tutorials über die Benutzung der Werkzeuge vertraut machen.<br>
<br>
<hr noshade size="2" color="#000080" width="400">
<br>
Nun wollen wir mal beginnen.<br>
Wir öffnen unser Photoshop und rufen die sechs gedownloadeten Bilder auf.<br>
Da wir hauptsächlich an dem Holzregal arbeiten, ziehen wir uns dieses etwas größer.<br>
<br>
<a href="/templates/tut/regal01.jpg" target="_blank">
<img src="/templates/tut/regal01.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Als nächstes wechseln wir auf eines der Items die wir in das Regal einsetzten wollen.<br>
Nun ergreifen wir die "Hintergrundebene" in der Ebenenpalette und ziehen diese auf unser Regalbild.<br>
<br>
<a href="/templates/tut/regal02.jpg" target="_blank">
<img src="/templates/tut/regal02.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
<a href="/templates/tut/regal03.jpg" target="_blank">
<img src="/templates/tut/regal03.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Nun haben wir die zwei Bilder schon mal in einer "Datei". In der Ebenenpalette erkennen wir, das eine weitere Ebene mit dem Namen "Ebene 1" erstellt wurde.<br>
<br>
Als nächstes müssen wir die weiße Fläche entfernen die unser Item umgibt.<br>
Hierzu nehmen wir den "Magischen Radiergummi" und klicken mit folgenden Einstellungen irgendwo auf den weißen Bereich.<br>
<br>
<img src="/templates/tut/regal03b.jpg" width="573" height="32" border="0" alt=""><br>
<br>
<img src="/templates/tut/regal03a.jpg" width="299" height="73" border="0" alt=""><br>
<br>
Jetzt gehen wir oben auf "Ansicht" und entfernen den Hacken bei "Ausrichten".<br>
Dies bewirkt dass wir unser bild frei bewegen können ohne dass es am Rand einrastet.<br>
<br>
<a href="\templates\tut\regal04.jpg" target="_blank">
<img src="\templates\tut\regal04.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Nun ziehen wir das Item mit Hilfe des "Verschieben-Werkzeuges" an die Stelle wo wir es haben möchten.<br>
<br>
<a href="/templates/tut/regal05.jpg" target="_blank">
<img src="/templates/tut/regal05.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Gut, jetzt haben wir das Problem, dass einige Bereich unseres Items eigentlich verdeckt (nicht sichtbar) sein müssten. Doch das soll kein dauerhaftes Problem sein.<br>
<br>
Wir nehmen das "Auswahlrechteck-Werkzeug" und ziehe damit ein Rechteck das ungefähr die selbe Breite wie das Regalfach hat.<br>
Wichtig ist hierbei, dass die Option "Weiche Kante" auf 0 und "Glätten" deaktiviert ist!<br>
<br>
<a href="/templates/tut/regal07.jpg" target="_blank">
<img src="/templates/tut/regal07.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Damit wir nun die Auswahl besser an das Regalfach anpassen können, blenden wir unsere Item vorübergehend aus.<br>
Dies machen wir, indem wir auf das Auge am Anfang der entsprechenden Ebene klicken.<br>
<br>
<a href="/templates/tut/regal08.jpg" target="_blank">
<img src="/templates/tut/regal08.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Nun klicken wir mit der rechten Maustaste in die Auswahl und wählen "Auswahl transformieren".<br>
<br>
<a href="/templates/tut/regal09.jpg" target="_blank">
<img src="/templates/tut/regal09.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Jetzt können wir mit gedrückter STRG-Taste die Eckpunkte der Auswahl genau an das Regalfach anpassen.<br>
Wichtig ist hier, dass die schwarze Linie des darüber liegenden Fachs sich außerhalb der Auswahl befindet!<br>
Ist die Auswahl in der gewünschten Position, bestätigen wir die Positionsänderung mit ENTER.<br>
<br>
<img src="/templates/tut/regal10a.jpg" width="347" height="443" border="0" alt=""><br>
<br>
Nun blenden wir "Ebene 1" wieder über das Augensymbol ein.<br>
<br>
<a href="/templates/tut/regal11.jpg" target="_blank">
<img src="/templates/tut/regal11.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Als nächstes kehren wir die Auswahl über "Auswahl" und "Auswahl umkehren" um.<br>
Jetzt können wir die überschüssigen Teile unseres Items über "Bearbeiten" und "Löschen" entfernen (oder einfach ENTF auf der Tastatur drücken).<br>
<br>
<a href="/templates/tut/regal12.jpg" target="_blank">
<img src="/templates/tut/regal12.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
So müsste unser Regal nun aussehen:<br>
<br>
<a href="/templates/tut/regal13.jpg" target="_blank">
<img src="/templates/tut/regal13.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Auf die selbe Art können wir auch dem Rest unserer Items ein nettes Plätzchen geben.<br>
<br>
Wenn unser Regal voll genug ist, blenden wir die "Hintergrund"-Ebene aus.<br>
Dadurch können wir die Regalfüllung später auf mehreren Regalen verwenden.<br>
<br>
<a href="/templates/tut/regal13a.jpg" target="_blank">
<img src="/templates/tut/regal13a.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
Nun müssen wir das ganze nur noch abspeichern.<br>
Also "Datei" und "Speichern unter", einen schönen Namen eingeben und als Format BMP auswählen.<br>
Im anschließend aufgehendem Fenster wählen wir die Einstellung "Windows" und "24-Bit" aus.<br>
<br>
<a href="/templates/tut/regal14.jpg" target="_blank">
<img src="/templates/tut/regal14.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
<a href="/templates/tut/regal15.jpg" target="_blank">
<img src="/templates/tut/regal15.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
<a href="/templates/tut/regal16.jpg" target="_blank">
<img src="/templates/tut/regal16.jpg" width="580" height="294" border="0" alt="">
</a><br>
<br>
<b>FERTIG! Sind wir nicht gut!?</b><br>

<br>
<hr noshade size="2" color="#000080" width="400">
<br>

Nachwort: Ich empfehle Euch das Ganze noch als PSD-Datei abzuspeichern.<br>
Dadurch bleiben die Ebenen erhalten und man kann später leichter etwas ändern.
<br>
<br>

</font>


 </td>
</tr>
</table>


</center>

<div align="right"><font size="-2">©by <a href="http://www.uo-mittelerde.ch" target="_blank">UO-Mittelerde</a> und <a href="mailto:webmaster@vardaaran.de">Vardaaran</a></font></div>