テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
投稿日:2008年2月19日 レベル:上級者 ソフトウェア: 対象を背景から引き出す3つの手法についてご紹介します。この中から気に入った方法を使って作業できます。 Step1 : 抽出ツールを使用する Step2 : ブレンドモードを使用する Step3 : チャンネルの使用 画像を開きます。「フィルタ」−「抽出」を選択するか「Alt」+「Ctrl」+「X」キーを押してください。 パレットツールのエッジハイライターツールを使ってモデルと背景の間の縁に色を塗ります。このステップでは、できる限り注意深く作業してください。 塗りつぶしツールを選択してモデルの内側の空間に色を塗ります。 プレビューを押して結果がよければ「OK」を押してください。 するとこのようになります。 モデルの周りの縁がまだ白っぽい場合は、 覆い焼きツールを使って削除してください。 最後はこのようになります。 新しい
I’ve been pondering reset styles over the past few months, and come to a bit of a shift in my thinking. Here’s the result of that thinking. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul
CSSがWebページデザインの主要技術になってから、WebデザイナはCSSの振る舞いに頭を抱えなかったことはない。もっとも悩ましいのは、同じCSSでもWebブラウザごとに表示が異なるところにある。なるべく同じ表示を実現しようと、一見すると奇っ怪にみえる設定を加えたり、意味がないような行を加えたり、背景色と同じ色の画像を調整用に追加したり、涙ぐましい努力は後を断たない。 世界中のWebデザイナやフロントエンドデベロッパが同じ悩みを抱えているから、Webブラウザ間の互換性を実現するCSSライブラリがいくつも登場したり、ベストプラクティスをまとめたCSSリファレンスドキュメントが登場したり、CSS擬似クラスといったテクニックが紹介されたり、IEのCSS/HTML非準拠に対処するライブラリが登場するといったことが相次いで起こっているわけだ。 しかし、ほかのライブラリに依存せずにいちから自力でCSS
There are many things going on in Rarindra's images. It's a lot of labor intensive, detail work. That's probably why you don't see him put out a new work every week : ) There are some noticeable characteristics to his work. He separates the image into foreground/subject/background elements. Almost like a theatrical stage or a diorama. In this particular image, I would guess he has extracted the ki
向かって画像の左が元画像で、右が今回紹介する効果を加えたもの。よくあるような光が差す効果ですね。これをPhotoshopで実現するにはどうすればいいのか?という方法を画像付きで紹介しているものを見つけました。マスターしておくといろいろと応用が利きそうです。 解説は以下から。 Rarindra style workflow...: Retouching Forum: Digital Photography Review 要するにレイヤーマスクを駆使しているだけなのですが、その使い方が基本中の基本と言ってもかなり秀逸。 ちなみに以下のような画像の場合はまた手法が違っており、前景の人物と背景とを分離してコントラストなどを調整することによって、背景に強烈な光が当たっている感じを出しているそうです。こっちは見た目よりも簡単にできそうです。 fotocommunity: "iqra"
Flashの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Flash Tutorials – Best of』。最高のFlashチュートリアル集だ。 以下にいくつかご紹介。 » Flash Tutorial Create Water Wave Effect Animation Using Masking Tween マスクを使って波を表現するアニメーション » Car Animation BMW3を使ってインパクトのあるアニメーションを作る方法 » Picture Animation ブラシツールとマスクを使ったテクニック » High-tech city animation 街から出る光を表現したアニメーション » Animate a Logo in Flash ロゴにシンプルなアニメーションをかける方法 flaファイルを配布してくれているサイトもあり、かなり使えるだろう。
スパークしている光、光源・光線・光跡などの美しい「光」を描いた、Photoshopのチュートリアルの紹介です。
Flash 8 入門講座 目次 お絵描きからActionScriptを使ったアニメーション制作まで いまやすっかり,Web上のインタラクティブ・コンテンツの代名詞となった感がある“Flash”。実は,アニメーションやゲームなど私たちが目にする,いわゆるFlashコンテンツは正確には「Flashムービー(ファイルの拡張子は.swf)」と呼びます。 Flashムービーを作成する方法はいくつかありますが,一般には,アドビシステムズの開発ツール「Macromedia Flash(以下,単にFlash)」を使います。本連載では,Flashの最新版である「Flash 8」を使って,Flashムービーの作成方法を中心に紹介していきます。Flash 8を持っていないという人も,1カ月間タダですべての機能を使用できる体験版がアドビシステムズのWebサイトに用意されているので,ダウンロードして一度試してみては
auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref
ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く