2016年1月29日のブックマーク (2件)

  • photoshopの「ぶれ」で、思いのままのチェックパターンを描く|株式会社アクトゼロ|クリエイティブブログ

    こんにちは!デザイナーのAkiです。 デザイナーやコーダーにとって、まさに怒涛の12月・・・。 やることが多すぎて、PCの前でしばし呆然とする季節ですね(私だけですかね) 北風に負けず、眠気に負けず、すがすがしい新年を迎えるべく、頑張りましょう! 今回は、前回同様、Photoshopのフィルター機能を使用し、ワンクリックでギンガムチェックのパターンを作る方法をご紹介します。 チェックのパターンを素材として探す際、「もっとマス目が大柄のものが欲しい!」とか「もっと細かいチェックが理想」とかありませんか? そんな時、理想のサイズのギンガムチェックのパターンをワンクリックで生成する方法がありますよ! これくらいのサイズのチェックを試しに作ってみましょう。 STEP1 まず、20px×20pxの正方形を用意します。 STEP2 次に、フィルタ/ピクセレート/ぶれを選択します。 STEP3 これだけ

    photoshopの「ぶれ」で、思いのままのチェックパターンを描く|株式会社アクトゼロ|クリエイティブブログ
    udon8787
    udon8787 2016/01/29
    ギンガムチェック
  • (K)Illustratorのパターンについて ギンガムチェック作って、その後パターンを編集する方法まとめ | web(K)campus|WEBデザイナーのための技術系メモサイト

    (K)Illustratorのパターンについて ギンガムチェック作って、その後パターンを編集する方法まとめ 最近何かと触る機会が多いAdobe製品のIllustratorですが、今回はパターンの作成にメモ書きを残しておこうかと思います。サクッと劣化のしないパターン作成のコツを掴んでおけば、デザインパターンも増えますし、いろんなパターンを作成すればWebデザインの際の背景画像のリピート表示の参考にもなります。 といっても、基中の基って言われたらソレまでなのでユルリと行きましょう(・∀・) 定番ギンガムチェックを作ります。 まず、手始めにギンガムチェックを作ってみようと思います。原則として、パターンは正方形の繰り返しなので、正方形で繰り返されて違和感なく作る必要があります。 完成目標が下の赤のギンガムチェックとして・・・正方形でうまくリピートする場所を探してみましょう。 この4色の正方形4

    (K)Illustratorのパターンについて ギンガムチェック作って、その後パターンを編集する方法まとめ | web(K)campus|WEBデザイナーのための技術系メモサイト