透明ノイズと紙テクスチャ。
ちょっとざらざらした質感とか、手触りを感じるテクスチャって、背景にさりげなく敷くだけで、ほんのり暖かみが出ていいですよね。このブログにも背景にうっすらノイズ画像を敷いてます。真っ白にするよりも何となく柔らかい感じになって好きなんです;)。 そんなざらざらノイズ画像を半透明にした「透明ノイズ」のつくり方についてまとめてみます:)。 透明ノイズ 「透明ノイズ」とは、ノイズ画像を半透明にしたPNG画像のこと。僕が勝手にそう呼んでるだけですけど。 Firefoxで、画像を右クリックして「画像だけを表示」を選んだ時に開くページの背景にも使われてました（※下図は2013年9月現在。今は透明じゃないノイズになってます）。 Firefoxの「画像だけを表示」 body要素のスタイルに、下記のように指定されてました（※下記ソースコードは2013年9月現在）。 body { background: #222
かすれた質感を強調したクレヨンタッチのイラスト - MdN Design Interactive
クレヨン風のタッチを表現するためのポイント クレヨンのかすれたテクスチャを再現する 線からはみ出るようにラフに彩色する 不透明度の高いはっきりした色で描く クレヨンで描いたようなタッチにするためには、いかにもそれらしいかすれ具合を再現することが大切だ。また、このかすれを見せるために、大きめのブラシを用いて、線からはみ出すようにラフに彩色するといいだろう。 クレヨン風のタッチを表現するためのブラシ設定 （クリックすると画像が大きく表示されます。） ここでは、［ドライメディアブラシ］の［ワックスクレヨン（厚塗り）］を使用して、クレヨンの質感を表現した。また、ペンタブレットを用いるときは、ブラシパネルの［その他］で［コントロール：筆圧］と設定しよう。 背景レイヤーを茶色で塗りつぶす 1-1 まず、イラストを描くためのベースをつくる。新規ファイルを1,240pixel四方のサイズで作成。続いて描画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テクスチャとグラデーションで質感のある背景を作ろう - DesignWalker
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
