タグ

2010年8月5日のブックマーク (2件)

  • [JS]jQuery初心者もOK、サイトにアニメーション効果を取り入れるチュートリアル

    jQueryを使用して、サイトにフェードやスライド、表示・非表示、タイマーなどのアニメーション効果を取り入れるチュートリアルを紹介します。 Super-Easy Animated Effects with jQuery チュートリアルは英語ですが、使用する関数、ソース(HTMLJavaScript)が必要最小限でまとめられており、デモページ(シンプルすぎかも)もあるため、英語が苦手な人でも大丈夫だと思います。 下記に、チュートリアルをいくつかご紹介。 アニメーションでフェードイン・フェードアウト <textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascr

  • 写真画像をイラスト風のラインアートにするPhotoshopのチュートリアル

    Ink spill and splatter Photoshop brushes 以下、チュートリアルをダイジェストでご紹介。 エッジの作成 画像のレイヤーをコピーし、そのレイヤーに[フィルタ]-[ぼかし]-[ぼかし(詳細)]を選択し、「半径」を7.8、「しきい値」を47.7、「画質」を高、「モード」をエッジのみ、にして「OK」ボタンをクリックします。 次に、[イメージ]-[色調補正]-[階調の反転]を選択します。 エッジが作成できたら、そのレイヤーは一旦非表示にしておきます。 シャドウとなるラインアートの作成 斜めのラインを描きクロスハッチングのパターンを作成します。 「レイヤースタイル」から「パターンオーバーレイ」を選択し、クロスハッチングのパターンを「比較(明)」で適用します。