2011-03-01から1ヶ月間の記事一覧

グラデーションオーバレイ

レイヤーパレットの「fx」(レイヤースタイルを追加)から「グラデーションオーバーレイ」を選択 グラデーションバーをクリックして、グラデーションエディタを開く バーの下段にある「カラー分岐点」はaltキー(optionキー)を押しながら動かすと複製ができ…

MacのFireFox4でPDFを見たい

FireFox PDF Plugin for MacOSX 1.2.0(beta)は32ビットモードのみ Google Code Archive - Long-term storage for Google Code Project Hosting. FireFox PDF Plugin for MacOSX 1.1.3がFireFox4に対応していないので配布元を見たところ、issue189に書いてあ…

物は考えよう

○○ができない→○○はできる。 基金訓練3ヶ月の期間でこれしかできなかった。 →基金訓練3ヶ月でこれだけできるようになった。 短期間でできるようになること、つまり伸び白があることのアピール。

Photoshopでカンプを作成する

大雑把なまとめ ガイドは「表示→新規ガイド」で数値入力する ガイドの設定が終わったら「表示→ガイドをロック」 電話のマークはフォントをWingdings*1にしてShift+8(Shift+7や9で別のマーク) 検索窓のシェイプは「効果」で境界線を設定する テキストのフォ…

Firefox4で終了時に開いているタブやウィンドウを保存するには

Firefox4でも閉じる前の状態を保存したい Firefox4になって閉じるときに「タブを保存する」ダイアログが出てこなくなった。これを設定変更する方法を調べたのでメモ書きとして残しておきます。MacOSXのFirefox4で行いましたが、Windows版も同様の方法ででき…

今日のまとめ

表組み(内容) spacer.gifで調整とCSSで調整の2つの方法。 カンプ IllustratorでPhotoshop形式に書きだす Illustratorで地図作り 線路の書き方を復習すること。

Dreamweaverの機能を使った表組み

ファイルを読み込んで表にできる DreamweaverでExcel形式(Word形式)のファイルを読み込んで表にする方法はWindows版のみ。Macだと表データの読み込みはタブ区切り、カンマ区切りで読み込む方法を使うしかない。カンマ区切りのcsvで保存して読みこめばいい…

文字エンコードの変更方法

ページプロパティを表示させる方法で2通りのやり方 「プロパティ」にある「ページプロパティ」をクリック。(プロパティは「ウィンドウ」からプロパティで表示できる) 「修正」→「ページプロパティ」 上記のどちらかの方法でページプロパティを表示後、「タ…

白黒画像の一部分だけカラーにする方法

サントリーのサイトにあるような、白黒写真の中のビールだけカラーのままにしたい。 作成手順は以下のとおり。

Photoshopで白縁取り文字を作る

概要 ドロップシャドウで作成する。ポイントは描画モードを「通常」、不透明度を100%、スプレッドを強めにすること。作例は以下のとおり。

クロスフェード

今日の演習2つで使ったJavaScript bsn.crossfader.jshttp://www.brandspankingnew.net/archive/2006/09/javascript_css_crossfader.html smart-crossfade.jshttp://webizm.jp/menu_imgreplace/smart-crossfade.js crossfader.jsの作例はこちら(広告を下げ…

Firefox4でのプラグイン不具合

Firefox4において、Windows版のAdobeReader、Mac版のFlashPlayerでプラグインの不具合があるようです。たしかにニコニコ動画で日本語入力できなかったので、この不具合だったようです。 詳細はmozillaの公式ブログへhttp://mozilla.jp/blog/entry/6531/

Firefox4.0へ移行

Firefox4対応のHtml Validator0.9.0.4 http://users.skynet.be/mgueury/mozilla/ではFirefox4.0BETA版向けの「version 0.9.0.3 - Windows only (read below)」と書いてあるので非対応だと思ったが、「download」のリンク先は見ていなかったので念のために確…

インスタントカメラ風の画像作成方法

基本編の作成手順。スクリーンショットの画像中心です。

インスタントカメラ風の画像

今日の授業で使った猫の写真も自分で撮影したものでしたが、別の写真に差し替えて作り直し。写真はロンドン地下鉄でヒースロー空港に向かうときに利用した駅です。先に作例だけアップロード。*1応用編 *1:応用編で作業したヒストリーパレットをキャプチャー…

Firefox3.6.16をダウンロードしたい

