終了

AIのPNG化について

Community Beginner ,
Sep 09, 2020 Sep 09, 2020

リンクをクリップボードにコピー

コピー完了

イラストレータで作成したものをパラパラ漫画にしたいので、書き出しでPNG化をしています。

イラストレーター上では1のように作ったのに、PNG化すると、2−2のような無駄な枠がでます。

アートボードで書き出しするとイラストレータでかいた時のようにきちんとぴったりになります。

なぜでしょうか?

また、1と2−2の字体が異なる(2−2が正しい)のはスクリーンショットの画像を直せば元に戻りますか?

ご回答おねがいいたします。

キーワード
ツール , 描画とデザイン , 読み込みと書き出し

表示

662

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
積極的な参加者 ,
Sep 09, 2020 Sep 09, 2020

リンクをクリップボードにコピー

コピー完了

11.pngオブジェクトのアートボードからはみ出している部分、が原因です。

普通の書き出しだと表示されている全てのオブジェクトを書き出してしまうので、「スクリーン用に書き出し」でアートボード毎に書き出すのが良いと思います。

 

字体が異なる、というのは申し訳ありませんがちょっと質問の意味がわかりません。とりあえずご使用のPCに入っていないフォントのようなので、違うフォントを使用されるのが良いでしょう。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Sep 09, 2020 Sep 09, 2020

リンクをクリップボードにコピー

コピー完了

しんく200さん。

メッセージありがとうございます。

「スクリーン用に書き出し」でアートボードについてなのですが、そちらをすると白いキャンバスに描いた絵として画像化される、無駄な枠やはみ出し部分は表情されない。ということでしょうか?

ご回答お願い致します。

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Sep 09, 2020 Sep 09, 2020

リンクをクリップボードにコピー

コピー完了

  1. 失礼致します。ちなみに文字についてはイラレで作った時はきちんと表情されました。1度パスワードを変える等でログアウトログインした時に、「お使いの字体がありません。インストールしますか?」的な文が出ました。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
積極的な参加者 ,
Sep 09, 2020 Sep 09, 2020

リンクをクリップボードにコピー

コピー完了

"「スクリーン用に書き出し」でアートボードについてなのですが、そちらをすると白いキャンバスに描いた絵として画像化される、無駄な枠やはみ出し部分は表情されない。ということでしょうか?"
概ねその通りです。

 

フォントはAdobe Fontsの書体を使用されているみたいですね。仕組みを理解していないと良くないことも起こり得るので、ガイドラインに目を通されると良いと思います。

 

https://helpx.adobe.com/jp/fonts/user-guide.html/jp/fonts/using/font-licensing.ug.html 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Sep 11, 2020 Sep 11, 2020

リンクをクリップボードにコピー

コピー完了

しんく200さん

ありがとうございます。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Sep 09, 2020 Sep 09, 2020

リンクをクリップボードにコピー

コピー完了

メニューバー「ファイル > 書き出し > 書き出し形式...」のことですよね。

 

書き出し時の設定の違いで、どこからどこまでを境界とするかが変わります。

  • 「アートボードごとに作成」をOFF:描いたオブジェクトすべての最外周が境界になる。
  • 「アートボードごとに作成」をON:アートボードが境界になる。

 

描いたオブジェクトすべての最外周とは、Illustratorで全選択したときの範囲です。

2-2.pngには、右上に小さく点のようなものがあります。Illustratorファイルにも、小さく点のようなものがあるはずです。そこまでを含んで最外周となってしまったのでしょう。

なお、最外周を直しても、「アートボードごとに作成」をOFFは正確な範囲の書き出しには向きません。ONにした方がよいでしょう。

 

> 1と2−2の字体が異なる

書き出しはまったく関係ありません。

1.pngを見ると、文字の背景にピンク色のマーカーが表れています。

このピンク色のマーカーは、フォントがない警告です。諒子5D98さんの環境にその文字のフォントがなく、かわりに小塚ゴシックで表示されてしまっているのです。いわゆるフォント化けというものです。

解決するには、使われているフォントをインストールするか、他のフォントに変更するしかありません。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Sep 09, 2020 Sep 09, 2020

リンクをクリップボードにコピー

コピー完了

monokanoさん。ありがとうございます。

「アートボードごとに作成」をON:アートボードが境界になる。についてなのですが、そちらをするとイラレで描いた絵のキャンバス内だけが表示され、はみ出た部分や余計な空白が出ないということでしょうか?また、2-2の無駄な空白に見える部分は表情されてないだけでイラレでなにか不必要な操作をしてしまった、ということでしょうか?イラレをするとたまに意図せず赤いポチがでる、あれがイラレにあり、空白となったということでしょうか?

お願い致します。

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Sep 09, 2020 Sep 09, 2020

リンクをクリップボードにコピー

コピー完了

> 「アートボードごとに作成」をON……イラレで描いた絵のキャンバス内だけが表示され、はみ出た部分や余計な空白が出ないということでしょうか?

 

その通りです。

なお、Illustratorにはキャンバスという用語はありません。そこはアートボードと呼びます。

CS4以降、アートボードはレイヤーに匹敵するほどの重要な基本機能になりました。今一度、用語も含めておさらいをしておくとよいでしょう。

 

> たまに意図せず赤いポチがでる、あれがイラレにあり、空白となったということでしょうか?

 

その通りです。

赤いポチが必要なのか不要なのか、それがわかるのは人間だけです。Illustratorにはわかりません。「ここからここまでが絵としての範囲だよ」とIllustratorに教えるのがアートボードといえるでしょう。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Sep 11, 2020 Sep 11, 2020

リンクをクリップボードにコピー

コピー完了

 

回答ありがとうございます!

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Sep 09, 2020 Sep 09, 2020

リンクをクリップボードにコピー

コピー完了

蛇足ですけど,monokanoさんの書かれているピンク色のマーカーの表示/非表示は「環境設定>テキスト>代替フォントを強調表示」で設定します。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Sep 09, 2020 Sep 09, 2020

リンクをクリップボードにコピー

コピー完了

katayanagi51さん、ありがとうございます。

1度Adobeをログアウトログインしたら、「お使いの字体がありません。インストールしますか?」的な文が表情されました。

それまでは普通に使えてました。

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
Sep 10, 2020 Sep 10, 2020

リンクをクリップボードにコピー

コピー完了

使用フォントが Adobe Fonts のものでしたら,念のため,無効化されていないか確認してみてください。

 

rftghy.png

https://helpx.adobe.com/jp/creative-cloud/kb/cq03130152.html

 

 

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
Sep 11, 2020 Sep 11, 2020

リンクをクリップボードにコピー

コピー完了

最新

katayanagi51さん

ありがとうございます!

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines