ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > 豆知識 > 紙がやぶれた感じの画像をFireworksで再現してみる
2007年08月17日 00:32
1632日前に投稿

紙がやぶれた感じの画像をFireworksで再現してみる

  • ... PV
  • このエントリーをはてなブックマークに追加

紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ - DesignWalkerにて紹介されていたテクニック集のうち、最初のPhotoshop Page Tear | AdrianHerritt.comで解説されている方法を、Fireworksで再現してみました。

練習なので下手くそですが、

tedy_400_300.jpg

↑この画像が、

paper-tear-effect.jpg

↑こんな感じになります。なんとなくそれっぽいですよね。

では、やってみましょう

paper-tear-effect-01.jpg

↑なげなわツールで適当にギザギザをつけて選択し、カットします。

paper-tear-effect-02.jpg

↑「Ctrl + Shift + I」で選択範囲を反転させます。

paper-tear-effect-03.gif

↑右クリックして「コピーして新規ビットマップにする」を選びます。ビットマップが2個になります。

paper-tear-effect-04.jpg

↑再びなげなわツールで紙の切れ端部分を選択します。

paper-tear-effect-05.gif

↑「コピーして新規ビットマップにする」を実行します。ビットマップが3個になります。

paper-tear-effect-06.gif

↑「フィルタ > カラー調整 > レベル補正」で適当に色を調整して、薄いグレーにします。

paper-tear-effect-07.gif

↑「フィルタ > ノイズ > ノイズの追加」でノイズを10くらい追加します。

paper-tear-effect-08.gif

↑「フィルタ > ぼかし > ぼかし(強)」でぼかします。2回くらいぼかします。

paper-tear-effect-09.jpg

↑最下層のレイヤーにドロップシャドウを追加します。幅は2で、透明度が85%、柔らかさは6くらいです。

paper-tear-effect.jpg

↑これで完成。おもしろい！

スポンサード リンク

Written by
関連エントリーはこちら
お探しの情報が見つからない場合はサイト内検索もお試しください。
Meity.jp - Twitterなかまでプライベートなオフ会を開催したいなら


トラックバック

このエントリーのトラックバックURL:

この一覧は、次のエントリーを参照しています: 紙がやぶれた感じの画像をFireworksで再現してみる:

» チュートリアルの見つけ方 from icon Labo(アイコンラボ) -FirewoksでWeb素材-
Photoshopと比べるとFireworksのチュートリアルは多くありませんが、PhotoshopのチュートリアルをFireworksでもとても参考にな... [詳しくはこちら]

トラックバック時刻: 2007年12月02日 22:09

豆知識

English version

2007/08/17 00:32:54 by F.Ko-Ji
コメント (0) トラックバック (1) 豆知識

前のエントリー: « Google Health - Google はあなたの健康状態をも知ろうとしている
次のエントリー: Googleはユニコーンの角の数さえ知っている »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: