Antworten zum Thema „Header - Oben abrunden“

[Micha12345]

Servus,

wollte ein Header machen, welcher oben links & rechts abgerundet ist. Unten jedoch nicht. Wie geht das?

Hier eine kleine Zeichnung:



Danke
MfG

 

[efeu22]

AW: Header - Oben abrunden

mahlzeit.mein weg wäre eine kreisauswahl in photoshop um die ecke rund zu machen und dann einfach das speichern mit der transparenz in png.gif ginge da dann doch auch noch.

 

[Micha12345]

AW: Header - Oben abrunden

Hey,

wie mache ich das genau mit dem Kreis? Wird ein komplettes Design, also keine einzelne Grafik, ist eventuell noch hinzu zufügen.

 

[agielen]

AW: Header - Oben abrunden

Mach doch mit dem Auswahlelipse-Werkzeug einen großen Kreis um die Grafik, dass nur die Ecken ausgeschlossen bleiben. Was im Kreis ist, soll bleiben. Dann kehre die Auswahl um. Dann entfernen und schon sind die Ecken weg und die Grafik oben rund. Allerdings würde ich die Originalebene kopieren, weil dadurch die Pixel für immer verloren gehen.

edit: die Kontur müsstest Du natürlich danach hinzufügen.

 

[Micha12345]

AW: Header - Oben abrunden

Ne das klappt auch nicht, da ich über dem Header die Navi machen möchte. Noch eine Idee?

Screen ...
http://www.abload.de/img/unbenanntjcku.jpg

 

[CrazyRika]

AW: Header - Oben abrunden

Schau doch mal hier:



Das ist zwar jetzt was anderes aber Schritt 4 (mit dem Lasso) Kann man auch sollche abrundungen und co machen wie Du haben willst Probier damit einfach mal rum^^

 

[Nit_Ram]

AW: Header - Oben abrunden

Ähm, du weisst, dass man in Photshop mit Ebenen arbeiten kann (muss)...
Für die Navi machst du einfach eine neue Ebene, dann kannst du dein unteres Bild bearbeiten wie du willst ohne den Rest zu beeinflussen...

lg
Nit Ram

 

[Micha12345]

AW: Header - Oben abrunden

Klar weiß ich das, aber dann sieht es nicht so aus wie ich es möchte. Möchte den Header frei beweglich haben, ohne i.eine andere Ebene mit ziehen zu müssen da es nicht mehr passt. Quasi gehen ein Rechteck, bei dem oben links und rechts die Kanten abgerundet sind.

Danke
MfG

 

[agielen]

AW: Header - Oben abrunden

Ich versteh nicht was DIch an meiner Lösung stört? Du kannst doch seelenruhig Deine Navi oben dran fügen. Unabhängig aller Ebenen? Schließlich hast Du dann ja das Viereck wie vorher nur dieses mal mit den runden Kanten.

 

[Micha12345]

AW: Header - Oben abrunden

Hmmm, dann verstehe ich das nicht. Mal mach bitte ein Bild so wie du das meinst. Danke dir

MfG

 

[mousehand]

AW: Header - Oben abrunden

Hi,

vielleicht nutzt dir der folgende Link zusätzlich? >> RoundedCornr: Rounded Corner and Gradient Generator

LG
mousehand

 

[agielen]

AW: Header - Oben abrunden

erst so:



dann so:



und zuletzt:



Natürlich ist das nur ganz grob. Da muss man eben was feilen....

 

[Micha12345]

AW: Header - Oben abrunden

Ne der Link hilft mir nicht.

@agi,

eben so will ich es ja nicht
Habe aber auch nochmal eine Zeichnung gemacht, und eben schon gepostet. So will ich das haben.

Verstehst du?

Danke
MfG

PS: http://img10.abload.de/img/unbenanntjcku.jpg

 

[agielen]

AW: Header - Oben abrunden

Da musst Du Dich klarer ausdrücken, sorry. Deine Zeichnung ist so prima mit dem Lösungsweg umzusetzen. Du baust eine Navi einfach drüber, ich sehe tatsächlich das Problem nicht. Bin ich blind?
*kratz, kratz*

 

[Micha12345]

AW: Header - Oben abrunden

Hoffe ist verständlicher:

http://www.abload.de/img/unbenanntvqwx.jpg

 

[agielen]

AW: Header - Oben abrunden

ich hab mal eben schnell...



Du kannst aber auch eine Ebene mit dem Rechteckwerkzeug aufziehen und auf der zweiten in derselben Farbe mit dem abgerundeten Rechteckwerkzeug leicht versetzt eine Fläche drüber legen. Dann hast Du den gleichen Effekt. Und Du kannst die Borderrundung (Radius) oben auch schon als px einstellen.

 

[Micha12345]

AW: Header - Oben abrunden

Ja so meine ich das. Ich verstehe gerade nur nicht wie du das gemacht hast, kannst du mir das villeicht Step by Step erklären?

Danke
MfG

 

[kornberg]

AW: Header - Oben abrunden

http://www.psd-tutorials.de/modules/Forum/%3Ca%20href=http://s3b.directupload.net/file/d/2085/8lxp3r7p_jpg.htm%20target=_blank%3E

Eigentlich ist es einfach so ein teil zu machen.
1. Dokumentgröße festelegen
2. zur Hintergrundeben eine neue Ebene erstellen
3. nach der erstellten Ebene nimmst du in der Werkzeugleiste (Rechteck) das abgerundete Rechteck und Oben in der Optionsleiste das Pixel füllen.
4. Den Radius einstellen wie beliebt und los legen.
5. danach nimmst du aus der Optionsleiste raus das normale rechteck, klickst es an und ziehst es über das ander drüber
6. das ganze nach belieben mit farbe füllen
7. fertig

 

[agielen]

AW: Header - Oben abrunden

Ja, das geht mit Ebenen. Zunächst habe ich wie im Edit bei mir eben schon erwähnt ein Viereck mit dem Rechteckwerkzeug gemalt. Vorher natürlich die Farbe wählen. Dann nimmst Du eine neue Ebene und erstellst mit dem abgerundeten Rechteckwerkzeug eine Fläche, die mit den runden Ecken. Weil die aber auch unten sind, verschiebst Du die Ebene soweit, dass die unteren Ecken hinter der eben erstellten Ebene verschwinden. Alles andere ist genauso eingefügt, alles mit den Werkzeugen und natürlich dem Textfeld. Das ist die wohl einfachste Variante, wenn die Farbe im header gleich bleibt. Ansonsten bleibt die von mir anfangs schon erwähnte Methode.

 

[Micha12345]

AW: Header - Oben abrunden

Danke verstanden, und es klappt sogar!

Merci und bis dann