タグ

ボタンとチュートリアルに関するmut00tumのブックマーク (2)

  • Enhance Checkbox and Radio Button Design Using CSS3

    With CSS3, we can customize web presentations to be almost anything we want them to be. In this post, we’ll explore how to personalize the appearance of checkbox and radio inputs using CSS. These form elements can be tricky to style consistently across different platforms – Windows, macOS, and Linux each have their own default designs. This tutorial will guide you through customizing these element

    Enhance Checkbox and Radio Button Design Using CSS3
    mut00tum
    mut00tum 2013/02/28
    CSS3を使ってチェックボックスやラジオボタンのデザインを変更するチュートリアル
  • Photoshopのカスタムシェイプで手描き風ボタンを作る|mayy

    手描き風のデザインで使える質感のあるボタンを簡単に作る方法。もちろん手描きするのもありですが、あとでサイズ調整できるようカスタムシェイプを使ってみました。簡単に1分くらいでできます。 ボタンのベースを作る まずはボタンのベース作りです。 カスタムシェイプ(ショートカット:U)で適当な大きさの形を作ります。 分かりづらくなったのですが、白の部分がキャンパスで茶色の部分がボタンです。 次にレイヤースタイルをあてていきます。 まずはテクスチャ。今回はぽよしさん(@poyosi)がブログで配布しているテクスチャ素材を利用させていただきました。 Webデザインで使えるフリーシームレステクスチャ100枚 | poyosicom レイヤースタイルのパターンオーバーレイを以下のように設定 これだけだとまだ外枠が直線でぱきっとしているので外枠を手描き風に調整します。 レイヤースタイルの光彩(内側)を以下のよ

    Photoshopのカスタムシェイプで手描き風ボタンを作る|mayy
  • 1