運営ManagementWebマーケティングメルマガはどうやって始めたらいいのか。MiyajiFacebookTwitterはてブPocketFeedlyどうも、Webマーケ研究家の宮地です。動画制作を趣味でやっているのですが、その時に思ったことが「テロップ作りめんどくせぇ」でした。なんとか効率できないか調べたところ、CSVシートでテロップをまとめ、Photoshopから自動生成できるとのことで紹介します。【生産性爆上】Photoshopでファイルを読み込み、テロップを自動生成する方法Photoshopを使って、テロップを自動生成する方法は以下の通りです。テロップ自動生成手順1自動生成用のテロップが入力されたCSVを用意2テロップを生成するためのpsdファイルを用意3psdファイル上で、変換するテロップに変数を設定4「データセットから書き出し」テキストで簡単にまとめてみましたが、これだけでは何のこっちゃという感じですので、画像を用いて説明していきます。1自動生成用のテロップが入力されたCSVファイルを用意まずは自動ではき出したいテロップを準備していきます。エクセルを立ち上げ、1列目の頭に「nubmer」、2列目の頭に「telop」と打ちます。ちなみにこの「number」「telop」のテキスト自体は何でも良いです。その後、1列目には数字を順番に、2列目には挿入したいテロップを入力していきます。psdファイルで生成した時に、1行が1ファイルになるイメージです。ちなみに、セル内の改行は反映されますので、1行が長くなる場合は改行しておくと後工程が楽です。ここまでできたら、ファイルをCSVで保存します。UTF-8など細かい設定は考えず、ただのコンマ区切りのCSVファイルで保存しましょう。これでCSVファイルの用意は完了です。2テロップを生成するためのpsdファイルを用意テロップを生成するための元となるpsdファイルを用意していきます。Photoshopを立ち上げ、任意のサイズでファイルを新規作成します。次に、「1」という名前のフォルダと「2」という名前のフォルダを用意します(名前は任意で結構です)。「1」フォルダの中で、任意のテキストを作成し、透明にします(不透明0%)。「2」フォルダの中で、任意のテキストを作成します。ここのテキストのフォントが自動生成される時のデザインになるので、フォント種類・色・大きさ・行間をあらかじめ調整しておきましょう。これで、自動生成される元となるファイルが出来上がりました。次は、各フォルダ内のテキストへ変数を指定していきます。イメージ>変数>変数をクリックします。レイヤーから「1」フォルダ内のテキストを選択します。テキストの置き換えにチェックを入れ、CSVファイルの1列目頭のテキストを入力します。ここでは、テキスト「number」と入力することになりますね。入力後、「OK」を押します。再度、「2」フォルダ内のテキストにも同じ作業を実施します。ここでは、2列目頭のテキストである「telop」を入力しています。入力後、「OK」を押します。これで変数の設定が完了しました。4データセットから書き出しをするそれでは、いよいよ書き出していきます。作成したエクセルファイルを閉じてください。エクセルファイルを開いた状態だと正常に書き出し後行われません。次に、イメージ>変数>データセットをクリックします。「読み込み」をクリックし、先ほど作成したCSVファイルを選択し、「OK」をクリックします。すると、先ほど設定した変数の値に、CSVファイルのテキストが適応されていることがわかります。これにて準備完了です。ファイル>書き出し>データーセットからファイル...をクリックします。フォルダー選択で、書き出し先を設定したら、「OK」ボタンをクリックします。これでCSVファイルが読み込まれ、準備していたテキストが元のテキストのデザインで書き出されていきます。選択したフォルダで書き出されいます。CSVファイルのテキストが反映されていることが確認できます。改行も反映されていますね。これでいちいち入力せずにテロップを大量生産することが可能です。Photoshopでテロップを自動生成して生産性をアップしようここまで紹介したCSVファイルからテロップを生成する方法は、テロップのデザインが統一されているものであれば、非常に便利な機能です。重要なのは元psdファイルのデザインですので、しっかりと納得のデザインを作り込んでからテロップを生成していきましょう。【拡張機能で一発】Youtubeの動画広告を非表示にする方法2019.10.19拡張機能で一発解決できる、Youtubeの動画広告を表示させないようにする方法を紹介します。軸で比較してみた2019.9.28メルマガ配信サービスは色々な種類があるけれど、それを横並びで比較しているものがなかったので、比較表及びポイントレビューをまとめました。...Web屋なら入れておきたいChromeおすすめ拡張機能【10選】2019.8.11今回はWeb屋なら入れておきたいChrome(クローム)の拡張機能をまとめました。入れてないものがありましたら、是非この機会に追加してみてください。...LPを鬼速で作成できるサービス「ペライチ」の登録からLP作成までを解説します2019.7.23「HTMLとかCSSができないけど、いますぐにLPを急ぎ作る必要がある」このような方へ向けて、プログラミングなしで簡単にLPを作成できる『ペライチ』の導入方法を解説します。Miyajiwebマーケターとして日々奮闘しております。webマーケティング/ライフハック/将棋/運営等のジャンルでお送りしております。関連キーワードphotoshopAdobeの関連記事Photoshopで「書き込み許可がありません」と表示される時の対処法2020年1月19日Safariでデベロッパーツールを表示させる方法2019年11月運営報告おすすめの記事Webサービス【さくっと変更】Chromeからのファイルのダウンロード先を変更する方法Chromeからのファイルのダウンロード先を変更する方法を画像付きで紹介します。1.Chromeの設定を開く。2.「詳細設定」をクリック。新年明けて、早くも1ヶ月が経ったことにビビっている。Webマーケ研究者宮地です。今年も楽しくブログを運営していきます。「SEMrush」はメディアのSEO担当者やブロガー、アフィリエイターに必要不可欠な分析ツールです。豊富な機能を紹介します。それぞれの見...運営2019年2月ブログ運営報告2月は逃げる。いうことで、光の如く早く過ぎ去っていった2月を振り返りたいと思います。...Webサービス【実体験】サイトロゴを依頼するならクラウドワークスのコンペがおすすめという...最近当ブログのロゴをクラウドワークスのコンペで作成していただきました。今回はサイトのロゴを依頼するならクラウドワークスのコンペがいいですよ、...Webサービス趣味を副業に!趣味のスキルシェアで副業の下積みができる「趣味シュミ」がリリー...「趣味を副業にアップデート」を謳うプラットフォーム「趣味シュミ」をご紹介します。新しいプラットフォームの誕生に心躍るばかりです。Analyticsで測るには?【direct/...今回は、「メルマガの効果をアナリティクスで測りたい」「メルマガの流入をdirect/noneではなく、メルマガであること判別したい」など、メ...プロフィール宮地誠心@webマーケ研究者webマーケターとして日々奮闘しております。webマーケティング/ライフハック/将棋/運営等のジャンルでお送りしております。