ランダムに画像を表示するJava Script

TAG index→ランダム画像練習

BiNDとIDついに購入!

先日やっとBiNDとIDを買いました! まだちょっといじった程度ですが、ボタンが簡単に作れる機能におどろきました。これならPhotoshopやIllustratorが無い人も簡単に作れます。 年末年始で遊ぶものができました(^◇^)

Java Scriptを使ったロールーオーバー

Image Rollover Code Java Scriptを使ったロールーオーバーをどうしたらいいのか分からずいたのですが、講師日和を見て試してみました。 難しいのかと思っていたのですが、とても簡単でした! → ロールーオーバー練習

「デザインの教室」(佐藤好彦)

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

Flashバナー

シーン1 シーン2 ボタンのActionScript ※パブリッシュ設定でswfの他にQuickTimeとして書き出すこともできる。

透明PNG スターハック

参照「講師日和」 参照「CSS工房 きくちゃん」 参照「CSS Hack Lab」 例えば「h1」を透過PNG画像にして背景に重ねる場合 お化けみたい・・・笑 《html》 <body> <div id="container"> <div id="header"> <h1><img src="images/dollcolection_chuush.png" width="100" height="140" ></h1> </div> </div> </body> 《CSS》 @charset "Shift_JIS";*{ margin: 0; padding: 0; }#container {…

しごとのはなし

今日(注文の多い)お客さんにサイトの作り終わった部分のページを提出したら、 「すごくいいです!前のサイトよりとても見やすくなったし、サイト全体の雰囲気も気に入っています。 完成が楽しみです。こちらも素材の商品撮影を撮っています。引き続き宜し…

課題:サイトプラン 5ページ(HOME+4)

<役割(→誰に見てもらうサイトか)、カテゴリ> ・企業 ・商店(単一商品) ・エンターテイメント ・ECサイト ・ポータル写真、テキストの分量

Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則 http://web-100.jp/sample/ ◆headの中身の順番 <head> meta title link script </head> (1)セレクタの設定・・・reset.css *{ }(2)全体の設定・・・common.css body{ } a:li…

・全てのレイヤーを同じ時間軸で一度に作ってから、後でずらす。・Ctrl + 2 カンバスを画面ピッタリにする ・文字は分解して画像にする・整列 ステージを基準・全体を選択する時はオニオンスキンマーカー・文字は、修正→分解で画像にする・フレームアクショ…

] http://www.tokyodisneyresort.co.jp/kids/index.html

授業(08/09/21)

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

デザインワークス

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

Drill 苦戦・・・

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

◆meta◆検索結果のサイトの説明文 ●googleは ディスクリプション●yahooは ディスククリプション + <p>タグのキーワードつまりなるべくページの上の方に<p>の拾われたいキーワードを置いておくこと※ディスクリプションの量があればそれで3行埋まる。 文章…

デザインワークス

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

Into The Wild

今日は会社帰りにInto The Wildを観た。 最後の回だったけど、満員だった。以外におじいさんが多かった。 配給会社はstylejamという初めて聞く配給会社。 映画は私と同じ年齢のアメリカ人がアラスカまで旅をして荒野で一人ぼっちになる話。 いろいろ共感でき…

手書き風フォント

最近手書き風フォントに興味津々。 お気に入りはあんずもじ。

The Drill【課題】フラッシュで魚をトレースする

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

JATA世界旅行博

http://www.jata-wtf.com/index.php?lang=jaビックサイトの楽しそうなイベント発見! 何気にビックサイトの展示会とかちらほらと面白いものがあるので、 要チェックだ。

イラストレーター練習

イラストレーターでカンプデザインを作る

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

フォトショップでカンプデザインを作る

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

イラストレーターの「効果」→「回転体」を使って、コップを描く

マッピングで柄をつけ ブラシで背景を描きました。

イラストレーターの「効果」を使って丸をいろんな形にする

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

Ultimate Web 2.0 Gradients v3.0

http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/

tumblr

http://www.tumblr.com/

SATC

昨日スカイ・クロラがやっていなかったので、SATCを観た。 楽しかった〜!40、50になってもあんな風に友達が身近にいて明るく過ごせたらいいな〜

デザインワークス

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