ブックマークしておくと便利！ 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ

2022/08/10 412 users テクスチャ シェイプ グラデーション 背景 SVG

WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等... 続きを読む

イラストを使わずに、Webページに斜めから俯瞰したアイソメトリックをつくりだすCSSライブラリ -IsometricSass | コリス

2019/09/04 30 users コリス グリッド CSS ライブラリ CSSライブラリ

アイソメトリックの斜めから俯瞰したイラストなどをよく見かけますね。そのアイソメトリックをWebページにつくりだすCSSのライブラリを紹介します。 HTMLは非常にシンプルで、要素をアイソメトリックにしたり、斜めのグリッドを配置したり、アニメーションさせたりできます。 IsometricSass IsometricSass -GitHub Isome... 続きを読む

2ステップで平面図を立体に！Illustratorで超簡単に立体的なイラストを作る方法 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]

2019/08/28 32 users Illustrator 平面図 立体 こばやし ラクーン

こんにちは。デザイン戦略部のコバヤシです。 Webデザイナーですが、たまにイラストを描いたりします。 少し前にラクーンが運営する越境ECサイト「SD export」3周年を記念するインフォグラフィックを作成しました。 このイラストは「Isometric（アイソメトリック）」と言われる技法で、Illustratorを使って作成していま... 続きを読む

1クリックでオブジェクトをアイソメトリックの立体的な面にするPhotoshopのプラグイン -Isometrify | コリス

2013/02/14 70 users ピクセル グリッド 変形 立体 コリス

オブジェクトを3Dの立体の各面に合うよう1クリックで変形するPhotoshopのプラグインを紹介します。 Isometrify 使い方は簡単で、上3つのボタンはオブジェクトを変形します。 左の面に変形 右の面に変形 上の面に変形 4つ目のボタンは、指定したピクセルでグリッドを作成します。 グリッド生成 Isometrifyの対応バージョン Photoshop Photoshop CS5 Photo... 続きを読む

テキストにアイソメトリック風のエフェクトを加えるjQueryプラグイン・JQISOTEXT - かちびと.net

2011/03/27 41 users エフェクト net テキスト タイポグラフィ 奥行き

なかなかユニークだったのでメモ的に。 普通のテキストに等角投影法を使った ようなエフェクトを加えるjQueryプラグ インです。画像ではなく、テキストのみ でちょっとしたタイポグラフィも作れそう。 IE6でも7でも動作してくれますよ。 アイソメトリックとは建築でよく使われる投影法で奥行きを表現した図（ここの説明が分かりやすいです）に用いられます。一般的には「アイソメ」と略されますが、これをテキスト... 続きを読む