PDA

Vollständige Version anzeigen : Geschwungene Grafik?


Brakus
17.07.08, 20:00
Hi^^

mir flattert derweil reichlich Werbung ins Haus und u.a. war da dieses Bild bei....derlei Templates kann ich mir nicht leisten, aber es muss ja auch selbstgemacht gehen^^

http://www.smartwebby.com/images/dreamweaver_templates/HTML_view/temp7_beauty.gif


ueber attraktivitaet des designs soll jetzt ned gestritten werden^^ ...ich wuerde gerne lernen, wie ich diese geschwungenen hintergrund-grafiken selber zaubern kann. das pen tool will nicht so wie ich mag und von hand kann ich schon mal gar nichts zeichnen^^.....gibts dazu tutorials? hat jmd. weiterfuehrende links/tipps? ich nutze Photo Shop CS (das Erste)^^...

vielen dank im voraus :)

blindguard
17.07.08, 20:05
hy brakus,
willkommen im photoshop-cafe-forum,

das machst du mit den pfaden und dem freiformwerkzeug.
ein pfade-tutorial findest du hier im forum.

gruß
volker

Brakus
17.07.08, 20:18
hui, das ging fix^^...danke Dir!

Dann such ich´s mal und probier rum......(und meld mich vllt. wieder^^)!

Scubamarco
17.07.08, 20:28
Kannst du die Grafik noch von woanders verlinken?
Ich sehe immer nur oben einen kleinen Teil.

Brakus
18.07.08, 00:24
Nein, sry., hab die Gfx. original von deren Site verlinkt. (bei mir wird sie aber auch nach cache leeren korrekt angezeigt!?)

@topic: bin zu doof fuer pfade....bekomme da nicht annaehernd auch nur eine "gerade" Kurve hin^^

Scubamarco
18.07.08, 07:59
Es klappt weder im FF noch im IE.
Lade das Bild bitte auf deinen Rechner und hoste
es irendwo und verlinke es neu hierher.
Dann habe ich vielleicht auch eine kreative Idee.

Für eine schöne Kurve, reicht schon ein Pfade mit zwei Punkten.
Dann etwas an den Bezierpunkten gezogen und du hast
eine perfekte Kurve.

Brakus
18.07.08, 12:27
kann dir nur den link anbieten:

http://www.smartwebby.com/images/dreamweaver_templates/HTML_view/temp7_beauty.gif


habe mit hilfe des Pfadtools drei punkte gesetzt und am mittleren dann via alt-taste gezogen, um so eine nette Doppelkurve hinzubekommen. tjo, nu hab ich den Pfad, aber wie schliesse ich den (zurueck zum ausgangspunk ziehts eine gerade durch die kurven)?
und wenn ichs so lasse (abbreche) hab ich zwar die tolle pfad-kurve, aber kann nix damit machen....wie bring ichs an einen layer/eine grafik.......hrhr, hab das system glaub ich ned verstanden!

Ylloh
18.07.08, 13:40
du machst einfach einen weiteren Punkt, der außerhalb des sichtbaren Bereichs liegt, und klickst dann erst auf den Ausgangspunkt zum Schließen des Pfades ;)

Brakus
18.07.08, 15:19
*g* jo, danke....aber dann hab ich eine nicht gewollte Flaeche, hihi, ich kapiers ned^^
aber wie bringe ich dem pfad bei als grafik zu fungieren? mom, ich haeng mal was dran...


http://www.skulldesign.de/mrskull/pfad.jpg


so, die 3 Punkte f.d. Doppelkurve in den roten Quadraten.....dann den Punkt oben rechts und dann zum Schliessen runter-links und ich hab dieses schoene spitzdreieck^^......heisst, ich muss das wieder wegschneiden......nur, ich kann mit dem Pfad halt nix machen....*g*....da steh ich gerad wie Ochs vorm Berg......der Pfad muss gewandelt werden? Auf eine Grafik gelegt werden? Wie nutze ich den nun so, wie in dem Design oben? sorry, ich kapiers einfach ned....die "Kurve" liegt da nu so rum und das wars^^


edith sagt:

ok, via "make selection" kann ich den Pfad als Selektion nutzen und auf einen Layer packen, um da z.B. die Flaeche auszuschneiden oder zu fuellen....

http://www.skulldesign.de/mrskull/pfad2.jpg

...aber so wirklich gewollt ist das alles noch nicht und eben die "zuviel-Flaeche" muss weg.....eieiei

Ylloh
18.07.08, 16:22
Also die "zuviel-Fläche vom Blauen bekommst du weg, wenn du die beiden Ebenen verbindest (Alt-Klick zwischen die Ebenen in der Ebenenminiatur)

Alternativ halt die Arbeitsfläche so groß machen, wie das Ergebnis sein soll, und den nicht benötigten Teil einfach aus dem Dokument schieben ;)

Wenn du beim Zeichnen des Pfades oben auf "Formebene" http://www.photoshop-cafe.de/ylloh/formebene.gif statt auf "Pfade" http://www.photoshop-cafe.de/ylloh/pfade.gif klickst, bekommst du direkt eine Formebene, die du weiterverarbeiten kannst ;)