Firefox4にしたけどaddonの関係でFirefox3.6に戻したい人へ。Firefox4がリリースされて旧バージョンになったためダウンロードできるURLが変わっています。 Firefox3.6.16をダウンロードするのはここからhttp://mozilla.jp/firefox/download/older/ FlashとLi…

リップル効果と写真ギャラリー?を作る

リップル効果(ActionScript2.0) 文字入力後、文字を分解しレイヤーに配分 レイヤーに配分した文字→分解しシンボルに変換でムービークリップ化(各レイヤーで繰り返し) 全文字のレイヤーにキーフレーム挿入、クラシックトゥイーン アルファ1フレーム目は50%…

Firefox4.0でのaddon

非対応 Html Validator 0.8.6.1(0.9.0.4が対応なので訂正) バージョンアップや設定変更で対応 View Source Chart 3.02 (タブで開く設定にする) ColorZilla 2.5.5 残念だけど3.6.16へ戻しました。

ボタンを作ってActionScriptを設定

車が動いていくものにSTART、STOP、BACKのボタンを作り、閲覧者が開始や停止できるようにする。(詳細は後で追加する予定)

Dreamweaverで外部CSSの練習

昨日と同様、HTMLにembedのCSSを外部リンクのCSSファイルにしてから練習。 xml名前空間で日本語指定するときは xml:lang="ja" lang="ja" 外部リンクのCSSではCSS内でcharsetを忘れないこと 今日のポイントは以上。

初めてのDreamweaver

Dreamweaverの最初の設定、コード画面での基本的な使い方。タブセレクターやCSSスタイルパネルをうまく使うと本当に楽だという印象である。外部ファイルにCSSを書いてhtmlに外部スタイルシートの設定をする練習までを行った。

テスト結果

CSS

後で気づいたこと 各項目でh1やpをつけなかったこと。CSS以前の問題、完全に終わってます反省。 自分で作った作例 1カ所でどうしてもできなくて苦戦したこと、navボタンがうまくできていません。HTMLソースは以下の通り。

Flash

初めて触ったが、仕組みがわかると納得する点もあった。後は今日やったことを家でも何回か試すだけ。

CSSで絵が描ける?

HTML5とCSS3で絵を描いたものを見つけた 初歩の初歩を学んだら、こういうのがどうやって出来ているのか知りたくなりますねw http://jsdo.it/norahiko/m1WT

NINJA TOOLSで気になったこと

証明書がオレオレ証明書? 昨日、無料で使える「忍者ホームページ」の利用登録をしたので自分のMac環境でもFTP接続を試してみた。FTPクライアントは「Cyberduck」、接続する際に設定方法の解説に従ってFTPS(SSL/TLS接続)を選んだところ 接続の際にSSL証明…

MacでWindowsでも文字化けしないZIPファイルを作るには

Mac

MacWinZipperでZIPファイルを作ろう Web制作環境でWindowsとMacでファイルのやりとりを行うこともあるでしょう。MacOSXのFinderからZIPファイルを作成し、Windowsで解凍すると文字化けしたファイルがありました。久しぶりにMacOSXに戻ってきたので忘れていま…

SCRAPBOOK Firefox Add-on

Webページをローカル保存できるFirefox Add-on 毎回アクセスしなくていいのは結構便利。ノートだとどこでも見られるからおすすめです。 http://amb.vis.ne.jp/mozilla/scrapbook/

中身は確認しよう

提出物を圧縮する前にフォルダの中を確認しよう 課題1-2と課題1-3が入っていないのがメール送信済み添付ファイルでわかった。さらにMacOSXでZIP形式にするのに別のソフトを使わなかったり。もう死ぬほど恥ずかしい(´・ω・`)

リンクに関する擬似クラス

CSS

リンクに関する擬似クラスは記述する順番に注意 記述する順番は以下の通りにする。 a:link; a:visited; a:hover; a:active;「a:link」は未訪問のリンクのみに適用されることに注意。リンク全般は「a」で指定すること。

復調の兆しと現在の問題を解消するには

とりあえず復活? 熱は下がったからなんとかなりそうでホッとする。 二兎を追う者は一兎をも得ず CSSの理解度が低い原因をもう一度考えると、IllustratorもPhotoshopもCSSも同時にやろうとしていることで全てが中途半端なのかもしれない。整理して取り組んで…