8 / 8« 先頭...45678

Illustrator CS6新機能レビュー!!なぜ今まで無かったのか便利すぎるパターン作成機能

IllustratorCS6パターン機能レビュー

なぜ今まで無かったの?

2回目は新機能のパターン機能のレビューをしたいと思います。

この機能のアナウンスを初めて見たとき、ついに来たかと思いました。
というか、何で今まで無かったのかと。優先順位間違えてない?と。3D機能とかより絶対先でしょ!と。
Illustratorとパターンってものすごく相性がいいと思うんですよ。
ファッションイラストとか、シンプルでもセンスの良いパターンが入っていれば然見違えますし。

従来ももちろん自分でパターンを登録できたんですが、これがすごくわかりづらくて作りづらかった。
例えば、スクリントーン風のドットですら自分で作ろうとすると結構手間がかかったりします。

それがCS6にしてついにパターンを作りやすくする機能が付いて感無量なのであります!

実際の使用感は・・

ここにありますは、何の変哲もない緑色の丸でございます。

丸

この緑色の丸を選択した状態で、
オブジェクト → パターン → 作成
を実行すると早速パターン編集モードに移行します。
そうするとパターンプレビューが表示されます。
このパターンプレビューで表示されるパターンを何個ぐらいパターンを並べるか、とか、周りのプレビューパターンの濃度なんかはオプションで変えたり出来ます。

illustratorCS6パターン  パターン編集

illustratorCS6パターン  パターン編集

丸を選択してパターン編集モードに入った直後では円と円はくっついた状態です。
従来、円を選択してそのままスウォッチに登録するとこんな感じのパターンになってましたね。
従来のIllustratorだとここからスクリーントーンのようなドットを作るのが難しかった・・。

でも、CS6からは簡単です!

まず、パターンの中にあるオブジェクトの距離をプレビュー見ながら移動させることが出来ます。
下の画像は、ちょっと距離を入れてみました。

illustratorCS6パターン  幅と高さの指定

illustratorCS6パターン  幅と高さの指定

上の例では円と円の距離を幅、高さともに10mmに指定してみました。
ちなみにこの10mmは青枠の四角の幅と高さになります。
この枠はパターンの元となる画像より小さく設定できたりもします。その場合はパターンが重なった状態になったりします。

このオプションだけでも結構印象が変わったパターンが作れます。

さらにパターンを並べる方法を選択できます。
グリッド、レンガ(縦)、レンガ(横)六角形(縦)、六角形(横)です。

(ちなみに初期設定の ↑ 画面はグリッドです。)

それぞれどんな風に変化するかといいますと・・・

illustratorCS6パターン タイルの種類:レンガ(横)

illustratorCS6パターン タイルの種類:レンガ(横)

illustratorCS6パターン タイルの種類:レンガ(縦)

illustratorCS6パターン タイルの種類:レンガ(縦)

illustratorCS6パターン タイルの種類:六角形(縦)

illustratorCS6パターン タイルの種類:六角形(縦)

illustratorCS6パターン タイルの種類:六角形(横)

illustratorCS6パターン タイルの種類:六角形(横)

変化がわかりやすいようにシンプルな図形でパターンを作ってみたのですが・・。
かえってわかりづらいかな・・・???

これでレンガや六角形を選んであげると、今まで苦労して作っていたスクリーントーン風のドットがあっという間に出来てしまいます。

円の例だと六角形とレンガの差は距離が違うだけに見えますが、もっと凝ったパターンだと目に見えてその差が変わってきたりします。

ファッションイラストの作例作ってみました!

この機能を何に使いたいって、やっぱりファッションイラストの服にパターンを当てはめておしゃれ感30%増しぐらいを狙いたいところです。
パターンは多重円、たいやき(?)、ハートで作ってみました。

パターン作例:ファッションイラスト

パターン作例:ファッションイラスト  上がパターン元のイラスト 下がパターン適用した服

いかがでしょうか。服のパターンを変えるだけで印象がちょっと変わってきますね。

今回作ったパターンは割りとシンプルなものばっかりですけど、プレビューを見ながらパターンを編集できるようになったのでもっともっと凝ったものも作りやすくなっていると思います。
いままでパターン作りはどちらかというと職人技のような、パターン作るのがめちゃくちゃ得意な人が根気強く作っていたところがあるかと思うのですが、これからはきっとこのパターン作成機能を使ったイラストが増えていくんじゃないかなぁ・・と。
そんな予感をさせる便利な機能でした!

