タグ

PNGとテクニックに関するtuffgong57のブックマーク (2)

  • これは知らないと損!背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動画解説付き》

    人物と背景を合成したい場合、予め人物の背景を透明にしたままでPNG画像保存をしておくことで、さまざまな別の背景画像に入れ替えることが可能になり、バリエーションを増やすことができます。 関連記事 ⇒ これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。 しかし、背景の色によっては合成したい画像がうまくなじまず、”カスカス”してしまう部分が出てくることがあるので、ここではカスカスさせることなく、うまく背景になじませるテクニックを解説します。(動画は最下部です↓) Photoshopを使っている人であれば、ブログのヘッダーデザインをする際などに、かなり役立つテクニックなので覚えておいて損はないと思います。 背景が透明なPNG画像があるとバリエーションを作るのがとても簡単!例えば、このような白い背景のヘッダーデザインをしてみます。 背景が透明なP

    これは知らないと損!背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動画解説付き》
  • 画像をキラーン!と光らせるCSSテクニック

    twitter facebook hatena google pocket 画像をマウスオーバーさせた時にキラーンとさせたいなんてことたまにありますよね。 今回は透過pngとCSStransitionを利用して実現したいと思います。 via:Create a Sheen Logo Effect with CSS sponsors #1:透過画像を作成 白でフェードをかけたPNGをシャキーン!させたい画像サイズにあわせて用意します。 #2:HTMLCSSを記述 下記のようにありそうな感じのHTMLでOKです。 <a href="/" class="shakeeen"><span></span></a> これに対し、CSSを以下のように記述します。 a.shakeeen { display: block; background: url("シャキーン!させたい画像") 0 0 no-rep

    画像をキラーン!と光らせるCSSテクニック
  • 1