新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
WEBデザインに質感を与えてくれるシンプルなフリーパターン素材15「15+ Free Patterns for your Designs」
背景やエリアなどに敷くパターン素材。無機質なWEBデザインに質感やクオリティをプラスしてくれる非常に便利な素材です。今日紹介するのはシンプルなフリーパターン素材を集めたエントリー「15+ Free Patterns for your Designs」です。 Subtle Light Tile Pattern Vol5 様々な素材のパターンがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Wood Pattern Background シンプルめな木目のパターンがセットになったパターン素材。 Subtle Grunge シンプルなシロ系のグランジ素材。ちょっとだけ質感を持たせたいときにおすすめです。 Lined paper ノートの罫線を表現できるパターン素材。コンテンツエリアに利用しても面白いかもしれません。 上記の他にも様
Photoshopのカスタムシェイプで手描き風ボタンを作る｜mayy
手描き風のデザインで使える質感のあるボタンを簡単に作る方法。もちろん手描きするのもありですが、あとでサイズ調整できるようカスタムシェイプを使ってみました。簡単に1分くらいでできます。 ボタンのベースを作る まずはボタンのベース作りです。 カスタムシェイプ（ショートカット：U）で適当な大きさの形を作ります。 分かりづらくなったのですが、白の部分がキャンパスで茶色の部分がボタンです。 次にレイヤースタイルをあてていきます。 まずはテクスチャ。今回はぽよしさん（@poyosi）がブログで配布しているテクスチャ素材を利用させていただきました。 Webデザインで使えるフリーシームレステクスチャ100枚 | poyosicom レイヤースタイルのパターンオーバーレイを以下のように設定 これだけだとまだ外枠が直線でぱきっとしているので外枠を手描き風に調整します。 レイヤースタイルの光彩（内側）を以下のよ
2012年のベストフリーPSD「Best Free UI PSDs of 2012」
サイトを制作する上で、便利な素材PSD。photoshopで扱えるファイルで、細かなカスタマイズも可能で、扱いやすいファイル形式は制作者としてはありがたい形式ですが、今日紹介するのは、2012年に公開されたフリーPSDを集めたエントリー「Best Free UI PSDs of 2012」を紹介したいと思います。 Mini glyphs (12 px) ベーシックなアイコン素材から、ローディング用のプログレスバーなど、制作に利用できそうな様々な素材がまとめられています。今回はその中から特に気になったPSD素材を紹介したいと思います。 詳しくは以下 Circular Progress Bar 立体的で円形のプログレスバー。ローディングを印象的に見せたい時におすすめです。 Free Footer Detailing フッターに利用するTOPに戻るボタンをリアルなリボンで表現したPSD Pric
[Photoshop]レイヤースタイルの重なり方を研究する
私はフォトショップが好きです。webデザインも、バナー作成、ドットワーク、イラストワークもほとんどフォトショップです。 ですがこいつは人気者なので永遠の片想いが続いています。まあ一つのツールにばかりは構ってられないわけですが、せっかくですのでこのブログでときどきこいつのことを探っていきたいと思っています。 レイヤースタイルについてです 今回はこれについてちょっと考えてみました。 凄く便利な機能です。パターン等とも併用でき、一度しっかり作っておけばボタンや文字等のエレメントにつけた装飾がいくらでも再利用できます。フィルタといい、マスクといい、出会ったときの衝撃はそのままに、フォトショップはいつまでもドキドキさせてくれるヤツですね。 レイヤースタイルの構成 一応レイヤースタイルの各項目について軽く説明しましょう(別に知ってるよと言う人は次の節まで読み飛ばしてください)。 ドロップシャドウ その
![[Photoshop]レイヤースタイルの重なり方を研究する](https://cdn-ak-scissors.b.st-hatena.com/image/square/b811296f14066e5cb0ca4cbba47ba35a213c2c98/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F06%2Fphotoshop-layer-style-01-150x150.gif)
フォトショップで木目を描く方法 / ウェブデザインライブラリー
投稿日：2007年5月1日 レベル：初心者 ソフトウェア： Step1 ： ノイズを加える Step2 ： ぼかし(移動)を適用 Step3 ： コントラストを変更 Step4 ： 雲模様1を使う Step5 ： 覆い焼きツール Step6 ： 明るさを加える Step7 ： 質感を出す Step8 ： バリエーション
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
IDEA * IDEA
Photoshop Vip » 保存版、背景デザインに使える無料ウッドテクスチャ素材、100枚あつめました。
新着記事