関連記事

IllustratorCS6新機能レビュー!!
Illustrator CS6新機能レビュー!!驚きのトレース機能進化!
Illustrator CS6新機能レビュー!!なぜ今まで無かったのか便利すぎるパターン作成機能

Illustrator CS6新機能レビュー!!驚きのトレース機能進化!

IllustratorCS6 キャプチャ画面

新しくなったIllstratorCS6.この記事では特にライブトレース改め新しくなった「画像トレース」機能についてレビューしたいと思います。
※このレビューは体験版を元に作成していますので、実際の製品版と異なる画面や結果の場合もあります。

よい意味で期待を裏切ったトレース機能!

実を言うといくつかCS6で搭載された新機能のうち、一番期待していなかった機能といっても過言ではなかったのですが、実際に使ってみるとこれは使える!と思える素敵な機能になっていました。
そもそも、期待してなかった理由としてはすでに存在している機能であんまり使っていなかったからなのですが、使わなかった理由としてはトレース結果のパスが微妙という点が合ったんだと思います。
なにが微妙かというと、思いつくところではパスが複雑すぎる、変なところでアンカーポイントが付く・・。ゆえにファイルが重くなって扱いづらい。こんなところでしょうか。
それがAdobe曰く、

新しい画像トレース
新しいトレーシングエンジンにより、ラスター画像を編集可能なベクトル画像に変換できます。複雑な操作なしで、美しいライン、正確な配置、確かな仕上がりが得られます。

ということで、実際に仕上がったトレース結果は初期設定のプリセットをカスタマイズせずにそのまま使用してもかなり綺麗でしかも、パスが少なくなっています。

如実にわかるトレース結果!(アウトライン)

では実際の画像を。

今回トレースの元画像はセツ・モードセミナーの授業で描いたデッサンを元にしました。ペンとコピックで描いています。
白部分が多くて色数も少ないので、割と良好なトレース結果が得られる元画像だと思います。

では、一番わかりやすいアウトラインから。
こちらがCS5(画像クリックで拡大されます)
IllustratorCS5 トレース結果(アウトライン)

こちらがCS6(画像クリックで拡大されます)
IllustratorCS6 トレース結果(アウトライン)

CS6では元画像、ディフォルト(という名のプリセット。以下同)、写真(高解像度)、写真(低解像度)、ラインアート(初期設定のままだと2ptで線が太すぎたのであとから0.5ptに直しました)
CS5では元画像、ディフォルト(という名のプリセット。以下同)、写真(高解像度)、写真(低解像度)の順番に並べています。

いかがでしょうか。結果は一目瞭然ですね!
特に写真(高解像度)では差がわかりやすいです。
CS5ではもうパスが複雑すぎてほとんど青。元画像の形跡すらわからなくなってしまっています。
一方のCS6では確実にパスの数が減っています。CS5にしてもそうなのかもしれないですが、各種オプションを調整すればさらにパスが減るんではないでしょうか。
とくに、白背景部分なんかは劇的に減らせる気がします。

実用的なトレース結果

お次はアウトラインではないトレース結果です。

CS5(画像クリックで拡大されます)
IllustratorCS5 トレース結果

CS6(画像クリックで拡大されます)
IllustratorCS6 トレース結果

CS5ではトレース結果がなんだか線がぼやけています。背景の白もそうですが、恐らく助長な情報までトレースしてしまいパスを複雑化させていたのではないでしょうか。

CS6の写真(低解像度)はパスが少ないにも関わらず、ものすごく綺麗な結果です。
こちらの画像だけを見て、これがベクターデータからの出力だななんていわれなければ気が付かないレベルでしょう。
パスの数も少なく実用レベルのトレース結果ではないでしょうか。

トレース結果一覧

以下、CS6でのトレース結果ディテールです。

IllustratorCS6 元画像

元画像

IllustratorCS6 トレース結果(ディフォルト)

IllustratorCS6 トレース結果(ディフォルト)

IllustratorCS6 トレース結果(写真(高解像度))

IllustratorCS6 トレース結果(写真(高解像度))

IllustratorCS6 トレース結果(写真(低解像度))

IllustratorCS6 トレース結果(写真(低解像度))

IllustratorCS6 トレース結果(ラインアート)

