紙がやぶれた感じの画像をFireworksで再現してみる - F.Ko-Jiの「一秒後は未来」
紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ – DesignWalkerにて紹介されていたテクニック集のうち、最初のPhotoshop Page Tear | AdrianHerritt.comで解説されている方法を、Fireworksで再現してみました。 練習なので下手くそですが、 ↑この画像が、 ↑こんな感じになります。なんとなくそれっぽいですよね。 では、やってみましょう ↑なげなわツールで適当にギザギザをつけて選択し、カットします。 ↑「Ctrl + Shift + I」で選択範囲を反転させます。 ↑右クリックして「コピーして新規ビットマップにする」を選びます。ビットマップが2個になります。 ↑再びなげなわツールで紙の切れ端部分を選択します。 ↑「コピーして新規ビットマップにする」を実行します。ビットマップが3個になります。 ↑「フィルタ > カラー調整 >
意外と簡単だった「スポットライトが当たったような画像を作る方法」 - F.Ko-Jiの「一秒後は未来」
「スポットライトが当たったような画像を作る方法 | P O P * P O P」より。 今回の諦めている不便利はfkojiさんからの投稿です。 投稿したあとで自分なりに同様の効果を出す苦し紛れの方法を見つけたのですが、それよりもはるかに簡単でした。ポイントは「選択範囲の反転」。 P O P * P O Pの記事(Photoshopの例)を参考にしたらFireworksでも同様の効果を出せたので、ここではFireworksでのスポットライト効果の出し方を説明します。 ↑ 1. 「マーキーツール」を選択 ↑ 2. 「エッジをぼかす」を選択、値は5くらいで。 ↑ 3. 効果を出したい部分を選択。(点線部分) ↑ 4. 「選択」 – 「選択範囲の反転」を選択。(もしくはCtrl+Shift+Iでショートカット) ↑ 5. 「フィルタ」 – 「カラー調整」 – 「明るさ・コントラスト」を選択。 ↑
icon Labo(アイコンラボ) -FirewoksでWeb素材- Flash作例1 ぼかした画像からピントの合った画像へ
Fireworksで作成した，アイコンなどのWeb素材の公開のほか画像処理からデザインまで幅広く書いています。 Flashを用いてぼかした画像からピントの合った画像へ徐々に変化させています。 Fireworksでの処理 オリジナルの画像を用意します(幅224px,高さ168px)。 新規レイヤーに画像をコピーします。コピーした画像にぼかし(ガウス)フィルタを適用します。[メニューバー]→[フィルタ]→[ぼかし]→[ぼかし(ガウス)] ぼかしの半径は5に設定しています。保存します。 Flashでの処理 Flashドキュメントを作成して、ステージサイズを幅224px,高さ168pxに設定します。先ほど保存したFireworks PNGファイルを読み込みます。 最上部のレイヤーに円(黒)を描画します。シンボル化してトゥイーンを設定します。そのレイヤーを右クリックしてマスクを設定し
文字のサイズに応じて拡大/縮小するCSSボックス実装:phpspot開発日誌
CSS: The All-Expandable Box In HTML, if you don’t specify a specific width, block-level elements are vertically expandable by their nature. 文字のサイズに応じて拡大/縮小するCSSボックス実装。 ブラウザの文字のサイズ変更によって、次のように、テキストを囲むボックスのサイズを変更するCSSテクニックが公開されています。 ブラウザの文字サイズを変更しても、ボックスのサイズはそのままだと文字が読みにくいというケースがあると思いますが、この仕組みでやれば、そういったことも解消されそうですね。 実際のデモはこちら このデモを解析、応用することで、拡大、縮小にも対応したページ作りの参考となるでしょう。 関連エントリ フォントサイズの変更をJavaScriptによ
クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」:phpspot開発日誌
CSS Buttons is the Plug and Play Solution for Web Designers and Developers - CSS Buttons.net CSS Buttons will allow designers to quickly implement consistently looking, cross-browser, buttons regardless of the element used. クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」。 CSS Buttons を使えば、Win,Mac,Linux上の色々なブラウザでちゃんと動作するボタンが実装できるようです。 ブラウザのボタンに関するレンダリングの差異を吸収するCSSが含まれています。 a, button, input タグによるボタン実装が考えられて
3D-box maker - 3D画像を生成するジェネレーター
How it works?This 3D book cover generator is constantly rendering a realistic book model with the pictures you loaded. Every time you move the camera or change a parameter — the rendering starts from the beginning. It may take some time for the noise to come away and you get a nice and clear 3D image. The progress bar below the book image indicates the optimal rendering time. You can wait more and
よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
Operaに疑問を持つ人がまだいるので、支援するのだ！ - あまたの何かしら。
id:TERRAZIに続けー！ IEとFirefox、どちらが安全？ なんでOpera使わないの？ - TERRAZINE http://d.hatena.ne.jp/TERRAZI/20071204/p1 絶賛継続中！ まだだ！まだ終わらんよ！！Operaの疑問に一気に答えるぞ！ http://d.hatena.ne.jp/amatanoyo/20071205/1196854276 物足りない人たちへ、Operaの機能をまだまだ紹介するんだ！ http://d.hatena.ne.jp/amatanoyo/20071206/1196871726 はてなツールバーが使えないじゃないか！ Opera用はてなツールバーについて考える http://kawatarou.info/note/opera/hatenabar.htm http://kawatarou.info/note/opera/h
物足りない人たちへ、Operaの機能をまだまだ紹介するんだ！ - あまたの何かしら。
うおー、まだ終わらないのかこのやろー！*1 IEとFirefox、どちらが安全？ なんでOpera使わないの？ - TERRAZINE http://d.hatena.ne.jp/TERRAZI/20071204/p1 Operaに疑問を持つ人がまだいるので、支援するのだ！ http://d.hatena.ne.jp/amatanoyo/20071205/1196787736 まだだ！まだ終わらんよ！！Operaの疑問に一気に答えるぞ！ http://d.hatena.ne.jp/amatanoyo/20071205/1196854276 セキュリティが不安でならないよ！ id:kunumiさんに同意一票。そもそもセキュリティの話からスタートして、なんでNoScriptが話題になんないのか、とっても不思議。 id:kunumi Operaも入れているんだけどSiteAdviserとかNos
まだだ！まだ終わらんよ！！Operaの疑問に一気に答えるぞ！ - あまたの何かしら。
意外とすごいことになったので、まだ書くぞ！ #はてブコメントとid:TERRAZIのエントリーへのコメントに答えていくぞ！ IEとFirefox、どちらが安全？ なんでOpera使わないの？ - TERRAZINE http://d.hatena.ne.jp/TERRAZI/20071204/p1 Operaに疑問を持つ人がまだいるので、支援するのだ！ http://d.hatena.ne.jp/amatanoyo/20071205/1196787736 物足りない人たちへ、Operaの機能をまだまだ紹介するんだ！ http://d.hatena.ne.jp/amatanoyo/20071206/1196871726 「マスコット」がいないじゃないか！ おぺらたん ScrapBookがないじゃないか！ Obook Pluginを利用することで解決するぞ！ 「Opera」で閲覧中のWebペー
opera
「脆弱性の件数はIEよりFirefoxの方が多い」としたMicrosoftセキュリティ責任者の報告書に、Mozilla側がかみついた。 IEとFirefox、どちらが安全？ セキュリティ担当者がブログで火花 - ITmedia エンタープライズ secunia.comによる調査結果 じゃあ、ちょっとセキュリティ専門サイトでの調査結果を並べてみようか。 ブラウザ名 未修正 発見済 参照URL Internet Explorer 7.x 7 19 http://secunia.com/product/12366/ Internet Explorer 6.x 21 121 http://secunia.com/product/11/ Firefox 2.0.x 4 18 http://secunia.com/product/12434/ Firefox 1.x 4 45 http://secun
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
