Photoshopで作業しながらスマホでデザイン確認！Macアプリ「Skala Preview」 - デザインメモ
スマホ版サイトやアプリのデザイン確認を快適にしてくれる、便利なMacのアプリ「Skala Preview」をご紹介します。 このアプリ、Photoshopで作業しながら、スマホの画面でリアルタイムにデザインが確認できるんです！しかも無料！ もし、今まで私のように（JPEGに書き出す→Google Driveに入れる→iPhoneで表示して確認…）やっている方は、「Skala Preview」をぜひ使ってみてください！ 使うために必要な環境 Mac OS X（10.8以上） iPhone（iOS 1.7以上）またはAndroid（1.2.2以上） Adobe Photoshop（CS5以上） ※上記は2014年7月30日時点の情報です。最新の情報は公式サイトで確認してください。 Skala Previewの使い方 設定は簡単で、10分ほどで終わります。 全体の流れ 手順１：まずはMacとスマ
「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ！
Photoshopでデザインカンプを作成して、いざコーディング！となると面倒くさいのが画像のスライス作業。 その画像のスライスを超絶楽にしてくれるツール「Slicy」を今さらながら導入しましたので使い方をご紹介。 レイヤー・グループに名前を付けて保存 アプリはMac App StoreでDLでも良し、公式サイトから体験版をダウンロードするも良し。 試しにこんなカンプを作成してみました。世界中のイケメンを紹介する、IKEMEN.comです。第一回目のモデルから頓挫しております。 データができましたら、切り出したいパーツのレイヤーorグループに名前（○○.jpgや○○.png）を付けて保存します。 あとはその保存したPSDデータをSlicyにぶち込むだけ。 見事、名前を付けた通りに画像がスライスされました:) あとはドラッグアンドドロップか、画像を選択して上のSaveボタンをクリックして任意の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
