素人が撮影した写真を、10秒でイケてる写真にする方法 : LINE Corporation ディレクターブログ
こんにちは、佐々木です。 予算やスケジュールに余裕のある案件であれば、プロのカメラマンやデザイナーをアサインするのが一般的ですが、ちょっとした案件であればディレクターが写真の撮影や編集を行うことがあります。しかし普段専門でやっていない、いわゆる素人が撮影した写真は「そのまま使うにはちょっと…」というクオリティであることがほとんどです。 そこで今回は、Photoshopの「色調補正」機能を使って、誰でも簡単に「素人が撮影した写真を10秒でイケてる写真にする方法」をご紹介します。 ※写真の補正を本格的にやろうとする方には参考になりません。あくまで、簡易的な方法にすぎませんので、その点もあらかじめご承知おきください。 今回使用したソフトは、かなり昔の『Photoshop 6』ですので、最新バージョンと食い違う部分も出てくるかと思います。そのあたりは適宜読み替えて該当する機能をお探しください。 ぼ
ブロガーのための使えるPhotoShopチュートリアル集:phpspot開発日誌
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
ウノウラボ Unoh Labs: グラフィック作りのコツとカン
こんにちは。yamazakiです。 前回はレイアウトなどについて非常にざっくりとですが書いてみたわけですが、いかがでしたでしょうか。 そろそろ「グラフィック」のほうも少し書いてみようかという気になってきたので、グラフィック品質を高めるベーシックな技術についても少しずつ書いていってみようと思います。 基本のき 具体的な話に入る前に、まずは基本的な話から。 とりあえず、ざっとあなたの周囲を見回してみてください。壁にしても、PCにしても、「単なる一色のベタ塗り」にはなっていないのではないかと思います。光の加減などで、「影」や「グラデーション」がついていると思います。また、ものの表面には「つるつる」「ざらざら」といった「質感」があるのが当たり前、という中で私たちは生活しています。 そのため、人の目はそういう「グラデーション」や「影」、「質感」がある状況を「見慣れて」います。 グラフィック上
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でタバコの煙風クール画
透過PNG画像によるWEBデザインテクニック集:phpspot開発日誌
Digital Web Magazine - Creative Use of PNG Transparency in Web Design The PNG image has been widely overlooked by the web design community?and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers.透過PNG画像によるWEBデザインテクニック集が色々公開されています。 透過PNGと画像を組み合わせることで、HTMLによる画像イメージの作成が色々可能になるんですね。 WEBデザインの際に活用することで、よりスマートなデザイン
Photoshop CS3の「クイック選択ツール」が便利な件について
少し前からPhotoshopを使っているのだが、どうしても上手にできなかったのが写真から人物や物を切り取ること。私の知る「Photoshop使い」たちは、皆口を揃えたように「パスを使いこなせ」というが、その方法はあまりにも手間がかかりすぎて私には向いていない。今日Photshop CS3がやっと届いたので、うわさの「クイック選択ツール」を試してみると、ものの５分ぐらいで以下の切り抜きに成功した。 やり方は以下の通り。 １．まずは「クイック選択ツール」で大まかな選択をする。微妙な部分は少しはみ出しても気にしない。 ２．選択を反転させる ３．はみ出した部分とそうでない部分のコントラストの差が一番大きいものをRGBチャネルから選び、今度は外側から内側に向かって再び「クイック選択ツール」を使ってはみ出した部分だけを選択するようにクリックして行く ４．だいたいの修正が終わったら、選択を再び反転させる
徐々に消える感じの角丸コーナー - sta la sta
Free Fading Corner Images - Bittbox ブログやWebのデザインでは角丸コーナーの人気が高いですね。 こちらのサイトでは、徐々に消える感じの角丸コーナーのイメージファイルとPhotoshop用ファイルを提供してくれてます。 それぞれコーナーの半径やドロップシャドウの有無などの違いによって9種類を用意。太っ腹ですね。 早速このブログでも各エントリごとに導入してみました。 使用したのは6番の角丸コーナー。 あまり主張しすぎない点、ブログに立体感を持たせてくれる点なんかが気に入っています。
【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
つやつやアイコン - sta la sta
Photoshop でつややかな表現をわりと簡単に実現する まさにこういうアイコンを作ってみたかったんですよ。 丁寧なチュートリアルで分かりやすいです。ありがとうございます。 早速作ってみました↓
WEB2.0なロゴを作成するPhotoShopチュートリアル:phpspot開発日誌
PXLGFX- Polished Text Make your text seem as if it is spankin' new, right out of the package. WEB2.0なロゴを作成するPhotoShopチュートリアル。 微妙な光沢や影を出すにはどうすればいいのか？なんかが解説されていていい感じです。 ↓最終的に出来上がる画像 PhotoShop使いの方は是非作ってみましょう。 関連エントリ 80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」 Firefoxアイコン作成チュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アンディ・ウォーホルのマリリン風に写真を加工する方法 - DesignWalker
知っておくと便利なPhotoshopショートカットキーまとめ - DesignWalker
http://www.designwalker.com/2007/08/photoshop-blur.html
http://www.designwalker.com/2007/08/drop_shadow.html