20代で弾けた人物の『フリーランス発信局』

違法な居酒屋バイトの経験から「フリーランス」を目指す〇現在はイラストレータとして活動中〇フリーランスとして活動する為の情報を発信します。

ブログのヘッダーイラストを描こう

 

読者の皆さん、こんにちは!

フリーランスイラストレーターとして活動しる雨音C(@akyuurikei)です。

 

いきなりですが、皆様は気付いていますか?

ブログの形式が少しずつ変わっています。

変わっている点として、アイコンが追加されたり、私のつぶやきが見れるように

なっています。

 

ブログとしてこの形式でも問題ないのですが、気になる点があります。

それは、『ブログのヘッダーに個性がない』ことです。

自分のブログですから、もっと私らしいブログにしたい。

 

なので、今回はブログのヘッダーイラストを描いていこうと思います。

 

〇ラフから下書きまでのイラストを描いていく

f:id:amaneC:20181009162327j:plain

始めにブログのヘッダーイラストのイメージを決めていきます。

私のブログは「イラスト、フリーランスSNS,ブログ」

中心に運営しています。

この事を意識してブログのヘッダーイラストのイメージを決めました。

 

頭の中に大体のイメージができたので、ヘッダーイラストの構図を決めます。

f:id:amaneC:20181018203556j:plain

 

画像だけだとわかりにくいので説明していきます。

〇ブログのタイトルを中心より少し左よりに

〇キャラクターをブログタイトルの次に目立たせる

〇スピーカー(多くの人に言葉を伝えるため)

 

この時、私が気を付けていた事

それは、「目立たせたいものを中心に配置しない」

理由としては、ありきたりなデザインになるからです。

中心に配置するパターンはよく見かけるので、今回はあえて避けました。

 

ヘッダーイラストの構図が決まりました。

次にいっきに下書きに進みます。

キャラクターは昔記事にした「イラストアイコンの制作過程」

作ったものを使用します。

 

まだ読んでいない方は是非読んで下さい。


 描いた下書きがこちらになります。

f:id:amaneC:20181018205142j:plain

 

下書きで取り入れた要素として

〇キャラクターの要素を加える

〇イラストに動きを出す

 

まずはキャラクターの要素について。

このキャラクターの設定「メモは紙に書く」をイラスト内に取り入れました。

キャラの良さが出ていると思います。

 

次にイラストに動きを出しました。

イラストから髪の毛や紙が風に舞っている事がわかります。

動きを出すことで、イラストの魅力が上がります。

 

下書きまでいきました。

ここからスピードを上げて完成させていきます。

 

〇線画からイラストを完成させる

f:id:amaneC:20181010075635j:plain

下書きが終わったので、線画に移ります。

描いたものがこちらになります。

 

f:id:amaneC:20181018210751j:plain

スピーカの線が太いですが、最終的に消すので気にせずに描いています。

線画までいったので背景をある程度完成させてベタ塗りまでいきます。

 

f:id:amaneC:20181018211345j:plain

ベタ塗りが終わりました。

背景色は文字やキャラクターの事を考えて薄い水色にしました。

 

ベタ塗りまでいきましたので、ガシガシと色を塗っていきます。

f:id:amaneC:20181018212212j:plain

ここまできたらほぼ完成です。

後は、文字を配置して色の補正をしていきます。

 

そして、完成したのがこちらになります。

f:id:amaneC:20181018212455j:plain

説明として、ブログタイトルのフリーランス発信局」を前に出したかったので目立つようにしました。

具体的には文字の大きさを変え、目立つ色にしました。

 

〇おわりに

今回は、ブログヘッダーのイラストを描きました。

ヘッダーを作るにあたって、Googleなどで知らべ自分なりに工夫を施しました。

 

フリーランスの依頼としてブログヘッダーイラストの依頼は結構見かけます。

依頼があった場合、今回の知識を生かしていきたいです。

 

今回も記事を読んで頂きありがとうございます。

また次回の記事でお会いしましょう。

 

イラストアイコンの制作過程

 

読者の皆様、こんにちはフリーランスイラストレーターとして

活動している雨音C(@akyuurikei)です。

今回は依頼の中でも特に需要がある、イラストアイコン作成の流れを記事に

したいと思います。

 

アイコンは『自分の顔になる重要なモノ』なので工夫を凝らして描いていきます。

今後、イラストでアイコンを作る人の役に立てれば嬉しいです。

 

〇キャラクターを決める

f:id:amaneC:20181009161956j:plain

イラストを描く時、始めに何をしますか?

中には初めから筆を握って描いていく人もいると思います。

私はイラストを描く前、キャラクターイメージを決めていきます。

ここである程度決めて置くと後の作業が楽になります。

 

まずは使用する色決めです。

・メインカラー  :黄色に近いオレンジ

・サブカラー   :白

・アクセントカラー:青

