Quick Tip Erstellen Crisp, Pixel Perfect Circles in Photoshop
Pixel Perfektion zu erreichen, wenn UI-Elemente der Gestaltung kann Funktion einfach dank Photoshop „auf Pixel-Snap“ sein. Leider ist diese Funktion für die Ellipse Werkzeug nicht verfügbar - gestochen scharfe, pixelgenaue Kreise zu schaffen daher zusätzliche Aufmerksamkeit zum Detail erfordern kann. Ich werde Sie in einem kleinen Geheimnis lassen, die „snap to Pixel“ zur Verfügung stellen, wenn Kreise zu schaffen ..
Formebene und „Snap To Pixel“
Mit dem steigenden Bedarf an Design Skala, die, die Gestaltung mit Formebenen in Photoshop wird mehr und mehr an Bedeutung. Formebenen werden auf Vektorpfade basieren, die ihre Größe macht ändern, Farbe und Form ganz einfach. Aber wenn Sie nicht vorsichtig sind, wenn Sie Formebenen erstellen können sie leicht das Pixel-Raster fallen, die für verschwommen, unprofessionell Design macht.
Das Erreichen Pixelperfektion mit Formebenen ist ganz einfach, dank Photoshop-Funktion für Formebene „Snap to Pixel“.
Wenn Sie auf die Schaffung einer Formebene für den schönen Kreis Avatare in Ihrer Schnittstelle planen, werden Sie die Präzision des Kreises untersuchen müssen und ob es auf das Pixel-Raster fallen richtig (erfordert wiederholende Zoomen und Minuskel Anpassungen, die lästig werden können ).
Gäbe es doch „snap to Pixel“ für Kreise, nicht wahr? Nun, es ist eine nette kleine Abhilfe! Sie können die „abgerundeten Rechteck-Werkzeug“ verwenden Kreise zu zeichnen, indem Sie einfach einen Radius bereitstellt, die mindestens die Hälfte der Größe des Kreises ist Sie erstellen.
Schritt 1: Besorgen Sie sich die abgerundeten Rechteck-Werkzeug
Ich weiß, was Sie vielleicht denken: „Ein Rechteck-Werkzeug, um einen Kreis zu erstellen?“ Ich weiß, es mag seltsam klingen, aber mir hier vertrauen.
Schritt 2: Überprüfen "Snap to Pixel"
Nun dafür sorgen, dass das „snap to Pixel“ Kontrollkästchen markiert ist (in CS6 ist dies die „Kanten ausrichten“ aktivieren oder „Snap-Vektor-Werkzeuge und Transformationen Pixelraster“ über die Präferenzen). Dies wird sicher unsere abgerundeten Rechteck-Sticks an das Pixelraster machen.
Schritt 3: Geben Sie einen (großen) Border Radius
Schritt 4: Zeichnen Sie Ihre Crisp, Pixel-Perfect Circle
Halten Sie SHIFT gedrückt und ziehen Sie Ihren Kreis! (Halten Sie SHIFT wird das Rechteck mit abgerundeten Ecken Proportionen beibehalten).
Wenn Sie einen Grenzradius schaffen, die zu klein ist, als Rechteck mit abgerundeten Ecken seinen Dimensionen wächst schließlich den Grenzradius zu umgehen, an welcher Stelle Sie ein Rechteck mit abgerundeten Kanten haben werden.
Das ist es!
Sehen Sie, wie einfach das war? Wie bereits erwähnt, ist die einfache Trick den abgerundeten Rechteck einen Rand Radius zumindest die Hälfte der Größe seiner Abmessungen zu geben. Jetzt können Sie einfach erstellen pixelgenaue, gestochen scharfe, skalierbare Kreise in Photoshop!