サイドナビゲーション リニューアル アコーディオンにしました Animated JavaScript Accordion V2 よりダウンロード Photoshopでボタンのbackground-imageを作成 定義型リスト「dl・dt・dd」、箇条書きリスト「ul・li」にてコーディング ＣＳＳでボタン画像…

ハワイの夕焼け 友人から頂いたハワイの夕焼けの写真ですホテルの窓からこんなに綺麗な夕焼けが見れるなんてステキ！！ そこで、私の好きなパズルに。。。（コツコツと作るのが好きなんです） Photoshopのテクスチャを使ってパズル風にしてみました作業時間…

ミラーリング（反射） ■完成 レイヤーを上手に使うのがポイント！！ ■素材写真 （BOA BEST&USAより） 新規ファイルを用意して、黒色で塗りつぶす 反射させる画像をレイヤーに配置 Ctrl+Jキー（Mac:Cmd+Jキー）を押して、レイヤーを複製 ［イメージ−変形−自由…

モンベル アウトドア総合ブランド 「モンベル アウトドア総合ブランド」のグローバルナビゲーションを参考に作成 画像置換はＪａｖａＳｃｒｉｐｔの「ｒｏｌｌｏｖｅｒ．ｊｓ」にて。。。 ｆｏｎｔ−ｆａｍｉｌｙ：Ａ−ＯＴＦ 新ゴ Ｐｒｏ Ｍ ｆｏｎｔ−ｓｉｚ…

画像内にフレームをつける ■完成■素材写真 写真を用意 Ｃｔｒｌ＋Ｊキー（Ｍａｃ：Ｃｍｄ＋Ｊキー）を押して、レイヤーを複製 長方形選択ツールでフレームを作る [選択範囲−選択範囲を変形]でフレームを斜めにする [編集−境界線を描く]でフレームに色をつけ…

クロスフェード 「クロスフェード」とは、じんわりでてくるタイミングとじんわり消えるタイミングを重ねること。 8枚の写真を用意 Photoshopでトリミング 写真をライブラリに読み込む 各写真をレイヤーごとに配置 シンボルに変換（ムービークリック） キーフ…

レンズ補正 ■完成写真 ■素材写真 [フィルター→変形→レンズ補正]を選択 ゆがみを補正：５．００ 垂直方向の遠近法：４２ 角度：３５９．７０ 拡大・縮小：１１８％ 完成 ・作業時間：２分 ■しろうさぎの作品「一人前のwebデザイナーを目指して｜webnotebook」…

チーズ ・作業時間：５分（３枚）

クロスフェード 画像が徐々に消えながら次の画像に変化します ８枚の写真を用意 ｐｈｏｔｏｓｈｏｐでトリミング 箇条書きリスト（ｕｌ,ｌｉ）を使用 「ｃｒｏｓｓｆａｄｅ.ｊｓ」を読込む ＣＳＳでレイアウト ・作業時間：５０分■しろうさぎの作品「一人前…

