その他

PhotoshopとIllustratorを使ってヘッダーバナーを作成しました

futta1533m

このサイトのheaderの画像をずっと変えよう変えようと考えていたのですが、
なかなか取り掛かれずやっと実行しました。

ほんとデザインが苦手な私。
昔から図工や美術で褒められた試しなしなんです。
(つд⊂)


まず使うイラストを探して来ました。3つほど。


 

画像の加工ができる便利なWEBサービス

こちらでイラストに写真枠をつけることに。

結果

kako-R2vNVRphP2N4eOmJkako-6kHOyjqveGFxLPOikako-kqRJJ34g4W1EDWug
この3つを作りました。


背景のグラデーションを作ります。

Photoshopで作業開始

 

参考サイト:フォトショップで余白に溶け込むグラデーションをつくる|画像加工の便利帳

名称未設定-1

 

2.最初に背景のグラデーションのバナーを作り
先ほど作った写真枠をつけたイラストを貼り付けました。

多少縮小が必要でしたが、なんとか3つ貼り付け完了。
回転させることで、少し動きをつけてみたけど・・・。

とりあえず、これで背景のバナーは完成にしました。

文字を入れていきます。

今度はIllustratorで作業開始。
サイト名は、最近なんでもメモするようになってきたので
わかりやすく『MEMO-STYLE』で。
メモしても使えないと意味ないですから、ここで今後も使えるようにメモしていくようにします。
ついついなんでもevernoteに入れまくって整理できないので:(;゙゚’ω゚’):

参照サイト:イラストレーターで文字に縁取りを入れる方法

私の知りたい方法がバッチリ説明してくれていたので
簡単にできました。

文字に縁があるのとないのとでは全く見え方が違うのは知っていたので
なんとか縁取りはできました。

初めて真剣に作ったヘッダーバナーにしては、よろしいかと。(^-^)//””

画像の編集や加工は奥が深すぎて
まだまだ勉強したいことがたくさんありますね。

色の選び方とかが一番苦手そうな分野かな。
でも、インターネットさえ使えたら何でもチャレンジできそうです。

あ、本も買いたいなあ。

関連記事

  1. Mr.Children 「HERO」
  2. 無料写真素材 見てるだけでも楽しい。お気に入り商用利用可能のフリー写真素材配布…
  3. 画像の切り抜きが簡単にできるWEBツール「Clipping Magic」 画像の切り抜きが簡単にできるWEBツール「Clipping Ma…
  4. photoshop切り抜き方法で検索したところ参考にした13の記…
  5. キレイなゴシック日本語フリーフォントまとめ7選
  6. 商用利用可能な無料写真素材サイト5選 商用利用可能な無料写真素材サイト5選
  7. Photoshopで使えるキュートなバターン
  8. You tubeで聞いているお気に入りMusic 洋楽1

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

PR

ピックアップ記事

  1. 家の中が片付かない悩みを解決する4つのポイントの意味
  2. 無理せず続ける毎日掃除リスト10個決めてみた
  3. 毎日使うものだから 手帳とセットで使う愛用文房具
  4. 効率的に本を読む4つのステップ
  5. 人生の目的を達成するためにやるべき3つのこと
  6. 目標と目的の違いを 理解しておくための ポイント

カテゴリー記事一覧

  1. 家の中が片付かない悩みを解決する4つのポイントの意味
  2. 無理せず続ける毎日掃除リスト10個決めてみた
  3. 毎日使うものだから 手帳とセットで使う愛用文房具
  4. 効率的に本を読む4つのステップ
  5. 人生の目的を達成するためにやるべき3つのこと
PAGE TOP