jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.4
今回は、Mac OS X のDashboard っぽいバーを作ってみます。（ちなみに、私は根っからのWindowsユーザーで、Dashboard を触ったことはありません・・・） まず、角の丸みが100%の角丸矩形を描きます。塗りの色は#000000、ストロークは「なし」にしておきます。 描画した矩形をコピー＆ペーストで複製します。（下の図ではわかりやすいように複製したほうの塗りの色を変えています。）元の矩形を「base」、複製したほうを「gradation」とします。 次に「gradation」の大きさを変えておきます。幅と高さをそれぞれ2pxずつ小さくしてください。 矩形ツールで「gradation」の半分の高さの長方形を描き、「gradation」の上辺と揃えます。長方形の塗りの色を#000000、透明度を50%ぐらいにすると、重なり部分が見えるので調整しやすいです。 ここで、Par
jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.3
FireworksでWeb2.0デザインしてみる - Part.3 そろそろネタが尽きてきましたが、第三弾です。今回はバッジに挑戦！ 星型で適当な大きさの星を描きます。 画像を選択すると黄色のポインタが5つ現れると思います。これらのうち、「頂点」というのを動かして頂点の数を24ぐらいにします。さらに、「半径2」も動かして、下の図のようにします。 次は塗りを調整します。「塗りの種類」で[グラデーション]-[線形]を選び、左右の色を調整します。 さらに、グラデーションの方向を縦にします。shiftキーを押しながらだときれいに90度回転させることができます。 ドロップシャドウをかけます。各設定値はキャプチャのとおりです。 完成！これは簡単に出来ました。 ちなみに、PingMag - 東京発 「デザイン＆ものづくり」 マガジン » Archive » ウェブデザインのトレンド：死の宣告にもあるよ
jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.2
FireworksでWeb2.0っぽいデザインを試みるこのコーナー。第二弾はMacのAqua風ボタンを作ってみましょう。 下の図のような感じの角丸矩形（「くけい」って読むのね。）を描きます。角の丸みは20-30%程度。塗りの色は淡い色に、ストローク（線）の色はなしにしておきます。 次に描画した矩形を2回コピー＆ペーストして複製を作ります。（つまり全部で3つが重なっている状態。）便宜上、上から順番に「base」「100% round」「temp」という名前をつけます。下の2つはしばらく使わないのでロックをかけておくとよいでしょう。 一番上の「base」を編集していきます。まず、ストローク（線）の色をつけます。「塗り」よりも濃い目の色にすると見栄えが良いです。（例では塗りの色を#DDFF88、ストロークの色を#99CC00、ストロークの種類は1pxの柔らかい線にしてみました。） 次に「シャドウ
jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.1
先日、勢いで Macromedia Fireworks 8 を購入しました。私はどうも Photoshop や Illustrator が苦手、というか使いこなせません。メニューが豊富すぎてわけがわかんない。が、Fireworks はバージョン2 ぐらいから会社で使っていて、相性がいいのです。 で、せっかく買ったので、Web2.0っぽいデザインにチャレンジしてみました。まずは第一弾。「mirror reflection（反射）」です。 こういうやつ。 反射させたいオブジェクト（A）をコピー＆ペーストで複製（B）します。 複製したオブジェクト（B）を選択して、[修正]-[変形]-[縦反転]で反転させます。 反転させたオブジェクト（B）を元のオブジェクト（A）の下に移動させます。 反転させたオブジェクト（B）を選択して、[コマンド]-[クリエイティブ]-[イメージのフェード]を選び、メニューか
Daftar Situs Judi Online Rtp Tertinggi dan Link Slot Online Terpercaya - BioRust
Dapatkan Jenis Slot Online Paling Gacor Walau Hanya Keluarkan Modal 10k Saja | RTP Live Slot Pragmatic: Antara Sensasi Bermain dan Peluang Menang yang Tinggi | Slot online Segala Kemenangan Paling Mudah Kamu Dapatkan Bersama Situs Slot Kembali Menarik Mata Segala Kemenangan Paling Mudah Kamu Dapatkan Bersama Situs Slot Kembali Menarik Mata Kemenangan dalam permainan adalah sesuatu yang dicari o
フォトショップ早わかり Photoshop Tips & Manual（飛鳥）
「フォトショップ ティップス ＆ マニュアル」は、アドビ・フォトショップを使う上で知っておくと便利なテクニックをひとつひとつ丁寧に紹介していくコーナーです。 フォトショップを早く理解して、すぐに使えるようにするために、「フォトショップ ティップス ＆ マニュアル」は、大きく分けて以下の二つのセクションで構成されています。フォトショップの基礎から一歩一歩勉強していくには、「機能別マニュアル」を、すぐに役立つテクニックが知りたいときは、「目的別ティップス集」をご覧ください。 「フォトショップ ティップス ＆ マニュアル」は、2004年の7月下旬から始まったコーナーですので、内容はまだ充実していません。不定期ではありますが、少しずつ更新していいきますので、気長にお付き合いください。 （コーナー概要を読む）
ボブ先生のスパルタPHP入門講座 [高知ネット]
PHPってのは「サーバーで動き、HTMLを出力するプログラム」のことで、 まあ要するにHTMLよりもJavaScriptよりも、もっと色んなことが簡単にできてしまうという エクセレントな言語のことだ。 おっと自己紹介が遅れたな。俺はボブ。お前達にこれからPHPをティーチングするぜロケンロール！ イエス！ともかくPHPというのは「無料、簡単、リファレンスどっさり」ってこったな。 リファレンスって何かって？オーケーハニーガイズ、心配すんな。 これからボブ先生がじっくりと教えてやるから、安心してママのミルクプリンを食べてな。 このチュートリアルはだな、ある程度HTMLがわかってHPが作れるぐらいのオタク向けのレッスンだ。 JavaScriptを組んだことがあるってんならなおさらイカしてるぜ！ よし！じゃあ次のチャプターからじっくりとお前達にPHPのイロハを教えていくぜ！ 楽しみにしてろよ！このチ
Photoshop でつややかな表現をわりと簡単に実現する
2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー
Photoshop で背景透過の美しい favicon を作成する - 2xup
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
iTune Icon
The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques. Version: Illustrator 9+ Download Source File 1. Basic shapes Start making the basic shapes of the iTune icon. If you need help on how to trace from an image, visit my Tracing Photo tutorial. 2. Music note Make a gloss
PhotoShopでRSS標準アイコンを作成するチュートリアル:phpspot開発日誌
Photohop: RSS-Icon Standard in Variationen (注: ドイツ語のサイト) Firefox hat es, andere Browser folgen. Ein neues, frisches RSS-Icon, das in kurzer Zeit zu einem Standard gereift ist. Wir bauen es selbst und variieren das Ausgangsmaterial. PhotoShopでRSS標準アイコンを作成するチュートリアル。 チュートリアルの後に、PhotoShopのpsdファイルも配布されているようです。 RSSアイコンが出来るまでの図。 → → → 軽く手順を書いておくと、 1. 角丸のシェイプで輪郭を塗りつぶす。 2. 輪郭を選択して、選択範囲を２ピクセルほど縮小 3. 内側に白色でシ
Adobe - デベロッパーセンター : Flash 8 でポッドキャストアニメを作る
アドビの Flash 8 を用いて、Apple 社の iPod で再生できるポッドキャストアニメーションを制作します。このアニメーションは、Flash 8 Basic で使用できる機能のみを使って制作しています。アイデアから制作、公開までより直感的で勢いをキープしたまま制作できる行程を感じ取っていただけると嬉しいです。（もちろん Flash 8 Professional でも制作可能ですが Basic 版でも十分アニメーションは制作できます。) Macromedia Flash Basic 8 トライアル 購入 ポッドキャストアニメーションを体験 この記事で紹介している青池氏のアニメーションをビデオ・ポッドキャストとして配信しています。 ビデオ・ポッドキャスト配信サイトからポッドキャストアニメーションをダウンロードして Flash アニメーション体験いただけます。 ビデオ・ポッドキャスト
Veerle
Check out this extended font bundle for only $29! In the image below I’m only showing a tiny fragment of what’s included in this incredible bundle. Time for a little update on what is going on with the Inspiration Stream. As you've probably guessed, gathering quality inspiration can be time consuming. When The Deck still was a partner of this site this wasn't an issue. With Jim Coudal's announceme
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
codestyles.com | Domain For Sale
PHP Dream
totaltutorial.com
Photoshop ロゴワークショップ
http://www.photoshoplab.com/web20-design-kit.html
Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus
