猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
Scott Klarrのエントリー「Cheat Sheet Index」から、ウェブ制作・プログラマー・デザイナーのためのチートシート集です。
PSDTuts Advanced Glow Effects In this tutorial we're going to create some really sharp looking glow effects using a combination of layer styles, the pen tool and colour blending. 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル。 次のような画像を作成するチュートリアルです。 本当に綺麗で、パンフレットの表紙、WEBデザインのタイトル部分など、様々な部分に応用することが出来そうです。 チュートリアルを参考に画像を作ってみたところ、次のような画像が出来ました。 関連エントリ PhotoShopで７色に輝く美しいパーティクルエフェクトを作成するチュートリアル 壁に落書きをしたよう
Free Hi-Res Watercolor Photoshop Brushes | BittBox I write mostly about Illustrator in this blog, but the truth is, Illustrator is only the beggining. フリーで使える超絶クールなPhotoShopブラシ 次のようなクールなPhotoShopのブラシをダウンロードしてすぐ使うことができます。 ブラシを使って次のような素敵な画像が作れます。 PhotoShop CS1,CS2 用がダウンロードできるようです。 これは素晴らしいですね。 関連エントリ フリーで大量のPhotoShopブラシを入手できる「Brusheezy」
Swirls & Flourishes Photoshop Brushes A set of brushes made up of various swirls, ornamental designs, and flourishes. Most of these will work great as corner brushes. 渦巻いた花の形をしたデザインのオシャレなPhotoShopブラシが２３個セットで配布されています。 ブラシツールを選択し、ブラシ形状の選択ボックスを開いて、 ボタンを押した後、「ブラシファイルの読み込み」でダウンロードした .abr ファイルを読み込むと次のようなPhotoShopブラシスタイルがインストールされます(PhotoShop7の場合)。 上のキャプチャ画像で見るとデザイン的に微妙な感じですが、実際に使うと次のような凄くオシャレな画像が一瞬で作成できて
9 tutorials Beautiful lighting FX effect in Photoshop This tutorial will show you how to create particle effects in Photoshop. PhotoShopで７色に輝く美しいパーティクルエフェクトを作成するチュートリアル。 次のように美しいパーティクルを作成するチュートリアルです。 簡単そうに見えて、いろいろとテクニックが使われています。 写真などと合成して綺麗なグラフィックが作れそう。 ↓実際に試してみました。これは美しいです。 関連エントリ 壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル 燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル 光のモーションで画像を超カッコよくするPhotoShopチュートリアル スライムのような質感の
Creating a Mac-Type Background in Photoshop This tutorial is about making a “mac” style background. PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル。 次のような背景画像をPhotoShopで作るチュートリアルです。覚えておくとサイトデザイン時などにかなり活用できそう。 次がその流れ。 作っている工程も、徐々に背景が出来ていって、なかなか楽しい感じですね。 関連エントリ 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル PhotoShopでタバコの煙風クール画像を１から作るチュートリアル
HONGKIAT.COMの数あるPhotoshopのチュートリアルから、テキスト・写真・ボタンなどのサイトによく使用しそうなWeb2.0風画像の紹介です。 サイトでは、キャプチャ入りで作成方法を解説しています。
Free Photoshop Brushes by Brusheezy フリーで大量のPhotoShopブラシを入手できる「Brusheezy」。 １４０種類以上のブラシをダウンロードできます。 どれも面白いブラシばかりで、これらを活用することで独自のデザインを作ることができるかもしれませんね。
Icojoy this tutorial we will try to make round button in one of Windows Vista styles. WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル。 次のようなボタンを作成するチュートリアルがムービー付きで公開されています。 以下がそのムービーです。 ガラスのような質感を作成する場合に参考になる良いチュートリアルですね。 このVista風のボタンもカッコいいのでサイトに盛り込んでカッコいいサイト作りに役立てられそうです。 関連エントリ 56のクールなPhotoShop用レイヤースタイル集 PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル
18 Essential Photoshop Tutorials for Blogger | The Tao of Blogging to Wealth As a blogger, a little Photoshop skills in image editing is very crucial. ブロガーのための使えるPhotoShopチュートリアル集。 ブログ作成時のパーツやバナーなんかを作成する際に役立てられるチュートリアル集になっています。 Creating and Using Favicon.ico - favicon を作る( 関連: PhotoShopをアイコン（ICO）形式に対応させるプラグイン ) Simple Web 2.0 Banner - Web2.0なバナー作成チュートリアル 3D logo - 3Dのロゴを作成するチュートリアル Dreamy Text f
Visual-Blast Mediaのエントリー「Photoshop actions: 124+ Free Photoshop Actions to Boost Your Designs」にプラスアルファして、画像にいろいろな効果を与えるPhotoshopのアクション集を紹介します。 Photoshop actions: 124+ Free Photoshop Actions to Boost Your Designs
375 Free Photoshop Brushes Brown Thoughts After featuring free Photoshop plugins, it’s time to look at another Photoshop essential, brushes. It’s easy enough to find free brushes to download, but the time it takes to browse every search result can waste a lot of time. 375のフリーなPhotoShopブラシまとめ。 Mystcart Brush Set IV by mystcart Native American by Indo Dreamin’ Tattoo Borders by Indo Dreamin’ Abstrac
100 Photoshop Tutorials for Creating Beautiful Art 美しいアートを作成するためのPhotoShopチュートリアル100。 PhotoShopを使って、絵を描いていくためのチュートリアルが100も紹介されています。 実際に絵を描くわけなので絵心が必要になってきますが、将来的にこういった絵も描いてみたいという方は覚えておくといいかも。 もっとも、絵心のある方はこれらを参考により美しいグラフィックを描く上での参考にできるでしょう。 関連エントリ PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」 PhotoShopを使ってリアルな触手っぽい画像を作成するチュートリアル PhotoShopでMP3プレイヤーのデザインを作成するチュートリアル PhotoShopでオリジナルの古地図を作成するチュートリアル
ウェブサイトをデザインするのにPhotoshopを使っているのですが、よく自作のパターンを登録してデザインに活用しています。 それはものすごくシンプルなものなんですが、一番使いやすく、大概のオブジェクトにマッチするので90%の確率で使ってしまいます。 今回はそんなパターン素材を「wwwusic Simple Patterns」と名付けて用意しました。 「意外と自作のパターンって作成とか登録が面倒くさい」という方は是非どうぞ。 パターンの紹介とファイルのダウンロードは下記。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く