タグ

ブックマーク / www.mdn.co.jp (1)

  • 作例(1)全面を使うパターン - MdN Design Interactive

    Twitterのページ全面を使用したパターンは、Webページの背景画像と同じだ。ひとつの基パターンを作成して水平、垂直もしくは縦横に繰り返し表示して意図したイメージを表現する。ブラウザのウィンドウサイズにあまり影響されないので、表現の幅も広い。ここでは、MdNのデザイン素材サイト「ナノハナ」を例に、タイルパターンの最も簡単な作成方法を解説する。 (※画像処理はAdobe Photoshop CS4を使用) 壁紙の素材を準備する まず最初に壁紙の素材を準備する。ペイントソフトで絵を描く、デジカメで撮った写真を素材にする、素材集から選ぶ等、さまざまな方法があるので、自由に選択してほしい。記事では、「ナノハナ」のイラスト素材から選ぶ【1】。紹介するサンプルは、手描きのイラストをコラージュして壁紙を作成する【2】。 【1】 【2】 タイルパターンの大きさを決める 背景に繰り返し表示するタイルパ

    作例(1)全面を使うパターン - MdN Design Interactive
    neko_no_te
    neko_no_te 2010/05/24
    twitterの壁紙の作り方とタイルパターンの作り方
  • 1