2011年10月20日のブックマーク (3件)

  • エレガントなチェック柄の作り方 | Design Tutorial&Material photoshop illustrator kwsm

    adobe illustratorを使用して、エレガントなチェック柄テクスチャを作成します。 若い女性がターゲットのサイトや、パッケージやポスターなどを作 るのに便利です。 RGBでコンポジションを新規作成します。 ラインツールで線をひき、間隔を空けて複製していきます。線の色は何色でもかまいません。 線をすべてグループ化し、複製します。複製したものを90°回転させてください。 深みのある赤色の四角形を図のように線オブジェクトの中心に配置します。 全てのオブジェクトを選択した状態で、パスファインダの「分割」を適用します。 分割を適用すると、以下の図のようになります。ここでグループ化を外しておきます。 グループ選択ツールを使用して、縦のラインを1マス間隔で、少し暗い赤で塗りつぶしていきます。 横のラインも、グループ選択ツールを使用して、1マス間隔で、少し暗い赤で塗りつぶしていきます。 グループ

    imoko777
    imoko777 2011/10/20
  • チェック柄の作り方 | CUTIE PHOTOSHOP・キューティーフォトショップアート

    まずはテクスチャの代表格、チェック柄を作る方法から。 チェック柄はいろいろな方法で作れますが、今回はそのうちの一番簡単で、オードソックスで、応用が利く方法を紹介したいと思います。 このハーフトーンパターン、マンガで言う「スクリーントーン」のようなエフェクトが作れるもので、「ドット柄」「横ライン柄」「円形トーン」の3つが用意されています。 基チェックを作る場合、「横ライン柄」が最適です。 レイヤーを2枚用意して、横ライントーンを2枚作ります。そして、どちらか一枚のレイヤーを「90°回転」させて、縦ライントーンにしておき、「描画モード」でブレンドします。 チュートリアル まず、レイヤーを2枚用意します。 ハーフトーンパターンは、描画色、背景色を反映します。 予め描画色と背景色を決めておくと便利です。 色が決まったら、レイヤーを2枚ともべた塗りをしておきます。 そして、 フィルタ▼スケッチ▼ハ

    imoko777
    imoko777 2011/10/20
    後で見る
  • CSSだけで作ったMac Dock風のメニュー

    CSSだけで作ったMac Dock風のメニューを紹介します。今までjQueryなんかを使って表現していましたが、CSS3なら簡単に作れちゃいます。再現度は高くないかもしれませんが。。 ポイントはCSS3で追加された「transition」です。これがあれば動きにあるメニューは色々作れます。 transitionについて transitionの使い方は以下のとおりです。 例によってIE8以下は「transition」に対応していませんのであしからず。 transitionは、まだ草案段階ですので、ベンダープレフィックスを付ける必要があります。 また、Firefoxでは一括して設定できないため、transition-property、transition-duration、transition-timing-functionを個別で指定する必要があります。 横バージョン まずは横バージョンです

    CSSだけで作ったMac Dock風のメニュー
    imoko777
    imoko777 2011/10/20
    あとで読む