未分類

KCSドラゴンをリニューアルしてみた

こんにちは.mo-takusanです.

KCSドラゴンを新しく作り直したので報告です.

KCSドラゴンとは?

よくよく考えると,KCSドラゴンについて公で触れたことがなかったのでここでお話ししようと思います.

KCSどらごん-光あり-

KCSドラゴンは実はKCSちゃんの少し前に誕生したKCSの公式(?)キャラクターです.
頭の形が「K」「C」「S」で構成されている,まさにKCSのためのデザインなのです!!

一生未完成なゲームを作ったり,

三田祭ゲームでジュ〇ムの代わりとして出現させたり,

地味に矢上祭の映像や2018年新歓映像にも登場させています.さらにKCSのサイトアイコンとして役割を果たしてきました.
最近執行代に忘れられ気味っぽかったのでこれを機に広めていきたい…

なぜ新しくしたのか

いままでのデザインは私の技術力不足もあり,SVG,特にベジェ曲線をうまく扱えていませんでした.

以下がその例です.

まずKCSドラゴンは頭の形を強調するために縁取りをしているのですが,角だけ色の設定をミスっています笑
このせいで背景によってはその部分だけ浮いてしまって非常に気になります.

2019-05-23_12h27_11

さらに,ベジェ曲線の使い方が良く分かっていなかったのでアンカーポイントが無駄に多くなり,曲線がガタガタになっていました,

2019-05-23_12h29_50

そして,足に注目してみるとここだけ太さが一定でないことが分かります.そもそもこのパーツを縁取りではなく長方形で表現しているのもおかしいですね…

2019-05-23_12h33_24

こんな感じで色々と不満がたまっていたので一新することにしたのです.

新しいデザイン

新しいデザインは以下のようにしました.

KCSDragon_solo

大きく変わったところはありませんが,いくつか特徴的な部分だけ取り上げます.

まず,今までは縁取りの太さを一定にしていたのですが,これによって角もカクカクにせざるを得ずなんとなく違和感がありました.
そこで,ストロークを意識した強弱のある縁取りにすることで角を自然になじませました.
あと,全体的にアンカーポイントが多くなりすぎないように意識しながら曲線を作成しました.

カラーバリエーションも自由自在です.

KCSDragon60th

(それにしても,いつもノリで色とか決めているのでちゃんと勉強したほうがいいですかね…)

おわりに

サイトのアイコンの方も差し替えておきました.
KCSの皆さんはOneDriveに共有しておくので使ってみてください.

こうやってSVGをいじっているとイラレが本当に欲しくなります.
ただ年に数回しか使わないことを考えると中々手が伸びないものです.

アドベントカレンダー、やります!

こんにちは。mo-takusanです。

だんだんと寒くなってきましたがいかがお過ごしでしょうか。
今回は題名にもあるようにアドベントカレンダーをやるよっていうお知らせです。本当は結構前からSlackの方で呼びかけていたのですが、「記事にもしなくては!」と思い立ったので今回の投稿をしていきます。

経緯

見出しを付けるほど大した動機ではないのですが、最近のKCSの投稿記事を見ると、、

2018-11-23_18h29_11

 

同じ人ばかりの投稿なのです!
しかも、私以外は2人とも4年生なので最悪の場合、このままでは来年の投稿は私だけになってしまうかもしれないのです。これは由々しき事態だ…

ということで時期的にもいい感じだったのでアドベントカレンダーを通して投稿するハードルを下げられればなぁと思った次第です。

アドベントカレンダーとは

 

インターネット上などで、アドベントカレンダーに見立てて12月に一人、または複数人で毎日記事を投稿していくという企画がある。 特にプログラミングに関連するアドベントカレンダーの企画が近年多数行われている。(Wikipediaより)

12月1日から12月25日までの間、KCSのみんなで記事を投稿していこうと思います。投稿する記事の内容については、技術記事からネタ記事、作品紹介でも何でも構いません!

KCS皆様の参加をお待ちしております

今回はADVENTERさんの方で、カレンダーを作成しましたので登録お願いします。

登録はこちらからお願いします!!(それにしてももう一週間くらいしかないのに集まりきってないって大丈夫か…?)

投稿の仕方などはカレンダーが埋まったときにSlackでお知らせしますね。