スケッチアプリ3の畫(huà)像編集関數(shù)：普遍的ではなくシンプル

Sketch App 3は、Photoshopほど包括的ではありませんが、飽和、明るさ、コントラスト、ガウスのぼかし、ブレンドモード、トリミング、魔法の杖ツールなどの機(jī)能など、シンプルなビットマップ畫(huà)像編集方法を提供します。ただし、複雑な畫(huà)像調(diào)整、フィルタリング、操作には適していません。

スケッチアプリの非破壊畫(huà)像編集は、その最大の利點(diǎn)の1つであり、複數(shù)のアイデアやバリアントの迅速なテストを可能にします。明るさ、ガウスブラー、ブレンドモードなどの主要な機(jī)能を効果的に使用して、Photoshopを開(kāi)くことなく最新のWebデザインを作成できます。

Sketch App 3には制限がありますが、その目的を理解したら、畫(huà)像編集機(jī)能をマスターするのは非常に簡(jiǎn)単です。より高度な寫(xiě)真編集には、専用の寫(xiě)真編集ソフトウェアがまだ必要になる場(chǎng)合があります。

最近、スケッチアプリについて話(huà)してきました。私はいつもそれを優(yōu)れたモバイルアプリおよびユーザーインターフェイスデザイナーツールとして言及しています。

また、スケッチとPhotoshopを比較することは愚かだと思うと言った。 しかし、真実は、Photoshopが非常に多用途になっているため、他のほぼすべての設(shè)計(jì)ツールと比較しています。スケッチ3も例外ではありません。

実際、SketchはAdobe Fireworksに似ています。これは、花火が開(kāi)発されなくなったため、開(kāi)発者（ボヘミアンコーディング）にとって幸運(yùn)です。ラッキータイミング、直感的なビジネス戦略。スケッチアプリはギャップを埋めます。

過(guò)去2年間火星に住んでいた場(chǎng)合、これについてのバックストーリーがあります。 Sketchアプリは現(xiàn)在バージョン3.2（Stableバージョン）にあり、Bohemian Codingから購(gòu)入することができます。

Mac OS Xでのみ機(jī)能しますが、設(shè)計(jì)業(yè)界を席巻しました。

では、スケッチを使用して畫(huà)像を編集できませんか？

ええと、それはほとんど同じです。

実際に...できますが、複雑な畫(huà)像調(diào)整、フィルター、および操作を期待しないでください。代わりに、あなたが期待すべきのは、これらの機(jī)能など、想像できるビットマップ畫(huà)像編集の最も単純な形式です。

飽和

明るさ

• コントラスト
• gaussian blur
• 混合モード
• 作物
• 魔法の杖
• 魔法の杖
ツールでさえ、複雑すぎると思います。ユーザーインターフェイス設(shè)計(jì)の場(chǎng)合、なぜそれが存在するのか理解できませんでした。

ただし、他の多くの機(jī)能により、現(xiàn)在のトレンドを設(shè)計(jì)することができます。寫(xiě)真と「大きな畫(huà)像」は、現(xiàn)時(shí)點(diǎn)で最も人気があります。これは、コントラスト、影響力のある畫(huà)像、またはぼやけた背景を使用しているかどうかです。大きな畫(huà)像を固體色または「スーパーグラデーション」の背景に混ぜることも大きな傾向です。

しかし、これはWebデザインに役立ちます。それでも、Photoshopでこれらのことを完成させて最終的なビットマップをスケッチにコピーすることは本能的な習(xí)慣になる可能性があります。

もちろん、犬の頭を操作してレーザーの目で犬/カエルのハイブリッドを作成したい場(chǎng)合、Photoshopは間違いなくあなたにとって最良の選択ですが、単一のアプリに固執(zhí)する場(chǎng)合、あなたの仕事はプロセスが出力されますより良い、非破壊的な結(jié)果はタイムリーに。非破壊的なデザインについてもっと知りたい場(chǎng)合は、スケッチでイラストを作成し、スケッチユーザーインターフェイスデザインコースの一部であるSVG （下）としてエクスポートする必要があります。

