Website is under maintenance We are doing some updates on our site, and we need to be offline for a while. We will be back with you shortly! Twitter Facebook Instagram
レタープレスエフェクト大好きなんです ...。レタープレスエフェクトを使った Webデザインを観察していて気付いたことをまとめながら、Photoshop を使ったレタープレスの作り方をおさらいしてみました。 最近いろんな Webサイトを見ていると、レタープレス(型押し)を表現したデザインを、たくさん見かけるようになりました。私もきれいなレタープレスが大好きなので、このブログでもたくさん使いたいんですけど、なかなかきれいに表現できません …。レタープレスエフェクトは、黒や白の背景ではあまりきれいにならないし、色やテクスチャによって見え方がかなり変わってきます。レタープレスエフェクトを使った Webサイトを観察していて、こうしたらキレイにできるかも … という視点でまとめてみました。
「レタープレス」もとは凸版を用いて印刷することで、印刷部分が凹むように加工されたものですが、最近はウェブデザインでよく見かけるようになりました。 今日はそのレタープレスを、Photoshopで再現するためのチュートリアルです。 完成図 1.光源を考える Photoshopレタープレス加工でもっとも大事なのが「光源」です。 今回のチュートリアルでは、真上から光を当たっている設定でいきたいと思います。 レタープレス部分は凹んでいるので、まずは影ができますね。 そして見た目を大きく左右するのが反射です。画面上で凹んだ感じを出すためには、この反射が非常に重要になります。 コツは「やりすぎない」こと。 ほどよい「影」と「反射」を表現してあげれば簡単にレタープレスの出来上がりです。 逆に言えば、背景が真っ黒や真っ白など、どちらかが見えづらい場面では、レタープレスの表現がふさわしくないことになり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く