Hast du dir schon mal die Grundlagen-Threads Pfad erstellen in nur einem Durchgang - Zeichenstift (http://www.photoshop-cafe.de/forum/showthread.php?t=1737) und Pfad Erstellen in Photoshop CS - ein Weg (http://www.photoshop-cafe.de/forum/showthread.php?t=1723) angeschaut?

Scubamarco
18.07.08, 16:55
mit dem Link hatte ich es auch schon probiert.

na dann halt nicht

blindguard
18.07.08, 18:16
ich würde ja empfehlen einfach mal in die grundlagen zu schauen ;)
z.b.: http://www.photoshop-cafe.de/forum/showthread.php?t=1542
oder http://www.photoshop-cafe.de/forum/showthread.php?t=51

Brakus
18.07.08, 22:35
@Ylloh
danke, ich werd weiter basteln^^

den ersten Link hatte ich noch nicht gefunden, danke. den 2. schon und die beiden Teile von http://www.photoshop-cafe.de/forum/t1546-die-grundlagen-des-pfadwerkzeugs-teil-2.html ...aberden srpung vom "freistellen" zum "grafik erstellen" mit dem selben werkzeug hab ich noch nicht geschafft^^

@blindguard: merci, die hatte ich mir schon angeschaut (s.o.) und bringen MICH nicht so weiter^^

Jogibaer
19.07.08, 01:49
So schwer ist das Design überhaupt nicht. ;)

Für solche geschwungenen Linien nutze ich immer gerne das Rechteck-Werkzeug http://www.psd-tutorials.de/modules/Forum/images/smilies/psd_icons/psd_rechteckwerkzeug.gif.
Ich ziehe damit als erstes ein Rechteck auf, wovon aber 3 Kanten außerhalb des Bildes liegen.
http://img139.imageshack.us/img139/5982/geschw01az4.th.jpg (http://img139.imageshack.us/my.php?image=geschw01az4.jpg)

Danach nehme ich das Direkt-Auswahl-Werkzeug http://www.psd-tutorials.de/modules/Forum/images/smilies/psd_icons/psd_direkt-auswahl.gif und mache in der Mitte der sichtbaren Kante des Rechtecks einen Rechtsklick (auf der Linie).

Im aufklappenden Kontextmenü wähle ich Ankerpunkt hinzufügen.
http://img139.imageshack.us/img139/5743/geschw02ue9.th.jpg (http://img139.imageshack.us/my.php?image=geschw02ue9.jpg)
Rechts und links des neuen Ankerpunktes erscheinen 2 Anfasser. Ich klicke auf einen der Anfasser und halte die linke Maustaste fest. Nun kann ich den Anfasser nach oben, unten, rechts oder links ziehen. Sofort sehe ich schemenhaft das Ergenis und wenn mir die Welle gefällt, lasse ich die Maustaste los.
http://img112.imageshack.us/img112/4448/geschw03ef8.th.jpg (http://img112.imageshack.us/my.php?image=geschw03ef8.jpg)
Nachträgliches bearbeiten der Ankerpunkte ist jederzeit möglich so lange die Ebene nicht gerastert wurde.

Nun noch zwei halbtransparente Ellipsen, ein abgerundetes Rechteck, welches wieder mit dem Direkt-Auswahl-Werkzeug abgeschrägt wurde und ein geschwungener hellblauer Hintergrund. Ein paar Ebeneneffekte angewandt, Text drauf, Menü ausgearbeitet und fertig ist das Template.
http://img112.imageshack.us/img112/1756/geschwergebnistq7.th.jpg (http://img112.imageshack.us/my.php?image=geschwergebnistq7.jpg)
Ich habe das mal schnell in ca. 5 Minuten gemacht, wenn man sich mehr Zeit nimmt, wird es sicher schöner. ;)

Brakus
19.07.08, 11:59
**GGGG** merci....da hab ich doch mal was zum Nachbasteln! danke euch allen, das ging ja richtig flott hier und lernen tut man auch noch^^

phoenix
25.07.08, 00:12
Nabend Brakus,
willkommen im Photoshop Cafe.

Bist Du mit den Pfaden inzwischen weitergekomen? Es ist eigentlich so einfach, wenn man es einmal verstanden hat. Gerade solche einfachen Elemente wie in dem von Dir verlinkten Template lassen sich mit den Pfaden in wenigen Minuten erzeugen.

Gruss,
phoenix

@Volker:
http://www.photoshop-cafe.de/forum/showthread.php?t=51
Die Menüleisten sehen ja grausig aus :!:

blindguard
25.07.08, 00:36
Die Menüleisten sehen ja grausig aus :!:
ja die sind uralt und irgendjemand :whistling hat da wohl etwas zu stark an der kompressionsschraube gedreht (müßten bei gelegenheit wohl mal neue angefertigt werden) :emo_biggr

phoenix
25.07.08, 00:41
irgendjemand :whistling

Aber nur wenn Du Zeit dafür findest :tease:

Brakus
15.07.14, 10:42
Nabend Brakus,
willkommen im Photoshop Cafe.

Bist Du mit den Pfaden inzwischen weitergekomen? Es ist eigentlich so einfach, wenn man es einmal verstanden hat. Gerade solche einfachen Elemente wie in dem von Dir verlinkten Template lassen sich mit den Pfaden in wenigen Minuten erzeugen.

Gruss,
phoenix


servus^^

sry., lange nicht mehr da gewesen und ja, danke, derweil komme ich zumindest besser zurecht :).

stefu
15.07.14, 20:30
Lach.

Hallo Brakus!

Jetzt wollte ich gerade antworten mit einer weitern Hilfestellung und sah dann erst auf das Datum…

Freut mich, dass es mittlerweile funktioniert.
Und wenn man es mal raus hat, ist es gaaaanz einfach, gelle.