jmblog.jp - Web2.0っぽいグラデーションのコツ
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン（ちょっと言い方を変えてみた）では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう？1 は彩度（鮮やかさ）が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
CornOnCob : SwooshyLines Tutorial
Swooshy Lines Tutorial In this tutorial, I will show you how to make an abstract ribbon-like effect using only Adobe Photoshop. Open Photoshop and create a new document (File > New...). Make the canvas relatively large so that you can scale down afterwards, if needed. It is always good to work larger than what you intend the final size to be so that when you scale down, everything is nice, crisp,
チュートリアル バナー 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 Color Blending. The end effect is quite stunning, and hopefully you'll pick up some tips you didn't know before. Create more awesome glow effects with Layer Styles from Envato Market. Follow along with us over on our Envato Tuts+ YouTube channel: 1. How to Create th
映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル:phpspot開発日誌
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で７色に輝く美しいパーティクルエフェクトを作成するチュートリアル 壁に落書きをしたよう
燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル:phpspot開発日誌
Fire - ・hotoshopTechniques.com Over the years I have seen a number of Photoshop fire effects. 燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル。 次のようなクールなロゴを作るチュートリアルです。 次のような流れで、１からロゴを作っていきます。 PhotoShopオンリーでここまでカッコいい画像が作れるのは凄いですね。 関連エントリ 光のモーションで画像を超カッコよくするPhotoShopチュートリアル スライムのような質感のWeb2.0風ロゴを作成するPhotoShopチュートリアル 硬い金属のような文字を作成するPhotoShopチュートリアル テキストにツララが重なったようなロゴを作成するPhotoShopチュートリアル テキストの上に雪がのっかったようなロゴを作るPhotoS
硬い金属のような文字を作成するPhotoShopチュートリアル:phpspot開発日誌
Highlighted Chrome : Photoshop Tutorials -- Absolute Cross Create some cool smooth chrome with soft blue highlights, great as a text effect or on all kinds of other.. 硬い金属のような文字を作成するPhotoShopチュートリアル。 次のような光沢のある美しい金属風文字を作成できます。 次のような比較的簡単な流れで上記のような文字が作れるようです。 ロゴとして使えば、重厚なサイトの印象を与えることが出来そうですね。 関連エントリ テキストにツララが重なったようなロゴを作成するPhotoShopチュートリアル テキストの上に雪がのっかったようなロゴを作るPhotoShopチュートリアル PhotoShopでMacOSX風アクアな
Photoshopで透過デザインのフォルダアイコンを作る方法『How to Make a Folder Icon』 – creamu
かっこいいアイコンが作りたい。 そんなあなたにおすすめなのが、『How to Make a Folder Icon』。Photoshopで透過デザインのフォルダアイコンを作る方法だ。 以下にご紹介する。 1.backgroundを透明に、128×128の新規ドキュメントを作成。 2.新規レイヤーを作成、ペンツールでフォルダを描く。 3.以下のセッティングを適用。 Gradient Overlay #FFd27A -> #FFB912 Stroke Size: 1px Position: Outside Color: #C07C33 Inner Glow Blend Mode: Normal Color: #FFFFFF Choke: 100% Size: 1px 4.レイヤーを複製し、形をフォルダが開いたデザインに整える。 5.新規レイヤーで紙を描画。フォルダの上に置く。 6.レイヤーパレ
PhotoShopで木目の付箋を作るチュートリアル:phpspot開発日誌
Design a pad of Post-it Notes | Nifty Tutorials tutorial will go over how to create a pad of the ever so common post-it note. PhotoShopで木目の付箋を作るチュートリアル。 素材なしで、１から次のような付箋を作っていくチュートリアルです。 素材なしでもノイズ処理を入れたりすることで木の質感なんかを出せることが分かります。 これは面白いですね。 関連エントリ PhotoShopを使って画像を映画風に加工するチュートリアル PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル PhotoShopでタバコの煙風クール画
PhotoShopでタバコの煙風クール画像を１から作るチュートリアル:phpspot開発日誌
PhotoShop - Smoke Effect Here you can make some very cool smoke with just a simple filter effect. I havnt seen a tut like this on the internet yet so I thought I had better post one. But anyway I find it a very useful method, I use it quite a bit. PhotoShopでタバコの煙風クール画像を１から作るチュートリアル 次のように、PhotoShop で１からクールな煙画像が作れます。 この煙画像を更に組み合わせていくことですごくカッコいい画像が作れそうですね。 これは是非覚えておきたいですね。チュートリアルをこなしておけば応用でいろんな画像が作れる
惑星が爆発したような画像を作成するPhotoshopのチュートリアル | P O P * P O P
これはすごいです。 惑星が爆発する画像を作成するPhotoshopのチュートリアルが公開されていました。1枚の泥の画像から作成していますよ。 » How to: Exploding Planet Effect in Photoshop (via TechEBlog） 5分もかかっていない早業です。以下に動画と共にご紹介。 ↑ このような乾いた泥の画像が・・・。 ↑ 球体風になり・・・。 ↑ 完成しました。 動画はこちらからご覧ください。 The Hole – video powered by Metacafe ↑ ドラゴン○ールで見たようなシーンですね。 こちらを作成された「Luv2Help」は他にも多くのチュートリアルを公開しています。ご興味のある方はこちらからどうぞ。 » Luv2Help.com 役立つTips情報や愉快なガジェット情報を提供してくれているTechEBlogからの情報
Photoshopで人物の髪の毛を切り抜く｜| Woops'dez | Bloggin'
人物の切り抜きにはよく「パス」を使います。 しかしながら髪の毛はとっても大変。ここではちょっと楽が出来る切り抜きTIPSをお送りします。 まぁ、私のやり方なので名フォトショッパーさんはもっとグレイトなTIPSを持っているかも知れませんので、そしたら教えてくださいなー。 1.切り抜きをすませる 問題の部分は適当に残しておきましょう。 こんな感じ。 2.背景→レイヤーにする 鍵の付いているレイヤーをダブルクリックすると、「背景」ではなく「レイヤー」になります。こうすることで、チャンネルなどいろいろ遊べるようになります。 こんなダイアログが出てくるのでとりあえずOK押しちゃえ。 「背景」と「レイヤー」の違い 「背景」 消しゴムなどで消しても後ろが白いままで透過されない。 移動が出来ない チャンネルの複製など出来ない などなど レイヤーにするとこれらのことが全て出来るようになります。 3.「チャン
壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル:phpspot開発日誌
DreamDealer v5.0 - Graffiti with Photoshop Find yourself a nice photo of a wall to put your logo on (i found this image on the internet with Google Images). Every image is suitable if there is a suitable structure (no smooth walls!).壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル 次のように何もない壁に文字を違和感なく埋め込んでいってます。 ちょっと画像で驚かせたいときなんかに使えそうなテクニックですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
9 tutorials » Beautiful lighting FX effect in Photoshop
チュートリアル：photoshopで手軽にストライプ模様をつける方法*ホームページを作る人のネタ帳
http://www.designwalker.com/2007/08/photoshop-blur.html
twin.ne.jp
紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ - DesignWalker
アンディ・ウォーホルのマリリン風に写真を加工する方法 - DesignWalker
パノラマ写真をま〜るく加工するチュートリアル - DesignWalker