In den Griffe mit der grundlegenden Bildbearbeitung in Sketch App 3 in den Griff bekommen

skizzige App 3 -Bildbearbeitungsfunktion: Einfach als universell

Sketch App 3, obwohl sie nicht so umfassend wie Photoshop ist, bietet eine einfache Bitmap -Bildbearbeitungsmethode, einschließlich Merkmalen wie Sättigung, Helligkeit, Kontrast, Gaußschen Unschärfe, Mischmodus, Anbaus und magischen Zauberstab -Werkzeugen. Es ist jedoch nicht für komplexe Bildanpassungen, Filterung und Operationen geeignet.

Die nicht-zerstörerische Bildbearbeitung der Skizzen-App ist einer der größten Vorteile und ermöglicht eine schnelle Prüfung mehrerer Ideen und Varianten. Wichtige Funktionen wie Helligkeit, Gaußscher Unschärfe und Blendmodus können effektiv verwendet werden, um moderne Webdesigns zu erstellen, ohne Photoshop zu öffnen.

Obwohl Sketch App 3 Einschränkungen hat, ist es sehr einfach, seine Bildbearbeitungsfunktionen zu beherrschen, sobald es seinen Zweck versteht. Für fortgeschrittenere Fotobearbeitung kann noch eine dedizierte Fotobearbeitungssoftware erforderlich sein.

Ich habe in letzter Zeit über die Sketch -App gesprochen. Ich erwähne es immer als exzellente mobile App- und Benutzeroberflächen -Designer -Tool.

Ich sagte auch, dass ich denke, dass es dumm ist, Skizze mit Photoshop zu vergleichen, weil es ein Foto Bearbeitungswerkzeug ist.

Aber die Wahrheit ist, Photoshop ist so vielseitig geworden, dass wir es mit fast jedem anderen Design -Tool vergleichen - Sketch 3 ist keine Ausnahme.

In der Tat ähnelt die Skizze dem Adobe Fireworks, das für Entwickler (böhmische Codierung) Glück hat, da kein Feuerwerk mehr entwickelt wird. Lucky Timing, intuitive Geschäftsstrategie;

Wenn Sie in den letzten zwei Jahren auf dem Mars gelebt haben, finden Sie hier einige Hintergrundgeschichte. Die Sketch -App befindet sich derzeit in Version 3.2 (stabile Version) und Sie können sie bei Bohemian Coding für einen einzigen bezahlten 99 US -Dollar kaufen.

Obwohl es nur auf Mac OS X funktioniert, hat es die Designbranche gegründet.

Können wir also nicht Sketch verwenden, um Bilder zu bearbeiten?

uh, es ist fast gleich.

eigentlich ... Sie können, aber keine komplizierten Bildanpassungen, Filter und Operationen erwarten. Stattdessen sollten Sie erwarten, dass Sie die einfachste Form der Bitmap -Bildbearbeitung, die Sie sich vorstellen können, wie diese Funktionen:

Sättigung
Helligkeit
Kontrast
Gaußsche Blur
gemischtes Modus
crop
Zauberstab

sogar das

magische Zauberstab -Werkzeug , ich denke, es ist zu kompliziert. Im Fall von Benutzeroberflächendesign habe ich nie verstanden, warum es existiert.

Mit vielen anderen Funktionen können wir jedoch auf aktuelle Trends gestalten. Fotografie und „große Bilder“ sind momentan die beliebtesten, egal ob wir hohe Kontrast, einflussreiche Bilder oder verschwommene Hintergründe verwenden. Es ist auch ein wichtiger Trend, große Bilder in feste Farben oder „super -Gradientier“ -Binächter zu mischen.

Aber dies funktioniert für Webdesign, und selbst dann kann es eine instinktive Angewohnheit sein, diese Dinge in Photoshop zu vervollständigen und die endgültige Bitmap in Skizze zu kopieren.

Wenn Sie den Kopf Ihres Hundes manipulieren und einen Hund/Frog -Hybrid mit Laseraugen erstellen möchten, ist Photoshop definitiv die beste Wahl für Sie. Wenn Sie sich jedoch an eine einzige App halten, ist Ihr Job der Prozess ausgabe Bessere, nicht zerstörerische Ergebnisse rechtzeitig. Wenn Sie mehr über nicht-zerstörerisches Design erfahren möchten, sollten Sie sich Illustrationen in Sketch erstellen und sie als SVG (unten) als Teil unseres Sketch User Interface Design-Kurses ansehen.

Laden Sie den Player… Beginnen wir mit der Farbanpassung.

Farbanpassung

Kopieren Sie zuerst das Bitmap -Bild in die Leinwand - Eine Reihe von Anpassungsoptionen wird sofort auf der rechten Seite angezeigt.

Wählen Sie zunächst das mit der "Farbanpassung" gekennzeichnete Feld aus. Hier können wir die Helligkeit, die Sättigung und den Kontrast des Bildes einstellen, aber für dieses kurze Tutorial reduzieren wir die Sättigung auf Null.

gemischtes Modus

Drücken Sie die Taste "R", um die Form rechteck zu starten und direkt oben auf dem Bild zu zeichnen. Die automatische Ausrichtungs-Adsorption-Funktion von Sketch sollte dies zum Kinderspiel machen, aber Sie können die Größe im Inspector überprüfen. Deaktivieren Sie den Rand und wählen Sie FILL → Linear -Gradient und ordnen Sie Ihre beiden Schichten mit dem Tastaturverknüpfung CMD Alt Down neu an.

Schalten Sie zurück zum Bild (das jetzt oben sein sollte), ändern Sie Opazität auf "25%" und Mix -Modus in "Soft Light" - das ist was wir wie wie wir wie Um den Mischmodus zu verwenden, um einen farbigen, aber subtilen Website -Hintergrund zu erstellen.

Tipp: Der Mischmodus ist tatsächlich für verschiedene Ebenen geeignet, nicht nur für Bilder .

Gaußsche Blur

restaure Opazität bis "100%". Stattdessen werden wir den Hintergrund verwischen, einen gemeinsamen Trend im modernen Webdesign, der auf Websites mit großen Bildstartbildschirmen besser auf die Typografie beachtet wird. Wählen Sie das Gaußsche Blur -Box und drehen Sie es bis zu 50 Pixel.

Sie sollten fast sofort feststellen, dass die Unschärfe über die Größe unserer Box hinausgeht - wir können dieses Problem durch die Anwendung einer Maske lösen. Klicken Sie mit der rechten Maustaste auf das Rechteck in der Seitenleiste der linken Ebene und klicken Sie als Maske verwenden.

Beachten Sie, dass alle diese Änderungen nicht zerstörerisch sind.

Ernte (bester Weg)

Wählen Sie nun das Rechteck aus und versuchen Sie es zu ändern, oder Sie können den Inspector verwenden, um die neue Dimension zu deklarieren. Da das Bild maskiert ist, übertrifft es nie die Grenze unseres Rechtecks, was der beste Weg ist, um bisher zugeschnitten zu werden, da wir nicht nur eine bestimmte Größe deklarieren können, sondern wir auch keinen zerstörerischen Schaden an dem Bild verursachen.

Ernte (sogenannte Methode)

In diesem Stadium kann es nützlich sein, alles, was wir bisher getan haben, mit cmd z rückgängig zu machen. Wenn Sie auf das Bild doppelklicken, haben Sie Zugriff auf eine Reihe destruktiverer Operationen wie crop und invert .

Sie müssen zuerst die Auswahl treffen. Sie können verwenden, um oder magische Zauberstab auszuwählen, um sie zu vervollständigen. Der Zauberstab funktioniert wie erwartet, hat aber nicht die gleiche Toleranzsteuerung wie Photoshop, und die grundlegende -Schoice bietet keine Adsorptionsfunktionalität oder Herrscher-Sie müssen sich ausschließlich auf Ihre eigene Intuition und Maus verlassen Kontrolle. Zusätzlich zu Clipping und Inversion können Sie auch FILL oder Vektorisierung auswählen, die Sie treffen.

Schlussfolgerung

Meine endgültige Schlussfolgerung ist, dass wir Photoshop noch für komplexe oder zerstörerische Bildbearbeitungsaufgaben verwenden sollten.

Sketch App bietet einfach nicht genügend Flexibilität, um diese Tools effektiv zu verwenden. Wir haben jedoch einige einfache Tricks gelernt, um zu vermeiden, dass Photoshop bei Bitmap -Bildern eingeschaltet wird, was für diejenigen, die Photoshop seit Jahren verwendet haben, schnell zur Gewohnheit werden.

Es ist einfach, in Sketch App 3 ein Bildbearbeitungsmaster zu sein, wenn Sie die Verwendungen und Einschränkungen der Sketch App 3 verstehen.

Die Funktionen, die ich zu Beginn des Artikels erwähnt habe mit CSS -Spiegeln filtriert werden, werden im modernen Webdesign implementiert. Dies mag der Grund sein, warum diese Bildbearbeitungsfunktionen perfekt funktionieren, während einige andere weniger effizient laufen. skizzieren App -Bild Bearbeitung FAQ (Der FAQ-Teil im Originaltext wird hier weggelassen, da der Inhalt dieses Teils nicht mit den pseudooriginalen Anforderungen des Bildes übereinstimmt und länger ist. Bei Bedarf kann eine Pseudooriginalanforderung für das FAQ-Teil gestellt werden getrennt.)

Das obige ist der detaillierte Inhalt vonIn den Griffe mit der grundlegenden Bildbearbeitung in Sketch App 3 in den Griff bekommen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!