和柄グループに新作を登録しました(wagara001)

日本古来のパターン模様である和柄をモチーフとした作品(wagara001)を「和柄グループ」に登録しました

和柄のコマとなる図形は誰もが一度は目にしたことのあるもので、その中から代表的な千鳥格子の一種を最初の作品として取り上げました

和柄は同じ図形が2次元の平面に展開されているところが特徴であり、M.C.エッシャーのだまし絵と似ているところがあります
騙すというよりは、平面の広がりの中に誘い込むような魅力に溢れていると思います

ただ、平面の大きさにその世界がとどまらざるを得ないので、無限性を求めるには限界がある一方、円盤上に展開することによってまた面白い世界観を築くことが出来そうです

今回参考にした和柄は、波線を縦横に交差させた格子柄で、図柄としては単純な構図となっています

パターンを構成する基本図形も小さいものなので、角数は増える傾向にあり、今回も34角の多角形がベースとなっています
コマは2つの頂角をカバーしているので、作業としては17角形の図形の描画と同じになりました

今回の作品の線描の骨格は下図の通りです(赤い線がコマです)

このコマの波線の曲がり具合を決定する過程で、思ってもいなかった図形もできたので、その図形も紹介したいのですが、まずは波線の曲がり具合について、曲げ具合の強弱で変わる様子をサンプルでご紹介します

最終的にはCのコマを採用しているのですが、作業としてはAのように直線で正方形を円盤状に配置するところから始めています
線分がS字状になるように方向点を調整しているのですが、曲げの強度に応じてコマのパターンが変形して行きます
F以上に曲げてしまうと線分同士が重なり始めるので、Fくらいが限界でした

どのような図形に仕上がるのか、結果が分かるようにB、DとFのケースでサンプルを作ってみました

コマに捻りを入れる

次の工程で構図全体に流れる動きを入れるために、渦巻き状の捻りを入れます
具体的には、図形の中心から離れるにつれて元の位置から円周上をスライドさせています

スライドの大きさによってコマのイマージが下記のサンプルのように変わります
AからCは時計回りの方向に、DからFは反対方向にスライドさせています

どのような図形に仕上がるのか、結果が分かるようにAとEのケースでサンプルを作ってみました

サポート線を活用する

この作品を仕上げる過程で、一筆書きで一気に閉じた図形を作成するために、一旦サポート線を含んだコマを作成し、完成後サポート線を削除しています

今回の図形はコマの節点が35個あるので、全体では(35-1)×17=578個の節点を持っています
全ての節点から方向線を伸ばしているので、更に1,156個の方向点を指定しています

これだけの点を持つ図形を精緻な模様として描くためには、閉じた図形として一気に仕上げる必要があり、例えば、17個のコマを360÷17度ずつ回転させながら接合させていく方法も考えられるのですが(実際やってみて挫折しましたが)、全ての点をあるべき場所に正確に配置することは簡単ではありません

最近の描画ソフトは、回転や繰り返しなどの機能が使いやすくなっているので、大きなコマであれば、おおよその位置に配置することもできるのですが、和柄の様なパターンではうまくいきませんでした

かといって、全ての点の座標を細かく指定するのも1000を超えるケースとなると生産性が極度に落ちてしまいます

このような理由から、後工程で削除という作業が発生しますが、サポート線を活用する方法を採用しています

以下のコマがサポート線(赤線)を含んだ原型です
一筆は右上の丸から始まり、右下の矢印で次のコマにつながっています

仕上げ

朱色を基調とした色合いにし、外側から内側に向けて濃度を落としてグラデーションの効果を狙いました
外周は格子のコンセプトを活かすために外枠で囲んであります

出来上がって気づいたのですが、なぜか渦巻のように中心に流れる動きを感じます

最後にバリエーションのひとつとしてスケルトンタイプの図形を紹介します
立体的な骨格の構造に見えるように、線の太さを段階的に変えた4つの図形を重ねて描いています

星型(star001)のバリエーションを追加しました

サイトアイコンの作品の角数を増減した時に、全体のイメージどのように変わっていくのかを検証するために、5角から18角までのバリエーションの一覧を作成しました
「バリエーション」の一覧ページはこちらです

