スケッチアプリ3で基本的な画像編集でグリップを取得する

スケッチアプリ3の画像編集関数：普遍的ではなくシンプル

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

スケッチアプリの非破壊画像編集は、その最大の利点の1つであり、複数のアイデアやバリアントの迅速なテストを可能にします。明るさ、ガウスブラー、ブレンドモードなどの主要な機能を効果的に使用して、Photoshopを開くことなく最新のWebデザインを作成できます。

Sketch App 3には制限がありますが、その目的を理解したら、画像編集機能をマスターするのは非常に簡単です。より高度な写真編集には、専用の写真編集ソフトウェアがまだ必要になる場合があります。

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

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

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

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

Mac OS Xでのみ機能しますが、設計業界を席巻しました。

では、スケッチを使用して画像を編集できませんか？

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

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

飽和

明るさ

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

ただし、他の多くの機能により、現在のトレンドを設計することができます。写真と「大きな画像」は、現時点で最も人気があります。これは、コントラスト、影響力のある画像、またはぼやけた背景を使用しているかどうかです。大きな画像を固体色または「スーパーグラデーション」の背景に混ぜることも大きな傾向です。

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

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

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

色調整

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

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

混合モード

「r」キーを押して

長方形形状を起動し、画像の上部に直接描画します。 Sketchの自動アライメント吸着機能はこれを簡単にするはずですが、Inspector のサイズを再確認できます。そこでは、境界をチェックし、 fill→線形勾配を選択し、キーボードショートカットcmd altを使用して2つのレイヤーを再配置します。

画像にバックバックし（これは上にあるはずです）、

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

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

gaussian blur

復元

不透明

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

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

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

作物（最良の方法）

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

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

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

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

または

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

結論

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

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

スケッチアプリ3の使用と制限を理解している場合、スケッチアプリ3で画像編集マスターになるのは簡単です。

記事の冒頭で言及した機能

明るさ

、

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

以上がスケッチアプリ3で基本的な画像編集でグリップを取得するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。