Canvaでデザインを楽しまれていますか？もっとこんなデザインできたらいいのになと思う事はないですか？その中の一つ。画像のまわりにふちどりをつける方法を解説します。
画像のまわりにふちどりをつける事ができれば、ポップな感じ仕上げる事もできます。また、ロゴやワッペンなどの作成時に周囲にふちどりを入れる事で、一気にプロっぽい仕上げにすることもできます。
画像のまわりにふちどりをつける方法！
画像のまわりにふちどりをつける方法だけでなく、ふちどりを付けた作品例も掲載いたしますので、最後まで読んでいってくださいね。
この記事を書いた人
どんぐり所長
- アイキャッチデザイナー
- ブログ用のアイキャッチ、ヘッダーなどの制作が得意
- CanvaPRO使用
- ブログサイトを４サイト運営
- twitterフォロワー 8,000人以上
- 140名以上在籍のブログデザインコミュニティ運営者
- Nobilista公式アンバサダー
この記事を書いた人
どんぐり所長
- アイキャッチデザイナー
- ブログ用のアイキャッチ、ヘッダーなどの制作が得意
- CanvaPRO使用
- ブログサイトを４サイト運営
- twitterフォロワー 6,900人以上
- 140名以上在籍のブログデザインコミュニティ運営者
- Nobilista公式アンバサダー
Canvaとは
Canvaとは、言わずと知れたオンラインデザインソフトの雄！
ブログ界隈では使っている人、多いですよね！
Canvaはオンラインクラウド上で操作できる、デザインサービス。データがクラウドで保存されているので、場所や端末が変わっても、ログインさえすれば、どこでもどの端末でもデザインすることができます。
用意されている画像や写真、フォントの数が非常に多く、そこから選んでいくだけで簡単にデザインが完成します。
さらに有料プランである「CanvaPRO」に加入すれば、画像・写真・フォントが使い放題になります。その他にも便利機能が使えるようになりますので、ぜひCanvaPROも検討してください。
Canvaで画像のまわりにふちどりをつける方法
ここからは、実際に画像にふちどりをつけるまでの手順を解説していきます。
ふちどりをつける最大のポイントは「グロー」！
グローとは、画像の周りぐるっと等幅の影をつける機能です。この機能を上手に活用してふちどりを作ることができます。
グローを使ってふちどりをつける手順
まずは切り抜き画像を用意しましょう。自分で「背景リムーバ」や「透過保存」を使って作ってもいいですが、Canvaでは、切り抜き画像の素材が多数用意されています。その中から選んでもいいですね。
今回は「アニメ」で検索して、その中から女の子の画像を選択してみました。
切り抜き画像を作るには、canvaPROにすると簡単！
- 画像の上でクリックし上部バーで「画像の編集」を選択
- 左サイドバーから「影付き」を選択
ふちどりの秘密は「影付き」にあります…！
- 左サイドバーからグローを選択します
グローは画像のまわりに均等に影をつける機能です！
これで女の子の画像のまわりに影がつきました。
- 再度、グローを押し設定画面に切り替えます。
- 透明度を100にする
- ぼかしを０にする
- ふちどり幅のサイズを調整（今回は15にしてみました）
- ふちどり色の選定（今回は白にしました）
- 適用を押して完成
自分好みに調整してください。
あとはサイズの調整をして完成！
どうです？簡単でしょ。
動画で確認
今回は実際にふちどりを作っているところの動画を用意致しました。ぜひ、実際のやりかたを確認してみてくださいね。
グローの活用例
ここでは、ふちどりを使った作品例を挙げていきます。グローの機能を使えばいろいろなことができます。
二重ふちどり
グローを適用して保存したのち、再度グローをかける事で二重ふちどりを作成することができます。
再度、適用➤グロー➤適用➤グロー…と繰り返していくことで、いくらでもふちどりを重ねることができます。
でも動作が重たくなるので、やりすぎに注意！
テキストと画像を一緒にふちどりする方法
このグローを上手に使えば、テキストとイラスト（写真）等をまとめてふちどりすることができます。
上記の画像は、kenchicoさんが作成されたロゴデザインです。
左の画像でも素敵なのですが、なにか物足りなさを感じませんか？
右側がふちどりを入れた画像です。こちらはポップな印象がついて、まるでアメリカの商品のような仕上がり。一気に本格的になりましたね。
kenchicoさんは美味しそうなブログを書かれていますので、この機会にぜひ覗いてみてくださいね。
テキストとイラストを一緒にふちどりにする方法
- テキストと画像を一緒に配置してデザインを完成
- png形式で透過保存
- 新しいデザインに先ほど保存したpng形式の透過画像を貼付け
- その画像にグローでふちどり加工
この手順を踏む事で、画像とテキストを合わせた形でふちどりをすることができます。
文字のまわりにグローをかけたい場合も同じ手順です。
少し手間ですが、効果はバツグンだ！
ロゴを作ってみよう！
当サイトのサイトロゴも、グローを使ったふちどりを使用しています。
一文字一文字バラバラに配置していますので、スプライスなどを使ったふちどりが使えません。
この場合、前述したいったん透過保存して、そのまわりにふちどりを配する方法なら簡単にふちどりをつける事ができます。
最後にまたpng形式で透過保存すれば、立派なサイトロゴの出来上がり！ぜひ、あなたのサイトのロゴも作ってみましょう。
上手にふちどりをつけられれば、お洒落なサイトロゴが完成しますね！
グローでふちどりを作る Q&A
ふちどりを使って、楽しくデザインしよう！
覚えてしまえば簡単ですね！
いろいろな事に応用できるから、覚えておいて損はない技です。
切り抜き画像のまわりにふちどりをつけられれば、デザインの幅が広がります。応用すれば、ポップな画像やロゴの作成が非常にはかどります。
いつもと変わり映えのしないデザインから脱却するためのひとつの方法として、このふちどり法を覚えていただければ、あなたもきっと素敵なデザインを作る事ができます。
楽しくデザインしていきましょう！ではっ！
どんぐり所長のおすすめツール
どこでも、どんなデバイスでも順位チェック
ブログ記事の順位を確認していますか？どんなキーワードが上下しているのか知る事はブロガーでは必須と言えます。
ほとんどの方がダウンロード型の順位チェックツールを使用されていますが、私はコレ。「Nobilista」。クラウド型のチェックツールです。
クラウド型とは、ネット上にあるサーバーにデータが保存されている順位チェックツールです。従って、お家のパソコン以外でも情報にアクセスできちゃうんです。これが想像以上に快適で、一度体験すると戻れなくなっちゃう。詳しい記事を書いていますので是非読んでみてください。
実は私、Nobilistaの公式アンバサダーをさせて頂いています。使いだしたら超気に入ってしまって、気づいたらアンバサダーになっていました。そんな私が、おすすめする「Nobilista」。今なら7日間無料でお試しができます。クレジットカードなどの情報を入れなくても試せるので、ぜひあなたにも試してほしい。
＼場所を選ばない快適さを体験して／
Nobilista公式サイト
当サイト推奨 デザインツール
当サイトでは、ブログ初心者でも簡単・無料で美麗なデザインが作成できる、オンライン画像作成フォーム「Canva」を推奨しています。数万点の素材やフォントが用意されていて、選ぶだけで簡単にプロ並みのデザインを作成する事ができます。これから先、会社員の仕事でも使用する事になるかもしれないほど普及が広まっています。覚えるなら早い方がいいですよ！
当サイトのデザインは、SWELLで再現可能
私はSWELLを2年使用してきました。現在４つのサイトでSWELLを使用しています。
SWELLを使用する理由は、簡単・綺麗・速い。
実際このトップページも、SWELLの標準機能だけでデザイン。
お洒落なブログを作りたいあなたにピッタリのWordPressテーマです。
私が実際に使用して実感したSWELLの特徴は以下。
- 完全ブロックエディタ対応
- 直感で使える操作性
- 便利な専用ブロックを多数用意
- お洒落なトップページが簡単に作れる
- 最速レベルのページスピード
- 一度購入すれば複数サイトに何度でも使用可能
- ユーザーの利便性を考える熱意の運営者
- SWELLを紹介すればアフィリエイト報酬が貰える（購入者のみ参加可）
- 販売価格 ￥17,600（税込）
唯一の欠点は価格の高さ。しかしそれは、SWELLがハイクオリティだから。
そして、運営者がとびきりの対応をしてくれる必要経費。
SWELLにはアフィリエイトプログラムがあり、紹介すれば利益を得ることもできます。
よく、「アフィリエイトがあるから紹介しているんでしょ。」と言われますがこれは違います。
惚れ込んだWordPressテーマに、たまたまアフィリエイトがあっただけ。
あなたもSWELLを体験すれば、きっと紹介したくなります。
＼圧倒的な操作性を体験せよ／
あなたも今日からSWELLER！
お気軽にコメントください