ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
【Photoshopテクスチャ】切り絵風イラストを制作してみよう！その１ | SONICMOOV LAB
こんにちは。イラストを描いています、あんみです。 絵本などでも見かける切り絵の作風が好きなのですが、いざ制作しようとすると準備や作業が大変ですよね。 そこでPhotoshopで切り絵風イラストを制作してみました。 今回はこのようなイラストをPhotoshopで簡単に制作する方法をご紹介します！ テクスチャを作る 素材を用意 切り絵に使うテクスチャを制作します。 まずこちらのような素材を用意します。 ①は水彩絵を紙に塗ったもの。②はアクリル絵の具で塗ったものです。 レイヤーを使って素材を作成 長方形選択ツールで①の素材の好きな部分を選択 新規→角度をつけて貼り付け レイヤーの描画モードを「乗算」、不透明度「80％」に設定 この繰り返しです。不透明度を変えてみると濃淡がランダムに出ます。 素材のグループ化 素材を張り付けた全てのレイヤーをグループ化 グループを複製し、「グループ1コピー」に角度
この質感がタマらない 背景などに使える紙テクスチャいろいろ + チュートリアル | 日刊ウェブログ式
紙テクスチャを使う機会に恵まれているので、これを機にまとめてました。紙テクスチャは、シンプルなのでデザインの中にも取り入れやすく、かつ手作り感も手軽に出せて便利ですよね。そんな役立つフリーの紙テクスチャ一覧、そして実際にデザインに取り込んだチュートリアル記事のご紹介です。よろしければどうぞ。 紙テクスチャ Old Wrinkled Paper Texture Download Source Note-book texture Download Source Raw Paper Texture Pack Download Source Textures of Europe (France/Italy) 26 Download Source Old, aged paper / parchment 2 Download Source Old, aged paper / parchment 3 D
【Photoshopテクニック】簡単！レトロ加工のやり方 | SONICMOOV LAB
こんにちは。あんみです。 雑貨を見たり集めたりするのが趣味の1つだったりします＾＾ シンプルなレトロタッチのイラストが入った雑貨などが好みです！ 今回はそんなレトロな雰囲気のイラストがPhotoshopで簡単に描ける方法をご紹介します。 PhotoshopのバージョンはCS6です。 目次 イラストを描く Photoshop用テクスチャ制作 和紙を使ったテクスチャの作成 水彩を使ったテクスチャの作成 クラフトを使ったテクスチャの作成 おまけ：テクスチャを桜のイラストに活用 イラストを描く ●「模様」「しろくま_毛並」「しろくま_体」「背景」とレイヤー分けをし、しろくまの塗りのイラストを描きます。 ●「しろくま_体」を複製（レイヤー名「しろくま_体 コピー」） ●「しろくま_体 コピー」の上にレイヤーを作成（レイヤー名「しろくま_線画」） ●「しろくま_線画」を右クリック→「クリッピングマスク
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
