ここ見て、パーツ｜画面解説の透過PNG・矢印／囲み／手順番号【無料見本あり】

「ここを押す」「ここが変わった」を、画面に重ねて伝える素材です。

操作説明の動画や資料で使う、矢印・囲み・手順番号・短いラベルを揃えました。

明るい画面には濃い線、暗い画面には白い線。どちらも反対色の縁取り付きです。

無料見本も完成版と同じ画像なので、まずはお使いの編集ソフトで重ねてみてください。

【無料見本 / 0円】

右矢印・四隅の囲み・番号1・確認ラベル。

4デザイン×明暗2色、1xサイズの透過PNG8点です。

無料見本も商用利用・加工ができます。

【無料の配置ガイド】

横の解説を縦にすると、右端のボタンが切れてしまう。そんな場面の置き直し方を、横長・縦長それぞれ30秒の無音動画にしました。

無料見本の「screen-layout-demo-v1.0.zip」からダウンロードできます。PNG8点は従来の見本ZIPに入っています。

画面と操作UIは架空の例です。実際の投稿先で、文字の大きさや重なりを確認してください。

【無料の位置を伝えるグリッド】

「右のほう」では伝わりにくいときに、画面へ重ねて「C2のボタン」と場所を指定する透過PNGです。

横長6×4・縦長4×6・正方形5×5の3点と、架空画面での使用例を入れました。

無料見本の「review-grid-v1.0.zip」から、購入せずにダウンロードできます。ほかの素材がなくても使えます。

同じ画像・同じ版を見ながら使ってください。正確な寸法測定や、投稿先の安全領域を示すものではありません。

【完成版 / 580円】

・矢印：上下左右と斜めの8方向

・囲み：四角、角丸、四隅の3種＋下線

・手順番号：1〜8

・ラベル：変更前、変更後、確認、注意

24デザイン×明暗2色×2サイズで、透過PNG96点。

色とサイズの違いを含めた数です。無料見本の8点も含みます。

【画像サイズ】

1x：矢印640×640、囲み960×540、下線640×96、番号240×240、ラベル480×160px。

2xは縦横それぞれ2倍です。透明な余白を含みます。

【使い方】

ZIPを展開し、PNGを編集ソフトへ読み込んで、説明する画面より上へ配置します。

縦横比を保って縮小し、指したい場所へ移動してください。商品画像の配置例は架空の画面です。

【利用できること】

個人・法人の商用利用、収益化動画、受託制作、加工ができます。クレジット表記は不要です。

素材を組み込んだ完成動画・統合済み画像の納品も可能です。

素材そのものの再配布・再販売、取り出せる状態のテンプレート配布はできません。

詳細は同梱のLICENSE.txtに記載しています。

【購入前に】

静止画PNGの素材です。アニメーション、SVG、フォント、編集プロジェクトは含みません。

ラベルの文字は画像に焼き込まれており、文言を直接編集する機能はありません。

編集ソフトごとの全バージョンで確認したものではないため、無料見本で透過と配置をご確認ください。

図形と文字をコードで配置して制作しました。素材の使い方はREADME.txtに同梱しています。

ファイルの不具合はBOOTHメッセージへ、ファイル名と使用環境を添えてお知らせください。