『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか?ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
Instagram Actionのインストール(日本語環境で使う方法) アクションファイルをPhotoshopにインストールのは簡単です。 「アクションパネル」の右上の三角をクリックし、「アクションを読み込み」を選択し、アクションファイル「instagram-actions-by-dbox.atn」を選択します。 インストールが完了すると、下記のようになります。 Photoshopのアクションパネルのキャプチャ [ad#ad-2] 海外のアクションファイルを日本語環境で使用する際の注意点 海外のアクションファイルの多くは、そのままでは日本語環境のPhotoshopで使用できません。アクションが途中で止まってしまうと思います。 多くの場合は、背景やレイヤー名が英語環境と日本語環境で異なるのが原因です。 日本語環境で使う方法 日本語環境用の背景(レイヤー名)に変更する方法です。 「背景(レイヤ
Creating a grid is typically one of the very first things you do when starting a design comp. After all, it provides the basic structure on which the rest of your design will lie. In this article, we’ll provide two different methods for efficiently establishing a grid. These methods enable you to quickly and smartly form a grid so that you can spend more time designing. Method 1The first method us
Illustrator や Photoshop のペンツール。 初心者の頃は、きれいな曲線が描けなくて悩んだものでした。そんなペンツール、パスの初心者さんのための、ペンツールできれいなベジェ曲線を描くコツを、一連の操作方法とともにまとめてみました。 ペンツールに挫折しちゃった人も、もう一回チャレンジしてみるきっかけになればうれしいです! ペンツール初心者さんが対象の記事です。 Photoshop や Illustrator のペンツール … はっきり言って私はへたっぴーです。ペンツールは切り抜きをするときやイラストを書く時など、絶対に使いこなしたいツールですよね。ペンツールで描く曲線をベジェ曲線、アンカーやハンドル(後述)も含めてパスって呼んだりもしますが、この曲線が初心者さんにはとにかく難しい …。初心者さん向けの Illustrator の本や Webサイトを見ても、ペンツールできれい
Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ。 Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイトブラシ・シェイプ・パターンブラシや、カスタムシェイプ、パターンの配布サイト
They say a good designer is a meticulous one. “Sweat the details” and all of that. But how well does that ethos check out when we’re passing along PSDs? Take a look at a recent comp. Layers named? Original assets preserved with masks? We may be detail-oriented when it comes to prescribing layout and type, but the organization of our artwork suffers as a means to an end. Efficiency masquerades as g
「Photoshopの使い方が分からない!」なんてお話を聞くことがありますが、大半の方は実際にはPhotoshopというツール自体は使うことが出来ていて、分からないと言っているのは表現の仕方だったり、「他のデザイナーのサイトみたいにいい感じにする方法~」、みたいなのを知りたがっている人が多いように感じています。 僕もたまに聞かれることがありますが、デザインするとき意識してることとか、デザインテクニックだとか、そういうのを自分なりに説明したい時って、作り方を一から話すより、やっぱり既に作ってあるPSDのサンプル等を見ながら説明する方が断然早かったりするんですよね(僕が口下手だということもありますが)。サンプルがあって話をするのと、ゼロから作り方をお話するのとでは、教える側の時間も、教わる側の理解力も違ってくるんじゃないかと思うのです。 そこで今回は、僕が良く使うPhotoshopでのデザイン
GIMP用にもいくつかファイルが用意されてたのでシェア。特にWeb制作時につかう背景の素材として覚えておいて損はないんじゃないかと。 どれも高品質なものばかりですね。 GIMPにもつかえるパターンファイル 40 Sets Of Free and Extremely Useful Patterns for Your Designs http://designbeep.com/2011/10/11/40-sets-of-free-and-extremely-useful-patterns-for-your-designs/ GIMPで使えるファイルは以下5つ。 他にも素材として使えるもの満載です。お勧め。 2011/10/15(土) 09:28:31| Photoshop | トラックバック:0 | コメント:0
CDの質感や、レコードの重み、カセットテープの光沢など、様々なテクニックが学べる一品です。クールなMP3プレイヤーとしての作成方法が学べます。 Webデザイナーじゃなくてもクリップしておくと便利かなと。 MP3プレイヤーとしてのCD,レコード、カセットテープのチュートリアル Create 3 Retro MP3 Players in Photoshop | Psdtuts+ 最終的な完成品 MP3プレイヤーとして使えるCD,レコード,カセットテープのチュートリアル Create 3 Retro MP3 Players in Photoshop | Psdtuts+ 2011/10/18(火) 11:00:13| デザインを学ぶ | トラックバック:0 | コメント:0
Design an Professional Admin/Control Panel Template in Photoshop - Bloom Design Blog | Bloom Design Blog カッコイイWEB管理画面を作成するPhotoshopチュートリアル。 次のようなカッコイイ管理画面をデザインしていく流れが見れます。 単にテンプレートを真似て作るのもいいですが、つくり方も大体わかるというのはいいですね あまりリソースをさけないところではあるかもしれませんが、管理画面も美しくしたい場合に参考にできそうです 関連エントリ 広告デザインのためのPhotoshopチュートリアル15 新しめのPhotoshopテキストエフェクトチュートリアル25 パノラマ写真から小さな惑星を作るPhotoshopチュートリアル 写真のようなリアルなオブジェクトを作るPhotoshopチュート
Adobe Photoshop is not only a great tool to manipulate images to produce amazing looking designs but it can also create text effects that make every design epic. There are lots of Photoshop text effects tutorials around the web that will help you in creating stunning text effects. Following these tutorials will take time and effort , but don’t worry there is a shortcut for that. Photoshop has bui
ブルー、レッド、グリーンに輝くネオンサインを再現したPhotoshopのレイヤースタイルを紹介します。 Psd Neon Text Effect Photoshop [ad#ad-2] ダウンロードできる素材はPhotoshop用のPSDファイルで、ネオンサインのレイヤースタイルはもちろんのこと、各レイヤーも保持されています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く