[TUTORIAL]Einfaches Metin2 Webdesign mit PS

_Layesd · 12/02/2012, 17:56

Wow. Danke Nybu das hilft sicherlich jedem. Egal ob Anfänger oder Erfahrener, für jeden ist was dabei.

~~CrystalPrime~~ · 12/02/2012, 18:05

Nuby ich danke dir auch

da du dir sehr viel mühe gegeben hast
die sich auch für sehr vielen Lohnen wird.

Edit:
habe aza bisschen falsch verstanden, also wollte nur zeigen das man die Verlaufsüberlagerung
bisschen schneller machen kann, hoffe ich hab ned falsch gelesen bei dir^^ habe gesehen
das du bisschen anderst vorgehst und nicht wie wir ne "Abkürzung" nimmst.

PSD Dabei wenn jemand die braucht

nybu · 12/02/2012, 18:24

Quote:

Originally Posted by CrystalPrime

Spoiler

- Eure Ebene "Navi, Button, Header, Title" oder was auch immer
- Doppelklick drauf und zu Verlaufsüberlagerung wechseln
- dann auf Multiplizieren oder Harteslicht würde da Harteslicht empfehlen
- Doppelklick auf Verlauf
- dann sind da so 2 Farben links und rechts so art pfeile die nach unten
zeigen, ihr wähl da eure farbe, ich nimm zbs Hell grau und bisschen dunkel grau. dann klicke ich auf die erste farbe und mach Position auf 50% genau das gleiche bei der anderen farbe, so habt ihr jetzt einen Verlauf der in so etwa aussieht:

So nun verschönern wir das bisschen:
- Schein nach aussen klicken, also zuerst doppelklickt auf euren
Navi, button oder was ihr gerade da macht
- jetzt machen wir "Ineinanderkopieren"
- Deckhaft auf ca.60% und grösse auf 10, probiert einfach selbst wie es
euch gefällt.
- jetzt gehen wir auf musterüberlagerung, dafür bleiben wir immer noch auf
unsere ebene, ihr habt ja doppelklick gemacht und auf Schein nach aussen gegangen, jetzt bleiben wir einfach mal bei diesen Ebenenstill stehen
wie gesagt auf "Musterüberlagerung" gehen
- einen Muster wählen und Füllmethode "Harteslicht"
- immer noch da bleiben "Ebenestill" und auf Schein nach innen klicken
- Ineinander kopiere, deckhaft 50% und farbe weiss oder schwarz je nach
dem wie es so passt, die grösse würde ich 18-20 machen, ihr könnt da rum spielen und anderes versuchen.

Bei mir sieht das ganze So aus:

Jetzt wollen wir die hier einfügen, die namen weiss ich nicht aber jo so
sehen die aus:

klar sind die texte nicht in der mitte aber sollte auch nur ein beispiel sein
so wie machen wir die striche :O?

- links auf Buntstift-Werkzeug gehen
- oben auf 2px stellen
- eine linie ziehen wie bei mir
- doppel klick auf eure ebene
- Schlagschatten auswählen und farbe auf Weiss
- Fühlmethode auf Farbig abwedeln
- abstand 1px und dreckkraft auf 18
- So jetzt schatten nach innen wählen
- Multiplizieren und dreckhaft auf 75% in etwa
- die Grösse auf 2-3 px

so das wär es schon, und die schrift, macht ihr zbs weiss dann doppelklick
auf eure schrift, schlagschatten multiplizieren lassen, deckhaft 75%
dann abstand 1px und rest 0px.

Werde nach wunsch Video Tut machen da ich nicht so gut bin per schreiben.

Nuby ich danke dir auch da du dir sehr viel mühe gegeben hast
die sich auch für sehr vielen Lohnen wird.

