Sie sind nicht angemeldet.

[TUTORIAL] Hintergrundlose Sig (Photoshop)

Lieber Besucher, herzlich willkommen bei: Silkroad Online Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

  • 1
  • 2

vivi

- Dice -

  • »vivi« ist der Autor dieses Themas

Beiträge: 694

  • Nachricht senden

1

05.09.2007, 04:21

[TUTORIAL] Hintergrundlose Sig (Photoshop)

ich vermisse hier tutorials ...
deswegen hab ich selbst mal eins gemacht ...
es ist mein erstes und relativ einfacher natur ;)
is halt für einsteiger gedacht und nich für profis ...
das ganze hab ich mit nem Photoshop gemacht

fangen wir an oben links auf Datei -->Neu
das sind die einstellungen :


achtet darauf das beim Hintergrund Transparent ausgewählt ist ...
die Größeneinstellung ist individuell anpassbar ^^

auf OK klicken und fertig ist undere Grundfläche
die sieht wie folgt aus :


Drückt nun B oder auf das Pinselsymbol auf eurem Werkzeugtablett
sucht euch nen schönen Brush aus
platziert in auf eurem hintergrund ... also einmal druff klicken ! ;)
so sollte es nu aussehn (natürlich kommts auf den brush an!) :


nun noch nen schriftzug setzen ...
dafür T drücken oder auf das Textsymbol auf eurem Werkzeugtablett
was ihr schreibt bleibt ja euch überlassen ^^
so isses dann beispielweise :


soweit so gut ... gehn wir weiter zum ebenenstil...
dafür wählt ihr in eurem Ebenenfenster
den hintergrund also die unterste ebene wo ihr draufgepinselt hab aus
so siehts aus

(falls ihr diese ebenenfenster nicht habt ... einfach oben den haken
bei Fenster-->Ebenen setzen)

nun geht ihr oben auf Ebene-->Ebenenstil-->Fülloptionen
das fenster sieht so aus :


häckchen beim Schlagschatten machen
veränderung :

es wirkt dadurch einfach voller und gibt nen schönen Effekt

nun zur Verlaufsüberlagerung häckchen anklicken
und dann auf den Verlauf klicken
hier :


dann popt das nächste fenster auf das uns mehr
möglichkeit gibt die farben zu setzen ...
hier solltet ihr sein


nachdem wir uns mit dem anblick des fensters angefreundet haben
schauen wir nach den möglichkeiten bzw. das wie ...



auf den rotumrandeten stift rechts unten klicken
dann könnt ihr unten links die farbe auswählen ...
ihr könntet auch die position des stifts verändern
somit ändert sich auch der verlauf könnt halt nen wenig rumspielen ^^

so sieht das ganze bei mir aus :


und die signatur nun so :


dann sind wir eigendlich fertig ...
dur noch auf Datei -->Speichern unter gehn
und als Dateiformat .PNG speichern! die is ganz wichtig ^^

und so siehts dann fertig aus :


ich hoffe euch gefällt das Tutorial wenn Fragen bestehn
einfach hier reinschreiben ...

und ich würd mich auch drüber freuen eure versuche zu sehn ;)

viele schöne brushes gibts hier -->klick mich

lg viv

Ich ging die Treppe rauf und sah
dort einen Mann, der war nicht da.
Er ist auch heute nicht mehr dort..
ich wollt, ich wollt er wäre fort.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »vivi« (05.09.2007, 11:50)

NappoMosley

Fortgeschrittener

Beiträge: 246

Wohnort: Hotan O_-

Beruf: Trader O_-

  • Nachricht senden

2

05.09.2007, 08:10

Cool Danke
Ohne das die meisten es merken haben sie es zum Zahl Spiel gemacht!

Ist Silkroad kostenlos? : Nein man muss jeden monat ein Premium Ticket kaufen!

Wie werd ich ein guter Spieler? : Kaufe SILKS & Items bei Ebay!

Lohnt es Silkroad anzufanegen? : Nur als Boter!

Silkroad ist scheiße!

SRO 78 gestoppt WoW Rulezzz

