タグ

ブックマーク / liginc.co.jp (122)

  • photoshopで紙っぽい質感を簡単に表現する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    今回はつるっとしたオブジェクトを簡単に紙っぽくする方法をご紹介します。 01:境界をざらざらにする まずは長方形ツールで白い四角形を描きます。 次に長方形の選択範囲を選択して、クイックマスクモード(ショートカット:Q)に切り替えます。 クイックマスクモードの状態で、フィルタ→ピクセレート→水晶を選択します。 クイックマスクを解除すると(もういちどQを押す)と選択範囲がギザギザになっているので、その状態でレイヤーマスクを追加します。 紙がギザギザになりました!ついでにドロップシャドウもやんわりかけちゃいましょう。 02:紙をしわくちゃにする 次は紙のしわくちゃした質感を表現します。 ギザギザ部分を選択して(Ctrl+レイヤーマスクサムネイルクリック)、新規レイヤーを追加したあと、黒→白のグラデーションをランダムにかけます。 補足:グラデーションの描画モードは「差の絶対値」にしてください。その

    photoshopで紙っぽい質感を簡単に表現する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 必読!5分でわかるレスポンシブWebデザインまとめ その2 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    デザイナーの野田です。 前回書かせていただいた「必読!5分でわかるレスポンシブWebデザインまとめ」が、大変好評だったため、今回も続編を書かせていただきます。 今回は、応用編のつもりでしたが、前回だけでは足りていない事が多かったので、もう少し基となる部分を固めていきたいと思います。 当に基的な事ですが、大切な事ですので、少しでも皆様のお役にたてればと思います。 レスポンシブWebデザインで必ず考えなければならない事 「レスポンシブWebデザイン」で制作する際には、必ず考えなければならない事がいくつかあります。 これは、考えていなければ制作する際に必ずつまずく事でもございます。 ■対応デバイスの確認 まずは、対応デバイスの確認をしましょう。 現在、様々な解像度を持つデバイスがございます。大体のサイズとして下記のものが挙げられます。 ※PCの解像度に関しては、今回は省略させていただきます

    必読!5分でわかるレスポンシブWebデザインまとめ その2 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作