2012-12-01から1ヶ月間の記事一覧
リップル効果 今回はキャンパスサイズ700×400で製作 テキストツールで文字を打ち込む Ctrl+Bで分解して修正→タイムライン→レイヤーに配分 一文字ずつ選び分解→シンボル化 タイムライン10、17くらいにキーフレーム挿入 タイムライン１を選択してキャンパス上…
ボタンアクション Illustratorで動かす対象物を描き、Flashにコピー＆ペーストをしてシンボルに変換 キーフレームを挿入し、モーショントゥイーンorクラシックトゥイーンをタイムラインに挿入 新規レイヤーActionを追加し、ループを止めるため stop を記述 …
Google Drive ・簡易的なフォームを作れる。 ・デザインはあまり使えないが、スプレットシートに自動で書き出しが出来、便利。 テストサーバーの構築 テストサーバーを構築するとPhPやPearl等のスクリプトをテストすることが出来る [手順] 1 XAMMPをインスト…
GIFアニメーション 作業工程 1,Illustratorで動かすものをデザイン 2,レイヤーを複製し、動かしたいところを動かす。(パラパラ漫画の要領) 3,illustratorからphotoshopに書き出し 4,カラーモードをRGBにして、レイヤーを保持にチェック 5,タイムラインを表示…
フォーム基礎 ・フォームはリセットしない ・action="mailto~"を指定する場合 enctype="text/plain"をセットで入れる ※文字化け対策 お問い合わせフォーム,チェックボックス,ラジオボタン,リスト <html> <head> <meta charset="UTF-8"> <title>お問い合わせ</title> </head> <body> <h1>お問い合わせフォーム</h1> <form action="mailto:xxx@xxx.com" enctype="text/plain" method="post"> <p>名前:…</p></form></body></html>
HTML <html> <head> <meta charset="UTF-8"> <title>企業系レイアウト実践</title> <link rel="stylesheet" href="css/style1.css" media="screen,print"> </head> <body> <div id="container"> <div id="header"> <h1><em>SAMPLE レイアウト</em></h1> <div id="nav"> <ul> <li id="top"><a href="#"><em>トップページ</em></a>…</li></ul></div></div></div></body></html>
position HTML <html> <head> <meta charset="UTF-8"> <title>両側をまたぐフッターを配置する</title> <link rel="stylesheet" href="css/style1.css" media="screen,print"> </head> <body> <div id="container"> <div id="header"><br></div> <div id="wrapper"> <div id="primary"><br><br><br><br><br><br><br><br></div></div></div></body></html>
石垣島観光ガイド HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>石垣島観光ガイド</title> <link rel="stylesheet" href="css/style.css" media="screen, print"> </head> <body> <div id="container"> <h1>石垣島観光ガイド</h1> <p class="lead">石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。 沖縄からは、空路で約1時間、沖縄より台湾に近く南に位置…</p></div></body></html>
窓と風景 ・窓枠を選択、今回は選択範囲を読み込む ・風景をCtrl+Aで全選択しコピー ・窓枠に戻り、特殊ペーストで選択範囲内でペースト 花とImac ・花を選択範囲ツールの色域指定からスポイトで背景をクリックして スポイト＋で周りも選択、最後に反転させ…
イラストレーターでボタン作成 ・表示からピクセルプレビュー、ピクセルスナップにチェックを入れる ・線の位置設定で内側にいれる 作り方手順 ・１つのブロックを作り５つコピー ・１つブロックを選択し、コピー→前面へペースト→ブロックを下まで４pxほど下…
CSSスプライトを使って縦ナビを作る ・background-position: 0(left) 0(top);によりブロックの左上が基点となる それにより、cssでは左寄せ、上寄せが必要になる 元画像 <html lang="ja"> <head> <meta charset="UTF-8"> <title>縦メニュー：CSS Sprit</title> <link rel="stylesheet" href="css/style.css" media="screen, print"> </head> <body> <div id="nav"> <ul> </ul></div></body></html>
基本操作 Photoshopの目的 ・選択範囲を決める。 ・補正する ・加工する☆立ち上げるときにShift+Ctrl+Altを押して立ち上げてエラーを削除する・環境設定から単位をpixelにしておく ・Ctrl+Dで選択解除 ※PhotoshopではCtrl+zではなくヒストリーでいったりきた…
本日の授業内容 ・IETesterの導入(IEブラウザのチェック) IE６では元々の指定があるため、マージン幅が2倍になる ※IE対策でfloatにdisplay:inlineを入れる・情報の優先順位は上から ・clear: bothで回り込み解除を忘れない。 授業課題 HTML <html> <head> <meta charset="utf-8"> <title>授業課題</title> <link rel="stylesheet" href="css/style3.css" media="screen,print"> </head> <body> </body></html>
本日の授業内容 ・ウェーバーの法則 今なら定価１０００円が８００円！ 数字は人の意識を引く。価格に付加価値をつけ、背後のストーリーを解説する・人は商品の実際の価格よりも、その商品を使うことによって 得られる時間（経験）に対して、より強い関心を…