リング型グループに新作を登録しました(ring001)

植物のリースをモチーフにした新作(ring001)を「リング型グループ」に登録しました

リング型はコマの大きさが星型に比べ小さくなる傾向にあります
図形の中心から広がるというより、環状にコマが連鎖するイメージです
コマが小さくなる分、図形の角数は多くなります

この作品のオリジナルの「フリーフォーム」は29角形の多角形をモチーフにしています

この作品はベースパターンを2重に配置しています
内側のパターンは、外側のパターンを左右反転した構図になっています

コマの描画

制作手順としては、まず外側のパターンのコマを描き、節点の位置を調整しながらスムーズに連鎖できるようにしているのですが、重なり具合を合わせるところがこの作品のポイントです

外側のコマが出来たら、大きさを変えて反転したものを内側のコマとして描き、2つのコマを『一筆書き』になるように調整します

この作品では、コマの描画の際に注意したポイントがいくつかあります

  1. 交差する節点が同じ位置で重なるようにする(1,3,5,7番と9,11,13,15番)
  2. 接する節点も同じ位置に配置する(4と12番)
  3. 節点が接する場合、円弧が重ならないように、方向線を接線となるように調整する

3番目のポイントについてもう少し詳しく説明します

3番の節点は、別のコマの7番と接しているのですが、この時、それぞれの節点から前と後ろの線分に対して伸びている方向線は逆方向を向き、合わせると一本の直線のようになり(図の破線)、この節点を挟む線分はスムーズな曲線になります

向かい合うスムーズな曲線が重ならない(接するだけになる)ように、2組の方向線が、図形の中心点から相対的に同じ位置に来るようにします
言い方をかえると、3番の節点の方向線は、接する他のコマの7番の節点の方向線と完全に重なります

表計算ソフトで背景色を変え格子柄を描く

出来上がった「フリーフォーム」の背景色に黒を入れただけの図形がこちらです

色入れとアレンジ

基本のコマが4組の格子柄なので、4色の色を入れ、リング型のコンセプトを強調するために環状の外枠を加えて仕上げます

投稿作品の画像

この作品は派生品を作る余地があり、例えばコマの凹凸を平たんにしたり、内側のリングの向きを外側と同じにするなど、おもしろい図形をいろいろ描くことが出来ます

アレンジ

バリエーションのサンプルを2つ紹介します

星型グループに作品を追加しました(star001)

このサイトのメニューに使っているサイトアイコン(star001)を「星型グルーブ」に追加しました

オリジナルの「フリーフォーム」は14角の多角形をモチーフにしています

実は、このオリジナルは工房の「Q. どのような図形を紹介している」のサンプルの原画でもあります

工房でも説明していますが、この原画のコマ(下図の赤い曲線)は2つの頂角をカバーしています
下の図の右側の折れ線が、曲線に変形する前のコマの構図です
節点の場所が分かるように×と番号(描画の順番)を加えてあります

このコマを360÷7度ずつ回転させながら、途切れないよう連続して描いていきます
実際には、時計回りの方向に描く設計になっているので、2コマ目は、360÷7×6度、時計回りの方向へ回転しています

コマの節点の数は13、全ての節点の方向点(直線の線分を曲げるための方向線の端点)を使っているので、コマ当たり24個の方向点の位置を指定しています(13個の節点のうち、最初の節点は完成図の終了点と重なるので、カウントは12個です)

直線で折れ線を配置する時点では、完成形をイメージすることは難しいので、試行錯誤が必要です
この図形も、最初の段階では下図のようなコマをイメージしてから制作に執りかかっています

アレンジ

サイトアイコンとして混みあわないように、原画を刈り込みます
コンセプトを活かせるように、7角形の星形をモチーフにしたようにアレンジします

ヘッダーの中に埋もれないようにコントラストを付けるための外枠を作ります

本体と外枠を合わせて、中心にヘッダーの背景色と同じ色を入れて、線幅も太くして仕上げます
(PNG形式で仕上げるなら、中抜きで色を抜いてもてもOKです)

作品の画像