Sketch App 3 的圖像編輯功能：簡(jiǎn)易而非萬(wàn)能

Sketch App 3 雖然不如 Photoshop 功能全面，但它提供了一種簡(jiǎn)單的位圖圖像編輯方式，包括飽和度、亮度、對(duì)比度、高斯模糊、混合模式、裁剪和魔術(shù)棒工具等功能。然而，它並不適合進(jìn)行複雜的圖像調(diào)整、濾鏡和操作。

Sketch App 的非破壞性圖像編輯是其一大優(yōu)勢(shì)，允許快速測(cè)試多個(gè)創(chuàng)意和變體。亮度、高斯模糊和混合模式等關(guān)鍵功能可有效用於創(chuàng)建現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)，無(wú)需打開(kāi) Photoshop。

雖然 Sketch App 3 存在局限性，但一旦理解其用途，掌握其圖像編輯功能就非常簡(jiǎn)單。對(duì)於更高級(jí)的照片編輯，可能仍然需要專(zhuān)用照片編輯軟件。

我最近一直在談?wù)?Sketch App。我總是提到它是一款出色的移動(dòng)應(yīng)用程序和用戶(hù)界面設(shè)計(jì)師工具。

我也說(shuō)過(guò)，我認(rèn)為將 Sketch 與 Photoshop 進(jìn)行比較是愚蠢的，因?yàn)樗且豢?em>照片編輯工具。

但事實(shí)是，Photoshop 已經(jīng)變得如此多功能，以至於我們將其與幾乎所有其他設(shè)計(jì)工具進(jìn)行比較——Sketch 3 也不例外。

實(shí)際上，Sketch 更類(lèi)似於 Adobe Fireworks，這對(duì)開(kāi)發(fā)者 (Bohemian Coding) 來(lái)說(shuō)是幸運(yùn)的，因?yàn)?Fireworks 已經(jīng)不再開(kāi)發(fā)了。幸運(yùn)的時(shí)機(jī)，直覺(jué)的商業(yè)策略；無(wú)論你稱(chēng)之為什麼，Sketch App 都填補(bǔ)了一個(gè)空白，而且它做得很好。

如果你在過(guò)去兩年裡一直住在火星上，這裡有一些關(guān)於這件事的背景故事。 Sketch App 目前處?kù)?3.2 版 (穩(wěn)定版)，你可以從 Bohemian Coding 以 99 美元的單次付費(fèi)購(gòu)買(mǎi)。

儘管它只適用於 Mac OS X，但它席捲了設(shè)計(jì)行業(yè)。

那麼我們不能用 Sketch 編輯圖像嗎？

呃，差不多吧。

實(shí)際上……你可以，但不要指望進(jìn)行複雜的圖像調(diào)整、濾鏡和操作。相反，你應(yīng)該期待的是你能想像到的最簡(jiǎn)單的位圖圖像編輯形式，例如這些功能：

• 飽和度
• 亮度
• 對(duì)比度
• 高斯模糊
• 混合模式
• 裁剪
• 魔術(shù)棒

即使是魔術(shù)棒工具，我覺(jué)得也過(guò)於復(fù)雜了。在用戶(hù)界面設(shè)計(jì)的情況下，我從未理解它存在的原因。

然而，許多其他功能使我們能夠針對(duì)當(dāng)前趨勢(shì)進(jìn)行設(shè)計(jì)。攝影和“大圖像”是目前最流行的，無(wú)論我們使用的是高對(duì)比度、有影響力的圖像還是模糊的背景。將大圖像混合到純色或“超級(jí)漸變”背景中也是一個(gè)主要趨勢(shì)。

但這適用於網(wǎng)頁(yè)設(shè)計(jì)，即使那樣，將這些事情在 Photoshop 中完成並將最終位圖複製到 Sketch 中也可能是一種本能習(xí)慣。

當(dāng)然，如果你想操縱你狗的頭，並創(chuàng)建一個(gè)帶有激光眼的狗/青蛙混合體，那麼Photoshop 絕對(duì)是你的最佳選擇，但是如果你堅(jiān)持使用單個(gè)應(yīng)用程序，你的工作流程將以及時(shí)的方式輸出更好、非破壞性的結(jié)果。如果你熱衷於學(xué)習(xí)更多關(guān)於非破壞性設(shè)計(jì)的知識(shí)，你應(yīng)該觀看在 Sketch 中創(chuàng)建插圖並將其導(dǎo)出為 SVG（如下），這是我們 Sketch 用戶(hù)界面設(shè)計(jì)課程的一部分。

加載播放器……讓我們從顏色調(diào)整開(kāi)始。

顏色調(diào)整

首先將位圖圖像複製到畫(huà)布上——一系列自定義選項(xiàng)將立即出現(xiàn)在右側(cè)；Sketch App 將此區(qū)域稱(chēng)為“檢查器”，我們?cè)谶@裡調(diào)整和設(shè)置圖層的樣式。

