イタリアン3色グラデをローポリ化する件

イタリアンなポリゴン模様＠イラストAC

イタリア国旗のトリコローレをイメージした3色グラデーションをもとに、さらにローポリ加工した背景素材を作ってみました。かなり適当に作ったので、よく見たら緑の面積が多い気がするけど、まあいいか。

作り方は超簡単なんですが、グラデーション内に軽い色相のゆらぎが欲しかったので、先日紹介したPhotoshopの2色混合水彩ブラシを使ってベースの色合いとグラデーションを作りました。(赤から塗り始めたので左右反転してますが気にしない)

Photoshop水彩ブラシで作った元のグラデーション

Photoshop側では合計3レイヤーで組み合わせてます。最背面に白いレイヤーを敷いて、その上に「水彩色をレイヤーマスク使ってグラデーション透過」させたやつを赤と緑の2レイヤーで重ねてるだけです。

これを手動でローポリ化するのは大変ですが、数年前に流行したI ♥ ∆という便利ツールを使えば一発です。しかし2019年現在、ツールを無料配布してたページ(http://somestuff.ru/I)が閉鎖されてしまってました。。。がーん。

諦めずに調べた結果、誰かが自前サーバにI ♥ ∆を公開してくれてたお陰でまだ使えることが分かったので、そのURLを貼っておきます。
http://www.breatharian.eu/triangulator/

このツール、ちょっとクセはありますがローポリ作成ツールとしてはかなり秀逸です。背景画像の色を元に手動でローポリを作成できます。また、出来た画像はSVG形式で保存できるので、そのままIllustratorで加工できるのも良いです。

I ♥ ∆を使って手動でローポリ化

配布元が閉鎖した後に言ってもしょうがないんですが、このツール、実はサーバ側で動かしているわけではなく、複数のJavaScriptだけを組み合わせてブラウザ上で動作しているという非常にシンプルな作りです。

ロシア人(?)の作者さん、これをJavaScriptで書いたという時点でかなり天才的だと思いますが、そのお陰でブラウザさえあればオフラインでも使えるというすごい潜在力を秘めているのでした。(なので私は昔からローカルで動作させてます)

というわけで、画像データのほうはイラストACからどうぞ。

イタリアンなポリゴン模様＠イラストAC


にほんブログ村 イラストブログ デジタルイラストへ

Label:

Popular posts from this blog

Photoshopに隠れてた水彩ブラシ全比較

Image
Photoshop CC デフォルト水彩ブラシをマウスで描画してみた 先月、 Photoshopでつくる2色混合の水彩ブラシ というエントリで、水彩の混合色エフェクトが出せる自作ブラシについて書きましたが、そもそも何でいきなり自作ブラシに挑戦したかというと、いま使っているPhotoshop CC 2019のブラシライブラリに水彩ブラシが見当たらなかったからです。 しかし こちらの記事 を読んで、どうやらPhotoshop CCにもデフォルトの水彩ブラシは備わっているらしい。。。 (ただしレガシーブラシとして隠されている) という事に気づき、さっそく試してみることにしました。 Photoshop CC レガシーブラシを呼び出す方法 ブラシ一覧画面の右上のメニュー(≡)から「レガシーブラシ」を選択 →メニューライブラリに「レガシーブラシ」フォルダが追加される。この中に昔のブラシセットが入っている。 水彩ブラシがこんな所に隠れていたなんて。。。 見てビックリ、山のようにレガシーブラシが詰まってるぅぅ〜。 水彩と名のつくブラシだけを挙げてみただけで、こんなにありました： レガシーブラシ＞初期設定ブラシ＞水彩(円ブラシ) レガシーブラシ＞初期設定ブラシ＞水彩(チョーク) レガシーブラシ＞初期設定ブラシ＞水彩(ウォッシュ) レガシーブラシ＞初期設定ブラシ＞水彩(ソルト) レガシーブラシ＞初期設定ブラシ＞水彩(ソルティー) レガシーブラシ＞初期設定ブラシ＞水彩ブラシ(ドライ) レガシーブラシ＞初期設定ブラシ＞水彩(はねの大きなドロップ) レガシーブラシ＞初期設定ブラシ＞水彩(はねの細かいドロップ) レガシーブラシ＞初期設定ブラシ＞水彩平筆 レガシーブラシ＞初期設定ブラシ＞水彩丸筆 ちょっとこれは一度試してみないと区別がつかない。。。と思って、全部の水彩ブラシをマウス描画だけで試してみたのがこちらです。(つまり筆圧感知ナシだとこうなるという見本です) 水彩ブラシを「ストローク、ドット、塗りつぶし」で比較 それで思ったのが、「割とクセの強いブラシが多いな。。。」ということでした(^^;) 個人的な好みで言うと、この中で一番自然な水彩っぽさが出しやすいのは「水彩 (ウォッシュ)」のような気がします。「水...
Read more

Illustrator 砂絵っぽい質感にするチュートリアル

Image
Illustratorチュートリアルの練習ファイルは最初からカッコいい いま流行している水彩エフェクトは素敵だなーと思うけど、制作工程がちょっと複雑な気もしてきた今日このごろ。もっとベーシックな質感を出せる方法はないかと思ったら、AdobeのIllustratorチュートリアルでこんなのがありました。 オブジェクトに質感を追加し、作品の深みを演出する⽅法 要はアピアランスに「テクスチャ(粒状)」を適用するという話で、砂絵っぽい感じの仕上がりなります。例題がカッコいいので、ちょっとやってみることにしました。しかし一見シンプルな絵なのに、練習用のサンプルファイルが35MBもあるのは何故じゃ。。。 アピアランスの塗りを複製 →今回「アピアランスの塗りを複製」というのを見て、アピアランスもレイヤーとして扱う事が出来るのか〜！とカルチャーショック。しかも、複製した塗りにグラデーションを適用して、下の塗りを透かすなんて事ができるとは。。。(今までわざわざオブジェクトごと複製して同じことをやってた orz) アピアランスに新規効果を追加 →そしてアピアランス画面下部の「新規効果を追加(fx)」アイコンをクリックし「テクスチャ＞粒状」を選択すると「粒状」ダイアログが出てきて、右側のパラメータをいじると粒の雰囲気が変わる。 今回は「粒子の種類：拡大」を選んで大きなツブツブにした上で「密度：75」「コントラスト：75」に設定。 アピアランスの塗りの不透明度 →上記でグラデーションにしたアピアランスの塗りの「不透明度」を開くと、透明パネルが開くので、描画モードを「乗算」に変更。全く違和感のない操作感なんだけど、これってアピアランス内でやってるんだよなぁ。こんな事ができるとは。。。 アピアランス効果の再利用 →ここまでは月のオブジェクト(レイヤー上にはsunと書いてあるが...)に対して効果を設定。そのグラデ月を選択した状態で「ウィンドウ＞グラフィックスタイル」を呼び出し、下部の「新規グラフィックスタイル」アイコンをポチッとやると、月に適用している粒状グラデのアピアランスがまるごとスタイル登録される。(そもそもグラフィックスタイルの存在を全く知りませんでした orz) →一度登録されたグラフィックスタイルは、スウォッチのように使えるように...
Read more

意外と簡単！雪の結晶イラストの作り方

Image
雪の結晶いろいろ 昨日のIllustratorチュートリアルで覚えた「回転コピー」技を練習しようと思って、雪の結晶をつくってみました。涼しげなモチーフだし、作業的にも結構楽しかったけど、一気に6個つくるのは結構時間がかかりました。。。(3つ位でやめておけばよかった) でも、さすがにこれだけ作ると回転コピーの操作にもだいぶ慣れることができました。雪の結晶って見た目も綺麗だし、今回の練習の題材としては正解だったかも。 作り方もシンプルなので、ざっと紹介してみます。 雪の結晶の作り方 ①まずアートボードの中心がわかりやすくなるように、十字のガイドを引いておきます。(以降、この中心点を使ってオブジェクトを回転コピーしていきます) 今回の例では、六角形を組み合わせて、以下のように結晶の枝の一本を作ってみました。 十字が交差する中心点と、結晶の枝一本 ②出来た枝1本はグループ化しておきます。その枝全体を選択してから「回転ツール」に切り替えます。最初は回転の中心点が枝の真ん中になってしまうので、⌥を押しながら回転の中心マークをドラッグして、アートボードの中心点(十字ガイドの中央)に移動します。 回転の中心点をアートボードの中心に移動 ③あとは、回転ツールのダイアログ内で角度を60°に設定し、「コピー」をクリックすると2本めの枝ができます。 回転ツールで2本目の枝が出来たところ ④あとは⌘+Dで変形の繰り返しを行うと、バンバンバンっと雪の結晶の形ができます。全工程の中でいちばん気持ちいい所です。笑 連続回転コピーで一気に結晶ができる ⑤最後に好みの色に塗って完成です。今回は円形グラデーションをかけてみました。 仕上げに円形グラデーションで塗り 。。。というような作業を延々とやっておりました。でも結局、一番時間がかかるのは最初の枝(手順①)を作るところなんですよね。あとは回転コピーで一気に出来るし、その結果、自分でも想像してなかったような面白い模様が出来上がったりするのが楽しいです。 今回作った6種は イラストAC から無料ダウンロードできます↓ 雪の結晶 アソート6種＠イラストAC
Read more