【ブログ】http://blog.1dz.jp/?eid=820 FireworksユーザーがPhotoshopやIllustratorでスライスをする際につまずきそうなポイントをまとめてみました！ 【YouTube】http://bit.ly/IJzqaj ■Facebook https://www.facebook.com/designtane ■Twitter https://twitter.com/sivacchi

1. Fw
Ps Ai

2. Fw
あるある
er

4. PSD・Aiデータだった

5. Fw
Ps Ai

6. 1
スライスエリアを決める
ショートカットは？
2
スライスツール面倒くさい！
スライス名を決める
スライス名は変えられないの？
3
画像を書き出す
重なったオブジェクトはどうするの？
特定のスライスだけ書き出したい！

7. ショートカット
どこ？

8. スライスツール
Fw
Fireworks
Ps
Photoshop
Ai
Illustrator
スライス選択ツール
K
（選択ツール）
Shift + C
Shift + C
Shift + K
割り当てなし

9. スライスツール
面倒くさい！

10. Photoshopの
場合

11. Ps
レイヤーに
基づく新規スライス

12. Ps
レイヤーを選択
［レイヤー］→［レイヤーに基づくスライス］
※ドロップシャドウなどでレイヤーが大きくなっても
自動的にスライスも変更されるので便利

13. Ps
ガイドに沿って
スライス

14. Ps
スライスツールを選択
［ガイドに沿ってスライス］をクリック

15. Illustratorの
場合

16. Ai
オブジェクトを選択
［オブジェクト］→［スライス］
→［作成］ or
［選択スライスから作成］

17. スライス名は
変えられないの？

18. Ps Ai

19. Ps Ai
ダブルクリック

20. Ps Ai
これがファイル名になる

21. Ps
Photoshopの場合は、Webプレビューしなくても
スライス選択ツールでダブルクリックをすると、
スライスオプションダイアログが出せます。

22. 重なった
スライスは
どうなるの？

23. 前面を優先して
書き出す

24. レイヤーの順序を
入れ替えるには？

25. Photoshopの
場合

26. Ps
スライス選択ツールでスライスレイヤーを選択
レイヤーの順序入れ替え

27. Illustratorの
場合

28. Ai
レイヤーの入れ替え
Windows
Mac
]
Cmd +
Ctrl +
Ctrl + [
]
Cmd + [

29. 特定のスライスだけ
書き出したい！

30. Photoshopの
場合

31. Ps

32. Ps

33. Illustrator
CS6以降の場合

34. Ai

35. Ai

36. Ai

37. Ai

38. 1
スライスエリアを決める
ショートカットは？
2
スライスツール面倒くさい！
スライス名を決める
スライス名は変えられないの？
3
画像を書き出す
重なったオブジェクトはどうするの？
特定のスライスだけ書き出したい！

39. Fw Ps Ai

40. お仕事募集中！
Twitter: sivacchi
Facebook: sivacchi