2008-08-01から1ヶ月間の記事一覧

Dreamweaver

CGI リモートサイトを表示して、FTPに接続する。 FTPに接続した後にサーバ側で権限の設定 755を入力すると、自動的にチェックボックスにチェックが入る。 この後、formファイルからブラウジングして、確認する。 Kentから掲示板のCGIをダウンロード ファイル…

Flash

アクションスクリプトの設定 ボタンに対して設定する。 透明ボタンの設定 ステージ全体を四角で囲う→カット(ctrl+X) 10フレーム目(20フレーム目も同じ)のところで、 挿入→新規シンボル ボタン ヒットのみ空白キーフレームの挿入。 それ以外はフレームを挿入…

つぶやき

はてなのブログを書き始めて2か月半。 ここまで書いてみて、はてなのことがあまりよく分かっていないことに、 今さら気がついた(笑)本屋に行ってもはてなの本が無い。 amazonで探してみたが、 あまり求めているような内容ではない気がした。「はてな」ではじ…

FLASHバナー本

FLASHで作る バナー広告見本帳作者: シーズ出版社/メーカー: 技術評論社発売日: 2005/10/28メディア: 大型本 クリック: 66回この商品を含むブログ (4件) を見る

今日買った本

Flash プロフェッショナルスタイル[CS3対応] バナー作成のオペレーションと具体的方法がきちんと書かれていたので 買ってみました。Flash プロフェッショナル・スタイル CS3対応 (Style for Professional)作者: A.e.Suck,五十嵐学,伊藤のりゆき,岡本紳吾,笠…

FLASH

今日はマスクを作ってみた。 FLASHのマスクはPhotoshopなどとは逆で、 マスクした部分のみが見えるという状態になるということがわかった。

モーショントゥイーンとシェイプトゥイーン

左から右へ潰れた富士山の写真がモーショントゥイーンで移動し、 最後にその写真がシェイプトゥイーンによって、 上下に拡がるという、webのトップページを意識したアニメです。昨日あれだけ失敗したので、今日はきちんと画像を分解して、 一発でうまくいき…

素材となる富士登山の時の写真

影富士 富士山が太陽を受けて出来る影。 これは朝日を受けて出来た影です。 ちなみに、富士山は西側には登山道はないので、 朝日の影富士は頂上の西側でしか見れません。 富士山からの山梨夜景 意外と明るかったです。 露出時間は約2分で撮りました。 今回…

Flash

やってみた 今、Flashで朝思ったことをそのまま実践したら、普通にできました。 つまり、元画像と変化後の画像が同じ場合は自由変形→モーショントゥイーンで設定可能だということです。(当り前か。) それと新たな発見が!!! Flashの自由変形ツールは、逆さ…

Flash

シェイプトゥイーン(リベンジ) BOSSのアドバイスを元に、シンボル化しないでもだめだったので、 原因を考えてみた。まずはFlashで作ったオブジェクトにシェイプトゥイーンをかけてみた。 驚くほど簡単にできた(笑)ということは、Illustratorからコピー&ペー…

Illustrator

描画モードについて 描画モードがどうもよく理解できてないので、 図形を作って一つ一つやってみたのだが、 結果がきちんと表れていない描画モードも結構あって、 完璧に理解するまでには至らなかった。 通常 前面オブジェクトと背面オブジェクトで影響しあ…

Flash

リップル効果 文字を入力 修正→分解(全文字) 修正→タイムライン→レイヤーに配分(全文字) 修正→分解(1文字ずつ) 修正→シンボルに変換(1文字ずつ) レイヤーを6フレーム目と9フレーム目にコピー プロパティインスペクタのカラー→アルファを20%に(全文字) 6フレ…

Flash

電光掲示板 素材(Illustratorで作成) すごくわかりにくいが、ドット絵になっている。 Flashのキャプチャー 「FLASH」の文字が左から右へ流れる。 →もうちょっとドットとドットの間をあけた方が 電光掲示板だと認識させることができたと思う。 「FLASH」の文…

Flash

タイムライン→キーフレームに変換 文字を分解(2回)することによって、一文字ずつシンボルに変換することができる。 シンボルに変換することによって、インスタンスとして動きをつけたりすることができる。 モーションガイドを使うことによって、インスタンス…

マウスオーバー

コードビューで画像を選んで、ウィンドウ→ビヘイビア ビヘイビア→スワップイメージ(ノーマルの画像と置換用の画像と両方用意しておく) マウスオーバーで画像が置換された ポップアップ ポップアップさせたい画像を選択。 ウィンドウ→ビヘイビア ブラウザウィ…