Mfg: NappoMosley

Radon

86

Beiträge: 1 900

  • Nachricht senden

3

05.09.2007, 09:31

Gutes Tut, fehlt nur noch zu sagen, dass man das Bild auch als .GIF abspeichern kann, auch da bleibt die Transparenz enthalten, das Problem mit den PNGs ist, dass in IE 6 und kleiner, die Transparaenz noch nicht funktioniert.

Daddi

Administrator

Beiträge: 8 172

Wohnort: Berlin

  • Nachricht senden

4

05.09.2007, 10:24

Zitat von »Radon«

Gutes Tut, fehlt nur noch zu sagen, dass man das Bild auch als .GIF abspeichern kann, auch da bleibt die Transparenz enthalten, das Problem mit den PNGs ist, dass in IE 6 und kleiner, die Transparaenz noch nicht funktioniert.


Schon einmal was von PNG-8 gehört? ;)
Das ganze sollte dann aber optimiert werden, eg mit Fireworks oder ähnlichem.

Außerdem gibt es mit dem PNG Behaviour die möglichkeit, auch PNG Bilder aller Arten mit voller Unterstützung für (Halb-)Transparenzen im IE zu bekommen. Dadurch wird zuerst geschaut ob man im IE ist und dann gibt es eine bestimmte Expression im CSS Code mit der man über Microsoft-Eigenschaften/Effekte (im FF etc nicht implementiert) so etwas erzwingen kann.

Wenn man das ganze aber als Signaturen einbindet gibt es 2 Probleme. Nur wenige Leute haben eine volle PNG Behaviour Unterstützung, wir hier z.b. nur auf bestimmte Bilder-Klassen (IE soll angeblich sehr ausgelastet werden bei zu vielen Bildern) und man muss Höhe wie Breite eines Bildes angeben, sonst verschwindet es einfach im nichts.

Deshalb: Besser PNG-8 oder Gif. Aber nicht, weil PNG im IE nicht dargestellt werden kann mit Transparenzen : P


Sonst ein sehr nettes Tutorial, vielleicht sind jetzt auch andere bereit mal mehr in diesem Bereich zu machen ;)

AGONY

Profi

Beiträge: 745

  • Nachricht senden

5

05.09.2007, 11:14

PS = paintshop? oder was für ein programm is des ?

Radon

86

Beiträge: 1 900

  • Nachricht senden

6

05.09.2007, 11:46

photoshop

@daddi

ok wusst ich nicht, ich weiss nur wenn man in gimp oder so nur normal als png speichert, gehts im IE 6 nich^^

vivi

- Dice -

  • »vivi« ist der Autor dieses Themas

Beiträge: 694

  • Nachricht senden

7

05.09.2007, 11:47

das ganze is im Photoshop CS2 entstanden ... sollt ich vielleicht noch ergänzen ....

hab das mit den transparent problemen garnich so beachtet weils bei mir im IE und FF korrekt
angezeigt wird ...
aber solang niemand kommt und meckert wirds wohl gehn ^^

das mit dem .GIF speichern werd ich noch ergänzen ... vielleicht auch ersetzen mal schaun

Ich ging die Treppe rauf und sah
dort einen Mann, der war nicht da.
Er ist auch heute nicht mehr dort..
ich wollt, ich wollt er wäre fort.

Der Pirat

Des Wahnsinns fette Beute!

Beiträge: 2 379

Wohnort: C:/Windows/system32/Punkrock

  • Nachricht senden

8

05.09.2007, 11:54

Sehr schönes Tut... Muss ich sagen... Grade für mich als absoluten Neuling ganz angehnehm^^

Danke und mfg Der Pirat!

I am not gay, although I wish I were, just to piss off homophobes.

Kurt Cobain

Masaku

Meister

Beiträge: 2 514

  • Nachricht senden

9

05.09.2007, 18:20

Bei GIF- und PNG-8-Dateien haben wir aber das Problem, dass beide Formate keine Halbtransparenzen speichern können.
Weiche Schatten wie in der Bsp-Grafik sind damit also nicht möglich.

