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

Mac

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

2014.12.11

記事内に広告が含まれています。

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

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

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を実現するために。

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

[Pixel Perfect – Mac App Store]

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