Gimpで角丸でフェードのかかったコーナー画像の作り方 - Mattari Diary
追記：2012/02/12 コメントでも言及していますが、この記事はgimp2の現行バージョン(v2.6.11、追記時の最新版）に対応していません。 v2.6.11の場合での補足させていただくと、 ステップ4のドロップシャドウのメニューの位置は、メニューバーからフィルタ - 照明と投影内にあります ステップ7の「前景から透明に」は「描写色から透明」と同意です 記事本文 今回は、Gimpで角丸でフェードのかかったコーナー画像の作り方です。 どんなものかというと フェードがかかったカッコいいコーナーのサンプル画像集:phpspot開発日誌 こんなやつです。 かっこいいです。真似たいです。 ってことでここからサンプルをダウンロードして、真似てみましたので、手順なんかをメモっておきます。 Gimpで作ったわけですが、Photoshopでもほとんど同じようにできるかと思います。 手順 初期レイヤーの
スタイルシート（CSS） » CSS小技 » 角丸テーブル | PHP & JavaScript Room
<style type='text/css'> div.km img { border:none; } div.km table { margin:0; padding:0; border:0; border-collapse:collapse; } div.km table th, div.km table td { margin:0; padding:0; border:0; } /* 左上角 */ div.km td.top_left { background:url("./img/css/km_top_left.gif") no-repeat; } /* 右上角 */ div.km td.top_right { background:url("./img/css/km_top_right.gif") no-repeat; } /* 左下角 */ d
画像を角丸にしたり影を付けたりできる「Corner.js」
画像の角をまるっこくしたり、影を付けたりといったことが簡単にできる「Corner.js」というのが公開されたようです。これらを組み合わせることも可能なのでかなり応用の幅は広いかと。 実際のサンプルは以下の通り。 Corner.js http://www.netzgesta.de/corner/ これはノーマル状態 グラデーションシェードを付ける 影を付ける 角を丸くする へこんだ感じの影にする そしてそれらを全部組み合わせることも自由自在 これぐらいまるくすることも可能 オリジナルのアイディアは「reflection.js」から来ているようですが、それにしてもすごい。
【ハウツー】ゼロからはじめるCorner - Cornerではじめる画像エフェクト (1) ゼロからはじめるCorner - Cornerでコーナーを丸くしよう | パソコン | マイコミジャーナル
Cornerはライブラリ名から推測できるように画像の角を丸くするものです。Cornerには2種類あり、エフェクト付きで表示できるCornerと、エフェクトは付きませんが、4つの角を個別に丸くするかどうかを指定できるJustCornerがあります。Cornerは他のライブラリを使用しませんが、動作するブラウザは多少限定されます。<canvas>タグが利用できるブラウザかInternet Explorerでないと動作しません。未対応のブラウザでは、表示効果が反映されないだけで特にエラーが発生するわけではありません。指定した画像がそのまま表示されるだけです。Cornerでサポートしている動作ブラウザは以下のようになっています。 Internet Explorer 5.5以降/Firefox 1.5以降/Safari 2以降/Opera 9以降 CornerはこのURLにあるページからダウンロード
Microsummary を作成する | MDN
microsummary generator はページのコンテンツから microsummary を生成するためのコマンドの集合です。ウェブページは generator を <head> 要素の <link rel="microsummary"> 要素により参照できます。generators はそれが適用されるページのリストを持っている場合、ユーザにより個別にダウンロードしたりインストールすることができます。 このチュートリアルでは、Spread Firefox home page 用に Firefox の現在のダウンロード数をラベル Fx downloads とともに表示する microsummary generator を作成します。例: 174475447 Fx downloads ページを microsummary に変換する XSLT 変換シートを作成し、generator をペ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