あまり色が多いと、まとまりがなくなるので3色に絞っています。

 

それぞれの色を選択した理由としては。

・オレンジ:楽しく、明るい雰囲気を出すため。

・白   :オレンジ、青どちらとも相性がよい。絵全体のまとまりをだす。

・青   :オレンジの補色。目立たせたい部分に使います。

 

色決めが終わりました。

次にキャラクターの外見を決めていきます。

・性別     :女性

・取り入れる要素:アンテナ、デジタル、波

 

取り入れた要素について説明していきます。

・アンテナ:ブログの名前「発信局」からの連想。多くの人に伝えたい。

・デジタル:今のIT時代にキャラクターを溶け込ませたいから。

・波   :ブログから連想を続けた結果から、声→音波→波。

 

最後にキャラクターの性格を決めます。

今回はブログのキャラクターになるので、ブログの方向性から決めます。

・性格  :元気で活発的、人とお話するのが大好き。

・ギャップ:デジタル機器をよく使うが、用事などは紙でメモを取る。

・過去  :昔は人と話すのがニガテだったが、自分を奮い立たせ克服した。

 

ギャップを決めて置くとキャラクターにリアルティーがでるので、より親しみやすくなります。

重要なことは、『絵で描けない設定を書き出すこと』です。

人によっては、家族構成、名前、出身地などもっといろいろと書き出します。

 

色決め、要素、性格を決めました。

決める順番は考えやすいものから決めていきましょう。

 

〇ラフスケッチから下書きまで

f:id:amaneC:20181009162327j:plain

キャラクターが固まりました。

次は、イメージを元に構図を考えていきます。

 

f:id:amaneC:20181009235622j:plain

元気で活発的なキャラなので、動きがある構図にしました。

この時点ではキャラの配置をある程度決きめます。

場合によってはポーズを変更する時もあります。

 

f:id:amaneC:20181009235625j:plain

次に髪型や顔のパーツの位置をある程度決めます。

今回はキャラクターの性格から、髪型をセミロングにしてみました。

 

f:id:amaneC:20181009235627j:plain

ある程度素体が出来上がってきたので、一気に下書きまで移ります。

ラフのポーズがしっくりこなかったのでポーズを変更します。

手を上げているポーズから、人に声を伝えているポーズに変更しました。

こちらのポーズの方が、ブログのテーマに合っていると思います。

 

服装には取り入れたい要素を散りばめています。

あまり多いとごちゃごちゃするので、全体のバランスを見てデザインしています。

・腕には時計型のアンテナ

・首には波長がプリントされた首輪

・服には電波を受信しているイメージで半円を2つプリント

・アクセサリーとしてコンセント(デジタル→機械に連想)

・イヤホンを近未来風に

 

下書きが完成しました。

次のステップに進みます。

 

〇線画から完成まで

f:id:amaneC:20181010075635j:plain

下書きを元に線画に移ります。

ここの時点で下書きを修正しながら線画を完成させます。

f:id:amaneC:20181009235618j:plain

完成品に一歩近づきました。

線画の時点で変更、工夫した点として。

・体全体を右に移動

・目の位置が上すぎたので修正

・線の太さが全て同じにならないようにバラつかせる

・線の色を黒に近い茶色

・線の重なる部分を強調させる

 

下書きと比較すると格段に良くなったと思います。

線画が完成したのでベタ塗りに移ります。

f:id:amaneC:20181010203052j:plain

色決めで決めて置いた3色を使用してベタ塗りしました。

この時点で気を付けて事は1つ。

『色のトーンを大きく外さない』

これだけです。

 

ここからは影やハイライト、肌の赤みなどを着色していきます。

塗り終わったものがこちらになります。

f:id:amaneC:20181010204043j:plain

雰囲気がガラリと変わりました。

着色で気を付けて点を1つ1つ解説したいのですが、キリがありません。

なので、パーツ事の解説をまた別の機会で記事にしたいと思います。

 

この時点で完成させても問題ありません。

しかし、私は少し手を加えたいと思います。

まずは、線画の色を変えたいと思います。

色トレスと呼ばれるテクニックを使います。

f:id:amaneC:20181010205211j:plain

やり方として線画の上にベタで使用した色を乗せています。

このテクニックを使う事で線と色とのまとまりが生まれます。

 

最後に背景が白一色だと寂しいので簡単な図形を入れ、全体の色合いを調整。

そして完成です。

f:id:amaneC:20181010210148j:plain

 

〇おわりに

今回はアイコンの制作過程について書きました。

イラストを描く人なら一度は体験したことのある話題だったと思います。

アイコンに限らず、イラストを描くなら必要な知識やテクニックが散りばめられていたと思います。

 

この記事を通して読者の皆様のお役に立てたなら幸いです。

ここまで読んで頂きありがとうございます。

 

参考書籍