ブックマーク / webgaku.hateblo.jp (2)

  • Illustratorで画像トレースした画像に色を塗る - ウェブ学のすすめ

    画像トレースした写真に色を塗ることが可能なのかというご質問があったので実際にやってみました。 ポイントは画像トレースの「拡張」と「ライブペイント」です。 <<今回の環境>> Windows 8 64bit Illustrator CS6 64bit Photoshop CS6 64bit(写真サイズ変更に使用) 1.画像トレース 画像トレースについては以前書いた記事を参考にどうぞ Illustrator CS6で画像トレースする方法 - ウェブ学のすすめ ↓今回は「PAKUTASO/ぱくたそ」さんより虎の画像を使用しました。 PAKUTASO/ぱくたそ-WEB制作向けの無料写真素材/商用可 ↓カラーモード「白黒」でトレースしてみます。自分の好みに合うようにしきい値を微調整しましょう。 ↓トレース結果。そのまま年賀状に使えそうな感じになりましたね。 2.画像をパスに変換する ↓画像トレースし

    Illustratorで画像トレースした画像に色を塗る - ウェブ学のすすめ
    mitsuba3
    mitsuba3 2018/12/24
  • 可変グリッドレイアウトが簡単にできるjQueryプラグイン3選 - ウェブ学のすすめ

    可変グリッドレイアウトができるjQueryプラグインをいろいろ試したところ3つほど良さそうなものがあったのでご紹介します。可変グリッドレイアウトは写真のギャラリーサイトやポートフォリオサイトなど多くのオブジェクトを見せる際に効果的なレイアウトです。一見実装するのが難しそうですがセレクタの指定さえ間違えなければ簡単だと思います。 ↓NHKスタジオパークでも可変グリッドレイアウトになっています。 NHKスタジオパーク 1. jQuery Masonry もっとも有名なグリッドレイアウトjQueryプラグイン jQuery Masonry Demo HTML jquery.jsとjquery.masonry.jsを読み込みます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"

    可変グリッドレイアウトが簡単にできるjQueryプラグイン3選 - ウェブ学のすすめ
  • 1