View
3.246
Download
4
Embed Size (px)
DESCRIPTION
東京で行なわれた有志の勉強会、デザイン勉強会2ndの第1部の内容です。
Citation preview
まめこ (石嶋未来 )
•id:woopsdez
•1982年生まれ (26歳 )
•栃木県でデザイナしてました。
•東京歴 2年
•2009年 7月に独立
第 1 部ノン・デザイナーのための、それっぽいパーツ作成講座
今日はこんなのやります
•なんちゃってデザインをしたい時に使える素材サイトはこれだ !
•センスあふれる配色を思いついちゃう裏技
•今どきデザインのボタンを超速で作る方法
•ロゴやアイコンだって簡単にできちゃうんだぜ
•それっぽいメインビジュアルはこう作る
まずはソフトについて•やっぱり Photoshop!
約 10万円 約 2万円
ソフトがいじれればhowtoはどこにでもある。
なんちゃってデザインをしたい時に使えるサイトは
これだ
tumblrに投稿しておくと見返しやすい
その他のサイト•とは言っても商用では若干の不安が残る場合も。
•会社である程度経費が出せる場合は、右のものを購入するのが良いです。
•具満タン
•素材辞典
•写真素材で検索するとたくさんのサイトがヒットします。
センスあふれる配色を思いついちゃう裏技
色に著作権は無い !
•どんどん盗もう !
•最初は Kulerなどに頼ってみましょう。
色が多いほど大変。色数を 2-3色で作ってみる。
主役の写真で使われている色で構成する。
Photoshopで配色
色相・彩度というツールを使ってバリエーションのチェックが出来ます。
まとめ•色には著作権はない ! どんどん盗みまくろう。
•主役となる写真があればそこからサイトの色を選ぶのも使えます。
•色相・彩度でバリエーション探し。
今どきデザインのボタンを超速で作る方法
さぁ、 PCの用意はいいかい?
•photoshopさえあれば OK
•商用利用可能な素材をwebからダウンロードしてどんどん使っていきましょう。
「 photoshop グラデーション」で検索
このように沢山のサイトで紹介されているものがあります。
気に入ったらさくっと DL。
キモはレイヤースタイル
まとめ
…めんどうなら
ここからはちょいとレベルが上がります•なんてったってロゴやメインイメージはソフトの使い方より閃きやアイデアの引き出しが必要なところだからね。
ロゴやアイコンだって簡単にできちゃうんだ
まずはカンタンそうなアイコンから
まとめ
•■に入れちゃう
• ■丸や だけで適当に絵を書く
•レイヤースタイルを駆使して質感を表現 !
次はロゴ !
•凝った書体は必要ない !
•プリインストールされいてる書体の中にも優れた書体はたくさんです。
Helvetica
Futura
Century Gothic
Georgia
こんなん出来ました
アナタにも作れます !
まとめ
•既存の書体で十分 !
•それぞれのワードの書体を変える•大きさで差を付ける•カンタンなマークを置く
最後にメインイメージ
•ラスボスがやってきた !
•最後の的は強敵よ !うかつに近づいてはいけないわ !
商品を伝えたい
ロゴを主張
こんなの作ります。
黒くて虹色で抽象的めちゃくちゃ良く見ます
今日覚えた集大成を発揮しましょう
みんなは「 Photoshop」を装備した。
みんなは「配色」を覚えた !
みんなは「レイヤースタイル !」を覚えた !
みんなはレベルが上がった !
完成
•おつかれさまでした !
•みなさんいかがでしたか?