Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
ベジェ曲線を学べるサイト「Shape Type」 | ぶちろぐ

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

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

関連記事

【Illustrator】文字を縦書きにする方法

今回は、イラストレーターで文字を縦書きにする方法をご紹介します。 方法としては2つあるので、どちらか使いやすい方、または状況に応じて使い分けてみてくださいね。   イラストレーターで文字を縦 …

なぜWebデザイナーを目指したのか

    私がWebデザイナーを目指そうと思ったのは、前職で飲食店スタッフをしていた2017年の頃です。 前職でもそれなりに楽しく働いていたのですが、どこかでずっと、手に職をもった職人や技術者に憧れてい …

Webデザインを始めて変わったこと

こんにちは、ぶちこです。 毎日狂ったように暑いですが、皆さん大丈夫でしょうか…。     最近、ふと思うことがあります。     それは、webデザインを始めてから、自分変わったなあということ。   …

Google Chromeでスマホ表示の確認をする方法

スマホでの表示を確認したい時、わざわざスマホを出して検索して…とやっていると結構面倒ですよね。 そんな時は、Google Chromeを使うとパソコンで簡単にスマホの表示を確認することができるんです。 …

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

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