画像スライス

画像スライス

• スライスするための画像を作成します

画像作成

• 幅「1260px」高さ「1260px」

シェイプツールで正方形を描画

• 幅「394px」高さ「394px」角丸「16px」

レイヤー名を変更

整列オプションで天地左右の真ん中に配置

レイヤーコピーをして位置をずらす

• 「スナップ先」を「ドキュメントの端」になっているため複製をスナップさせて移動する

• スナップ後に「矢印キー」で「6px」移動させる

写真をマスク

• 幅「400px」高さ「400px」の画像を8枚用意して、各シェイプレイヤーの上にペーストします
• 画像レイヤーと下のシャイプレイヤーの境目を「Alt + クリック」してベクトルマスクにする

スライスを作成してスライス名をつける

• 「レイヤー」メニュー → 「レイヤーに基づく新規スライス」でスライスを作成

• 「スライス選択ツール」で、スライスの上でダブルクリックして「名前」を変更します
• 「レイヤー」メニュー → 「レイヤーに基づく新規スライス」でスライスを作成

スライスを画像として書き出す

• 中央の文字画像は「PNG-24」として設定する

すべてのユーザー定義スライス

• 「すべてのユーザー定義スライス」を選択して保存

• 「images」というフォルダーが自動作成され書き出されます