BLOG

透過を使う事により1pxのあしらいを効率的にデザインする。

Fireworksに限らずIllustratorやPhotoshopでもそうですがボタンや仕切り線のラインは透過を利用すると色の変更が手軽にできるのでおすすめです。

上の画像は黒の透過のラインと同系色の濃い色のラインをオブジェクト下部に重ね立体感を強調しています。

黒の透過のラインは色が変更されても問題ありませんが同系色で設定していた場合は色を変更する度に合わせなおさなくてはなりません。そんなに時間のかかる作業ではありませんが、積み重ねで工数が変わってきます。ちなみにグラデーションのオブジェクトを配置している枠の下部にも黒の透過のラインを配置しています。

グローバルナビなどで使われそうな仕切り線も透過で作成しておくと色の調整が楽です。

ちなみにラインを矩形でデザインするのくだりの通り僕はラインを矩形で描きますのでこういったあしらいの場合は2pxで白と黒のグラデーションで制作します。見出しに1pxとありますが2pxでも透過は使います!

    Sponsored Links