Abgerundete Ecken werden nicht sauber, wenn man sie einfach mit der entsprechenden Photoshop-Funktion macht - das wirkt immer pixelig bzw. kantig.
 
Auf die Art und Weise klappts jedoch:

• Öffnet im Photoshop eine neue Datei mit einer Ebene in der Farbe, die der Vordergrund (also das Viereck) später einmal haben soll
   
  
• Legt Euch Hilfslinien als Begrenzung für das zu zeichnende Viereck an
   
  
• Wählt die kreisförmige Auswahl und stellt bei den Optionen "Feste Größe" und den Durchmesser ein (wie sehr Eure Ecken abgerundet werden sollen) und schaltet "Glätten" an
   
  
• Ganz wichtig: schaltet Euer Bild jetzt auf die höchstmögliche Vergrößerung (dürften 1600% sein), diese Einstellung bitte beibehalten, bis Ihr fertig seit
   
  
• Setzt an die durch die Begrenzungslinien entstehenden Ecken jeweils eine der kreisförmigen Auswahlen (SHIFT-Taste dabei gedrückt halten, um Auswahlen hinzufügen zu können), bis in allen vier Ecken Kreise sind
   
  
• Jetzt geht Ihr zurück auf die viereckige Auswahl, stellt bei den Optionen die Art zurück auf "Normal" und wählt den Rest aus, bis Ihr das Viereck mit den abgerundeten Kanten habt (SHIFT-Taste nicht vergessen!!! :-) )
   
  
• Aus dieser Auswahl erstellt Ihr nun eine neue Ebene (Ebene - Neu - Ebene durch Kopieren) und füllt dann den Hintergrund mit Eurer Hintergrundfarbe
   
  
• Wenn Ihr wollt, könnt Ihr dann der Ebene mit dem Viereck noch einen Schlagschatten hinzufügen, um es dreidimensionaler zu gestalten. Fertig sieht das ganze dann so aus: