スケッチ高度なチュートリアル - 包括的な画像処理プログラム

スケッチマックは、両方のプロの描画ツールに合わせた設計者のための美しいインターフェイスと強力なツールです。ウェブ、ユーザーインターフェース、アイコンや他の設計要件を満たすことができ。スケッチは、両方のプロの描画ツールに合わせた設計者のための美しいインターフェイスと強力なツールです。美しいグラフィックスを生成し、あなたが必要とする非常に困難なことは、よく設計されたアプリケーションです。Xiaobianは、使用する基本的なツールを理解するためにあなたを取ります。

実用的なインタラクションデザインの仕事では、我々は通常、例えば、画像を処理するために分離することができない大きすぎるか大きさを調整するための画像をトリミング、オプションの画像処理ツールは数多くありますが、スケッチはうまく画像処理機能が付属しています私たちの簡単な画像処理要件は、すべてのニーズにワンストップソリューションを満たしています。サイズ変更、フォーマット変換、形状をトリミングコンテンツ、レイアウトの再編成を排除する:この問題では、5つの画像処理の種類及びスケッチは、すなわちケースへの応用を紹介します。

12083224_3da865b486.jpeg

1、どのようにスケッチに画像を追加するには?
スケッチに画像を追加する方法は2つあり、ツールバーは「イメージ...」で、インサート画像、別の方法は、より一般的に、使用されている、すなわち、いわゆるコピーアンドペースト(ショートカットCommand⌘+ C /Command⌘+ C)キャンバスに画像。

12083236_d753a1b7bb.jpeg

図2に示すように、スケッチの画像処理モード

(1)サイズを変更する
アプリケーションノートを:時々我々は、画像のサイズが大きすぎる取得、その大きさに比例して調整する必要があり、私たちのプロトタイプそれらを置くために、しかし、全体像ではなく、スクリーンショットの一部を必要としています。日常生活のアプリケーションでは、我々はいくつかの写真のQQ式適切なサイズ:)に対処するために、このアプローチを採用しました。

スケッチ処理モード1:チェッカーサイズ値「幅」および「高さ」コントロール画像サイズを調整することにより、ロックをクリックすると、画像が割合に応じて調整されることに注意してください。

Sketch处理方式2:不在Skech中修改比例,仅通过导出工具控制最终的导出图像大小。即使用“Slice”工具按比例导出,既可以自由输入比例,例如0.65,即65%,也可以选择安卓/IOS平台的尺寸。第2种方式的好处是

12083335_72c391b744.jpeg

(2)转换格式
应用说明:不同格式的图像存储大小和分辨率都不同,不同平台也限制了图像采用何种格式上传,所以往往需要对图像的格式进行处理。

Sketch处理方式:和调整图像大小方式2基本一致,只是从输入比例变成了选择图像格式。Sketch支持导出PNG、JPG、TIFF、SVG等常用的图片格式。12083416_5827d6fbff.jpeg

(3)裁剪形状
应用说明:把通过裁剪来调整图像的大小,“隐藏”不需要的区域,也可以通过Sketch的Mask(蒙版)来添加遮罩处理。

Sketch处理方式:鼠标双击需要处理的图像,即可在检查器中看到“Crop(裁剪)”菜单,在图像上拖动选中需要裁剪的区域,点击Crop(裁剪)即可。至于蒙版的处理方式,可以参考之前的蒙版教程文章《Sketch基础教程:蒙版(Mask)的使用详解》

12083617_e39dc1500a.jpeg

(4)消除内容
应用说明:直接在非矢量图像上修改内容,例如需要隐藏敏感信息,替换成新的说明文案等。这种操作技巧在处理产品线上问题时将会应用得十分频繁,例如,APP上某处文案需要修改,通过这种处理方式,可以很快地和开发沟通需要修改内容的位置和新的内容文案。

Sketch处理方式:鼠标双击需要处理的图像,拖动选中需要消除的区域,点击“fill selection(填充选区)”,即可看到消除的区域被默认红色填充了。然后,我们可以通过颜色拾取器,把填充颜色和填充区域的颜色保持一致即可。

12083643_d28bc1c966.jpeg

(5)レイアウトの再編成の
説明:柔軟な使用のスクリーンショットソフトウェアおよびクロッピング、キャンセルが付属して、我々は、効率的な、実行可能なデザインで製品のコンテンツのレイアウトを調整することができます。
スケッチ治療:コンテンツのスクリーンショット+ +は、クリッピング形状、任意の調整位置を排除します。

12083702_5fcfe75c4c.jpeg

包括的な画像処理プログラム - 私たちはスケッチ上級コースをもたらすように、これらは小さなシリーズです。より詳細な、実用的な機能および関連ソフトウェアのスケッチや他のMac用ソフトウェアの取得がありますが、私たちはMacdown.comが自分でそれのいくつかを探る来ます。


おすすめ

転載: blog.51cto.com/14495678/2428847