Sketchでファイルをインポートおよびエクスポートする手順

Sketchグラフィックソフトウェアは、ファイルをインポート/エクスポートする非常に便利な方法を提供します。あなたはそれを行う方法を知っていますか？Sketchでファイルをインポートおよびエクスポートする方法を学びましょう。

ファイルをスケッチにインポートする

Sketch グラフィックソフトウェアにファイルをインポートする最も簡単な方法は、ファイルをキャンバスまたはドックアイコンにドラッグアンドドロップすることです。以下を入力できます。

• PNG、JPG、TIFF、WebPビットマップの写真
• SVGおよびEPSファイル
• SVGコード（コードをコピーして貼り付け、新しいレイヤーを作成）
• AIおよびPSDファイル（制限付きサポート、フラットレイヤーとしてのみ）

スケッチでファイルをエクスポート

スケッチが作品から最速の方法は、選択することです共有]> [エクスポート]をメニューやプレスで... ⌘+ ⇧+ E]ダイアログボックス開くには、[エクスポート]を。エクスポートするデータを選択し、[ エクスポート ]をクリックしてMacOS保存を開きます。

Sketchはすべてを実際のサイズ（デフォルトは1x）でPNGとしてエクスポートします。これらの設定を変更するか、2つのサイズまたは形式からエクスポートするには、インスペクターでエクスポートプリセットを設定する必要があります。

レイヤーリストで任意のレイヤーを選択し、デスクトップにドラッグしてPNGとしてエクスポートすることもできます（または⌥、ドラッグしてPDFとしてエクスポートすることもできます）。または、クラスを選択して⌘+ を押すこともできますE。

最後に、[ファイル]> [ アートボードをPDFにエクスポート]を選択して、PDFドキュメントとそのすべてのアートボードをエクスポートできます。設定でアートボードのエクスポートの順序を選択できます。

エクスポートする前に設定を作成して使用する方法

ドキュメント内のレイヤーをさまざまなサイズまたは形式でエクスポートするには、そのレイヤーを選択し、インスペクターの下部にある[ エクスポート可能にする ]パネルをクリックします。エクスポート前の設定といくつかのオプションがここに表示されます。

• サイズ：ドロップダウンメニューからサイズを選択するか、[サイズ]フィールドに直接数値を入力して独自のサイズを作成します。比率を自由に増加（2x、3x ...）または減少（0.5x、0.25x）するか、ピクセル単位で特定の高さ/幅を決定してください。
• 接頭辞/接尾辞：  異なる速度で作品を公開する場合は、ドロップダウンメニューを使用して接頭辞または接尾辞を選択する必要があります。省略記号がファイル名を表す前（接頭辞）または後（接尾辞）にテキストフィールドに入力することにより、それらをカスタマイズできます。
• フォーマット：ドロップダウンメニューからフォーマットを選択します。
• プリセットの削除：クリックしてX、このエクスポートプリセットを削除します。
• プリセットの追加：クリックし+て、このレイヤーの他のプリセットをエクスポート設定に追加します。
• プリセットセット：[プリセット]ボタンをクリックして、プリセットのセットを選択します。新しいプリセットセットを作成して、ここで削除することもできます。
• レイヤーの作成：ナイフアイコンをクリックして、選択したレイヤーに事前定義された設定で薄いレイヤーを作成します。
• 選択項目をエクスポート...：上記の設定を使用してレイヤーをエクスポートするには、このボタンをクリックします。
• プレビュー：プレビューウィンドウには、エクスポートしたときのレイヤーの外観が表示されます。別のデスクトップまたはアプリに直接ドラッグアンドドロップして、すばやくエクスポートすることもできます。
• 共有：別のクイックエクスポートオプションは、[共有]ボタンをクリックして、メール、メッセージ、AirDropを介して共有する標準オプションです...

スライスの使い方

スライスは、キャンバス上に描画できるレイヤーの一種で、その中のすべてをイメージとしてエクスポートできます。他のレイヤーと同様に、選択、サイズ変更、移動、非表示、またはグループ化できます。

スライスを挿入するには？

[ 挿入 ] > [スライス ]を選択するかS、をクリックしてから、キャンバス上の任意の場所をクリックしてドラッグし、新しいスライスを描画します。または、任意のレイヤーをクリックして、その周りにスライスを作成します。

ヒント：スライスを作成するときは、レイヤーリストにわかりやすい名前を付けてください。Sketchはエクスポート時にファイル名としてそれを使用します。名前に/を含めると、Sketchはその前に記述されているものをすべてフォルダー名として使用します。後ろにあるものはすべて、そのフォルダー内のファイル名です。

他のレイヤーと同様に、複数の出力設定をスライスとして設定できます。

スライスのカスタマイズ

Sliceには、Inspectorにいくつかの特別なオプションがあります。[ 透明なピクセルをトリミング]チェックボックスをオンにすると、コンテンツの端の周りのスライスにある空のピクセルが削除されます。

グループにスライスを配置する場合、[ グループの内容のみをエクスポート]チェックボックスをオンにすると、スライスのエクスポートでは、そのスライスグループの内容のみが対象になります。

背景色をチェックして、スライスの背景色を選択します。

CSSおよびSVGコードをエクスポートする方法

ドキュメントになるレイヤーから選択し、Ctrl+をクリックして[CSS属性をコピー]を選択し、それらのスタイル情報をCSSコードとしてクリップボードにコピーします。たとえば、これは単純な形状のCSSです。

SVGコードのコピーも同様です。シェイプレイヤーを選択してCtrl +クリックし、[ SVGコードをコピー ]を選択します。

サポートされているスケッチファイルのエクスポート形式

• ビットマップ：PNG、JPG、TIFF、WebP
• ベクター：SVG、PDF、EPS

アートボードまたはスライスを印刷する方法

選択して[ファイル]> [印刷]を>クリックしてアートボードやスライス、印刷したいし。

上記は、Sketchでファイルをインポート/エクスポートする方法に関する基本的なガイドです。この記事がお役に立てば幸いです。