すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も 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. 内側に白色でシ
tikeda::Diary - 今更だけどAqua風デザイン分解
OSXアイコンやWidgetなんかでは定番となってるAqua風のデザイン。ちょっと遅い感じですが、今更ながらAqua風を突っ込んでみました。 Photoshopを使った簡単な作り方のTIPSなんかは時々目にしてたので、自分はIllustratorでやってみた。現物は以下のドロップと矢印です。 簡単なパスで作られたデータです。これだと印刷物なんかでも大丈夫。色々な応用も可能です。実際CMYKカラーで作りました。Photoshopでアルファやレイヤースタイルをいじらなくても、コツを見つければなんとなく作れます。拡大するとこういう感じ どちらも、単なる単体のシンプルなグラデーションで塗られたオブジェクトを３つ・４つ重ねているだけです。 今の所感じてるポイントとしては以下２つ 面をはっきり出すこと お互いのグラデーションの終わりと始まりがはっきりしていることで面がはっきりして「パリ」っとした硬い質
PhotoShopをアイコン（ICO）形式に対応させるプラグイン: phpspot開発日誌
Telegraphics - Free Plugins for Photoshop & Illustrator...and other software In general, each plugin can be used with all versions of Photoshop (3.0-7.0, CS, CS2), under Mac OS X, 9 and earlier, and Windows. デフォルトのPhotoShopは、直接アイコン形式で保存することが出来ません。 出来ない、とあきらめていたんですが、対応させるプラグインがあるようです。 インストールは、ダウンロードしたパッケージを解凍し、ICOFormat.8bi ファイルを、次のパスにコピーします。 C:\Program Files\Adobe\Photoshop 7.0\プラグイン\ファイル形式 (Photo
iTune Icon
The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques. Version: Illustrator 9+ Download Source File 1. Basic shapes Start making the basic shapes of the iTune icon. If you need help on how to trace from an image, visit my Tracing Photo tutorial. 2. Music note Make a gloss
Web 2.0っぽいバッジがいろいろ紹介されている『Web 2.0 Badges』 | 100SHIKI
Web 2.0っぽいサイトでよく見かける星型のバッジ。サイトをそれっぽく（謎）するためにつけている人も多いのでは。 そして、そうしたバッジがたくさん紹介されているのがWeb 2.0 Badgesである。 しかもそれらのバッジのメッセージがなかなか愉快でもある。 「タグをつけてくれ！子供がいるんだ」「Googleさん、うちのサイトを買って！」などなど、読者やユーザーをにやにやさせてしまうようなバッジばかりである。 さらにフォトショップのファイルも配布されているので腕に自信のある人は自分で作ってみてもいいだろう。 サイトに彩りを添えるこうした部品はもっとたくさん出てきてほしいですね。
iPhone icon psd kit - Jotlet Developer Blog
The rise of digital finance has revolutionized personal loans, offering unprecedented ease and accessibility. Technological advancements have created diverse platforms that simplify borrowing and cater to various financial needs. With numerous options available, understanding their features is crucial for making informed choices. Leading platforms stand out for their user-friendly interfaces, comp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
