【Fireworks】お絵かき感覚で、紙がビリビリに破れた感じを表現するチュートリアル – 宇都宮ウエブ制作所
画像加工ではPhotoshopに負けると思われがちなFireworksですが、使い方次第で結構イイ線いくもんです。できればFwだけで完結しちゃいたい――、そんな貴方にぴったりのチュートリアルをご紹介します。 Fwだけでここまでできちゃうよ！完成品 紙がビリビリに破れた感じをつくろう。 これ、Photoshopでのチュートリアルは数あれど、実はFireworksだけでも作ることができるんです。しかもお絵かき感覚で簡単に、エッジの質感もなかなか良い具合に仕上げる事ができます。 具体的な作り方は以下から。 画像を用意します。 元画像 適当に切り取ります。隠れる部分なんでざっくりで大丈夫。ここではマスクを使いました。 ここは神経質にならなくて大丈夫 新規ビットマップ画像を追加したら、ブラシツール「油彩」＜「ブリストル」に設定。後で色を変えるので、輪郭が分かりやすい色にしておきます。こんな感じでお絵
【Fireworks】ちぎった紙っぽいパーツをサクッと作る | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいですが、影に隠れて Fireworks も実は 5.1 にマイナーバージョンアップしています。 参考：Fireworks CS5.1 in Creative Suite CS5.5 バグ FIX がメイン（それだけでも有難い！）ですが、書き出し時の色の最適化が改善されていたり、ファイル保存時に最後に保存した場所がデフォルトで開くようになっていたりするようです！ 嬉しい…！ 今回は、Fireworks でちぎった紙っぽいパーツを簡単に作る方法をご紹介します。 Step1 とりあえず、カンバスに背景を敷きます。（サンプルは Fireworks の塗りの「パターン」にある「青い布」をそのまんま） Step2 白い矩形を置きます。 Step3 ストローク（破線ダブル、外側、1
スクロールバーをデザインするのに使えるjQueryプラグイン「Custom Scrollbar」 | Web活メモ帳
「Custom Scrollbar」はスクロールバーのデザインとスクロール量をカスタマイズできるjQueryプラグインです。 デザイン以外にも、イージング、マウスホイールへの対応など多彩なオプションが設定可能になっています。 OSが変わっても同じ見せ方をしたい場合などに良さそうですね。 詳しくは以下 デモ 多彩なオプション機能 以下のようなオプションが設定可能です。 スクロールの方法（縦か横） スクロール量 イージング量（スクロールを停止した後の慣性の量） スクロールバーの幅と高さ マウスホイールのサポート 使い方 jQueryやjQUery.uiなどのライブラリをheadタグで読み込みます。 <link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> <script src="http://aj
IE6のバグ peek-a-boo | slog
いまだ、ユーザー数がそこそこなIE6だと、表示が対応できないことが多くなります。 意外と忘れがちで、どこが悪いのか？と見落としがしなのが「peek-a-boo」といわれる、表示が不安定になる現象です。 ボーダーがきたり、表示されたり、スクロールに会わせて、背景が消えたり、表示されたり。 解決方法は 問題の箇所に対して 親要素にline-heightを指定する 親要素にwidthおよびheightを指定する 要素にposition:relativeを指定する height:1%; これだけでよいこともあります。 忘備録として 追記： コバさんからコメントいただきました。 zoom: 1; でも解決できます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YUKI HARUYAMA Portfolio Site | 春山 有由希