終了

ガイドの作成方法

エクスプローラー ,
Feb 09, 2022 Feb 09, 2022

リンクをクリップボードにコピー

コピー完了

PrでTikTokの広告動画を制作しているのですが、TikTokはアイコンなどの表示が多く、テロップの配置に気を使います。

そんな時たまたま画像1のようなガイドを発見しました。これは720×1280で作っているらしくPsでスクショ画面の上からなぞって作ったとありました。

自分は1080×1920で作ってるのでこのガイドは使えないので新たに作りたいと考えています。どのようにすればできるでしょうか?

 

バージョン : 23.1.1

キーワード
macOS , Windows

表示

356

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Feb 09, 2022 Feb 09, 2022

リンクをクリップボードにコピー

コピー完了

720×1280と、1080×1920は比率としては同じ9:16です。

そのため、下記いずれかで結果としてベーステンプレートとして使えることになります。

  • そのテンプレートをPhotoshopで開き、画像解像度で比率を保ってピクセル数を増やす
  • 1080×1920の新規ファイルを開き、テンプレートを配置して拡大する

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
エクスプローラー ,
Feb 09, 2022 Feb 09, 2022

リンクをクリップボードにコピー

コピー完了

この画像をPsで1080×1920に変更したのですが、TikTokで確認したらズレてました。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Feb 09, 2022 Feb 09, 2022

リンクをクリップボードにコピー

コピー完了

TikTokまったく知らない身なのですが、

端末ごとの画面サイズに依存した表示になって、アイコン類は下基準で配置されてるっぽいですね。

 

コンテンツの表示は原則として画面いっぱいです。

で、スマホの画面サイズは機種ごとに画面サイズ、縦横比がちがいます。

そのガイドは縦が一番短い(縦横比率がより正方形に寄っている)古い機種を基準に作られているかと。

 

よっぽど上のほうでない限り、アイコン類が並ぶ右180pxほどの領域には大事な物を置かない、が最適解かと思います。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
エクスプローラー ,
Feb 09, 2022 Feb 09, 2022

リンクをクリップボードにコピー

コピー完了

動画って端末の画面サイズが変わってもそれに沿って表示されると思ってたのですが違うのですか?

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Feb 09, 2022 Feb 09, 2022

リンクをクリップボードにコピー

コピー完了

動画ソースと再生端末アスペクト比が違う場合、動画のアスペクト比を保持せず画面にフィットするか、天地に余白(余黒)ができるか、左右がカットされるかはTikTok側の仕様、またはユーザーが任意に設定できるのかもしれませんが

ガイドとスクショで大きくズレているのは動画よりもむしろアイコンの座標ですよねこれ。

 

スクリーンショット 2022-02-10 15.04.15.png

 

よほど上の方でない限り右端180px程度の領域には読ませたい文字などを置くべきではないね、という一般論を展開しただけです。

もうPhotoshop関係なくなっちゃってますから。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
エクスプローラー ,
Feb 09, 2022 Feb 09, 2022

リンクをクリップボードにコピー

コピー完了

このガイドは720×1280で作られていて画面は1080×1920なのでズレますね。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Feb 09, 2022 Feb 09, 2022

リンクをクリップボードにコピー

コピー完了

最新

720×1280と1080×1920は同じアスペクト比(9:16)なのでズレる原因としては当てはまりません。

assausseさんも書かれています。

 

TikTokで確認したのはご自分のスマホでしょうか。1125×2436だとiPhone11Proですかね。

これはガイドとアスペクト比が合わないので見え方もちがうんでしょう。

スクリーンショット 2022-02-10 16.12.24.png

TikTokを開くユーザーがどんな端末を使うか全部想定して、うまいことアイコンにかぶらないように文字を置くには右端は避けるか、どうしても右端に置くならすごい上の方じゃないとだめだね、という話をしたです。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines