すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
Photoshop で背景透過の美しい favicon を作成する - 2xup
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
色や大きさを後から変更できる AQUA風ボタンの作り方
二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し
PhotoShopでRSS標準アイコンを作成するチュートリアル:phpspot開発日誌
Photohop: RSS-Icon Standard in Variationen (注: ドイツ語のサイト) Firefox hat es, andere Browser folgen. Ein neues, frisches RSS-Icon, das in kurzer Zeit zu einem Standard gereift ist. Wir bauen es selbst und variieren das Ausgangsmaterial. PhotoShopでRSS標準アイコンを作成するチュートリアル。 チュートリアルの後に、PhotoShopのpsdファイルも配布されているようです。 RSSアイコンが出来るまでの図。 → → → 軽く手順を書いておくと、 1. 角丸のシェイプで輪郭を塗りつぶす。 2. 輪郭を選択して、選択範囲を２ピクセルほど縮小 3. 内側に白色でシ
Nitram+Nunca › ２分の１ピクセルの輪郭線
写真を撮る機会は実に多くありますが、特に結婚写真は一生の記念になる大事な写真ですので、できるだけ良いものを残しておきたいものですね。 結婚前は何かと忙しくなりますが、疲れが残らないよう、写真撮影の前にはしっかり休息を取っておきたいですし、エステなども利用して、できるだけきれいな状態で撮影にのぞみたいものです。 そして、結婚写真は挙式当日に撮影されるカップルも多いですが、やはり慌しいこともあり、せっかくの写真も表情が硬くなってしまったという経験をお持ちの方もいらっしゃるのではないでしょうか。 結婚写真は最近は前撮りでゆとりを持って撮影される方も増えているようです。 メイクや着付けも時間をかけられますし、時間にも余裕がありますので、より自然な表情で撮影ができるのもメリットです。 そして、式当日とは違う衣装を選ぶことができるのも良いですね。 スタジオ撮影はもちろん、ロケーション撮影などで屋外での
ドット絵講座
いつも本サイト「KADOKAWAオフィシャルサイト」をご利用いただき、ありがとうございます。 2013年10月1日に子会社9社を吸収合併し、新生KADOKAWAがスタートいたしました。 アスキー・メディアワークス、エンターブレイン、角川学芸出版、角川書店、角川マガジンズ、中経出版、富士見書房、メディアファクトリーの商品・提供サービスにつきましては、これまでKADOKAWAオフィシャルサイトとともに、各ブランドページでもご覧いただいておりましたが、今後KADOKAWAオフィシャルサイトにて商品・提供サービスをご覧いただけますようお願い申し上げます。 KADOKAWAオフィシャルサイト 商品・提供サービスに関するご質問やお問い合わせにつきましては、引き続きKADOKAWAオフィシャルサイト内の「お問い合わせ」をご利用ください。 KADOKAWAお問い合わせ 今後とも本サイトを宜しくお願い申し上
Surviveplus.net
第1話 アイコン作成の定石 記事掲載：2004/07/09 ( 更新：2004/07/09 ) 1. Microsoft の公式ドキュメントに従う Windows XP のアイコンの作成方法は msd の日本語ドキュメントで紹介されています。 msdn "Windows XP 用アイコン作成方法 " 基本的に、これに従えばＯＫですが、もとが英語ドキュメントで、紹介されているソフトも海外のモノなので、ちょっとわかりにくいですね。ポイントだけ抜き出すと 原画を Photoshop などで描く ツールバー用やファイル自体は正面図で、モノはパースで描く 基本パレットとして指定されている色を使う 影をつける（ツールーバー用ではつけなくて可） アイコンフォーマットは前から順に 16色、256色、透明度付き 各色順に 16、24、32、48ピクセル を用意する 各画像を用意して、ソフトを使って一つのアイ
Showing Hyperlink Cues with CSS (Ask the CSS Guy)
I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. Download zip Images First, find some nice little icons (or better yet, create them yourself) in gif format that will be used as the cues. It might be easier for them a
Firefox のブックマーク・ツールバーをファビコンでスマートに
firefox のタブで、タイトルの横についているアイコン。メニューの「ブックマーク」で、名前の横についてるアイコン。このアイコンをファビコン (favicon) というそうな。ファビコンはサイト管理者が用意しておき、ブラウザーがそのページを読み込むとタブやブックマークに表示するようになってる。 さて、firefox には手軽にブックマークを置く場所としてブックマーク・ツールバーというのが用意されてる。ブックマーク・ツールバーには、ブッマークやブックマークレットを置く。このツールバーにもファビコンが表示される。 clmemo@aka: ブックマーク・ツールバー |firefox| ブックマーク・ツールバーのブックマークを右クリックして「プロパティ」を選ぶと、ブックマークの名前を編集できる事は前に書いた。ブックマーク・ツールバーの大きさは限られてるので、なるたけ短めの名前に直しておきたい所。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windows Developer Center - Windows XP 用アイコン作成法
Free Icons Web - Free Icons,Free Icons Download,Free window icons,Free xp icons,Free computer icon