Anzeige

Abgerundete Ecken

Abgerundete Ecken | PSD-Tutorials.de

Erstellt von Smax, 23.09.2008.

  1. Smax

    Smax Aktives Mitglied

    Dabei seit:
    25.07.2006
    Beiträge:
    525
    Geschlecht:
    männlich
    Abgerundete Ecken
    Hallo,

    wie bekomme ich so runde Ecken wie in der Grafik hin?
    Muss ich da Illu nehmen oder geht der PS auch?
    will nen HEader der 790px breit ist, da soll wie in Grafik grauer Rahmen mit abgerundeten Ecken rum dann ein weißer 1px breiter Rahmen und dann ein Farbverlauf...

    Wie macht man sowas?

    Danke

    [​IMG]
     
    #1      
  2. pepexx

    pepexx Moderator im Nutellawahn Teammitglied PSD Beta Team

    1776
    Dabei seit:
    01.11.2005
    Beiträge:
    11.714
    Geschlecht:
    männlich
    Software:
    Foddoschop
    Kameratyp:
    Sony A7 II - RX10 III - RX100 IV
    Abgerundete Ecken
    AW: Abgerundete Ecken

    Bild auswählen - Auswahl -> Auswahl verändern -> abrunden

    Dürfte wohl der schnellste Weg sein.
     
    #2      
  3. Smax

    Smax Aktives Mitglied

    Dabei seit:
    25.07.2006
    Beiträge:
    525
    Geschlecht:
    männlich
    Abgerundete Ecken
    AW: Abgerundete Ecken

    Ja klar aber so bekomme ich den Rahmen doch nicht rum und wenn dann siehts nicht grad gut aus... wie macht man das dass es auch genau ist?
     
    #3      
  4. pepexx

    pepexx Moderator im Nutellawahn Teammitglied PSD Beta Team

    1776
    Dabei seit:
    01.11.2005
    Beiträge:
    11.714
    Geschlecht:
    männlich
    Software:
    Foddoschop
    Kameratyp:
    Sony A7 II - RX10 III - RX100 IV
    Abgerundete Ecken
    AW: Abgerundete Ecken

    Dann schaust Du Dir die Bildgröße an und gibst jeweils paar Pixel zu.

    - Neue Datei erstellen in der neuen Pixelgröße mit Hintergrundfarbe (die egal ist)
    - Alles auswählen -> Auswahl abrunden (wie oben schon beschrieben)
    - neue Eben erstelle
    - Bearbeiten -> Kontur füllen -> mit der dann gewünschten Farbe und Stärke
    - dort dann das ursprüngliche Bild reinkopieren (das ja ein wenig kleiner ist)
    Fertig :)
     
    #4      
  5. Smax

    Smax Aktives Mitglied

    Dabei seit:
    25.07.2006
    Beiträge:
    525
    Geschlecht:
    männlich
    Abgerundete Ecken
    AW: Abgerundete Ecken

    Also entweder ich bin zu doof oder ich checks einfach nciht aber so geht das bei mir nicht da sind die kanten total unsauber... gibt da nicht noch eine andere idee?
     
    #5      
  6. pepexx

    pepexx Moderator im Nutellawahn Teammitglied PSD Beta Team

    1776
    Dabei seit:
    01.11.2005
    Beiträge:
    11.714
    Geschlecht:
    männlich
    Software:
    Foddoschop
    Kameratyp:
    Sony A7 II - RX10 III - RX100 IV
    Abgerundete Ecken
    AW: Abgerundete Ecken

    Dann machste irgendwo was falsch -

    Nochmal ein etwas einfacherer Weg:

    1. Komplettes Bild auswählen -> bearbeiten -> kopieren
    2. Datei -> neu -> bei der Größe jetzt jeweils 20 pixel zugeben
    3. Bearbeiten -> einfügen

    Jetzt hast Du ein Bild mit einem großen, weißen Rand mit 2 Ebenen.
    Die Ebene2 ist aktiviert.

    4. Zauberstab -> in den Rand klicken
    5. Auswahl -> Auswahl umkehren

    Jetzt ist Dein Bild ausgewählt.

    6. Auswahl -> Auswahl verändern -> abrunden (z.B. 5 Pixel)
    7. Bearbeiten -> kopieren
    8. Bearbeiten -> einfügen

    Jetzt hast Du 3 Ebenen und kannst Ebene 2 ausblenden -> Dein Bild hat schonmal runde Ecken

    9. Auswahl -> erneut auswählen
    10. Auswahl -> Auswahl verändern -> erweitern (z.B. 4 Pixel)
    11. Neue Ebene erstellen
    11. Bearbeiten -> Kontur füllen (Farbe wählen, 2 Pixel, innen)

    Jetzt hast Du einen Rand in der 4. Ebene, identisch mit dem Rand Deines Bildes, nur
    etwas größer.

    Dadurch, dass der Rand auf einer gesonderten Ebene liegt, brauchst Du jetzt nur
    den Hintergrund fixieren (dieses Kästchen in der Ebenepalette neben "Fixieren:") und
    kannst mit dem Verlaufswerkzeug jeden beliebigen Verlauf aufziehen, der sich dann nur
    auf Deinen Rand auswirkt.

    Versuchs nochmal. :)
     
    #6      
  7. virra

    virra Mein Monitor: 21,5“ – 1920 x 1080 px

    982
    Dabei seit:
    02.04.2007
    Beiträge:
    11.623
    Geschlecht:
    weiblich
    Ort:
    Bremerhaven
    Software:
    Adobe einmal quer durchs Beet (ohne Web): CS4/CS6, MacOS 10.6.8 | CC, Sierra |Safari 10.1
    Kameratyp:
    Canon: Powershot G5, EOS 350 D
    Abgerundete Ecken
    AW: Abgerundete Ecken

    Wenn du eine Auswahl mit einer engen Kurve machst und dann die Kontur nicht ein bissl weich zeichnest, ist es automatisch gepixelt. Bei Monitorauflösung kannst du so kleine Rundungen nicht sauber darstellen (vgl. kleine Schrift).
     
    #7      
  8. pixxxelschubser

    pixxxelschubser Realist

    Dabei seit:
    19.02.2008
    Beiträge:
    7.155
    Software:
    für jeden Zweck das Richtige
    Kameratyp:
    hab ich auch
    Abgerundete Ecken
    AW: Abgerundete Ecken

    Nur kurz zwei Sachen zum besseren Verständnis:

    a) im Webbrowser werden Pixelbilder angezeigt - daher sollte PS verwendet werden (zumindest solange das nötige Verständnis für die Umrechnung von Vektorgrafiken nicht wirklich vorhanden ist!)

    b) deine sogenannte runde Ecke ist nicht rund! Am besten in der Vergrößerung zu sehen:

    [​IMG]

    Das ist einfach die Kunst daran - das menschliche Auge so zu besch..ßen, dass es eine Rundung wahrnimmt.
    ;)
     
    #8      
  9. Smax

    Smax Aktives Mitglied

    Dabei seit:
    25.07.2006
    Beiträge:
    525
    Geschlecht:
    männlich
    Abgerundete Ecken
    AW: Abgerundete Ecken

    @pepexx:

    Danke für deine sehr ausführliche BEschreibeung werd eich jetzt gleich mal ausprobieren.
    Eine Frage dazu hätte ich noch was meinst du mit gesamten Bild?
    Will nen Header und nen Footer für ne Website machen und wollte eben oben und unten die Ecken abrunden. Aussehen sollte das eben dann wie in der gepostet GRafik erst ein grauer Rahmen mit abgerundeten Ecken, dann 1px Abstand weiß und dann erst der Farbverlauf.

    Ihr könnte gerne mal vorbeischauen vll.fällt euch zum Design was ein, Header sollte in kräftigem blau sein aber welche Farben kompiniert man dazu am besten ... vll. habt ihr ja paar Ideen ... würdmich freuen.

    hier
     
    #9      
  10. pepexx

    pepexx Moderator im Nutellawahn Teammitglied PSD Beta Team

    1776
    Dabei seit:
    01.11.2005
    Beiträge:
    11.714
    Geschlecht:
    männlich
    Software:
    Foddoschop
    Kameratyp:
    Sony A7 II - RX10 III - RX100 IV
    Abgerundete Ecken
    AW: Abgerundete Ecken

    Na das komplette Bild eben - :)

    Die Website werd ich mir mal bei Gelegenheit ansehen - aber Design ist
    is immer eine subjektive Geschmackssache....
     
    #10      
  11. virra

    virra Mein Monitor: 21,5“ – 1920 x 1080 px

    982
    Dabei seit:
    02.04.2007
    Beiträge:
    11.623
    Geschlecht:
    weiblich
    Ort:
    Bremerhaven
    Software:
    Adobe einmal quer durchs Beet (ohne Web): CS4/CS6, MacOS 10.6.8 | CC, Sierra |Safari 10.1
    Kameratyp:
    Canon: Powershot G5, EOS 350 D
    Abgerundete Ecken
    AW: Abgerundete Ecken

    Die Seite ist Passwortgeschützt. Da geht nix.
     
    #11      
x
×
×