タグ

web2.0とgigazineに関するrokujyouのブックマーク (3)

  • Photoshopを使ったWeb2.0風ロゴの作り方ムービー

    Web2.0風のグラデーションがあって、鏡面に映りこんでいて破裂したようなBETAマークがついているロゴの作成方法が動画で紹介されています。見たままマネしていけばいいので簡単に作れます。 詳細は以下から。 高画質版もダウンロードできますが一部しか見られず、最後までやっているのはYouTube版のみです。 Alleba Blog >> Photoshop Tutorial: How to Make a Web 2.0-Style Logo ムービーで何をやっているかの補足ですが、大体以下のようなことをやってる模様。 まずArialかTahomaかHelveticaフォントで適当に文字を入力。文字の色を3399CCに。 ↓ レイヤーをコピーして右クリック。レイヤー効果からグラデーションオーバーレイを選び、グラデーションをつける。 ↓ 楕円型選択ツールで下半分を消して不透明度を30%に。 ↓ 垂

    Photoshopを使ったWeb2.0風ロゴの作り方ムービー
  • Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE

    Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d

    Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
  • DIONの新技術を用いたサービスの公開実験サイト「DIONラボ」

    現在提供されているサービスは、気分や状況に合わせた映画を探し出す映画推薦ツール、共通の興味や趣味のブログサイトを検索するブログコミュニティ検索、携帯向けホームページダイジェスト表示ツール、2枚の絵による秘密絵のあぶり出し、5分でTOEICスコアをチェックするお手軽英語力診断、英文穴埋め問題自動生成ツールの6つ。 というわけで、個人的に気になる映画推薦ツールとブログコミュニティ検索、英文穴埋め問題自動生成ツールの3つを使ってみました。 詳細は以下から。 DIONラボ 利用には登録が必要。 登録の流れを見て利用規約に承諾したらメールアドレスを登録。 入力したメールアドレスに登録用アドレスが書かれたメールがくるのでそこからアクセスして自分の情報を入力すると登録完了。 まずは映画推薦ツールを使ってみます。右バーの利用するをクリック。 最初に今の自分の気分についてそれぞれ5段階から選ぶ。 次にプロフ

    DIONの新技術を用いたサービスの公開実験サイト「DIONラボ」
  • 1