元となる要素を複製し、回転、移動させ、サイズや不透明度を変更して、美しい幾何学模様の図形やパターンを簡単に作成できるSketchの機能拡張を紹介します。 下記はすこし複雑な要素が元になっていますが、シンプルな線や形からでも面白い図形を簡単に作成できます。
ロゴや魔法陣など、美しい幾何学模様の図形を簡単に作成できる！ちょっと珍しい無料の機能拡張 -Looper
元となる要素を複製し、回転、移動させ、サイズや不透明度を変更して、美しい幾何学模様の図形やパターンを簡単に作成できるSketchの機能拡張を紹介します。 下記はすこし複雑な要素が元になっていますが、シンプルな線や形からでも面白い図形を簡単に作成できます。
飾り罫から魔方陣まで、組み合わせて作成できる！緻密に描かれた幾何学模様のベクター素材 -LiveSymmetry
デザインやイラストに、個人でも商用でも無料で利用できる緻密な幾何学模様が美しいシンメトリーのベクター素材を紹介します。 飾り罫、魔方陣、ロゴ、シンボル、背景やワンポイントにも使える素材です。 通常は有料素材ですが、今週末まで無料なので、ダウンロードはお早めに！
これは珍しい！幾何学的な錯視を使った不可能図形のベクター素材 -Impossible Geometry
ペンローズの三角形、ネッカーの立方体、悪魔のフォークなどのような幾何学的な錯視を使った、ちょっと不思議な不可能図形のベクター素材を紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに。 商用利用もOKです！
同人誌などの商用利用もOK！魔方陣のような複雑で美しい幾何学模様のベクター素材 -Fluid Geometric Shapes
拡大縮小・カラーなど自由自在に変更できる、魔方陣のような複雑で美しい幾何学模様のベクター素材を紹介します。 商用の同人誌だけでなく、Webでもアプリでも動画でも何にでも無料で利用できます。
シームレスに利用できる クリエイティブかつデザイン的なベクターパターンまとめ「Pattern Design – 35 Seamless Free Vector Patterns」
シームレスに利用できる クリエイティブかつデザイン的なベクターパターンまとめ「Pattern Design – 35 Seamless Free Vector Patterns」 背景素材などでよく利用されるシームレスパターン素材。継ぎ目なく敷き詰められる点が非常に便利な素材です。今回はそんなシームレスベクターパターンをまとめた「Pattern Design – 35 Seamless Free Vector Patterns」を紹介したいと思います。 Abstract Hexagon Pattern Background on Behance デザイン的に非常に凝ったつくりが特徴のベクターパターン素材が多数紹介されています。 詳しくは以下 Patterns for Adobe Creative Cloud on Behance 色鉛筆で描き出したような、ラフなテイストが特徴のパターン。素
商用利用無料！ジオメトリックな背景用のベクター素材、コリス限定全員にプレゼント！
最近は当ブログ限定の配布も増え、提供元さまに感謝すると共に、ビジターの皆さまにも感謝です。 お馴染みの freepik.com 提供による背景素材をコリス限定で全員にプレゼント！ 今回は三角をベースにしたジオメトリックな背景素材、ベクターなのでカラーやサイズを自由に変更できます。もちろん個人でも商用でも無料で利用できます。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在48,000個以上のアイコンが登録されています。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す freepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。
画像を菱形状に並べるイメージギャラリーを実装するスクリプト・jquery.diamonds.js
以前よく見かけたタイプのイメージギャラリーを実装出来るスクリプトがあったのでメモ。菱形状に並べる、というものです。実用性は置いといて、素敵な見せ方ですね。 菱形状に画像を並べます。 こんな感じのイメージギャラリーを実装出来ます。尚、IE7等では大変なことになってしまうので使いどころに気をつけないとですね。 $("#foo").diamonds({ size :250 , gap :1 , hideIncompleteRow : false, autoRedraw : true, itemSelector : ".bar" });セッティングは上記の要領で書けばいいみたいです。ちょっと目を惹けるレイアウトですね。 jquery.diamonds.js
[JS]斜めのグリッドを使った美しいレイアウトを簡単に実装できるスクリプト -diamond.js
オプションを変更したキャプチャ diamonds.jsの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" type="text/css" href="diamonds.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.diamonds.js"></script> Step 2: HTML ダイアモンド状に配置する各アイテムのclassに「.item」を添え、ラッパーで包みます。 <div class="d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新旧技術の融合が生んだ、幾何学マニアのための「12面体カレンダー」
円・三角形・多角形から成る幾何学のパターンが美しすぎる！Webでも紙のデザインでも無料で使えるベクター素材 -Geometric Pattern Shapes
Free Font Of The Day : Asgalt - Designbeep