モノクロ ■素材写真 ■グレースケール ■色相・明度 ■チャンネルミキサー カラーモード変換（グレースケール） ■完成写真■素材写真 [イメージ → モード → グレースケール] カラー情報を破棄 完成 色相と彩度の変換（色相・彩度） ■完成写真■素材写真 [レイヤー…

クロスフィルタ 表面に細い線のミゾがぎざまれたクロスフィルタレンズで撮影したような、十文字の光条効果を作成 ■完成写真 ■素材写真 新規レイヤーを作成 「不透明度：80％」に設定 ブラシツールを選択 ツールオプションバーのブラシプリセットピッカーを開…

コーヒーカップ ⇒⇒⇒ 作業時間：５分

グラスビール ⇒⇒⇒⇒⇒

おやすみなさい。。。 PostcardViewer galleryからダウンロードamanaで写真を用意して作成しました。 総作業時間：４５分（写真加工：１５分／コーディング：３０分） ■しろうさぎの作品「一人前のwebデザイナーを目指して｜webnotebook」にアップ中！！

ＪａｖａＳｃｒｉｐｔ ＪａｖａＳｃｒｉｐｔのページを追加しました！オブジェクト別に区分けしたほうが良いのかな？と思いながらも。。基本的なところから。。。 画像置換 サブウィンドウを開く 警告ダイアログを表示 ステイタスバーに文字を表示させる ブ…

ラフティングの求人広告 先日、友人から頼まれたラフティングの求人広告 POINT 目に止まるもの どんな職種があるのか 業務拡大の伴い社員・アルバイトの募集 手に職 ２点目です。

ラフティングの求人広告 友人より、ラフティングの求人広告を頼まれました。Ａ４サイズ１枚写真はまだ決まっていないため、ＨＰの写真を利用ＢＯＳＳのデザインワークスを受講していて良かったぁ〜〜〜！じゃなかったら。。。。って感じです！とりあえず、２…

銀座掌｜GINZA TANAGOKORO BOSSのブログより 「銀座掌｜GINZA TANAGOKORO」をリ･コーディングしました「WEB標準」はもちろんですが今回は、ＣＳＳ（スタイルシート）を分けて作成しました ■TOP マークアップＣＳＳ総作業時間 ： １時間： ５時間４０分： ６…

「ＣＧＩ」を使って作成 完成 KENT WEB - 掲示板から「PostMail」のデータをダウンロードして作成しました 入力項目は４つ！ お名前 メールアドレス 確認用メールアドレス ご感想・ご意見等をご記入ください 入力内容の確認画面送信完了の画面 入力内容にエ…

東急電鉄 「東急電鉄」のグローバルナビゲーションを参考に「Photoshop」で作成 ロールオーバー画像置換は。。。JavaScriptの「rollover.js」を使ってレイアウト ボタン作成時間：1時間30分HTML+CSSコーディング時間：30分総作業時間：2時間 背景画像 「１px…

クリック時にサブウィンドウを開く Dreamweaverのビヘイビアでポップアップウィンドウを開くのでなくJavaScriptの「.js」ファイルを使用してみました。JavaScriptの記述内容は function disp(url){ window.open(url, "window_name", "width=500,height=300,s…

リニューアル グローバルナビゲーションをリニューアルしました サイドナビゲーションはJavaScriptの「rollover.js」を使用しました ｖ（＾_＾）ｖ ■しろうさぎの作品「web notebook 作品集｜webデザイナーになるために」にアップ中！！

不二家 「不二家」のグローバルナビゲーションを参考に作成 ボタン作成時間：2時間HTML+CSSコーディング時間：40分総作業時間：2時間40分 a:link用 ■ベースの赤（color:#cc0000;） 左右の下の角をとり丸める 長方形選択ツールにて 反転して 消す ■斜線（colo…

できました！！ 先日作成した、ドロップダウンするグローバルナビゲーションＩＥ６ではマウスをグローバルナビゲーションにオンしてもドロップダウンしなかったので。。「ＨＴＭＬソース」と「ＣＳＳ」の記述を変えてやり直しｐ（＾o＾）ｑ「ｊａｖａｓｃｒ…

「Ｓｕｎｓｈｉｎｅ Ａｑｕａ Ｆａｎｔａｓｉａ (サンシャイン アクア ファンタジア)」 ■サンシャイン国際水族館のイベント 「Ｓｕｎｓｈｉｎｅ Ａｑｕａ Ｆａｎｔａｓｉａ (サンシャイン アクア ファンタジア)」 綺麗な文字を参考に作成 ■ｆｏｎｔ：Ｂｏｄ…

オズモール（ozmall） 「オズモール（ozmall）」のグローバルナビゲーションを参考に作成 CSSレイアウト(JavaScript使用) font: A-OTF 新ゴ Pro M ／ Helvetica Neue LT Std 75 Boldcolor: #ffffff ボタン作成時間：45分HTML+CSSコーディング時間：1時間50分…

ビューティーファン 「ビューティーファン」のグローバルナビゲーションを参考に作成 CSSレイアウト font: A-OTF 新ゴ Pro M ／ Gill Sans MT Boldcolor: #ffffff ／ #444444ボタン作成時間：1時間HTML+CSSコーディング時間：50分 「白」の背景に文字を入れ…

DHC 「DHC」のグローバルナビゲーションを参考に作成 CSSレイアウト font: A-OTF 新ゴ Pro Rcolor: #333333ボタン作成時間：1時間30分HTML+CSSコーディング時間：40分総作業時間：2時間10分 色をつける 両端の下の部分に丸みをつける 選択範囲を反転して消す…

大河ドラマ 篤姫 「大河ドラマ 篤姫」のグローバルナビゲーションを参考に作成 CSSレイアウト font: A-OTF リュウミンB101 Procolor: #ffffff;ボタン作成時間：５５分HTML+CSSコーディング時間：５０分総作業時間：１時間４５分 手強い篤姫のグローバルナビ…

ＧＩＮＺＡ ＫＡＲＡＣＵ 銀座菓楽 ＢＯＳＳのブログより「ＧＩＮＺＡ ＫＡＲＡＣＵ 銀座菓楽」のリ・コーディングをしました。 目標は「web標準」ということで「文法チェック」を行ないながら８ページ作成 ■菓楽文書構造マークアップＣＳＳ総作業時間： １…