怒りをコントロールするには こんにちは Taraです。今回は怒りについて考えたいと思います。みなさん、怒ったりした時は どうされてますか?無理に怒りを抑え込んだり、怒る自分に、腹を立てたりしていません ... みなさんこんな悩みはありませんか?眠る事は大事な事だと分かっていても、色々と考え事ばかりして、中々寝付く事が出来ない。横になってはいたが、寝た気がしない。前回「睡眠不足はコスパが悪い」で、寝ないとどう ... 誰もが、楽しむ事が出来るウォーキング。 散歩などで日課にされてる方も多いと思います。ウォーキングや毎日の散歩が体に良いことは、色々な所で聞く事も多いかと。今日はそんな、気軽に楽しむ事が出来るウォーキン ... みなさんこんにちは。 突然ですが、みなさんはやる気が出ない時どうされてますか? 会社や組織での話ではなく、個人のレベルでの話です。 先日尊敬しているTestosteroneさんがこのようなツイートをさ ... 【簡単出来る・動くAR】Blender3DモデルでAdobe Aeroを試してみた, 【Google Arts & Culture】Play with Arts & Culture. Twitter使われていますか?中には、最近使い始めたという方もいるのではないでしょうか? しかし、Twitterには色んなマークがありますよね!そのマークがなんのマークか解らないという方もいるのではないでしょうか? アップデートいつの間にか新しいマーク増えてたりしますよね。 その時にガラスを割ってしまわないように、強化ガラスを貼っておきましょう! あれはtwitterの公式認証済みアカウントです。, しかし、最近このチェックマークの規制が優しくなってきたので、大物YOUTUBERの方とかなら青いチェックマーク付けれる可能性もあります。 どの動画を見る時は、ワイヤレスのBluetoothのイヤホンが手ぶらで音が聞けるので便利です! こんにちは、タラです。先日、Canvaを使って、Twitterのアイコンとヘッダーを変更しました。, まずはCanvaのサイトから会員登録をします。”Google”・”Facebook”・”メルアド”で登録出来ます。, Canva(キャンバ)は世界中で利用されている画像デザインツールです。有料プランもありますが、無料でも全然利用できます。WEB上で動くので、スマホやタブレットでも利用可能です。, まずは、ヘッダーを作ります。Canvaログイン後、デザイン作成⇒カスタムサイズを選びます。, 画面左側のメニューにたくさんの素材があります。この中から、自由に画像を選んだり組み合わせたり出来ます。ちなみに王冠のマークの付いている素材は有料プランになります。今回は素材の中にあるグリッドからこの背景を選びました。, この背景に動物たちのシルエットを加えました。今回はいつもお世話になっている「FLAT ICON DESIGN」さんとリンクされている「SILHOUETTE DESIGN」さんから動物の画像を選んでみました。, 動物達を、8体ほど選んで、画像サイズを一番小さくしてPNG形式でダウンロードしました。, シルエットの種類やサイズ、色も選べます。ありがたいサイトです (._. 音楽を流すことができたりとかなり楽しいです☆, 送料無料 iPhoneX iPhone X ガラスフィルム iPhone8 強化…, Twitterをよく見てたりすると、ついスマホを落としてしまった!という時ありますよね? しかし、Twitterには色んなマークがありますよね!そのマークがなんのマークか解らないという方もいるのではないでしょうか? 誰かが、自分に関するアクションを行った際にここに表示されます。, 下の「ニュース」のマークをタッチ、すると「twitterで話題のニュース」が表示されます。 )ちなみにTwitterはJPG、GIF、PNGのファイル形式が使えます。アニメーションGIFとかは置けないようです。※Twitterヘルプセンター>アカウント設定>プロフィールをカスタマイズする方法, Canvaの左メニュー”アップロード”から”デバイス”を選択。自分のPCやタブレットのダウンロードファイルから先ほどダウンロードした画像を選びます。すると、自動でファイルがUPされます。, アップロードした動物たちを並べていきます。画像のしたの十字マークのアイコンを使って移動させたり、回転矢印のアイコンで向きを変える事が出来ます。画像の枠線でサイズを変えられます。ちなみに、画像のヘッダーの上下60pxぐらいと画面の左下のアイコン部分は、見えなくなるので、文字や画像は置かないようにしましょう。, いらない画像は一度、図形を選んで、背景と同じ色を選べば、見えなくなります。背景と同じ色の「F1FEFF」を選んでひつじを見えなくしました。, 文字を入力して、フォントやサイズ、色を調整します。たくさんあるので、色々とお好みを試してみて下さい。, 最後に、作った画像をTwitterに反映させます。Canva右上にあるダウンロードから画像を、自分の端末にダウンロードします。その後、Twitterに入り直して”プロフィールを編集”カメラのマークを選びます。, 次に、先ほどダウンロードした画像を選択し、適用→保存で反映させます。うまく、出来たでしょうか?, 次はアイコンを作りますヘッダーと同じく、Canvaログイン後、デザイン作成⇒カスタムサイズを選びます。, アイコンの推奨サイズの400px ✖ 400pxと入力します。アニメーションGIF以外のJPG、GIF、PNG何々のファイル形式が使えますヘッダーと同じですね。アカウント設定>プロフィールをカスタマイズする方法, 次に、アイコンを作成します。ヘッダーと同じように素材を用意してもよいのですが、今回は、Canvaの中の”素材”の中の”図形”を選んで、作ってみました。左上の”〇”の形を8個選んだだけです。, 小さくしたり大きくしたり色も好きな色を選びます。細部にこだわらなければ簡単に作れます。カメを作ったつもりです (;_:)背景も単一の色を選んでみました。, 最後はヘッダーと同じく、作った画像をTwitterに反映させます。Canva右上のダウンロードから作った画像を、自分の端末にダウンロードします。, その後、Twitterに入り直し、”プロフィールを編集”カメラのマークを選びます。ファイルの一覧から、ダウンロードした画像を選んで”適用”→”保存”でOKです。, どうでしょうか簡単に変えることが出来ました。前のアイコンとギャップがありますが、良しとしましょう。CanvaはTwitterだけでなく名詞やポスター、ブログのヘッダーやアイコンにも利用できます。ただ、素材そのものをそのまま、商用利用は出来ないようなので、迷う場合は問合せた方が良いですね。無料画像素材のライセンスまた今回画像を使わせてもらった「FLAT ICON DESIGN」さんと「SILHOUETTE DESIGN」さん無料の写真を検索出来る「O-DAN」さんなど、ありがたいサイトがたくさんあるので、工夫次第でアイコンなど、簡単なものはつくれますね自分もお世話になってます。もし、もっとプロっぽい感じなら“ココナラ!”に依頼すると良いですよ。, 千円~全然レベルが違うものを作ってくれます。以上、「Canvaを使ってTwitterのアイコン・ヘッダーを作ってみた」でした。最後まで、読んで頂いてありがとうございました (^^)/, 補足ヘッダーの文字を少し変えてみました。Canvaにログインすると、前回作ったものが、自動で保存されています。変更したい時、また最初から作らなくて良いので便利ですね ( 一一). 関連:【twitter】日付・期間・日時を指定しツイートを検索する方法!. 1000円ぐらいで、予防できるので、コスパめっちゃ高いです^^, 送料無料【圧倒的な高評価レビュー4.5点!】【楽天1位】Mpow イヤホン bl…, 最近は、Twitterでも動画が多いです☆ 他にもTwitterの情報をまとめているので、良かったらこちらもご覧ください↓↓↓, 【Twitter】 The latest Tweets from しふぉん☆ ⋆* (@chiffon_pad). 左下のホームマークを押すと、自分のフォローしているユーザーのツイートが流れている画面になります。 ※ この 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ですね。大変具体的でわかりやすいです。また、不慣れな人も特典の動画を真似ればできると思います。.