作成した画像を半透明レイヤー化しモックアップとて比較できるMac用デザインツール「Pixel Perfect」が無料セール中。

記事内に広告が含まれています。
スポンサーリンク

 選択した画像を半透明レイヤー化し、モックアップとしてXcodeなどで作成中のアプリなどと比較できる「Pixel Perfect」が無料セール中です。詳細は以下から。


Xcode-and-Pixel-Perfect-Hero


 Pixel Perfectとは「イメージソースと1ピクセルもズレること無く合わせること」を言いますが、IllustratorやSketch等と違いイメージレイヤーが作成できないXcodeなどでPixel Perfectを実現するための補助アプリがこのアプリで、スクリーンショットやモックアップとして作成した画像を半透明化しデスクトップ上にレイヤーとして貼り付けてくれます。


システム環境設定-PixelPerfect

An image where the number of pixels is the same as in the image source and where the pixels are perfectly aligned to the pixels in the source is said to be pixel perfect.

[Native resolution – Wikipedia]

 使い方はIllustratorやSketchでモックアップとして作成したアプリやWebページの画像をPixel Perfect.appで開き不透明度を調整するだけ、その他点灯アニメーションや倍率、最前面表示、選択したアプリがアクティブになると自動的にPixel Perfect.appを隠す機能なども使用可能です。


Pixel-Perfect-Feature

その他Pixel Perfectを実現するために。


Pixel-Perfect-offset-Window

・方向キーで1ピクセル移動
・Shift + 方向キーで10ピクセル移動
・Altキーを押して方向キーを押すとオフセット数が表示される
・選択したアプリがアクティブになると自動的にPixel Perfect.appを隠すSmartHide機能
・Altキーを押しながらPixel Perfect.appをドラッグすることで移動することが可能

[Pixel Perfect – Mac App Store]

の機能が実装されています。

Pixel Perfect 500円 → 無料

Pixel Perfect
カテゴリ: 開発ツール
価格: 無料
リリース日: 2014/10/15

コメント

  1. Apple7743 より:

    綺麗だね
    使わさせてもらいます

  2. Apple7743 より:

    いただきました。情報ありがとうございます。

タイトルとURLをコピーしました