Edit:
habe aza bisschen falsch verstanden, also wollte nur zeigen das man die Verlaufsüberlagerung
bisschen schneller machen kann, hoffe ich hab ned falsch gelesen bei dir^^ habe gesehen
das du bisschen anderst vorgehst und nicht wie wir ne "Abkürzung" nimmst.

PSD Dabei wenn jemand die braucht

Natürlich könnte ich das Tutorial auch in ein viertel so viel Text packen... jedoch
wollte ich es auch für absolute Anfänger verständlich machen. Zudem muss
ich sagen, dass meine Navi einen hüpscheren 3d Effekt hat :/ allein schon durch
den 2 Pixel breiten Hellen Rand oben und den stärkeren Farbverlauf.
Zudem ist mir persönlich das Schwarz deiner Trennstriche etwas zu stark ebenso
wie der schlagschatten.

Trotzdem danke für deine Methode aber bei mir geht Qualität vor Quantität :P

~~ηice~~ · 12/02/2012, 18:30

danke dir. Werde ich gleichmal ausprobieren

~~CrystalPrime~~ · 12/02/2012, 18:37

Quote:

Originally Posted by 'NyBu#

Natürlich könnte ich das Tutorial auch in ein viertel so viel Text packen... jedoch
wollte ich es auch für absolute Anfänger verständlich machen. Zudem muss
ich sagen, dass meine Navi einen hüpscheren 3d Effekt hat :/ allein schon durch
den 2 Pixel breiten Hellen Rand oben und den stärkeren Farbverlauf.
Zudem ist mir persönlich das Schwarz deiner Trennstriche etwas zu stark ebenso
wie der schlagschatten.

Trotzdem danke für deine Methode aber bei mir geht Qualität vor Quantität :P

du hast meine absicht falsch verstanden

ich wollte nur zeigen wie man Verlaufüberlagerung schneller macht
rest habe ich nur schnell schnell gemacht, ego ich wollte nicht zeigen
wie man die Navi macht sondern Verlauft, natürlich ist deine methode gut mit diesen 3D effect, aber ich wollt das nicht nachmachen, da Paar von uns schon wissen wie es geht.

Nochmal

ned falsch verstehen.

~~#SoNiice~~ · 12/02/2012, 18:53

Egal wie gut das Tutorial auch geschrieben sein mag, es ist unnötig und im Endeffekt auch nicht hilfreich. Keinem hilft es, wenn du ihm zeigst, wie man DEIN Design nachmacht. Effekttutorials etc. pp. haben da einen größeren Sinn, da sie das dann lernen. So können sie höchstens dein Design nachmachen.

juunkey. · 12/02/2012, 18:56

Ich verstehe die Leute nicht die dafür ein Tut brauchen sowas bringt man sich selber bei.
Aber trotzdem vielen DAnk für die mühe das wird einigen sicherlich weiterhelfen.
an dieser stelle big up

~~#SoNiice~~ · 12/02/2012, 19:01

Quote:

Originally Posted by juunkey.

Ich verstehe die Leute nicht die dafür ein Tut brauchen sowas bringt man sich selber bei.
Aber trotzdem vielen DAnk für die mühe das wird einigen sicherlich weiterhelfen.
an dieser stelle big up

"big up"? Muss man das verstehen?

nybu · 12/02/2012, 19:13

Quote:

Originally Posted by CrystalPrime

du hast meine absicht falsch verstanden
ich wollte nur zeigen wie man Verlaufüberlagerung schneller macht
rest habe ich nur schnell schnell gemacht, ego ich wollte nicht zeigen
wie man die Navi macht sondern Verlauft, natürlich ist deine methode gut mit diesen 3D effect, aber ich wollt das nicht nachmachen, da Paar von uns schon wissen wie es geht.

Nochmal ned falsch verstehen.

Ah sry, jap da hab ich dich falsch verstanden :P
Ich glaube ich bleibe trotzdem bei meiner Methode, da ich das mitlerweile im Schlaf mache

Aber danke für den Tipp

Quote:

