![http://e0166nt.com/blog-entry-794.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/1bdd0accf680068b45df1f9a4303be9a9cb0b541/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-43.fc2.com%2Fe%2F0%2F1%2Fe0166%2F201009080000.jpg)
写真やイラストの画像をカンバスに描いたようにするPhotoshopのチュートリアルを紹介します。 また、チュートリアルのアクションを作成したので、よければどうぞ。 元画像、左:イラスト(©みなぎあき)、右:写真 [ad#ad-2] 以下に紹介するチュートリアルは、下記ページを元にしたものです。 Canvas Texture Imitation Step 1. 元画像の調整:ノイズ 画像をPhotoshopで開き、そのレイヤーを複製([Ctrl]+[J])します。 複製したレイヤーを指定し、[イメージ]-[色調補正]-[色相・彩度]を選択し彩度を少し下げた後、レイヤーの不透明度を「70%」にします。 複製したレイヤーと元のレイヤーを結合し、[フィルター]-[ノイズ]-[ノイズを加える]を選択し、量を「10%」にして「OK」ボタンをクリックします。
35 Amazing Photoshop Text Effect Tutorials | Vandelay Design Blog Photoshopテキストエフェクト作成チュートリアルが35個まとまっています。 既に紹介したものも含まれていますが、そうでないものもあったのでご紹介です。 色々なデザインの仕方があるものですね。 関連エントリ あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ 最近公開されたNewなPhotoshopロゴデザイン70のチュートリアル集 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル クールなネオン風ロゴを作成するPhotoshopビデオチュートリアル
Photoshop: Create a party ball style photo-manipulation Step, Then, Pattern, CtrlshiftI, Filters->Distort->Spherize, Once AnimHuT 次のような画像を並べてミラーボール風にするPhotoshopチュートリアルが公開されています。 単に画像を並べるだけよりもインパクトの強い印象を作ることが出来ます。 もっと1枚の画像を小さくしても面白い効果が得られそうです。 関連エントリ プロレベルのPhotoshopチュートリアル集 超カッコいい写真加工のPhotoshopチュートリアル集 最近公開されたNewなPhotoshopロゴデザイン70のチュートリアル集 超カッコいいPhotoshop等による写真加工チュートリアル集
100 Free Photoshop Actions (And How to Make Your Own) 写真加工に活用できるPhotoshopアクション100種類と、Photoshopアクションの作り方について書かれたエントリのご紹介です。 多数のアクションがあって、よく使いそうなものは入れたりカスタマイズしておくと便利ですね。 Photoshopのチュートリアルサイトで解説されているような一連の流れもよいものはAction化しておくとよさそうですね。 関連エントリ 高度な画像編集が一瞬でできてしまうPhotoshopアクション集 写真にビンテージ感を出せるPhotoshopのアクション集 写真をもっと魅力的にみせるためのPhotoshopアクション100 写真をいい感じに一瞬で加工してくれるPhotoshopアクション45
Create a Funky Retro Wavy Text Effect in Photoshop 次のような背景がウェービーでおしゃれなテキストを作成するPhotoshopチュートリアルが公開されています。 ベースとなる背景からデザインすればあとは簡単ですね。 特に難しいテクニックではありませんが、つい試してみたくなってしまいました。 関連エントリ あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ 50のクールロゴ作成PhotoShopチュートリアル クールな惑星っぽいテキストロゴ作成Photoshopチュートリアル スターウォーズの映画ロゴ風テキスト作成用Photoshopチュートリアル
Creative 3D Layout 立体的にクールにデザインされたWEBレイアウトのPSDが配布されています。 次のような平面と思いきやヘッダーのナビゲーションにアイコンを並べて立体的にしたデザインがPSDファイルでダウンロード可能です 単にアイコンでナビゲーションするだけではなく立体的にしてわかりやすくなってますね。 綺麗にレイヤーごとに分かれています。 関連エントリ プロレベルのPhotoshopチュートリアル集 2009年の凄いPhotoshopチュートリアル100種 ボタン作成のPhotoshopチュートリアル集
冬の寒い時期に見かける温度差で水滴がついた窓ガラスに、指で書いたような文字を描くPhotoshopのチュートリアルをPhotoshop Starから紹介します。
テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2009年の総まとめです。
マウスをフォーカスすると、アニメーションで色が少しずつ変化するボタンを作成するPhotoshopとHTML/CSSとJavaScriptの三つのチュートリアルをSix Revisionsから紹介します。 Create an Animated "Call to Action" Button demo チュートリアルは三部構成で、Photoshop編、HTML/CSS編、JavaScript編となっており、デモページではアニメーション有り版(JavaScript)、無し版(HTML/CSS)があります。 simple demo(アニメーション有り版) simple demo(アニメーション無し版) ボタンはCSSスプライトで実装されており、画像の作成もそれ用になっています。
ブラシはPhotoshopの標準ブラシ カラー「#babecc」で雪を描き、更に細かくしたい箇所はサイズを10pxくらいにします。 もう少し暗くしたい箇所には「覆い焼きツール」を使用し、明るい箇所にはブラシのサイズを大きくしカラー「#d6d9e6」を使用します。 ハイライトとなる箇所には「ドライブラシ(淡い濃度)」をカラー「#f2f0f6」で適用します。 最後に雪のレイヤーを追加し、違和感がでないように「ぼかしツール」でぼかしを入れます。
年代物の羊皮紙のパーチメントに刻印したように描くPhotoshopのチュートリアルをPhotoshop Starから紹介します。
写真の主題を引き立たせるために使用される「ボケ」をウェブデザインにとりいれるためのスタディをPSDFanから紹介します。 Inspirational Examples of the Bokeh Effect 以下、各ポイントを意訳したものです。 ボケとは ボケの実例 デジタルアートでのボケ ウェブデザインでのボケ ボケのチュートリアル ボケとは ボケとは、写真撮影の際にレンズを利用して光の焦点をぼかしたものです。このボケは、レンズによってもさまざまなものを楽しむことができます。 通常、ボケは主題を引き立たせるために使用されるもので、主題以外のものをぼんやりとさせます。 ボケの実例 写真撮影でのボケを実際に見てみます。
光、光源、光線、光跡を効果的に使用したPhotoshopのチュートリアル集のPart 15です。 Abstract Glowing Background Light and Glow Effect A
立体的で飛び出しそうな3Dテキスト描画Photoshopチュートリアル。 次のようなイメージを作成するチュートリアルです。 3D部分にはXara3D という3Dソフトを使っています。¥6200ということでこういう素材を簡単に作りたいという方は持っておいてもよいかも。 以下のエントリを参照してください。 How to make 3D spectacular text effect in Photoshop
いつもと違うよりリアルなドロップダウンシャドウを描画するPhotoshopチュートリアル。 Photoshopのレイヤー効果などで描画した影は以下のように、これはこれでよいのですが、面が宙を浮いているようにみえます。 ということで、レイヤー効果をつけた後、レイヤーをラスタライズし、次のように円形選択ツールで4つの辺を削ってみると、すこし硬めの紙を平面に置いたようなよりリアルな感じを出すことができます。 これは微々たる違いではありますが、比較するとこっちのほうがリアルに感じますね。 実際に写真を当てはめてみた図が以下です。 以下のエントリを参照してください。 Better Drop Shadows in Photoshop | Design Reviver 関連エントリ プロレベルのPhotoshopチュートリアル集 ボタン作成のPhotoshopチュートリアル集 飛び出る立体グラフィックを
次のような、立体的な木の箱をテクスチャなしで描くPhotoshopチュートリアルが公開されています。 いい感じに立体感が出ており、Photoshopで立体感を出すための練習にもよさそうですね。 PSDファイルのダウンロードも可能です。 以下のエントリを参照してください。 How To Design a 3D Wooden Box in Photoshop | Tutorial9 関連エントリ Photoshopによる美麗アイコン作成チュートリアル集 ユーザの行動を喚起できそうなボタン作成Photoshopチュートリアル カラフルで美しい光の描画Photoshopチュートリアル
次のような輝く綺麗なクリスマスツリーを描画するPhotoshopチュートリアルが公開されています。 今年もあと少しですね。 以下のエントリを参照してください。 Design an awesome Christmas tree in Photoshop | Grafpedia 関連エントリ カラフルで美しい光の描画Photoshopチュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く