Twitter ヘッダー サイズ - クリスタ（CLIP STUDIO）でTwitterのヘッダー画像を描いてみた（初心者実践）

アプリをダウンロードする• 今の自分にしてはよく頑張りました。

少なくとも「 明るい色から塗り始めて、段階的に暗い色を置いていく」という基本は外したら駄目ですね。

アイコンを変更する際には、ヘッダー設定時同様にガイドラインが表示されます。

まだ、影の付け方に固さがあるけど、一応納得いく感じに塗れました。

きちっとはみ出さずに塗ることで、この色のレイヤーの上のレイヤーで「下のレイヤーでクリッピング」を設定すれば、上のレイヤーの色が髪色の範囲から出なくなります。

＜iPhoneから＞ ＜PCから＞ 設定時に自分が表示したい箇所が映るように、表示箇所の調整がしやすかったです。

こうやって並べてみると、パソコンとスマホでプロフィール画像の位置が違う事がわかりますね。

Part2. １つ目： アイコンで隠れる箇所 ２つ目： ヘッダー上下60ピクセル まず１つ目の「アイコンで隠れる場所」は、ヘッダー左下の部分のことです。

important;text-decoration:none! 【追記】iPhoneの場合 機種によっては「ノッチ」と呼ばれるフロントカメラを配置している部分があるそうです（知らなかったというか意識してなかった） それが、こちら。

（このやり方を知ったときは感動しました・・・） しかし、髪色のベースの色としては微妙でした。

2-3. ちなみに、グラデーションはクリスタのグラーデーション機能のプリセット「夜空」を使っています。

まとめ 自社のアピールができるヘッダー画像を万全に準備したのは良いものの、表示したい文字がアイコンとかぶってしまっていたり、表示に入りきらずはみ出してしまっているとせっかく画像を準備したのにもったいないことになります。

ただ、推奨サイズのヘッダー画像をアップロードしても、 Twitterのプラットフォームが想定するモニターやブラウザを使用しないと、その一部が切れて表示される場合があるので注意してください。

そして、オリジナルといえば「うちの子」でしょう！あとツインテールも。

そんなことにならないように各SNSのヘッダー画像の特徴を把握して作成するようにしましょう。

私のヘッダーは2020年4月21日現在、まだ非表示部分に文字が入っている状態です。