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!