アラサー主婦の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

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

関連記事

サイトの構成に迷ったら読んで欲しいお役立ち記事3選

今回は、サイトの構成を考えるときに役に立つ、おすすめの記事を3つご紹介します! 「ワイヤーフレームって何?」という方から、「サイトの内容がうまくまとめられない」とお悩みの方まで、きっと参考にしていただ …

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

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

Googleの便利な検索方法

日常的に使うGoogle検索ですが、便利な検索の仕方があるのを皆さんはご存知ですか? 私はこの検索方法を知った時は、「今までなんで知らなかったんだろう…」とすごく損した気持ちになりました。 …

【Photoshop】レイヤーマスクを複製する方法

今回は久しぶりにphotoshopのテクニックについてご紹介したいと思います。 いきなりですが、私の会社では有料サイトの画像を使用する場合はまずカンプ画像を使い、その後クライアントからOKが出たら画像 …

OGP画像シュミレータ「og:image Simulator」のご紹介

Webページをシェアした時にFacebook上で表示されるOGP画像ですが、きちんと設定をしないと画像が見切れてしまったり、正方形になってしまったりしますよね。。 そんな悩みを解決する便利なサービスを …