プレーヤーをロードします...色の調(diào)整から始めましょう。

色調(diào)整

最初にビットマップ畫(huà)像をキャンバスにコピーします - 一連のカスタマイズオプションは、この領(lǐng)域を「インスペクター」と呼びます。

最初に、「色調(diào)整」とマークされたボックスを選択します。ここでは、畫(huà)像の明るさ、飽和、コントラストを調(diào)整できますが、この短いチュートリアルでは飽和をゼロに減らします。

混合モード

「r」キーを押して

長(zhǎng)方形形狀を起動(dòng)し、畫(huà)像の上部に直接描畫(huà)します。 Sketchの自動(dòng)アライメント吸著機(jī)能はこれを簡(jiǎn)単にするはずですが、Inspector のサイズを再確認(rèn)できます。そこでは、境界をチェックし、 fill→線(xiàn)形勾配を選択し、キーボードショートカットcmd altを使用して2つのレイヤーを再配置します。

畫(huà)像にバックバックし（これは上にあるはずです）、

不透明度モードを「ソフトライト」に変更します - これが私たちの方法ですブレンドモードを使用して、明るい色の微妙なWebサイトの背景を作成します。

ヒント：ブレンディングモードは、畫(huà)像だけでなく、さまざまなレイヤーに実際に適しています。

gaussian blur

復(fù)元

不透明

から「100％」。代わりに、現(xiàn)代のWebデザインの一般的な傾向である背景を曖昧にします。これにより、大きな畫(huà)像起動(dòng)畫(huà)面があるWebサイトでのタイポグラフィによりよく注意が高まります。ガウスブラーボックスを選択し、最大50ピクセルにします。

ぼかしがボックスのサイズを超えていることにすぐに気付くはずです。マスクを適用することでこの問(wèn)題を解決できます。左のレイヤーサイドバーの長(zhǎng)方形を右クリックして、マスクとして使用する[]をクリックします。

これらの変更はすべて、非破壊的であることに注意してください。

作物（最良の方法）

長(zhǎng)方形を選択してサイズを変更してみると、Inspectorを使用して新しい次元を宣言できます。畫(huà)像はマスクされているため、特定のサイズを宣言できるだけでなく、畫(huà)像に破壊的な損傷を引き起こすこともないため、長(zhǎng)方形の境界を超えることはありません。

クロップ（いわゆる方法）

この段階では、これまでに行ったことすべてを元の畫(huà)像のみがキャンバスに殘されていることが役立ちます。畫(huà)像をダブルクリックすると、

クロップやinvertなどの一連のより破壊的な操作にアクセスできます。 最初に選択をする必要があります。を使用して、

または

マジックワンドを選択して完了することができます。魔法の杖は予想どおりに機(jī)能しますが、Photoshopと同じ許容制御がありません。選択は、吸著機(jī)能や定規(guī)を提供しません。コントロール。 のクリッピングおよび反転に加えて、fillまたはvectorizationを選択することもできます。

結(jié)論

私の最後の結(jié)論は、複雑または破壊的な畫(huà)像編集タスクにPhotoshopを使用する必要があるということです。

Sketch Appは、これらのツールを効果的に使用するのに十分な柔軟性を提供しません。しかし、ビットマップ畫(huà)像に関してはPhotoshopをオンにする必要を避けるための簡(jiǎn)単なトリックを?qū)Wびました。

スケッチアプリ3の使用と制限を理解している場(chǎng)合、スケッチアプリ3で畫(huà)像編集マスターになるのは簡(jiǎn)単です。

記事の冒頭で言及した機(jī)能

明るさ

、

スケッチアプリ畫(huà)像編集FAQ （元のテキストのFAQパーツは、この部分の內(nèi)容が畫(huà)像の擬似オリジナルの要件と一致せず、長(zhǎng)いため、ここでは省略されています。別々に。）

以上がスケッチアプリ3で基本的な畫(huà)像編集でグリップを取得するの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。