IllustratorCS6 トレース結果(ラインアート)

 

トレースのオプション

そしてこれが「画像トレース」のオプションパネル

IllustratorCS6 トレースオプションパネル

IllustratorCS6 トレースオプションパネル

様々なオプションが用意されています。初期設定のプリセットの結果が思わしくない場合はこのパネルでカスタマイズできるというわけです。

ところで、僕が使用したのが体験版だったからなのか、画像を選択した状態ではプリセット欄の「カスタム」が選べませんでした。
一度何かしらのプリセットを実行すると上部にオプションパネル開くボタンが出現してカスタマイズできる・・という形になっていました。
この辺はいきなりカスタマイズを選んだりしたい気もしますが・・。

総評

いかがでしたでしょうか。
僕はこのトレース結果を見ていろんな可能性を感じました。
例えば、パスで絵を描くのが苦手な人は線画をスキャンして新しいトレース機能を利用したりとか。いや、パスが苦手でなくても独特なラインが出せていいかもしれません。
写真をトレースしてその結果をイラストの中の素材として組み込んだり・・。
トレース機能がすごく実用的になったおかげで、いろいろとアイデアが膨らみそうです。

今回は出来る限り早くレビューを書きたいと思ったので、駆け足での紹介になりましたが、後日、イラストだけではなく写真のトレース結果なども載せてみたいと思います。

また後日、

  • Illustrator CS6新機能レビュー!!ロゴ作成に革命が起きる?線にグラデーション機能追加

もアップしたいと思っています!

このレビューがIllustratorCS6の購入を検討している方の参考になれば幸いです。

関連記事

IllustratorCS6新機能レビュー!!
Illustrator CS6新機能レビュー!!驚きのトレース機能進化!
Illustrator CS6新機能レビュー!!なぜ今まで無かったのか便利すぎるパターン作成機能

IllustratorCS6新機能レビュー!!

関連記事

IllustratorCS6新機能レビュー!!
Illustrator CS6新機能レビュー!!驚きのトレース機能進化!
Illustrator CS6新機能レビュー!!なぜ今まで無かったのか便利すぎるパターン作成機能

IllustratorCS6キャプチャ画面
体験版が発売前に公開されてる!!

Adobe Creative Suite6が発表され、発売日も5月11日(金)とあと1週間を切っています!

僕は今CS5のWebPremiumを持っているのですが、今現在頻繁に使用しているのがほぼIllustratorとPhotoshopだけで、今回は特に使用頻度の高いIllustratorだけVerUPを考えています。
(もしかしたら、後でPhotoshopもverupするかも・・・)

発売日当日に買っちゃおうかな~と思っていたんですが、その前にやっぱり体験版は触りたい・・と思っていてたびたびAdobeの体験版サイトを訪れていたのですが、おとといか、昨日あたりに体験版がダウンロードして使えるようになっていました!
CS3ぐらいのときは発売してからも1ヶ月ぐらいは日本語版の体験版ダウンロードできなかったような記憶が・・・・。
それを考えると、発売前の公開はかなり嬉しいですね!

CS6機能紹介ページ

CS6体験版ダウンロード

※ ちなみに自分の環境(windows7)ではなぜかFlashのバージョンが最新じゃないとダウンロードボタンが押せない(押しても反応が無い、ボタンがちょっと白っぽい状態)でした。
ので、Flashのバージョンを最新にしたのですが、その際もブラウザを起動したままインストールしようとしたのが良くなかったのか、1回目のインストールではうまくいかず2回目のFlash最新版インストールでようやくダウンロードボタンが押せるようになりました。。

いざレビュー!・・の前に

Photoshop CS6 はパブリックベータがかなり前から先行公開されていたり、ユーザーも多いのでわりとレビュー情報があふれていますが、Illustratorの場合レビュー情報があんまり無いので新機能を中心にレビューしちゃいたいと思います。

ちなみに自分が体験版を使う前にいいなと思って期待していた機能を順番に並べると、
1.パターン作成
2.64bit対応と「ぼかし」などのスピードアップ
3.線にもグラデーションをつけられる
4.細かいUIの改善
(あんまり期待もしていなかった)トレース機能のパワーアップ
な感じです。

がしかし、実際使ってみた感想としては

1.パターン作成
2.トレース機能のパワーアップ
3.細かいUIの改善
4.64bit対応と「ぼかし」などのスピードアップ
4.線にもグラデーションをつけられる

な感じ。この辺は人によってどの機能を重宝するかによって感想はだいぶ異なってくるとは思うのですが・・・。

驚きのトレース機能!

とにかく驚いたのはトレース機能のパワーアップです。
全然期待していなかっただけに驚きました。なんていうか使えるトレース機能になってる感じです。

詳しくはページが長くなってしまうのでこちらで。
Illustrator CS6新機能レビュー!!驚きのトレース機能進化!

後日、

  • Illustrator CS6新機能レビュー!!ロゴ作成に革命が起きる?線にグラデーション機能追加

もアップする予定です。よろしくお願いいたします。

関連記事

IllustratorCS6新機能レビュー!!
Illustrator CS6新機能レビュー!!驚きのトレース機能進化!
Illustrator CS6新機能レビュー!!なぜ今まで無かったのか便利すぎるパターン作成機能

今バージョンアップしないと今後出来なくなる!?

補足情報ですが、割と有名な話ではありますがAdobeは数ヶ月前にバージョンアップポリシーを変更しました。
従来3バージョンさかのぼってバージョンアップの対象としていた(例えばCS5のバージョンアップ版が買えるユーザはCS2~CS4ユーザだった)のを
1バージョン前までに変更しました。つまり、CS6のアップグレード版を買えるユーザはCS5ユーザだけになりました。

後日、CS3 およびCS4 ユーザーは2012年12 月31 日まで猶予を設けますよってことになりました。

詳細はこちら

ですので、CS3、4(の人は2012年12 月31 日まで)、CS5ユーザの方は今回のバージョンを買わないと次回CS7にアップできなくなってしまうので要注意です。。

 

kakukaku.jpサイトリニューアルしました!

お久しぶりです。賀久比佐士です。
リニューアルに伴ってドメイン部分は変えていないんですが、ちょっとURLを変えました。

いずれ消すと思いますが、旧サイトはSEO的(検索エンジン対策)に有効なので残しています。

今回のリニューアルに際していろいろな改良(?)やら変更を加えました。

リニューアルにともなって変えたこと

  • サイト全体をスマートフォン対応
  • グローバルメニュー(ヘッダー部分のメニュー)をシンプルに
  • ブログをMovableTypeからWordPressに変更
  • お問合せ、プロフィールページ、ギャラリーもWordPressで作成
  • ギャラリーを1作品1ページに(SEO対策)
  • ギャラリーの画像、サムネールのトリミングが出来るシステム、ギャラリーに透かし画像を自動で入れるシステム作成
  • ギャラリーに簡単アンケート設置

ざっくりこんな感じですが、見えないところでもいろいろ変えています。

あと、今回トップページに相当するページ無くしました。
作ろうと思ったんですけど、間に合いませんでした・・。
強いて言えば、ブログトップが暫定のサイトトップという扱いです。

リニューアル作業はずーっと昔からやっていて、今回の変更の前に表に出ることのなかったリニューアルデザインも作っていたのですが、結局陽の目を見ることなくボツってしまいました・・(残念無念であります・・)。
途中からWordPressを使ったほうが後々いいんじゃないかと思ってWordPressを使うことにしたこと、WordPressを使うとわりとスマートフォン対応が簡単にできそうな予感がしたのでスマートフォンサイト対応にしたりとそんなこんなで随分時間がかかってしまいました。
そのおかげでWordPressやスマートフォンサイト作成のノウハウが結構身について自己満足度は高いです。なんかレベルアップした感じ。

ギャラリーの作品は数がたくさんあるので、結局GW中に全部アップしきれてないのですが、おいおいアップしていこうかと思います。

これからさらに変えていこうと思っていること

GWまでに全部やり切れるのが理想だったんですけど、間に合わなかったのでおいおいやっていこうと思ってます。

  • 手持ちの作品を全部アップする
  • ブログからギャラリーへとかいろんな場所にバナーを作って貼り付ける
  • 細かいところをもうちょっと装飾する
  • ちゃんとしたトップページを作る

今回WordPrssにしたり、もろもろ新しくシステムを組んだおかげでだいぶ更新がしやすくなりました。
今後は以前のように1年以上ほったらかしにならないようにがんばっていこうと思います。
よろしくお願いいたします!

 

8 / 8« 先頭...45678