Photoshopで作成したイラストの ラスターデータをベクター化する方法

Web/LPデザインからイラストまでマルチに仕事してるデザイナーMika(@designer_mika)です。

iPadアプリPhotoshopSketchで水彩絵風に絵を描いてみる

昨日初めて使って見ましたが、水彩ブラシの色の滲み方がリアルで面白いです。

筆を長押しすると水がドンドン染み込んで他の色と混ざってしまったりします。

普段Illustratorのみで絵を描いてるので新鮮でした。

正直、パソコンのPhotoshopブラシより使いやすいし、初期登録でも結構ブラシの種類が豊富なアプリです。

どんどんPhotoshopとIllustratorの敷居がiPadアプリによって下がっていってる気がします。無料で手軽に試せますしね。

ただ、PhotoshopSketchで描いたイラストをストックフォトヘ投稿しようとすると印刷データの解像度が足りない、画像が小さすぎる問題に直面しました。

(PhotoshopSketchは印刷用のポストカード、ポスターのアートボードはあるけどイラレで開くと小さい紙サイズの印刷向きだった)

Illustratorでラスター→ベクターへ変換する

Photoshopで作成したイラストの ラスターデータをベクター化する方法

(1)イラストをクリックして画像トレースの矢印を押して「写真(高精度)」を選択して「拡張」ボタンを押します。

(2)画像のようにペンツールのポイントが表示されるとPhotoshopのラスターデータがベクターデータになりました。

低解像度72で作成したPhotoshopのイラストでもIllustratorで開いて画像トレースするとベクターデータ化できます。

ただし、ロゴとか正確な線が必要な画像のトレースには向かないです。

会社の案件で無理に画像トレースされたロゴデータを見ましたけど。企業サイトロゴの品質にはなっておらずフォントの線がガタガタでした。

写真やイラストならIllustratorでトレースしても違和感はない感じでした。

画像のトレース対象によって結果は変わるので確認して駄目だったら諦めてIllustratorで最初から作成した方が良さそうな印象です。

私がIllustrator中心でイラスト描くのは印刷やwebでもどんな利用用途でも対応できるし、拡大縮小も自由自在でデータが劣化しないからです。

投稿者プロフィール

Mika
MikaLP専門webデザイナー
ブログでは主にweb/LPデザイン、WordPress(Lightningテーマ)、note、フリーランス、ランサーズなどの記事を書いています。

web制作会社退社後、ランサーズ(大手クラウドソーシングサイト)で実績220件以上の認定ランサーとしても活動中。

【プロフィールページを見る】

Follow me!

LP制作代行 フリーランス LPデザイナー LPデザイン依頼 WordPress ランディングページ 見積もり無料 料金価格

WordPressを活用した更新性の高いLP制作をしています。他、EC・楽天ショップなどの商品ページLPデザインなども承っております。

WordPressのLP以外にも通常のHTMLのLP制作の対応も可能です。

現時点で発注を考えていなくても、現在抱えていらっしゃる課題やお悩み、依頼を検討されているお仕事内容をぜひお聞かせください。
ご相談内容はメールフォームからお送りいただけますと幸いです。

制作のご依頼はこちらから

営業時間:平日9〜20時

営業日1日以内にご返信致します。
「資料DL・お問い合わせ」のフォームから自動返信メールで資料ダウンロード可能です。

WordPressのLP制作実績