Flash 8 入門講座：ITpro
Flash 8 入門講座 目次 お絵描きからActionScriptを使ったアニメーション制作まで いまやすっかり，Web上のインタラクティブ・コンテンツの代名詞となった感がある“Flash”。実は，アニメーションやゲームなど私たちが目にする，いわゆるFlashコンテンツは正確には「Flashムービー（ファイルの拡張子は.swf）」と呼びます。 Flashムービーを作成する方法はいくつかありますが，一般には，アドビシステムズの開発ツール「Macromedia Flash（以下，単にFlash）」を使います。本連載では，Flashの最新版である「Flash 8」を使って，Flashムービーの作成方法を中心に紹介していきます。Flash 8を持っていないという人も，1カ月間タダですべての機能を使用できる体験版がアドビシステムズのWebサイトに用意されているので，ダウンロードして一度試してみては
FLASH アニメーション ActionScript学習サイト
Flash Professional 8 が入ったStudio 8が登場 2005年10月12日発売！ パッケージ内容 Dreamweaver 8/Flash Professional 8/Flash Video Encoder/Fireworks 8/Contribute 3/FlashPaper 2 STUDIO 8 Commercial STUDIO 8 アップグレード版
グラデーションをマスターするためのPhotoshopのチュートリアル集 | コリス
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
色や大きさを後から変更できる AQUA風ボタンの作り方
二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し
ウノウラボ Unoh Labs: 「視線を導く」方法あれこれ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
ウノウラボ Unoh Labs: 水平方向のナビゲーションの作り方
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
How to make sexy buttons with CSS
This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day. Here's what you'll get: Sliding doors Since we want our buttons to be über-flexible, we'll have to make the background image expand with the si
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. 内側に白色でシ
ナビゲーション画像を作成するPhotoshopのチュートリアル集 | コリス
Vandelayのエントリー「45 Photoshop Tutorials for Better Navigation」から、先日紹介した「ボタン画像のPhotoshopのチュートリアル集」とかぶらない、ナビゲーション画像を作成するチュートリアルを紹介します。 45 Photoshop Tutorials for Better Navigation
Web Design Library ― One-stop resource for web designers
Blog Welcome to Web Design Library, the ultimate source of all sorts of info that you need in your professional life. Asset Tracking Systems for All Business Sizes Any business, whether a small startup or a large corporation, finds that asset tracking systems improve their operations. These tools help companies know exactly where their valuable items are at all times. read more From Pixels to Prod
俗に言う clearfix と言われるコードのバリエーション色々 - lucky bag
clearfix ネタに乗っかってみる。 スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る －モダンブラウザ編－ clearfixはちゃんと考えられてた .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .clearfix { _height: 1px; min-height: 1px; /*￥*//*/ height: auto; overflow: hidden; /**/ } ホップ本でもうーたんが解説してるんだけど、構造に手を加えずに float を clear させるためのいわゆる clearfix ってやつ。結構色々なサイトで紹介されているのを目にすると思うけど、最初の content 生成して clear させる
photoshopボタンメニューチュートリアル - ITクオリティ
これはすごい！ かなり勉強になります。 ちょっといかしたメニューボタンを作りたいと思ったら是非見ておくべきまとめエントリですね。 Design Professional Glossy Buttons » Free Photoshop Tutorials and Resources こんなのとか。 色々とありますね！ エントリは以下で。 45 Photoshop Tutorials for Better Navigation | Vandelay Website Design 2008/03/04(火) 23:21:29| ウェブ開発 | トラックバック:0 | コメント:0
borderの幅はwidthに含まれるのか | なつみかん。
borderの幅はwidthに含まれるのか 2006.02.24 Friday borderの幅はboxの外側にあるのか、内側にあるのか。 これについては「URL入りのDOCTYPE宣言をした場合は外側に（標準モード）、そうでない場合は内側」と思っていた。padding についても同様に 標準モード：実際の幅 = width + padding + border 互換モード：実際の幅 = width ( padding および border を含む) 例えば .hoge{ width : 300px ; border : 2px solid ; padding : 5px } の場合、実際の幅は 標準モード→ 300 + 2*2 + 5*2 = 314px 互換モード→ 300px（中身は自動計算） です。 なので困った時は１行目に <!DOCTYPE HTML PUBLIC "-//W3
orange-A-go-go! | アイコン | TIPS | その3：アクアボタンの作り方
■はじめに：概要 □この作業にはPhotoshop6が必要です。 □ある程度Photoshopの操作に慣れている方は、 こちらのアクションファイルをダウンロード した方が良いカモ。。。 □画像をクリックすると拡大します。 ■その1：新規作成 手順に含める必要がないとか言わないでください。 ■その2：正円の選択範囲を作成。 分かってるとは思いますが『shift』を押しながらですよ。 ■その3：グラデーションで塗りつぶし 今回はオレンジ色の球を作りたいので『黒→オレンジ』のグラデーションで塗りつぶします。 オレンジ色一色で塗りつぶして、上に白黒のレイヤーを重ねてレイヤーの合成方法を『乗算』にしてもオッケーです。 ■その4：色調の補正 グラデーションはかかり具合が調整しにくいので塗り込んだ後に『メニュー』→『イメージ』→『色調補正』→『レベル補正...』を実行する方法が楽だと思います。 この辺は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンブラウザ向けCSSハック：ウェブネタブログ
NEXTindex - [Web Site 作成支援, Java 入門]
コリス
ウェブデザインの途中経過GIFアニメ
Creating a Mac-Type Background in Photoshop
Most Viewed Photoshop Tutorials - Photoshop Lady
