イラストや写真をベクトル画像化する「Adobe Shape CC」に驚いた!

どうも、絵も描けるWebデザイナーに憧れをもっているエザワです。学生のころは、イラスト描いてポストカードにして、雑貨屋に置いてもらったんですが全く売れなかったのは良い思い出です。
少しでもイラストが描ける人にとっては、便利でヤバいiOSアプリ「Adobe Shape CC」を使ってみて。また、イラスト描くのが苦手っていう人も色々活用出来そうなので、使ってみて。

Adobe Shape CCとは

adobeshape-image01

iPhoneやiPadを使って画像を取り込み、ベクトル画像に変換でき、シェイプとしてIllustrator CCやPhotoshop CCで使用することができるサービスです。

まずは、使用する前にAdobe IDでサインインしておきましょう
Adobe IDが無くても無料で[アカウント作成]できます。

説明入らずの使い方

機能がシンプルなので説明不要だが、あえて説明を入れるとこんなカンタンです。

adobeshape-image02

まずは、「カメラ」を選択して、シェイプしたいモノを撮影。
画面下のスライダーボタンでシェイプしたい範囲を調整できます。

adobeshape-image03

撮影決定したら、ここでシェイプしたい範囲を最終的に決めて下のボタン部分を押すとベクトル画像に処理されます。

adobeshape-image04

ベクトル画像されたデータに名前をつけてライブラリに入れる。それだけ。簡単。ヤバイ!

adobeshape-image05

Illustrator CCから「Creative Cloud ライブラリ」を開いて、ドキュメントに配置。
この簡単な作業でデータを使用することができます。

イラスト以外もベクトル画像にしてみる

イラストみたいなチキンと輪郭が取れるものが一番ベクトル画像に適していますが、ちょっと他のものに応用できるかなと試してみた。

例えば、企業ロゴやブランドロゴとか。
ロゴをベクトル画像にして収集し、デザインの研究してみたり。
また、クライアントからロゴがもらえることができず暫定でのWebサイトデザインを作らないといけない時とかに、使えたりしますね。

adobeshape-image06

まとめ

当ブログで紹介した「Adobe Color CC」に続いてAdobeのCreative Cloud メンバーシップに登録するとiPhoneアプリとAdobeのアプリソフトがシームレスに連結するので、色々と応用が出来そうですよね。

まぁ、無料なので一度使ってみるとおもしろいかと。
忠実度の高いベクトル画像に驚きます!!

シェアボタン

<div class="sns-area"> <!-- Twitter / hogehogeの部分を自分のアカウント名に変更してください。--> <a class="btn-twitter" href="http://twitter.com/share?url=<?php the_permalink(); ?>&text=<?php echo get_the_title(); ?>&via=nishizm&tw_p=tweetbutton&related=nishizm" target="_blank"> <i class="fa fa-twitter" aria-hidden="true"></i> <!-- SNS Count CacheよりTwitterのシェア数を取得 --> <span><?php if(function_exists('scc_get_share_twitter')) echo scc_get_share_twitter(); ?></span> </a> <!-- Facebook --> <a href="http://www.facebook.com/share.php?u=<?php the_permalink(); ?>&t=<?php echo get_the_title(); ?>" target="_blank" class="btn-facebook"F> <i class="fa fa-facebook" aria-hidden="true"></i> <!-- SNS Count CacheよりFacebookのシェア数を取得 --> <span><?php if(function_exists('scc_get_share_facebook')) echo scc_get_share_facebook(); ?></span> </a> <!-- Google+ --> <a class="btn-google" href="https://plus.google.com/share?url=<?php the_permalink(); ?>" target="_blank"> <i class="fa fa-google-plus" aria-hidden="true"></i> <!-- SNS Count CacheよりGoogle+のシェア数を取得 --> <span><?php if(function_exists('scc_get_share_gplus')) echo scc_get_share_gplus(); ?></span> </a> <!-- はてなブックマーク --> <a class="btn-hatena" target="_blank" href="http://b.hatena.ne.jp/add?mode=confirm&url=<?php the_permalink(); ?>&title=<?php echo get_the_title(); ?>" target="_blank"> <i class="fa fa-hatena"></i> <!-- SNS Count Cacheよりはてなブックマークのシェア数を取得 --> <span><?php if(function_exists('scc_get_share_hatebu')) echo scc_get_share_hatebu(); ?></span> </a> </div>

おすすめ記事

関連記事