タグ

ブックマーク / lab.sonicmoov.com (3)

  • Photoshopで水彩風イラストを描いてみよう! | SONICMOOV LAB

    ※【「滲み」が描ける水彩ブラシの作り方】の手法につきましてのお詫び 当記事にてご紹介しております手法は、他サイトに掲載されている手法を基に設定数値をアレンジ、ナビゲートしたもので、参考記事としてのご紹介並びにURLを明記をしておらず、執筆者の方及び読者の皆様には多大なるご迷惑をお掛けいたしました。ここにお詫び申し上げ、参考記事としてご紹介させていただきます。 ▼参考記事 【フォトショ】水彩風テクスチャをつくる【講座】 ********************************************************** こんにちは!イラストレーターのあんみです。 私は趣味で水彩画を描いているのですが、描く度に絵の具やパレット、バケツなど色々な道具の準備と片付けがちょっと面倒だと思うことがあります(・・;) そんなときデジタルで水彩画が描けたら楽ですよね・・・! こちらのイラス

    Photoshopで水彩風イラストを描いてみよう! | SONICMOOV LAB
  • 今さら聞けないマテリアルデザインとは?5分でわかる解説 | SONICMOOV LAB

    2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは? 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは? マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま

    今さら聞けないマテリアルデザインとは?5分でわかる解説 | SONICMOOV LAB
  • 【初心者向けCSS】レスポンシブな tableを作ってみる | SONICMOOV LAB

    お待たせしました!まりぞーですヽ(゜ω゜)ノ 今回は CSS 初心者向けです。 table タグがあるじゃないですか。 アレをレスポンシブな感じに実装していこうという内容です。 デモはこちら 使ったものは CSSHTML とjQuery、そしてコピペです。 よろしくお願いします。 目次 そもそもレスポンシブってなんだっけ Media Queriesの使いかた HTML CSS IE8対応 共通項目 Media Queries まとめ そもそもレスポンシブってなんだっけ responsive 「よく反応する」という意味の形容詞です。 当記事ではブラウザのウィンドウ幅をぐにょんぐにょんいじるとなんか臨機応変に見た目が変わったり変わらなかったりするやつです。 基的に CSS3 の Media Queries を用いる方法で進めていきます。 Media Queriesの使いかた HTML

    【初心者向けCSS】レスポンシブな tableを作ってみる | SONICMOOV LAB
  • 1