takapoyo

初心者のweb勉強の備忘録です。

レターイラスト

暑中お見舞いのイラストを作りました。

写真の合成は自分の飼っている犬の写真と足成さんの海のフリーの写真素材を使用しました。

Photoshopでサングラスも書きました。

Illustratorで文字を書きました。貝殻やカニはネットでフリー素材を使用しました。

 

f:id:takapoyo:20140818224026j:plain

 

 こだわったこと  ・文字を手書き風に見えるようにアウトライン化してパスを単純化しました。     

          ・犬の写真の毛のフワフワ感の切り抜き方法は難しかったのですが、LIG さんのPhotoshopCS5以上を使っているなら…髪の毛の切り抜きは「境界線を調整」がオススメ!の記事の方法をやってみるとうまいこと見えるようになってすごいなと思いました。

        ・サングラスの反射方法もベベルとエンボスや覆い焼きツールやドロップシャドウをつかってそれらしく見えるよう頑張りました。でもやっぱり、イラスト感がでてて合成っぽい感じか消えてなくてまだまだだなと思いました。

 

 

反省点        ・サングラスのところと、先生に海の生き物の画像の素材はネット用だから、印刷したら画像がぼやけてしまうよと言われたので、今度からは印刷用とネット用をちゃんと意識して作っていくように心がけようと思いました。 

 

ボタン色々

色々なボタンを作りました。

ナビゲーションのボタンはサントリーさんのサイトを参考にさせて頂きました。

参考にしたボタン

f:id:takapoyo:20140803172242g:plain

 

自分で作ったボタン

通常時

f:id:takapoyo:20140803172551g:plain

 

マウスオーバー時

f:id:takapoyo:20140803172251g:plain

 

BACKとNEXTのボタン

f:id:takapoyo:20140803172718g:plain

  

学んだこと   ・ナビボタンの仕切り線は2本入ってる! 端の仕切り線の入れる位置を調整する。少し内側に入れる。

     ・BACKとNEXTのボタンの白いところは長方形のオブジェクトのシェイプをラスタライズして作った!

 

見出しタイトル

見出しタイトルを作りました。

見出しデザイン.comを参考にさせて頂きました。

自分で作ったリストアイコン

f:id:takapoyo:20140803170341g:plain

 f:id:takapoyo:20140803170334g:plain

  

学んだこと   ・レイヤーマスク→選択範囲から作成するマスク。後でマスクの形を変えるのがペンツール使わないといけないから面倒。

      ・クリッピングマスク→すぐ下にある下層レイヤーのオブジェクトの形に切り抜くマスク。 

 

  

  

リストアイコン

リストアイコンを作りました。

Free Website Bullet Iconsのアイコンを参考にさせて頂きました。

 

自分で作ったリストアイコン

f:id:takapoyo:20140803163533g:plain

 

  

学んだこと   ・リストアイコンて10pxとか15pxで作っていること。

      ・ベベルとエンボスはオブジェクトの内側に影を付ける。

 

反省点        ・ピンクのリストアイコンは1pxずつ作ったけど、先生に円ツール使って、ベベルとエンボスで影を付ければ良いと言われて確かにそっちのほうが早いなと思った。

 

 

合成写真

Photoshopで合成写真を作りました。

写真素材は写真素材足成さんから頂きました。

f:id:takapoyo:20140803161728j:plain

  

学んだこと   ・Photoshopで調整レイヤーを使うのはレベル補正とトーンカーブくらいであること。

反省点        ・プロの人とかだったら鹿の光の当て方とかもちゃんとするんだろうなと思った。

名刺作成

前回作ったロゴとシンボルマークを使って、

フリーのWebデザイナーになったつもりで自分の名刺を作りました。

レイアウトの参考は、ネットで検索してIBMさんの名刺のレイアウトが素敵だなと思ったので

参考にさせて頂きました。(ロゴも参考にさせて頂きました。(;´∀`))

 

今回作った名刺

f:id:takapoyo:20140727001323g:plain

 

f:id:takapoyo:20140727001337g:plain

 

学んだこと   ・名刺を作る時は印刷用にトンボをつける。(裁断のため3mm余裕をとる。)

       ・1番見せたい所を大きくしたりフォントを変えたりする。

       

反省点(学校の先生のアドバイス)

             ・Web Designerの文字が大きすぎる。名刺で重要なのはロゴや名前だからもっと目立つようにしたらいい。(名前のフォントを変えてるのは良かったと言ってもらえました。)

       ・左の情報の所が開きすぎてる。

       ・トンボとオブジェクトがずれてた。 

 

名刺でどこを目立たせるとか考えて作ってなかったので、やっぱりデザインする時は何を目立たせたいかということを意識することを心がけたいです。