アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

ベジェ曲線を学べるサイト「Shape Type」

投稿日:

前回ご紹介したカーニングを練習できるサイト「Kern Type」。このサイトを作ったMethod of Actionから、ベジェ曲線を学べるサイト「Shape Type」も登場しているんです。

以前よりはベジェを使えるようにはなってきたものの、まだまだ扱いに慣れていないところがあるので、こういったゲーム感覚で学べるサイトの存在はとてもありがたいです。

では、早速ですが簡単にその使い方についてご紹介していきますね。

 

「Shape Type」の使い方

まず最初はチュートリアルが表示されるので、ピンクの点を正しい位置に移動させて終了させます。

 

その後から、お題が10問出題されます。

お題のフォントの崩れた部分を、ピンクの丸い点をドラッグして正しい形に調整していきます。

後半になるにつれてお題の難易度もアップしますよ〜。

 

これでOKかな〜と思ったところで、「Compare」をクリック!すると%で採点されます。

…47点でした。やっぱりまだまだ練習が必要です。。

「Kern Type」と同様、「Both letters」にチェックを入れると正解と比較して見ることができます!

  

 

こんな流れで10問すべてを終了すると最終スコアが表示されるのですが、そのスコアをTwitterで共有することもできるようです。

ちなみにiPhoneやiPadなどのタッチ操作にも対応しているそうなので、ちょっとした空き時間などにも手軽に楽しむことができると思います。

デザイナーの方は是非一度、腕試しに挑戦されてみてはいかがでしょうか…?

 

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

チラシやパンフレット製作時に参考になるサイト

Webサイトの参考サイトに比べて、チラシなどの印刷物のギャラリーサイトって意外と少ないですよね。 とは言っても何の参考もなしにデザインをするのは大変です…。 私は普段Google画像検索や …

【Illustrator】矢印キーでの移動の距離がおかしくなった時の対処法

Illustratorを使用中、突然移動の距離がおかしくなってしまったことはありませんか? 移動の距離が大きくなってしまって、ピクセルできっちり移動ができなくなった…という感じです。 私はこの現象を時 …

【Illustrator】アートボードを一発でオブジェクトぴったりのサイズに変更する方法

こんにちは、ぶちこです。 昨日に引き続き、Illustratorのアートボードの便利なテクニックについてご紹介をしたいと思います。 今回はブログのタイトルにある通り、「アートボードをオブジェクトぴった …

可愛らしい保育園サイト3選

いきなりですが、みなさんはどんなテイストのデザインが好きですか? 私は子供向けのほんわかしたデザインが大好物なので、Pinterestなどでそういったデザインのサイトを見ているととても楽しいです。 そ …

【Illustrator】バウンディングボックスが表示されなくなった時の対処法

みなさんは、選択ツールで「バウンディングボックス(四角い選択マーク)」が表示されず、オブジェクトの拡大縮小が出来なくなったことはありませんか? 私はこの現象、定期的に起こしてしまうのですが、いつも解決 …