素晴らしいサイトをデザインするためのPhotoshopチュートリアル80 – creamu
91137817/ iStockphoto/ Thinkstock デザインの幅を広げたい。 そんなときに参考になるのが、『80 Fresh Photoshop Tutorials For Creating Awesome Websites』。素晴らしいサイトをデザインするためのPhotoshopチュートリアル集です。 ディテールまで解説されたものばかりで、いい感じですね。 Create a Watercolor-Themed Website Design with Photoshop 水彩画のようなテイストのデザイン。ワイヤーフレームの書き方から、960 Grid Systemを使ったレイアウトの方法、テクスチャをどこから探してどう使うのか、Photoshopでのエフェクトのかけ方など Create a Theme Store Website Layout in Photoshop デザ
Page not found | abdz.do
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
Simple Underwater Scene in Photoshop
A few weeks ago I received an email from a reader asking me if I could write a tutorial showing an underwater scene. I have written some tutorials on this subject like the 3D type made out of water or the underwater scene for Digital Arts in 2008. However I was watching TV this weekend when I started to watch I, Robot. The opening titles of that movie is awesome and really inspired me to write thi
Clouds Text Effect in Pixelmator | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
In this tutorial, I will show you how to create a text made up of clouds in ten very simple steps, solely using brushes, blending, and basic filters. The technique is extremely simple and can be used to create all sorts of text effects as well. Step 1 Open Pixelmator and create a new document. As usual, my document is wallpaper size, 1920×1200 pixels. After that, import a photo of a sky and some c
たった1人で最強のカンフー軍団を作る方法 | できた！をかなえるチュートリアルマガジン DEKIMAGA（デキマガ）
半径調整ツールの「スマート半径」機能を使って人物の隅々までキレイに選択 人物レイヤーをスマートオブジェクト化し加工の際の劣化を防ぐ パペットワープで所々手足の動きを変えて「全部コピー」感を払拭 カンフー衣装に着替えてビシッと型をキメてみたものの、広場にポツンと1人だけではどうにもこうにも迫力が出ない。「まとめてかかってきやがれ！」とでも言いたくなるような威圧感を出したい…そんなときは、Photoshopで人海戦術だ！ 人物の切り抜きレイヤーをつくったら、あとは複製して列をつくり、さらにその列を複製して…あっという間に数十人のカンフー軍団のできあがり。ただ、それだけでは「1人をコピーしてつくりました」感がアリアリだ。そこで登場するのが、CS5の新機能「パペットワープ」。コレを使えば、手足の向きを変えることくらい朝メシ前。全員ビシっとそろっているポーズをところどころバラけさせたり、移動ツールで
Create a Distressed Vector Typographic Poster Design
This post was originally published in 2010 The tips and techniques explained may be outdated. Follow this step by step walkthrough of my recent design process for the ‘Spectrum’ poster. Starting with custom made type in Illustrator, we’ll move our vector graphics into Photoshop for some serious distressing with Photoshop brushes, blending modes and more! The Spectrum poster takes inspiration from
Hexagon Bokeh Effect in Photoshop
In 2008 I came up with a technique using the Brush Tool in Photoshop to create a digital bokeh effect. Then I mixed it with some gradient colors blended all together. The effect has become quite popular so I decided to upgrade a little bit the effect. So in this tutorial I will show you how to create a digital bokeh effect with hexagons. We will use the brush engine, patterns, blend modes and basi
多彩なカラーを巧みに使用したPhotoshopのチュートリアル集
ビビッドなもの、レトロ風なもの、水彩画風のものなど、多彩なカラーを使用したPhotoshopのチュートリアルを紹介します。
画像の一部を拡大するルーペを描くPhotoshopのチュートリアル
Photoshopの標準機能を使用して、画像の一部を拡大するルーペを描くPhotoshopのチュートリアルをPhotoshop Starから紹介します。 Recreating Magnifying Glass in Photoshop チュートリアルで必要なものは元となる画像一枚だけで、ルーペはPhotoshopで描きます。 元となる画像にルーペで表示する拡大する箇所を決め、[フィルタ]-[変形]-[球面]を使用して、レンズでみるように加工します。 拡大した箇所は、[フィルタ]-[シャープ]-[シャープ]やレイヤースタイルのドロップシャドウ（内側）を使用して、調整します。 レンズの光源は[フィルタ]-[ぼかし]-[ガウス]を15pxくらいで適用し、ルーペを描いていきます。
継ぎ目のない背景画像を作成するPhotoshopのチュートリアル | コリス
Photoshop初心者でも簡単に作成できる、ウェブページの背景に利用する継ぎ目のないシームレスな画像を作成するチュートリアルをDesign Shackから紹介します。 Create Seamless Web Background Textures in Minutes 写真の「ぼけ」のようなエフェクトをオリジナルで描き、その画像を元に継ぎ目のないシームレスな画像にします。 下記は、各ポイントを意訳したものです。 Step 1: 新規作成 Photoshopを起動して[ファイル]-[新規]を選択し、ファイルを新規作成します。 設定は、幅：800px、高さ：800px、解像度：72pixel/inch、カラーモード：RGBカラーにします。 新規作成の設定画面 次に、カンバスを「#80ac4b」で塗ります。 [Ctrl]+[A]でカンバスのすべてを選択し、カラーピッカーに「#80ac4b」を指
Create an Abstract Design with Patterns in Photoshop
This post was originally published in 2010 The tips and techniques explained may be outdated. I’ve just finished up another little digital art experiment where I set out to build something cool and abstract out of Photoshop patterns and simple shapes. Follow this walkthrough as I take you through the steps I took to recreate this detailed design with nothing more than gradient and pattern effects.
Photoshop For Beginners: 6 techniques to extract anything from its background
Photoshop For Beginners: 6 techniques to extract anything from its background This is the second of a series of tutorials thought for Photoshop beginners. I’ll explain in depth those features that can result difficult to understand for a newbi. Today I’ll show you 6 techniques you can use to extract a person/object from its background. From now on extraction won’t have secrets for you! Extraction
クオリティーの高いPhotoshopのグラデーションファイル25 – creamu
96124501/ Hemera/ Thinkstock Photoshopのグラデーションファイルを探している。 そんなあなたにおすすめなのが、『25 High Quality Gradient Sets for Photoshop – 750+ Gradients』。クオリティーの高いPhotoshopのグラデーションファイル集です。 いい感じのグラデーションがまとまっていますね。 Clean Gradients Set 著者が注意深く選んだ約50個のグラデーションファイルを、フリー素材として配布しています Ocean Breeze 海をテーマにした青系のグラデーションファイル Vintage 深みのあるグラデーションファイル集 Dooffy Gradients Set 美しいグラデーションファイルがまとまっています Adobe CS3 Gradients Adobe CS3のアイコン
Photoshopで使えるクールなエフェクト25 – creamu
95715262 iStockphoto/ Thinkstock Photoshopで写真にエフェクトをかけたい。 そんなときにおすすめなのが、『25 Advanced Photo Effects and Techniques with Photoshop』。Photoshopで使えるクールなエフェクト集です。 いい感じのものが揃っていますね。 Cool Watercolor Effect 水彩画のようなエフェクトをかけるチュートリアル Water Effect 人を水しぶきで型どったエフェクト Photo To Oil Painting Effect 油絵のように見せるチュートリアル Paint Splatter Mold ペンキが飛び散ったようなエフェクト Impressionist Painting Effect 写真を印象派の絵画のように見せるチュートリアル Photo to Pe
Photoshopでリアルな紙のテクスチャを作る方法 – creamu
リアルな紙をPhotoshopで描きたい。 そんなときに参考になるのが、『Create a Realistic Paper Texture in 5 Minutes 』。Photoshopでリアルな紙のテクスチャを作る方法です。 以下のような流れで解説されていますね。 1280 x 1024pxの新規ドキュメントを作成。「長方形選択ツール」で矩形を描いて、qを押下。クイックマスクモードに入る。「フィルタ / ピクセレート / 水晶」でセルのサイズに「3」を入力してOK。もう一度qを押下してクイックマスクモードを解除、「Cmd+shift+alt+N」で新規レイヤーを作って、dを押下後、「Cmd+Delete」で選択範囲を白で塗りつぶす。「Cmd+D」で選択範囲を解除 「焼き込みツール」で露光量を20%にし、紙を暗く汚い感じに見えるまで塗る。その後、「フィルタ / テクスチャ / テクスチャ
年代物の皮紙に刻印したように描くPhotoshopのチュートリアル
年代物の羊皮紙のパーチメントに刻印したように描くPhotoshopのチュートリアルをPhotoshop Starから紹介します。
グローバルナビゲーションの「溝」を簡単にカッコよく作るTips. - 秋葉秀樹 個人ブログ
最近、Webデザインのトレンドとか言って、立体的なナビゲーションじゃなくて、平面でシンプルなナビゲーションがトレンド、なんて言う人が多いですね。 で、そうなりつつあるのはわかるんですが、だからといって、今の企業サイトもそうだし、クライアントが全てトレンドを求めてる訳ではなく、テイストは案件によって出し方を柔軟にする事が大事なんです、と思っています。 今回、アップルのサイトのグローバルナビゲーションをマネしてみましょう。 シンプルだけど、拡大してみると案外細かい線が凹凸感を出していて、心地よい立体感を演出してくれています。 ここで大事なのが、「溝」。だと感じました。 地味な存在で目立たないけど、ここもこだわってデザイナーとしてのクオリティを上げてみたいな、と。
MdN Design｜総合情報サイト
飽きさせないレイアウトやちょっとした一工夫で、デザインをよくするテクニックをビジュアル重視で紹介。実践的なWebデザインを通して、デザインを構成していくための考え方を学ぼう。 （解説：佐藤好彦） Webデザインは、PCのディスプレイという二次元上に表示される。二次元の範囲を超えて表現することはできない。しかし、三次元の現実世界を写したものだ。つまり、Webデザインの中に写真を使うことは、現実世界のもつ三次元の奥行きを二次元に取り込むということでもあり、写真を効果的に使うことで、二次元のWebに三次元的な奥行きを感じさせることが可能になる。とはいえ、写真も最終的には二次元であることに変わりはない。なぜ写真に奥行きを感じるのか。その多くは、ものの見える角度、影、ぼけに影響される。 遠近法の絵画に見られるように、正面を向いているものよりも、斜めに置かれたもののほうが、遠近感を感じやすい。加えて影
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ランニング中の人物を透明人間にする方法 | できた！をかなえるチュートリアルマガジン DEKIMAGA（デキマガ）
noupe - THE magazine for webworkers and site owners
