西澤リュウジの宇宙(セカイ) -34ページ目

ヘッダー画像作成チュートリアル ②



ビジュアルの伝道師が行うデザイン集客(TM)-ヘッダー画像作成チュートリアル②



今回も前回の続きヘッダー画像作成チュートリアル②をお届けしていきたいと思います。




【GIMP紹介記事】


・オリジナル画像を作成しよう!【GIMPってどんなソフトなの?】


・GIMPのインストール方法




前回記事で下記の画像作成までお届けしました。


【前回記事】


・ヘッダー画像作成チュートリアル ①


ビジュアルの伝道師が行うデザイン集客(TM)-s-プロフィール画像移動後


今回はその続きからです。


下記のようにブログをプラモデルのように表した画像の作り方です。


ビジュアルの伝道師が行うデザイン集客(TM)-プラモ枠


選択ツールを選び設定を合わせます。


ビジュアルの伝道師が行うデザイン集客(TM)-短形選択ツール


ビジュアルの伝道師が行うデザイン集客(TM)-短形ツールボックス


ここでは【角を丸める】にチェックを入れます。


【半径】10.0


そして下記のように適当な大きさの選択範囲を作ります。

ビジュアルの伝道師が行うデザイン集客(TM)-s-短形選択

そして、


描画色を #e1e1e1 背景色を #ffffff に設定。


ビジュアルの伝道師が行うデザイン集客(TM)-描画色&背景色


グラデーションツールで選択範囲を左下から右上へとマウスをドラッグ。


ビジュアルの伝道師が行うデザイン集客(TM)-グラデーションツール

ビジュアルの伝道師が行うデザイン集客(TM)-s-グラデーション


そうすると角丸な四角形をグラデーションで塗りつぶせました。

ビジュアルの伝道師が行うデザイン集客(TM)-s-グラデーション グレイ~ホワイト


次に【選択】から【選択範囲を縮小】をクリック。


ビジュアルの伝道師が行うデザイン集客(TM)-s-選択縮小



選択範囲を縮小パレットが開いたら【5px】に設定し【OK】をクリック。


ビジュアルの伝道師が行うデザイン集客(TM)-選択縮小パレット




選択範囲が5px分縮小されました。


ビジュアルの伝道師が行うデザイン集客(TM)-s-選択縮小5px



そしてパソコンのキーボードの【Del】を押し選択範囲を削除します。


ビジュアルの伝道師が行うデザイン集客(TM)-s-ブログプラモ


今度はプラモデルの枠の部分に立体感を出すために


【フィルタ】から【装飾】【ベベルの追加】をクリック。

ビジュアルの伝道師が行うデザイン集客(TM)-s-フィルタ ベベル



ベベルの追加パレットが開くので下記の設定に合わせます。


ビジュアルの伝道師が行うデザイン集客(TM)-ベベルパレット

画面では非常にわかりにくいですが丸みを帯びた立体感を表現できました。

ビジュアルの伝道師が行うデザイン集客(TM)-s-ベベル後


次にブログのパーツをつなぎ合わせる部分を選択範囲を調整しながら作成します。


出来上がったら同じようにベベルの追加をして下さい。


ビジュアルの伝道師が行うデザイン集客(TM)-プラモ2



ビジュアルの伝道師が行うデザイン集客(TM)-s-プラモ3



ヘッダー部分も選択範囲を作成しグラデーションをかけます。


ビジュアルの伝道師が行うデザイン集客(TM)-s-ヘッダー選択

ビジュアルの伝道師が行うデザイン集客(TM)-s-ヘッダーグラデーション



ヘッダー部分のベベルの追加設定は下記のように合わせます。


ビジュアルの伝道師が行うデザイン集客(TM)-ベベル2px



出来上がったら【テキストツール】を使い描画色の#c9c9c9【ヘッダー】書き込みます。


ビジュアルの伝道師が行うデザイン集客(TM)-テキストツール


そしてここでも立体感を出すために描画色の#ffffff【ヘッダー】を書きレイヤーの順番を変え


下に敷きます。ピッタリ重ねると下のヘッダーが見えないので右に1px下に1pxずらして完成です。


ビジュアルの伝道師が行うデザイン集客(TM)-テキストヘッダー


ビジュアルの伝道師が行うデザイン集客(TM)-s-テキストヘッダー2



同じ要領で他のパーツも下記のように作っていきます。



ビジュアルの伝道師が行うデザイン集客(TM)-回転ツール

そして【回転ツール】を使い角度をつけます。


ビジュアルの伝道師が行うデザイン集客(TM)-s-プラモ4



今度はプラモデルに影をつけましょう。


【フィルタ】から【照明と投影】【ドロップシャドウ】をクリック。


ビジュアルの伝道師が行うデザイン集客(TM)-s-フィルタ ドロップシャドウ


ドロップシャドウパレットが開いたら下記のように値を設定。


色の部分は背景の色より濃い#003163にしたら【OK】をクリック。


ビジュアルの伝道師が行うデザイン集客(TM)-ドロップシャドウパレット


はい、これでプラモデルに影がつきました。


ドロップシャドウは背景の色より少し濃い色を使用すると自然に見えますよ。

ビジュアルの伝道師が行うデザイン集客(TM)-s-ドロップシャドウ後


ということで今回はここまで。


次回はまた続きをお届けします☆




【目次】プロフェッショナルGIMP



137 物理学者パウリの錬金術・数秘術 ②

ビジュアルの伝道師が行うデザイン集客(TM)-詩的脳内メモ記事背景画像


・相対性理論をボーアの原子論に応用して得られた微細構造定数は


 相対性理論が支配する領域と量子論が支配する領域、すなわち


 大きな世界と小さな世界、大宇宙(マクロコスモス)と小宇宙(ミクロコスモス)


 を統合する理論の発見という大目標の1歩となった。



・微細構造定数の値がたかだか4%違っているだけで宇宙に存在する


 どの星でも炭素と酸素のほぼすべてが破壊されてしまうという。



137 物理学者パウリの錬金術・数秘術・ユング心理学をめぐる生涯







美しいグラフィックデザイン 10個 ⑫

ビジュアルの伝道師が行うデザイン集客(TM)-デザインの琴線記事背景画像2




参照元:creattica




ビジュアルの伝道師が行うデザイン集客(TM)-starting_over




ビジュアルの伝道師が行うデザイン集客(TM)-slow-motion-bullet




ビジュアルの伝道師が行うデザイン集客(TM)-nightlife_alexpee880




ビジュアルの伝道師が行うデザイン集客(TM)-ourkingdom




ビジュアルの伝道師が行うデザイン集客(TM)-office




ビジュアルの伝道師が行うデザイン集客(TM)-Final_Touch




ビジュアルの伝道師が行うデザイン集客(TM)-entera




ビジュアルの伝道師が行うデザイン集客(TM)-for_creattica




ビジュアルの伝道師が行うデザイン集客(TM)-Blow_by_NaZiiTo




ビジュアルの伝道師が行うデザイン集客(TM)-880




参照元:creattica