『線を使ったデザイン』 ―デザインの中での線は、「分ける」「揃える」「強調する」「結びつける」という機能を持っている。 試しに、「分ける」「揃える」の機能を持った線を使って描いてみた

◆meta要素 HTML→ヘッド→メタ、キーワード、詳細・・・◆DWの横のメニューを活用する ◆中小企業にとっては、ロゴよりもテキスト（サービス内容）がh1であるべき ※Web Developerの情報→見出しを表示する ◆＜h＞要素には＜strong＞（強い強調）、＜em＞（弱い強…

◆グラフ 横向き棒グラフツール（制作時間30分） ◆奥村靫正 http://www.tstj-inc.co.jp/index.html ◆午後の紅茶

今日は仕事でひたすらCMSで修正作業をしていた・・・ 頭がパンパンだ〜 昨日からやっているドリルの課題。 まず、イラストを描くのに苦戦し（重ね順の考え方が、イラストレーターと全く違う？）、 動きは楽勝と思いきや、全然楽勝じゃなかった。。

アートディレクター（ビジュアル中心）クリエイティブディレクター（コピー中心） “風が吹けば桶屋が儲かる” 「マインドマップ」 〜らしさをどう作るか WEBで検索されるのは「〜らしさ」 デザインはストーリーが求められる。 A1以上のポスターなら商品の説明…

（↓下絵） フラッシュの描画機能は、イラストレーターと全然ツールの使い方が違い、四苦八苦。。。。。。 下絵を大幅にずれたまま、力技で「か、完成〜?(;^^)/~~~」O型で片付けられないくらい、大雑把な、残念な結果となりました。 …ハイ。練習します。($・…

●準備 カンバス：A4横 カラー：RGB 単位：ピクセル ●ナビゲーションを作る ・四角を作る（150×50）※変形パレッドで高さ・幅が確認できる ・線は内側にする。・文字を打つときは枠の外で。 ・文字はL、R位で。太すぎると読みづらい。 ・表示→アウトラインで四…

●シェイプマスク レイヤーとレイヤーの間をAlt + クリック （レイヤーをグループ化でも同じことができる） 1.ベクトルマスクサムネールをCtrl + クリックで選択 2.新しいレイヤーを作る 3.Altを押しながら角丸四角の下の部分を選択する。 4.角丸四角の上だけ…

1.丸を描く 2.オブジェクト→パス→アンカーポイントの追加 3.効果→パスの変形（パンク・ジグザグ）、ワープツール

■効果→押し出しベベル→マッピング→新規シンボル ※パッケージデザインをするときは全ての面に商品名がくるように！ ■ペンツールで線を描く→効果→回転体→マッピング ★写真もシンボルにして、マッピングできる

カーソルをCSSで好きなものに変えられる方法を知った。 body { cursor: url(画像のURL), default; } これでこんなカーソルに変えられる！ http://webftp.athuman.com/~haa170262/calm/index.html

http://webftp.athuman.com/~haa170262/amami/amami_movie.swf

ボタンシンボルを作成するときは・・・ (1）挿入→ 新規シンボル (2) ボタン（START) (3)文字入力 (4)カット&ペースト （真ん中にペーストされる） (5)アップ、オーバー（色変える）、ダウン（色変える）、ペースト（選択範囲の四角描く） (6)制御 → シンボル…

(1)文字を打つ (2)分解 (3)レイヤーに分配 (4)分解 (5)一文字づつシンボルに変換 ※完成形を作ってからその過程をつくる！！！ (6)全フレームを選択して6の時にキーフレーム挿入 (7)1文字のフレームを選択 (8)6の時、「整列&情報&変形」の「変形」で文字サイ…

「大切なこと」 ●キーフレームの挿入 ●フレームの挿入（そのままで居続ける）●何か描き終わったら必ずシンボルの変換！ (1)文字を入力 (2)修正→分解 (3)修正→分解 (4)修正→シンボルに変換→グラフィックを選択 (2) (3) (4) (1)グラフィックを描く ※塗りの変形…

今日は、知らないとそろそろ仕事でやばい・・・と思っていたタイポグラフィーについて。 タイポグラフィー（文字） ≠ 平面構成 ◆字体･･･骨格 ＭＳゴシック Osaka 写真 ◆書体･･･肉付け・イメージの違い モリサワ 新ゴ（L, R, M, B, H, U）アキのバランスによ…

【見本】 【自作】 グラデーションの四角が、左上だけ角丸だったので、やり方に迷った。 角丸を描いてから角丸以外の角の部分にアンカーポイントを追加して、 丸みを減らす、という力技。。汗

●久兵衛HPをまねる（途中） 久兵衛

ロッカー

よく見かけるボタンだけど、実際手を動かしたことがなかったので なんとなく作れそうで作れない気がしていた。 Photoshopのレイヤースタイルのグラデーションオーバーレイをつかったら、簡単にできた！制作時間3分。 （見本） （自作）

授業ノートが家の為、「e」の上の点の表示の仕方が分からず。。

しろうさぎと花言葉さんのブログを参考に。 銀座・夏野練習●Fire Fox ●IE ※IEだと右の部分がうまく表示されない 背景?をこの↓画像にしたかったけど、やり方がわからず放置。

▼銀座夏野（途中）

・補助線 主役・目的の銅線となるべき補助線を引く 葛飾北斎の富士山（富嶽三十六景） 脇役の人を大きく描くことで富士山を目立たせる 曲線同士のぶつかる先が富士山 ※人が描かれることで波の大きさが分かる ※左右の波の高さが同じことで、波が続いているこ…

・3色の決め方 補色(2色）、補色の１つに近い色(1色）

・Gokuri 補色 （シズル感･･･こうなっていくであろう動きの瞬間 例：Gokuriの缶デザイン）・ごまたまご 東京のおみやげといったら黄色（ひよ子） これに対抗するためには ◆別の色 ＋ 安心感ひよこ→連想：たまご・自由席より安い指定席あります。

1概念の設計 2よっきゅうの設計 3感情(嗜好)の設計 4知覚･感覚の設計 マーケティング、企画、デザインを含む

情報発信者から近い相手→色の情報はいらない遠い相手→色情報が必要黒・濃いグレー･･･情報が多い リクルートスーツが黒い訳･･･「社会の情報を知っている」というアピール。自然物そのものの色（海の色、空の色）人工的なものに入れてしまうとそぐわな合い。 …