Ansonsten gutes Tut, bringt alles Wichtige auf den Punkt.

neRd

Olle Zippe

Beiträge: 328

Wohnort: Nrw - Ac

Beruf: Student

  • Nachricht senden

10

06.09.2007, 22:32

/edit: Hat sich schon erledigt, habe es herausgefunden :)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »neRd« (06.09.2007, 22:40)

FireDragonn

Schüler

Beiträge: 111

Wohnort: Bremen

  • Nachricht senden

11

03.01.2008, 21:39

Sorry für die Frage, aber ich wollte auch mal ein wenig mit Photoshop was machen. Klappt auch alles ganz gut, nur das wenn ich auf die Seite mit den Brushes gehe die du angegeben hast kommen da alle möglichen Bilder aber nicht sowas schönes wie du da hattest. Und wenn ich was schönes finde, was muss ich dann machen um ihn auf mein "Papier" zu bekommen?

Trava

...inaktiv...

Beiträge: 1 939

Wohnort: Pfalz

Beruf: Azubi

  • Nachricht senden

12

03.01.2008, 21:44

Zitat von »FireDragonn«

Sorry für die Frage, aber ich wollte auch mal ein wenig mit Photoshop was machen. Klappt auch alles ganz gut, nur das wenn ich auf die Seite mit den Brushes gehe die du angegeben hast kommen da alle möglichen Bilder aber nicht sowas schönes wie du da hattest. Und wenn ich was schönes finde, was muss ich dann machen um ihn auf mein "Papier" zu bekommen?


z.B. hier diese: http://ro-stock.deviantart.com/art/Flora…shes-2-54001452
Und wie man Brushes einfügt: Aktuelle/letzte GFX-Arbeit

FireDragonn

Schüler

Beiträge: 111

Wohnort: Bremen

  • Nachricht senden

13

03.01.2008, 22:03

Ok danke ich probiers mal.

styla3o

Erleuchteter

Beiträge: 5 588

Wohnort: Berlin.

  • Nachricht senden

14

03.01.2008, 22:05

danke danke vivi :D

ich probier die ganze zeit schon das prog aus und erstelle andauern neue sachen :D hoffe werde so gut wie trava und ryu etc^^

FireDragonn

Schüler

Beiträge: 111

Wohnort: Bremen

  • Nachricht senden

15

03.01.2008, 22:51

Lol sry Trava, aber ich werde aus deiner Erklärung zum Brush-Einfügen nicht wirklich schlau.
Kann mir das nochmal jemand von dem Moment aus erklären, wenn ich im I-net ein schönen Brush gefunden habe?
Thx schonmal

styla3o

Erleuchteter

Beiträge: 5 588

Wohnort: Berlin.

  • Nachricht senden

16

03.01.2008, 22:58

Brush runter laden dann bei CS3 :



und schon hast du neue brushes^^

FireDragonn

Schüler

Beiträge: 111

Wohnort: Bremen

  • Nachricht senden

17

03.01.2008, 23:11

Sry ich steh grad voll aufm Schlauch^^ Ich wollte jez dieses Motiv benutzen: http://shiranui.deviantart.com/art/Flower-Brush-26960851
Aber wenn ich das gespeichert hab und dann auf Pinsel laden gehe kann ich es nicht sehen.
Sry ich bin schon etwas müde^^

styla3o

Erleuchteter

Beiträge: 5 588

Wohnort: Berlin.

  • Nachricht senden

18

03.01.2008, 23:15

hast du es denn runtergeladen?

wenn ja geh auf pinsel laden dann lade es hoch, jetzt kannst du es hier auswählen :



musst halt nur finden ^^

FireDragonn

Schüler

Beiträge: 111

Wohnort: Bremen

  • Nachricht senden

19

03.01.2008, 23:19

Ah dankeschön -blumen-
Ich habs die ganze Zeit nur gespeichert *an die Stirn hau* na ja danke jetzt funktionierts.

styla3o

Erleuchteter

Beiträge: 5 588

Wohnort: Berlin.

  • Nachricht senden

20

03.01.2008, 23:25

np :D
  • 1
  • 2