「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例:phpspot開発日誌
A List Apart: Articles: Super-Easy Blendy Backgrounds CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例。 次のような透過PNGがあったとして、更にこの下に色を付けると・・・。 大体どうなるか分かると思いますが次のようなグラデーション背景が出来ます。 そんなCSSのテクニックが紹介されてます。 example one (FireFoxのみ) example two (FireFoxのみ) example three (FireFoxのみ) example four (FireFoxのみ) Example five (FireFoxのみ) Example six (IEも動きます) Example seven (IEも動きます) アイデア次第でこういった技もできてしまいますね。 通常なら画像をPhotoShopなんかで
Photoshop用ブラシが180種類以上ある無料サービス「PS Brushes」 - GIGAZINE
Photoshopにはブラシというのがあり、これを使うと任意の形状を簡単に利用できます。有効に使えばいかにもそれっぽい画像がどんどん大量生産できるので、手早くビジュアル的に派手な画像が必要なときなどに重宝します。 そんなPhotoshop用ブラシばかりを集めまくったサイトが「PS Brushes」です。現時点で180種類以上のブラシセットが置いてあり、ジャンルごとに分類されています。今後もどんどん追加されるようです。 そのほかのブラシ配布サイトや、GIMPでの利用方法は以下の通り。 PS Brushes - The Largest Photoshop Brush Resource on The Internet http://www.psbrushes.net/ ブラシのインストール方法も書いてあります。 Installing Brushes GIMPでの使用方法は以下の通り、変換すればO
[N] Photoshopで写真を○○するテクニック
ネタフルでエントリーを書いた、Photoshopで写真を○○するテクニックのまとめです。 ▼写真をアンディ・ウォーホールのポップアート風に加工する方法 ▼写真からパターン化されたシルエットを作成する方法 ▼Photoshopで写真をポップアート風にする方法 ▼Photoshopで写真をスケッチ風に加工する方法 ▼Photoshopで写真を石像風にするテクニック ▼ホンモノの自動車をアニメ風にするPhotoshopテクニック
![[N] Photoshopで写真を○○するテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/fea7bf66e89ead81ce431e725aee343620b6e4fa/height=288;version=1;width=512/https%3A%2F%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2006%2F10%2Fimages_tutorials_warhol_warhol01-1.jpg)
Photoshopで写真をベクターアートにするチュートリアル
左が元になった写真で、右がそれをPhotoshopを使ってベクターアート化したもの。 こういうのはどうやってするのだろうか？と思っている人向けのチュートリアルです。実際の作業手順をムービーでダイジェスト風に見せるというのも含まれているので、完成に至るまでの手順を見るだけでも面白い。 詳細は以下から。 Vector Art with Photoshop - Online Tutorial at Melissa Clifton page 1 ベクターアート化したものをアップにしたのはこちら。拡大しても画像が荒れないのはベクターアートのいいところ。 Melissa Clifton Gallery - Bjork Vector 完成までの手順を約59秒のムービーに圧縮したモノ。実際の作業時間と使用しているレイヤーの数も表示されています。 YouTube - Bjork Vector Art 2
Photoshopによるマットペイントの仕方
以前に書いた記事の中で、「スターウォーズ エピソード3の超高画質マットペイント」というのがあり、この中で「Photoshopを使っている」とありましたが、どういう感じでここまで仕上がるのか？と思った方も多いはず。 というわけで、Photoshopによるマットペイントの仕方を解説したサイトがあったので紹介しておきます。 Photoshop matte painting 元の画像からここまでリアルにできあがるとは…。ページの最後に完成の画像があり、マウスを上に乗せると元の画像と比較できます。 比較画像拡大版がこれ。 随分様変わりしますね……。 ほかにもちょっと違いますが、これはPainterを使ったポートレートのチュートリアル。ハリーポッターを作ってます。 Painter Portrait Tutorial by *shley77 on deviantART これもかなり秀逸なチュートリアル。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
i d e a * i d e a - 使える2.0系カラーパレット