【プロモーション素材】Photoshopで編集可能なLINEトーク画面を作成しました。

この記事で手に入る素材

編集可能なLINEトーク画面風Photoshopデータ

現在仲間と一緒に絶賛開発中のサービスプロモーション用に、LINEのトーク画面風画像を作成する必要が出てきたので作ってみました。

Photoshopユーザーならテキストも画像も手軽に変更可能✦

実際のデモ画面のスクショを合成したりつなぎ合わせるのでも良かったのですが、どうせちまちまユーザー名や時間を調整する必要がでてくるなら、むしろテキストデータを扱えない画像合成はめんどくせえ!!ということで…編集可能なLINEトーク画面(風)をPhotoshopで再現してみました。

Kai

あくまでも”風”としつこく言っているのは、汎用性重視で色の調整などを厳密にはやっていないから!

ただ、本格的に似せたい人にも、調整のためのベースにくらいは活用してもらえるんじゃないかな(๑´ڡ`๑)

構成はこんな感じ!!

背景が白や薄いグレー、ピンクなどの淡いverと、ダークなverと2種類用意しています。

Kai

どの背景が来ても微調整ですむような感じになってるハズだけど、細かいところが気になる人は自分で調整してみてね!


 
・ テキストレイヤーを保持しているのでユーザー名やテキストをカンタンに変更できます!
・ 画像は(一部)スマートオブジェクトを追加済みなので差し替えるだけ!

psdファイルをダウンロード

おわりに

常日頃モックアップ系の素材には大変お世話になっております。
 
Apple関連やAndroid端末でも有名どころは発売されると速攻で神がかったモックが出回りますし、FacebookやTwitterなどSNS関連の素材も数多く存在するのですが、意外とLINEのトーク画面って見つからなかったんですよね。。
 

Kai

同じようなシーンでお悩みの人に届くように、ぜひシェアして広めていただけたらうれしいです!ʕ•̀ω•́ʔ✧

おまけ

今回はデザイナー向けのPhotoshop素材ですが、一般のユーザーさんが手軽にできる選択肢は下記記事でご紹介しています。
合わせて参考にしてみてくださいね。