たまにこんな(↑)写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ! ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります(↓)。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
ロイ・リキテンスタインという芸術家の作風っぽいポップアートみたいな感じに写真を変えることができます。いろいろと応用が利くので、マスターしておけば幅が広がります。 詳細は以下の通り。実例もあるのでそれを見れば何ができるか一目瞭然です。 Pop Art Inspired by Lichtenstein - Online Tutorial at Melissa Clifton page 1 実際の例 http://www.melissaclifton.com/tutorial-popart3.html http://www.melissaclifton.com/tutorial-popart4.html http://www.melissaclifton.com/tutorial-popart5.html http://www.melissaclifton.com/tutorial-popart
左が元になった写真で、右がそれをPhotoshopを使ってベクターアート化したもの。 こういうのはどうやってするのだろうか?と思っている人向けのチュートリアルです。実際の作業手順をムービーでダイジェスト風に見せるというのも含まれているので、完成に至るまでの手順を見るだけでも面白い。 詳細は以下から。 Vector Art with Photoshop - Online Tutorial at Melissa Clifton page 1 ベクターアート化したものをアップにしたのはこちら。拡大しても画像が荒れないのはベクターアートのいいところ。 Melissa Clifton Gallery - Bjork Vector 完成までの手順を約59秒のムービーに圧縮したモノ。実際の作業時間と使用しているレイヤーの数も表示されています。 YouTube - Bjork Vector Art 2
以前に書いた記事の中で、「スターウォーズ エピソード3の超高画質マットペイント」というのがあり、この中で「Photoshopを使っている」とありましたが、どういう感じでここまで仕上がるのか?と思った方も多いはず。 というわけで、Photoshopによるマットペイントの仕方を解説したサイトがあったので紹介しておきます。 Photoshop matte painting 元の画像からここまでリアルにできあがるとは…。ページの最後に完成の画像があり、マウスを上に乗せると元の画像と比較できます。 比較画像拡大版がこれ。 随分様変わりしますね……。 ほかにもちょっと違いますが、これはPainterを使ったポートレートのチュートリアル。ハリーポッターを作ってます。 Painter Portrait Tutorial by *shley77 on deviantART これもかなり秀逸なチュートリアル。
(Posting this here instead of BusinessLogs.com because our server is currently being moved!) If you add together all the “interface tricks” designers use on 1) websites, 2) blogs, and 3) web applications, the one common thread is the idea of manipulation. When we use gloss, gradients, or drop shadows it’s because we’re trying to manipulate your eye into thinking the 2D screen in front of you is a
冥王星が太陽系の惑星から外されてしまいました。というわけで、自分で撮影したパノラマ画像を惑星風の画像に加工する方法。特にパノラマ画像でなくても、横長の画像であればほとんどのものが惑星っぽくなります。 作り方は以下の通り。 Photojojo >> How to Create Your Own Planets Using Your Panoramas まず「イメージ」→「画像解像度」を選びます 「縦横比を固定」のチェックを外して正方形にします。 次に「イメージ」→「カンバスの回転」→「180°」を選び、天地反転させます。 そして「フィルタ」→「変形」→「極座標」を選択 あとは「直行座標を極座標に」を選ぶだけ。 最後に、仕上げとして適当に「カンバスの回転」でキレイに見える角度に補正すれば完成です。 コツとしては、元になるパノラマ画像の左右の端っこの地平線部分がちょうど同じ高さになっていること。
$10 off New Framed PrintsCapture your favorite snapshots in a beautiful frame with our brand new Framed Prints. Save $10 with the code FRAME through Monday, March 18th. Shop Framed Prints Hi! We’re Parabo PressWe share in your joy, celebrate your story and help you hold onto life’s moments with thoughtfully-designed photo prints. Shop Prints
「フォトショップ ティップス & マニュアル」は、アドビ・フォトショップを使う上で知っておくと便利なテクニックをひとつひとつ丁寧に紹介していくコーナーです。 フォトショップを早く理解して、すぐに使えるようにするために、「フォトショップ ティップス & マニュアル」は、大きく分けて以下の二つのセクションで構成されています。フォトショップの基礎から一歩一歩勉強していくには、「機能別マニュアル」を、すぐに役立つテクニックが知りたいときは、「目的別ティップス集」をご覧ください。 「フォトショップ ティップス & マニュアル」は、2004年の7月下旬から始まったコーナーですので、内容はまだ充実していません。不定期ではありますが、少しずつ更新していいきますので、気長にお付き合いください。 (コーナー概要を読む)
2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー
全国一億六千万の(根拠無)フォトショッパーの皆様ようこそ。 お絵かき歴20年以上、CG歴5年弱の若輩者ですが、皆さんの為になれればと(なれません)フォトショップの為のお絵かきアドバイザーに立候補してみた次第です。とか言って、私も人に教えられることの方が圧倒的に多いです。ええ。 便利ツールのダウンロードや、お絵かきの参考になりそうなサイトへのリンクも載っけてみました。 初心者の為の画像基礎講座 本当に基礎的な事しか書いてません。ここに書いてある事は最低限の事です。これが解ってないと、他のコンテンツを読んでもは〜さっぱりさっぱりで訳解らんと思います。 ■画像形式について■ .jpgとか.psdとか.tifとか.gifとか.bmpとか、いっぱいある画像ファイル形式。何がどう違うのかについて解説します。内容は非常に大ざっぱな為、不正確であります。(おい) ■画像モードについて■ フルカラーとか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く