Originally Posted by SoNiice

Egal wie gut das Tutorial auch geschrieben sein mag, es ist unnötig und im Endeffekt auch nicht hilfreich. Keinem hilft es, wenn du ihm zeigst, wie man DEIN Design nachmacht. Effekttutorials etc. pp. haben da einen größeren Sinn, da sie das dann lernen. So können sie höchstens dein Design nachmachen.

Ich vermute mal du hast dir kein bischen des Tutorials durchgelesen.
Ich zeige anhnad eines Designs kniffe zum erstellen eines Webdesigns.
Man lernt wie man Texturen richtig verwendet, wie man 3d-Effekte erstelt,
wie man z.B. Schrift "einprägt" uvm.
Meiner Meinung nach lernt man am besten, indem man etwas versucht
"nachzumachen" habe ich auch immer gemacht. Ich habe mir ein webdesign geschnappt was
mir gefällt und versucht es 1 zu 1 nachzuahmen.

Quote:

Originally Posted by juunkey.

Ich verstehe die Leute nicht die dafür ein Tut brauchen sowas bringt man sich selber bei.
Aber trotzdem vielen DAnk für die mühe das wird einigen sicherlich weiterhelfen.
an dieser stelle big up

Das heißt du versucht einfach mit allen Werkzeugen in photoshop bischen rum,
bis du irgendwann alles von aleine rausgefunden hast?
Anstant ein tutorial durchzulesen und somit das was man durch rumprovieren heraussfindet
in der häfte der Zeit lernt?
D.h. spezielle Mediengestalter Schulen sind unnötig?
Jeder der bischen Zeit mitbringt kann ohne jede Fortbildung Grafikdesigner werden?
Versuch dir mal ohne einen Lehrer oder Internet Physik beizubringen

Nick · 12/02/2012, 20:17

Quote:

Originally Posted by 'NyBu#

Special Thanks:
.JαyZoN - Der mich tatkräftig unterstützt hat.
Er hat mich dazu gezwungen das zu sagen O_o

Niemals!

Ich finde es lobenswert, dass du so viel Zeit in deine Weihnachtsreleases reingesteckt hast & ich denke, du verdienst dafür allerhöchsten Respekt - Hut ab, meinerseits.

Das Tutorial bzw. der Threadaufbau ist schön gestaltet, da sieht man, dass du dir auch Gedanken gemacht hast.
Du sagtest mir in Skype, du bist nicht auf Thanks hinaus, meiner Meinung nach hast du dir für die Zeitinvestition & natürlich die Mühe mehr als ein Dankeschön verdient. Ich geb nicht jedem 'nen Thanks, aber für die Arbeit, die du geleistest hast, hast du dir das mehr als verdient.

Zudem finde ich persönlich, dass du dich für die User hier in e*pvp stark einsetzt, ich mein, in 7 oder 8 Stunden das Tutorial anzufertigen, ist 'ne hammer Sache - solltest du auch jedenfalls weiter so beibehalten.

/voted 4 - "Super! Ich freue mich schon auf Teil 3-4."

Laben · 12/02/2012, 21:09

omg you are very nice THANKS A LOT!

Cexxy · 12/02/2012, 21:39

Cool vielen Dank

~~Prince43~~ · 12/02/2012, 22:20

Geile Sau digger Baba Thread ♥ Hammer und danke hilft mir sehr beim Designen

Achja freut euch alle auf mein Geschenk das wird echt Geil. Glaub die Oldschool Liebhaber gehen vor freude in die lüfte

hust hust*

greetz Prince

NaOiZ · 12/02/2012, 22:31

Danke schön (: Aber versuchs mal mit einem Video tut

~LuckyStrike~ · 12/03/2012, 00:48

Schönes Tutorial mein kleiner, lässt sich gerne sehen für Anfänger die in die Branche einsteigen wollen. Good Work, well done.

Regardz - Dein Monogromer Freund