1分でGoogle Spreadsheet(スプレッドシート)に絵を描く方法

Googleスプレッドシート 絵を描く7
LINEで送る
Pocket

こんにちは。ひとりで.comです。

今日はいつもと志向を変えて話のネタとして使えそうな話題を書きたいと思います。

Google Spreadsheet(スプレッドシート)を使って、絵を描く方法

 

GizmodeさんからGoogleスプレッドシートを使った面白い記事が配信されていました。

 

 

 

1分でGoogle スプレッドシートに絵を描く裏ワザ

 

Amit Agarwalさんがアップしていた動画に具体的なやり方が記載されておりますが、写真をアップするだけでそれを実現できるようになっているようです。

 

 

 

1分でGoogleスプレッドシートに絵を描けるのか試してみた。

具体的にやり方は以下のようです。



1:描きたい絵を選ぶ
2:Google スプレッドシートにアップロード
3:色番号を取得、実際の色に変換
4:枠線を消し、セルを正方形に変更

 

では実際に試してみましたので、具体的な方法は以下、画像にて紹介したいと思います。

 

Googleスプレッドシートのテンプレート

 

今回、こちらのテンプレートを作られた方は海外のかたのようですので、日本画にて試してみましょう。笑

 

まずは上記テンプレートを開いたら、メニューに「Spreadsheet Art」というのがありますので、こちらから「 Step1 : Upload Image」を選択します。

Googleスプレッドシート 絵を描く1
Googleスプレッドシート 絵を描く1

 

以下の様な画面が出てきます。こちらの案内に従って、画像をアプロードします。
*ここでは、画像の種類としてはPNG、JPEG、GIFに限られているようです。また、画像のサイズは300 px × 300 pxに限られているようです。

Googleスプレッドシート 絵を描く2
Googleスプレッドシート 絵を描く2

 

 

画像をアップロードして、問題なくアップロードが完了すると以下の様な画面になります。

 

Googleスプレッドシート 絵を描く3
Googleスプレッドシート 絵を描く3

 

画像のアップロードが完了したら、各セルに入っているカラーNoをセルの背景色に設定するスクリプトを走らせるようにします。
「 #」から始まる各セルに入っている番号は、色を表す番号でWebデザイン関係で仕事をしている人は見慣れた数値化と思います。特に気にせず以下のように、「Step2 : Apply Colors」を選択してください。

 

Googleスプレッドシート 絵を描く4
Googleスプレッドシート 絵を描く4

 

 

無事に色が着いたら次は「Step3 : Adjust Cells」を選択して、セルの幅を調整します。

 

 

Googleスプレッドシート 絵を描く5
Googleスプレッドシート 絵を描く5

 

Step3を押すと、以下のような画面が出て、セルのサイズをいくつにするかきかれます。ここでは、特に制限がなければ「5」と入れましょう。

 

 

Googleスプレッドシート 絵を描く6
Googleスプレッドシート 絵を描く6

 

セルのSizeを5pixelsに設定すると、ほとんどの絵が問題なく表示されるようになるかと思います。

 

Googleスプレッドシート 絵を描く7
Googleスプレッドシート 絵を描く7

 

 

今回は、日本画の写楽を題材にしてみました。(1回試したあとならば)本当に1分で完了しそうです。笑

 

ぜひ、みなさんも試してみてください!

 




にほんブログ村 ネットブログへ
にほんブログ村


インターネット・コンピュータ ブログランキングへ