2017」用に、以前の記事を加筆修正してアップしています。今は日本中のあちこちで目にするようになった「いらすとや」さんの素材。気がつけば、駅やお店の張り紙、公共の場に至るまで、あらゆる場所に登場するフリー素材。その威力は、プロの仕事をも脅かすということで、以前話題になっていました。確かにネット上でも使っている人は多いし、使い勝手もよさげですが、SNSにシェアすることを前提とした昨今のネット事情を考えると、背景が真っ白というのはちょっと寂しい。縦長のものが多いのもちょっと気になる。いうことで、いらすとやさんの素材をちょいと加工して、ブログ用にちょろっとかっこよくしたものを、ちゃちゃっと作ってみたいと思います。3分クッキングならぬ、5分クリエイティブ!無料のツールを使って作りますので、ぜひ皆様もトライしてみて。準備するもの準備するものは次の2つ。・Canva(キャンバ)というサービスのアカウント(無料画像加工サービス)その他、必要であれば背景に使用する画像などを用意しておきましょう。丸や三角、四角、星やハートなど、一般的な形状のアイコンは、Canva側に用意されているので、細かなパーツは準備しなくても大丈夫です。無料で使えるサービスではありますが、アカウントが必要なので、あらかじめ取得しておいてくださいね。Canvaという、めっちゃオシャレな画像が作れる無料サービスを使います今回は「Canva」という無料で利用できる、オンライン上の画像加工サービスを使います。びっくりするほどスタイリッシュな画像が、ものすごく簡単に作れるんですよ。英語版しかありませんが、操作方法は難しくないので、言葉がよくわからなくても何とかなります。アカウントを取得する必要がありますので、事前に登録手続きをしておいてください。(1~2分程度)https://www.canva.com/ja_jp/※キャプチャ画像は英語版ですが、日本語版がありますのでご安心を!それでは、「いらすとや」さんの画像加工をスタート!作業の流れは大きく分けて5ステップ。1.Canvaにログインし、サイズを選ぶ2.イラストをアップロード3.背景を選ぶ4.文字の形状を選んで、好きな言葉を入力5.編集が完了したらダウンロードする1.Canvaにログインし、サイズを選ぶCanvaにログインした画面です。メディアにあわせていろいろなサイズが用意されているのが便利!今回は、Twitter(ツイッター)に最適化されたサイズで作ろうと思うので、右側の「More」と書いた+ボタンをクリックします。Moreをクリックした後の画面。Postを選択しました。※カスタムサイズもありますので、縦横サイズを任意で指定して作成も可能。2.あらかじめダウンロードしておいた画像をアップロードします次の画面です。画像加工を行う白いキャンバスが表示されています。ダウンロードしておいた画像をアップしますので、左側に表示されている「UPLOAD」というボタンをクリックします。すると、アップロードした画像が表示されます。「いらすとや」さんでDLしておいた、審判の写真です。ドラッグして、白いエリアに移動させます。自動的に、キャンバスに合わせたサイズになりますので、適宜大きさを調整しましょう。全体のバランスを考慮して、今回は上半身のみ使うことにします。3.背景を選ぶ次に背景画像を選びます。左側のボタンを「背景(BGGROUND)」へ切り替えると、今度は背景画像の候補が表示されますので、好きなものを選びましょう。有料のものと無料のものが混ざっています!無料のまま使いたい人は候補画像サムネールの右下に「無料(Free)」と書いてあるものにしましょう。選んだ背景が自動的に、イラストの背景部分におさまってくれます。今度は文字を載せます。右側があいてますよね。再度、一番左にあるボタンを「テキスト(TEXT)」へ切り替えます。デザインされたフォントが表示されます。日本語フォントは28種類あります。普段、あまり見かけない面白フォントもあるので、ぜひ気に入ったのを使ってみてくださいね。(欧文フォントは、ものすごい数で選ぶのが大変かも)候補を選んでクリックすると、自動的に右側のキャンバス上に配置されます。文字の大きさや位置、カラーなど自由に調整ができます。位置を決めたら、文字が書かれている箇所をダブルクリックし、テキストを編集します。2017.12.05」としました。この後、左側のボタンを「素材(ELEMENTS)」に切り替えて「アイコン(Icons)」を選ぶと、いろいろなマークやシェイプ、アイコンなどを入れることができるのですが、文字を配置してみたら、思いのほかおさまりが良かったので、今回は何も入れずこのままでOKとします。5.ダウンロードする画像が出来上がりましたので、あとはダウンロードです。画面右上に「ダウンロード(DOWNLOAD)」のボタンがありますので、クリックしましょう。ブログやSNSで使うのであれば、「PNG形式」でのダウンロードがおすすめです。(その他、PDF形式でのダウンロードも可能)作業はこれで終わりです。▼こちらが、実際にCanvaで作成し、PNG形式でダウンロードした画像です。作業したデータは自動的にCanva側に保存されているので、次回ログインすると表示されます。この画像をコピーして、再び加工することも可能です。その場合は、右側のコピーボタンをクリックしましょう。▼こちらは、コピーして背景をエンジに、文字を白にしました。(ほんの数秒)▼背景を、あらかじめダウンロードしておいたフリーの金閣寺素材に変更。こんな風に写真素材と合成するのも簡単です。以上!『Canvaを使って「いらすとや」さんの素材をグレードアップ!かっこいいブログ用の画像を作ってみよう』をお届けました。白地のイラストをそのまま使うと、どうしても安っぽい印象になりがちですが、こうしてほんのひと手間かけることで、あなたのブログやSNSの世界観に少しでも近づけることができる・・・ハズ。「いらすとや」さんのイラスト素材は、背景が透過されているので、とても使い勝手が良いです。考えられているな、と改めて思いました。2016年9月28日そしてCanvaという無料ツールは、とっても便利でオシャレなので、ぜひぜひ使ってみてくださいね~。ご相談はお気軽に!ホームページ制作やSNSの導入・活用支援、ITコンサルティング、講師や執筆などに携わっています。集客やウェブ活用、SNSの運用などでお困りの方は、ぜひご相談ください。>>FacebooktwitterHatenaPocketシェアするツイート★フォローお待ちしております!★chiba-ken関連記事ソーシャルメディアは「年金積み立て」のようなものネットの成功は「コツコツ頑張ること」という話を、よくセミナーでしています。ある程度の予算や人件費をかけて、売上UP、集客UPをする...記事を読む見積もりが高いといわれたら。見積もりが高いといわれたら。利益率と仕事の効率化にこだわった結果(4)ここは保護されたページです。ここは保護されたページです。ここは保護されたページです。ここは保護されたページです。#talknote2静岡でTalkNote第2回「Webの運営とマネタイズのポイントをワークショップとプレゼンで学ぼう!」に参加してきました。去年の夏にNexus7を衝動買いし、最初の頃ころ使い込んだものの、その後放置。一転、最近また使い始めたという話を書きました。コーミ焼きそばソース(名古屋...記事を読む商用無料の写真をflickrから検索できる便利サイトflickrから無料で商用利用可能なフリー素材を検索できるサービスです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。やってきたNexus7との別れ...思い出を振り返りたいと思います。やってきたNexus7との別れ...思い出を振り返りたいと思います。ウェブ★ノート|制作備忘録.。