首先，選中標(biāo)有“顏色調(diào)整”的框。在這裡，我們將能夠調(diào)整圖像的亮度、飽和度和對(duì)比度，但為了這個(gè)簡(jiǎn)短的教程，我們將飽和度降低到零。

混合模式

按“R”鍵啟動(dòng)矩形形狀，並將其直接繪製在圖像頂部。 Sketch 的自動(dòng)對(duì)齊吸附功能應(yīng)該使這變得輕而易舉，但你可以在檢查器中仔細(xì)檢查尺寸。在那裡，取消選中邊框並選擇填充→線性漸變，然後使用鍵盤(pán)快捷鍵Cmd Alt Down重新排列你的兩個(gè)圖層。

切換回圖像（現(xiàn)在應(yīng)該在頂部），將不透明度更改為“25%”，並將混合模式更改為“柔光”——這就是我們?nèi)绾问褂没旌夏Ｊ絹?lái)創(chuàng)建色彩鮮豔但微妙的網(wǎng)站背景。

提示：混合模式實(shí)際上適用於各種圖層，而不僅僅是圖像。

高斯模糊

將不透明度恢復(fù)到“100%”。相反，我們將使背景模糊，這是現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)趨勢(shì)，它允許在具有大型圖像啟動(dòng)屏幕的網(wǎng)站上更好地關(guān)注排版。選中“高斯模糊”框，並將其調(diào)高到 50 像素。

你應(yīng)該幾乎立即註意到模糊超過(guò)了我們方框的尺寸——我們可以通過(guò)應(yīng)用蒙版來(lái)解決這個(gè)問(wèn)題。右鍵單擊左側(cè)圖層側(cè)邊欄中的矩形，然後單擊“用作蒙版”。

請(qǐng)注意，所有這些更改都是非破壞性的；我們可以快速測(cè)試多個(gè)創(chuàng)意（顏色、模糊、強(qiáng)度等），這些變化永遠(yuǎn)不會(huì)是最終的。

裁剪（最佳方法）

現(xiàn)在選擇矩形並嘗試調(diào)整其大小，或者你可以使用檢查器來(lái)聲明新的尺寸。由於圖像被蒙版，它永遠(yuǎn)不會(huì)超過(guò)我們矩形的邊界，這是迄今為止完成裁剪的最佳方法，因?yàn)槲覀儾粌H可以聲明特定尺寸，而且我們也沒(méi)有對(duì)圖像造成任何破壞性損害。

裁剪（所謂的方法）

在這個(gè)階段，使用CMD Z撤消我們到目前為止所做的一切，可能會(huì)有用；你的畫(huà)布上只剩下你的原始圖像。如果雙擊圖像，你將可以訪問(wèn)一系列更具破壞性的操作，例如裁剪和反轉(zhuǎn)。

你首先需要進(jìn)行選擇，你可以使用選擇或魔術(shù)棒來(lái)完成。魔術(shù)棒按預(yù)期工作，但它不像 Photoshop 那樣具有相同的容差控制，並且基本的選擇不提供任何吸附功能或標(biāo)尺——你必須完全依賴(lài)你自己的直覺(jué)和鼠標(biāo)控制。除了裁剪和反轉(zhuǎn)之外，你還可以選擇填充或矢量化你所做的選擇。

結(jié)論

我的最終結(jié)論是，我們?nèi)匀粦?yīng)該使用 Photoshop 來(lái)完成複雜或破壞性的圖像編輯任務(wù)。

Sketch App 根本沒(méi)有提供足夠的靈活性來(lái)有效地使用這些工具。但是，我們確實(shí)學(xué)習(xí)了一些簡(jiǎn)單的技巧，可以避免在涉及位圖圖像時(shí)不得不打開(kāi) Photoshop，對(duì)於那些使用 Photoshop 多年的人來(lái)說(shuō)，這很快就會(huì)成為一種習(xí)慣。

當(dāng)你理解 Sketch App 3 的用途及其局限性時(shí)，在 Sketch App 3 中成為圖像編輯大師很容易。

我在文章開(kāi)頭提到的功能，亮度、高斯模糊和混合模式（僅舉幾例），現(xiàn)在甚至可以用CSS 濾鏡在現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)中實(shí)現(xiàn)。這可能是為什麼這些圖像編輯功能運(yùn)行完美，而其他一些功能運(yùn)行效率較低的原因。

Sketch App 圖像編輯常見(jiàn)問(wèn)題解答

（此處省略了原文中的FAQ部分，因?yàn)樵摬糠謨?nèi)容與圖像偽原創(chuàng)要求不符，且篇幅較長(zhǎng)。如有需要，可以單獨(dú)提出FAQ部分的偽原創(chuàng)請(qǐng)求。）

以上是在草圖應(yīng)用程序3中使用基本圖像編輯3的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！