twitter ヘッダー 王冠 5

どの動画を見る時は、ワイヤレスのBluetoothのイヤホンが手ぶらで音が聞けるので便利です! ※ この noteは有料記事となっていますが、ご購入いただかなくてもノウハウ部分は全て無料で読むことができます。, 写真などの画像を扱うデザインをする場合、最強のツールは(今のところ)Adobe社のPhotoshopです。, ただ、数年前からサブスクリプション方式(月額制)で利用できるようになったとはいえ、メインの仕事であまり使うことがないようなノンデザイナーさんにとっては、まだまだ高額なサービスであることには変わりありません。, しかしこの現在最強のPhotoshopですが、すべての人にとって最適なツールかと聞かれれば答えは「NO」です。, プロドライバーがサーキットで最速のラップタイムを叩き出すためにはF-1マシンが最適ですが、近所のスーパーへ買い物に行くためだけに車を使う奥様にとっては無用の長物です。, そんな奥様には、せまい路地でもスイスイ走れて駐車場にも停めやすく、しかもそこそこ荷物も積める軽自動車こそが最適といえるでしょう。, 自分のTwitterのヘッダー画像や、Facebookのカバー画像、ブログで使うアイキャッチ画像などが手軽に作れて、ちょっと頑張ればプレゼン資料やチラシ、ポスターのデザインまでできちゃう。, そんなニーズに完璧に応えてくれるツールが「Canva」なんです。しかもほとんどすべての機能を無料で使うことができます。(有料プランもあります), 今回このnoteでデザインするのは下のTwitterヘッダー画像ですが、Canvaの使い方さえ覚えてしまえば、その他いろんなデザインに応用できるので、ぜひ一緒に手を動かして作ってみてくださいね。, まだCanvaのアカウントを持っていないならまずこちらからアカウントを作成してください。, ・Googleアカウントで登録したい方は「Googleで登録」・Facebookアカウントで登録したい方は「Facebookで登録」・メールアドレスで登録したい方は「メールアドレスで登録」, ログインしたら「デザインを作成」にある「Twitterヘッダー」を選択してください。, そうするとTwitterヘッダーのサイズ(1500 x 500 px)の真っ白なキャンバスが開きます。, 今回はテンプレートは使いませんので、背景画像を選ぶために左側の「写真」タブを選択します。, 検索窓に「路地裏」と入力し、気になる写真をクリックすると、写真がキャンバスに追加されます。, 何枚選択してもかまいませんが、使う写真が決定したらその他の写真は右上のゴミ箱で削除しておきましょう。, 今回は「カメラを構えた女性」をメインのオブジェクトとして配置しますが、さきほどの背景写真のようにCanvaの素材ではなく、無料の写真素材サイト「Pixabay」からダウンロードしました。, 「女性 カメラ」で検索し、イメージに合う写真を選択したらサイズを選んでダウンロードします。, キャンバス以上に大きなサイズでも意味はないので、今回は 1280 x 853 を選択しました。, なぜCanva内の素材を使わず、わざわざ別サイトからダウンロードしたかというと、背景写真に合成するために、女性の写真を切り抜きたかったからです。, 今まではPhotoshopなどの高機能デザインツールがないとむずかしい作業だったんですが、「remove.bg」というサービスを使えば一瞬で切り抜き作業が完了します。, ダウンロードした画像を remove.bgにドラックアンドドロップするだけのお手軽さなので、ぜひ利用してみてください。, ご覧の通り数秒でこの仕上がりです。切り抜き作業が終わったら、ボタンをクリックしてダウンロードします。, 素材のダウンロードが完了したらCanvaの画面にもどり、左側の「アップロード」タブをクリックします。, アップロードエリアにさきほどダウンロードしたファイルをドロップすれば即アップロードされるという、直感的に使えるところもCanvaの魅力です。, アップロードが完了すると、アップロードエリアに女性の写真が格納されるので、さきほどの背景写真と同様にクリックでキャンバスに配置します。, 配置が終わった状態では、ただ写真を重ねただけの状態ですので、より自然に合成されるように、それぞれのオブジェクトの色調と画質を調整します。, 調整したい写真をクリックで選択し、「調整」ボタンをクリックしてメニューを表示させます。, いくつかの調整スライダーが表示されますが、インスタグラムなどで写真の調整をしたことがある人なら迷うことなく使えると思います。, 上の図が背景の調整値、下が女性の調整値ですが、もちろん使う写真でこの数値は変わりますので、あくまで参考程度に見ておいてください。, 「ぼかし」は +側にスライダーを動かせば「ぼかし」で、−側は「シャープ」になります。, それぞれの写真の調整はしましたが、まだ若干の違和感が残っているので、ここで小技を使います。, 「素材」タブの「図形」から四角い図形を選択して、キャンバスいっぱいになるようにサイズを調整します。, カラーのボタンでパレットを表示させて、背景にも女性にも馴染みそうな色を選んでクリックして、図形の色を変更します。, サイズと位置を調整して、色を「白」に変更すれば、グッとヘッダー画像っぽくなりました。, 左側の「テキスト」タブを選択して、「見出しを追加」をクリックしてキャンバスにテキストを配置します。, 「見出しを追加」の他にも「小見出しを追加」「本文を追加」とがありますが、これはフォントの種類と文字のサイズが違うだけなので、まったく気にしなくてOKです。, その下にある「フォントの組み合わせ」も同様で、入力する文章の長さが変わればデザインも崩れてしまうのであまり意味はないと思ってます。, ブログエディターなどでもおなじみの編集ツールが並んでいますので、お好みの編集を施してください。, 色、フォント種類、サイズのほかにも、段落表示や縦書きなどへの編集もできるので、いろいろ試してみてください。, コピーの「日常を写真で切り取ろう」は、作例なので適当中の適当です。実際にヘッダー画像をデザインするときは、伝えたいことが伝わるよう、これでもかってほど考えに考えてくださいね。, 白色の文字を使いたいんですが、ただ配置しただけではいまいち目立たないので、文字の背面にテキストボックスを追加します。, さきほど背景写真と女性の写真をなじませるために配置した調整レイヤーと同じように、「素材」タブの「図形」から四角い素材を配置します。, 文字の手前(前面)に配置されてしまった場合は、「透明度」ボタンの並びにある「配置」ボタンから、文字の後ろ(背面)になるように調整してください。, 「日常を写真で切り取ろう」の文字列、このままでもいいのですが、もう少しインパクトと変化がほしいところです。, 今のCanvaの仕様では、文字列の一部だけフォントの種類、サイズや色を変更することはできません。, なので多少力技にはなりますが、1つの文字列を「日常」「を」「写真」「で切り取ろう」という4つに分解します。, 文字列をコピーして調整してもいいですし、新たに「見出し」を必要数追加して編集してもいいでしょう。, それぞれの文字列の編集が終わったら、さきほど配置したテキストボックスの上に一列に配置します。, 配置した文字列は、後の編集で移動させることがあるので、ここではバラバラにした文字列をグループ化しておきましょう。, グループ化することで、一つのかたまりとして扱うことができるようになるので、移動やサイズ調整が楽になります。, まず「日常」「を」「写真」「で切り取ろう」この4つの文字列を、シフトキーを押したまま選択します。, 選択した文字列を右クリックして、表示されるメニューの中の「グループ化」もしくは上部メニューの「グループ化」をクリックして完了です。, 逆にすでにグループ化された文字列を選択すると、メニューが「グループ解除」になるので、個別に編集が必要な場合はグループ解除すればOKです。, 文字列が1行だと少しさみしかったので、「テキスト」タブを選択して文章をもう1行追加してみました。, 背景とメインオブジェクトの配置、画質と色調の調整、アクセントと文字の配置が終わり、ほぼほぼ完成形に近づいてきました。, ただしTwitterのヘッダー画像の場合は、ここからどうしてももうひと手間必要となります。, 現在のTwitterでは、ヘッダー画像の上にアイコンが表示される仕様になっています。, ヘッダー画像の左下の一部分に、アイコン画像が被って隠れてしまう領域が存在するんです。, しかもパソコンのブラウザで見るときと、スマホのアプリで見るときとでは、隠れてしまう領域の面積が違うという悩ましさ・・・, パソコンのほうがアイコンが大きく表示されるので、スマホより隠れる領域は広くなっています。, ただしスマホアプリでは、アイコン以外にも最上部に電波状況、時計表示、電池残量のアイコン、そして戻るボタンとメニューボタンが表示されます。, ヘッダー画像をデザインしてTwitterにアップロードする。確認してみると大事な文章やメインのオブジェクトが隠れちゃってる。, これを繰り返してたらレイアウトが崩れてしまって、デザインとしてのクオリティが下がってしまうこともあります。, できることなら最初から表示領域を考慮したデザインができれば・・・ということで作ったのがこの「表示領域確認テンプレート」です。, ダウンロードしたテンプレート画像は、切り抜いた女性の画像と同じように「アップロード」タブを開き、ファイルをドロップしてアップロードしてください。, アップロードが完了したら、クリックしてキャンバスいっぱいになるようにサイズ調整して配置します。, 最前面に配置すれば、透過PNG画像なので透明度を調節しなくても隠れてしまう領域を確認することができます。, パソコンのアイコン画像、スマホのアイコン画像、iPhone 8 以前とiPhone X 以降のステータスアイコンとメニューボタン、戻るボタン、そしてノッチがすべて表示されているので、かなり雑多な印象ですね(汗), ボクがCanvaで一番不満なのは、各オブジェクト(レイヤー)の選択が非常にしにくいことです。, 例えば今回のように、女性の写真を移動させる場合、女性より前面にある白枠のレイヤーと、背景と女性をなじませるために配置した透明度を落としたカラーレイヤーが邪魔をして、直接女性の写真を選択することができません。, それぞれのオブジェクトの位置を調整して、大事な部分がアイコンなどで隠れてしまわないことが確認できたら、透明度を落としたカラーレイヤーと白枠のレイヤーを元の位置に戻し、表示領域確認テンプレートを削除して完成です!, 1枚のTwitterヘッダー画像を一気に作りあげてきましたが、いかがだったでしょうか?, 今回は「Canvaの使い方」ということで、ツールを使う技術にフォーカスしてお話ししましたが、Twitterヘッダー画像の本当の役割は、派手に装飾することでも、優れたデザイン技術をアピールすることでもありません。, 先日リリースしたnoteでは、伝わるヘッダー画像をデザインするためのヒントとコツについてお話ししていますので、よかったら参考にしてください。, また、ヘッダー画像以上に大切なツイートの内容そのものについては、ボクも参加しているオンラインサロンのオーナーりょうさんのnoteがとても参考になるので併せてどうぞ。, 今回もノウハウ部分はすべて無料で公開していますが「ためになった!ありがとう!」「応援してるよ!がんばって!」という心優しいお方はぜひこのnoteをご購入ください。, このnoteは、ボクが実際にCanvaを使って解説しながらヘッダー画像をデザインする様子を動画に収め、それを文章に書き起こしたものです。, 学習効率を考えて今回のような形式にしましたが、購入者特典としてこの解説動画をプレゼントさせていただきます。, 動画の後半では付録としてもう1枚、下記のヘッダー画像をデザインする様子もこっそりと収録されています。, グラデーションレイヤーの使い方、Canvaのデフォルト機能にはない文字に影を追加する方法(ドロップシャドウ)の解説もしています。, 完全無編集の動画なので本当は恥ずかしいのですが、実際の作業工程をすべて晒しておりますので、ぜひご覧ください。, 最後になりますが、もしよろしければで結構ですので、このnoteの感想をコメント欄、もしくはTwitter上からいただけると嬉しいです。, 「こんなTwitterヘッダー画像作ったよ!」という報告ツイートをいただければ、もちろんリツイートさせていただきます(*´∀`*), noteの見出し記事やTwitterのヘッダーで迷っている人へ、解決策を与えてくれます!だまされたと思って読んでみて?, デザイン初心者&デザインをビジネスに活かしたい人の味方 / 複業グラフィックデザイナー /「伝わる」をデザインする。ゲートスペースデザインを運営 / デザインに役立つ情報を発信することで頑張る人のビジネスを応援します。, かどまさん、大変勉強になりありがとうございました。デザインに疎い者からすると、まずツール選びからわからない。これが良さそうだとわかっても操作がうまくいかない。そして億劫になってしまいます笑。そのハードルを見事にこえさせてくれるのがこのnoteですね。大変具体的でわかりやすいです。また、不慣れな人も特典の動画を真似ればできると思います。.

世界史 ギリシア世界 問題 5, Gal 意味 スラング 8, Excel Vba Ado Find 複数 20, Eos Kiss M 連写 設定 4, ジャニーズ 平均身長 Snowman 42, サッカー ジュニア ブログ 5, Wrx S4 D型 12, 眼瞼下垂 アイプチ やり方 9, 電気 自動車 覇権 4, Cb1300 Sc54 軽量化 10, Pc電源 寿命 10年 29, ニラ 夜 ご飯 4, テンダーロイン 通販 公式 7, Vscode Vba Formatter 11, Premiere 色 反転 41, F30 助手席 異音 4, Dvi デュアルリンク 144hz 4, 楽天証券 住所 違う 12, Lixil 多目的流し 図面 5, Win10 ディスクチェック 起動時 5, Dell Bluetooth イヤホン 7, Lodder7 と は 6, Youtube 広告 見たい 29, スポーツ観戦 ファッション ママ 5, 地目 変更 費用 勘定科目 13, 業務スーパー バター ニュージーランド 4, 野原ひろし 勝ち組 なんj 37, 学校行事 休む 単位 21, 電子帳簿保存法対応 ソフト 一覧 7, 激レアさんを連れてきた 見逃し 見れない 13,

/** */