タグ

ドロップシャドウに関するmechikoのブックマーク (2)

  • リサイズしてドロップシャドーをつける Photoshop 用アクション - lucky bag

    以前、一括して変換する必要があった時に作った Photoshop 用のアクションを公開してみる。なんか、別に大したことしてなくて、Photoshop いじってる人だったら誰でも簡単に作成できちゃうようなもんだけど。 action.zip 開いている画像をリサイズして 4px のドロップシャドーをつけるだけ。アクションは 3 種類あって、それぞれ影を含んだ状態で横幅 100px、200px、300px で縦なりゆきの 3 パターンのサイズにリサイズするようになっている。 100px のサンプル 200px のサンプル 300px のサンプル ダウンロードして解凍した shadow.atn を、Photoshop のアクションパレットから「アクション読み込み」で取り込むと、3 種類のアクションがセットとして表示される。適用したい画像を開いた状態で、希望のサイズを選択してアクション再生でズギャン

  • 小粋空間: CSSで画像に影をつける(ドロップシャドウ)

    CSSを利用して画像に影をつける(ドロップシャドウ)カスタマイズです。ご質問を頂いたのでこちらのエントリーで紹介致します。下のスクリーンショットはドロップシャドウ完成例です。 仕組みは、ドロップシャドウ用の画像を、img タグを括る別のタグの背景画像として指定し、img タグの画像をずらして表示することでドロップシャドウの効果を出すようになっています。 参考にさせて頂いたのは下記のサイトです。ありがとうございました。 1976design.com:Easy CSS drop shadows A List Apart:CSS Drop Shadows nlog(n):アップロードした画像に影をつけるには POCHIKING*:画像に自動的に影をつけてテキストを回り込ませる 今日の覚え書き:cssの設定で自動的に画像に影を付ける 花と写真とblogと。:画像に影をつけてみる。 最初の1976d

  • 1