ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
さまざまな場面で利用できるPhotoshopテクスチャまとめ「30 Latest And Free Photoshop Textures」
TOP > Design > さまざまな場面で利用できるPhotoshopテクスチャまとめ「30 Latest And Free Photoshop Textures」 デザイン制作で利用するリアルな質感のテクスチャは、テイストに合わせて豊富に確保しておきたいもの。そんな中今回紹介するのが、最近公開されたばかりのさまざまな場面で利用できるPhotoshopテクスチャまとめ「30 Latest And Free Photoshop Textures」です。 TEXTURES Pawluk by ~ipawluk on deviantART 紙や木などのリアルな雰囲気を演出できるテクスチャから、画像合成が楽しめるテクスチャまで、さまざまなタイプが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Broken Glass T
200 Beautiful Seamless Patterns Perfect for Web Design | Web Design Ledger
51 Comments The collection is fantastic, Thanks for sharing! Great collection ! Great patterns here, thanks for sharing! Just what I was looking for! Thanks! Wow, beautiful!!! These are gorgeous and I am so glad I procrastinated one more day on a project I am working on. Now I have the perfect background to use. Wow! These are incredible and I can’t wait to use them. this are beautiful. Just the i
単調な背景にノイズをのせて繊細なテクスチャにするチュートリアル
Photoshopの標準機能だけを使って3ステップで、単調なベタ塗りの背景にノイズをのせて繊細なテクスチャにするチュートリアルを紹介します。 Noise Texture in Photoshop 左：ベタ塗り、右：ノイズ有り 下記は各ポイントを意訳したものです。 1. ベースのレイヤーを作成 新規ファイルを作成し、新しいレイヤーを作ります。そのレイヤーにベースとなるカラーを塗ってください。下記は暗いグレー「#272727（原文：142e51）」にしています。 2. ノイズのレイヤーを作成 さらに新しいレイヤーを作成し、ホワイト（#ffffff）で塗ります。[フィルタ]-[ノイズ]-[ノイズを加える]を選択し、量を「15%（原文：25%）」にして「OK」ボタンをクリックします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Appleの最近のプロダクトで使用されているかっこいいテクスチャをさくっと作るチュートリアル
新着記事
新着記事
新着記事
Photoshop初心者でも簡単できる、かっこいいテクスチャ素材を作るチュートリアル
新着記事