【SSLife】図形の組み合わせで馬の絵を描く

スーパーセントウです!

 

少し本業に余裕ができたのでやってみたいことができました。

スタイルシートで馬の絵を描くってことです。

かなり時間を要しそうなので、

完成はいつになることやらって感じですが、

ちょっと練習をしてみることにしました。

 

図形を組み合わせて馬の絵を描く

スタイルシートで描く絵を動かすには多種のパーツを組み合わせて、

それを動かしていくってことを知りました。

ということはまずはパーツだけで絵を描くことが第一歩と捉えました。

 

Excelを使ってみる

パーツはwindows標準の画像を使います。

正直Officeのどれでもよかったです。

なんとなくサイズを測りやすいがためにExcelくんを抜擢しました。

 

使う図形

使った図形は3種類。

円と四角と雷です。

雷はスタイルシートで作るのが一苦労なのでただの横着です。

3種類といってもほとんどが円です。

 

とにかく重ねて変にならないように同じ色のパーツを重ねていきます。

今回はオーソドックスに黒です。

 

馬の絵完成

30分くらいでできました!

ちょっと人が小さいのはご愛敬。

蹄もそうですし、気になるところはいっぱいありますが、

初回にしては満足いくシルエットです。

 

競馬界の相棒のタイトル絵に使いました

作ると使いたくなりまして・・・。

UMATOME内のタイトルのないページを探した結果抜擢したのは、

競馬界の相棒

先日ディーマジェスティを追加したばっかりで、

デアリングタクトとコントレイルを待っているページです。

 

影とかつけちゃって、立体的なデザインにしてみました。

これはPowerPointさんの実力です。

 

次のステップは円形だけでcssで止まった馬の絵を描くことになります。

やる気と時間が合わさる日はいつになることやらです。