Blog Design

2021/3/26

【初心者も簡単】AFFINGER5(アフィンガー 5)デザインカスタマイズ

この記事を書いた人 ポイント この記事を書いた人 ・デザイナー歴11年(web、グラフィック) ・ブロガー向けにブログデザインを発信中 こんにちは!あるです。 今回ワードプレスのテーマをAFFINGER5(アフィンガー 5)にしました! AFFINGER5(アフィンガー 5)にした機会にデザインも一新しましたのでそのデザインカスタマイズ方法をお伝えしていきたいなと思います! Contents1 AFFINGER5(アフィンガー 5)って?2 AFFINGER5(アフィンガー 5)デザインカスタマイズの場所 ...

ReadMore

Blog Design

2021/3/7

スキマ時間にスマホで簡単!canvaアプリのおしゃれなブログアイキャッチの作り方/使い方

こんにちはあるです!今回はスマホアプリのcanvaを使っておしゃれなブログアイキャッチを作ってみます!DLから簡単に使い方を説明していきます。 いつもブログ書いた後にへろへろでアイキャッチまで気が回らない、、、 移動中や外出中の暇な間に作れたらな、、、 そんな方はスマホ版のcanvaを使えば ブログを書いた後にすぐ投稿できちゃいます! 時間を有効に使えてその分の時間を他に回せる! 使い方も簡単なので一度アプリを使ってみると時間に余裕ができますよ! Contents1 canvaアプリを早速ダウンロード1. ...

ReadMore

Blog Design

2021/3/25

ブログ初心者必見! おしゃれなブログデザインの作り方

こんにちはあるです! 今回はブログ始めたばかりの方むけのおしゃれなブログデザインの作り方を紹介します! ブログ初めて記事も書かないと・・・・色々勉強することばかりでデザインまで気が回らない・・・ そんな方に簡単ですぐできる方法が一つあります。 それは・・・ヘッダーを変更する。 これだけです。 では実際にみながらどれだけ違いがあるか見てみましょう! Contents1 ブログデザインとヘッダーの関係性2 じゃあおしゃれなヘッダーはどうすればいい?2.1 無料デザインアプリ「canva」でデザインする2.2 ...

ReadMore

Blog Design

2021/3/1

ブログヘッダーを【Canva】でおしゃれに簡単デザイン!

こんにちは!デザイナーのあるです! 今回はおしゃれなブログヘッダーをCanvaで作る方法を詳しく説明していきます! ブログでヘッダーは一番最初に目に付く部分ですので、デザインがしっかりしていたほうが信頼感が増え、記事の信頼感も同じくUPします。 アプリ版もありますが、今回はPCの操作方法をやっていきたいと思います。 Canvaはコチラ まずは右上の「登録」から無料登録をしましょう! 有料アカウントのほうが使える機能があって便利なのですが無料でもかなり使い勝手はいいです! 今現在30日間の無料お試しがあるの ...

ReadMore

Blog Design

2021/2/26

無料でおしゃれなデザインが出来る【Canva】でブログアイキャッチ画像を作る方法!

こんにちは、デザイナーのあるです! 今回は無料デザインツールの「Canva」の使い方を説明していきます!誰でも使えるのでみなさんも試してみてくださいね! Contents1 ブログのアイキャッチとは?2 早速Canvaを使ってみる2.1 デザインを作成→ブログ2.2 テンプレートを選んでいく2.3 テキストを変えてみる2.4 イラストを変更してみる2.5 色味を変更してみる3 完成! ブログのアイキャッチとは? アイキャッチとは「アイ」を「キャッチ」する。そのままですね。 このアイキャッチ一つで集客数が変 ...

ReadMore

Design LOG

文字と花を使った綺麗なデザイン

こんにちはあるです!

今日はフォトショップを使って花を絡めた綺麗なデザインの作り方を
していきます!

今回は完成PSDデータを置いておくので実際にデータをさわって
見てくださいね!(データは一番下に置いておきます!)
⬆︎最後まで読んで欲しい欲がでてしまってる

まずは完成品を!

よく、化粧品の広告や、海外のデザインで見かけるこれ・・・どうやっているんだろう?と
思ったデザイナーさん!

フォトショップのマスクがかけれれば誰でも簡単にできるんですよ!
これに必要なスキルは「マスク」「選択範囲」ができていればOKです!

では早速作って行きましょう!

まずはテキストまたはロゴを用意します

今日はこれ用にささっと作ったAWDESIGNのロゴを使って行きましょう!
ささっと作った割に結構お気に入りになってしまってます。
色までつけちゃってる始末・・・

話それましたがさっそくこれをフォトショップにコピペしましょう!

フォトショップにコピーする

色味は何色でもいいです!
ただ背景とテキストの色ははっきり分かれている方がのちのち作業しやすいですよ!

花を置く

今回はこの花を使用して行きます!

これを文字の後ろにペーストして行きます。
ここで使う花に関してはできるだけ花びらが大きい方が
最初は作りやすいですよ!

このときに
前面に出す部分を意識しながら置くといいですよ!

ここまでくれば80%完成です!
ここまでコピペしかしていないのに80%完成なんて・・・
すごく簡単!ではのこりの20%やって行きましょう!

文字にマスクをかけていく

レイヤーのこれですね!

こんな感じにマスクをかけていきます!

花を選択したあとに、文字レイヤーのところを消して行きます!
commandを押しながらレイヤーをクリックすると勝手に選択してくれますよ!

こんな感じです!(背景の色が変わっているのは気にしないでください・・・)

そして・・・マスクをかけおわると・・・

できました!背景の色に関しては同系色でまとめて綺麗にしています。

同系色や補色に関してはこちらで簡単に説明しています!

あとは花びらを足して、動きをつければ・・・

はい!完成です!
簡単でしたね!

光なんか足すと高級感ででますよ!

ではでは下記からデータをDLして実際にデータを触って作ってみてくださいね!

こちらからDL

-Design LOG
-

© 2021 ARULOG Powered by AFFINGER5