Bind&ID

こんなソフトが出てるとは知らなかった。 いずれど素人でも普通にwebサイトを作れるようになる時代がくる。 時代が求めているデザイナー像を常に追求していく必要があるだろうなと思った。

ブレンドツールを使った球体オブジェクトの制作

完成型 楕円を描く。 45°回転させて複製→変形の繰り返し ブレンド。 コピー→前面にコピー。線の太さや色、ブレンドのステップ数を変えて重ねていき、完成。 ベベルとエンボスを使って、オブジェクトのエッジに立体感を出す 完成型。 レイヤー→レイヤースタイ…

Photoshop

テレビ画面のような走査線を再現 完成型。ブログの画面だと全然それっぽく見えませんね。(泣) 少し彩度を上げて、レイヤーを複製。 フィルタ→スケッチ→ハーフトーンパターン 描画モードをハードライトに。 フィルタ→描画→照明効果。中心部を明るくする。 適…

Illustrator

電話コードの制作 縦長の楕円を描く。 左のアンカーポイントをハサミツールで切断し、左と上のアンカーポイントを選択、拡大縮小ツールで右のアンカーポイントを基準点にして横方向にのみ縮小。 複製 変形の繰り返し(ctrl+D)。両端に変化をつける。 線幅を15…

Photoshop

鹿児島帰省のパノラマ写真集 桜島 桜島2 拉致被害で有名な吹上浜 東シナ海 東シナ海2 海が綺麗でしたー! 黒豚のしゃぶしゃぶに薩摩地鶏。。。 そして、焼酎。 見る方が見ればわかると思いますが、「魔王」がこんな値段で飲めちゃいます。 でも、飲もうと…

Illustrator

今日もオブジェクト制作 シーリングワックス風オブジェクトあくまで「風」です(笑) 円を描いてフィルタ→パスの変形→ジグザグ コピー→前面にコピーしてちょいずらす。グラデーションをかける。 円を内側に重ねていき、グラデーションを適当にかけて完成!

Illustrator

オブジェクト制作 長方形の二辺を縮小。 リフレクトツールでコピー。複製して等間隔で並べる。変化をつけるため、真ん中のオブジェクトだけ縦を縮小。 ブレンド。 円形でクリッピングマスク 回転させて完成。

今日授業で理解したこと

CSS初期化で、{border-style:none;}は画像に青い枠が付くのを消すため CSSでbody{text-align:center;}はIEでサイトがブラウザの真ん中に表示させるため CSSで{list-style-type:none}はliではなく、ulに付ける [img]は必ず裸にしないこと。[h1][a][p]などで囲…

おススメされた本

1ランク上の技を身につけるDreamWeaverの強化書 (MYCOMムック +DESIGNING Professional Bi)作者: +DESIGNING編集部出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/07/30メディア: ムック クリック: 2回この商品を含むブログ (1件) を見る

カンプ制作

案1横並びのナビゲーション一つのシンプルな構成。ネット→電話で注文という導線が明確だが、ガーデニングの施工ができるというアピール力はいまいちか。しかし、案2に比べるとレイアウトはすっきりしていて見やすい。 案2横並びのナビゲーション+右側に…

明日から

お盆休みパソコンとインターネットの無い環境に行くので、明日から5日間、携帯からの更新になります。写真撮りまくってきまーす!

Dreamweaver

background-repeatに関して[background-repeat]で、topにもbottomにも適用させたい時、[body]を[div]で二つに区切ってそれぞれ[repeat]を適用する方法を試してみた。使った素材 こうなる

マウスオーバーによるサムネイル画像の拡大

普通はAjaxを使ったLightboxというテクニックが使われるらしいのだが、今まで勉強した範囲+αでできそうなやり方が書いてあったので試してみた。けどやはり、拡大が急なのであまりリッチな感じはしない。。。(笑)htmlコードとCSSコードの画像、ほとんど見え…

偏頭痛

Firebug今日は頭痛がひどいので作業はお休みします。Firefoxのおススメアドオンを一つ。Firebug→F12を押して、「調査」をクリックしてからマウスを滑らせると。。。すごいっす!!!!

出来たっ!

Dreamweaverただ単に「list-style-type:none;」だけの話だった。。。リストマーカーが消えて、すっきりしました(笑)おススメ本〜デジカメ編〜 撮影の裏側がわかるおススメ本です。あの写真はどうやったら撮れるんだろう?という疑問とか構図、立体感、シチュ…