質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Illustrator

Illustratorは、アドビシステムズ(株)が開発した描画ツールソフトです。 イラスト製作やロゴタイプ、広告作成時などのデザインツールとして、さまざまな分野のクリエーターに愛用されています。 プラグインの中にCADや3DCG機能の拡張ができるものがあります。 特に広告作成などの印刷業界では、トップクラスのシェアを誇っているソフトです。

Q&A

解決済

1回答

1143閲覧

IllustratorCCでのアイコン画像の滲み・ピクセル数が変わってしまうのを解消したい

退会済みユーザー

退会済みユーザー

総合スコア0

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Illustrator

Illustratorは、アドビシステムズ(株)が開発した描画ツールソフトです。 イラスト製作やロゴタイプ、広告作成時などのデザインツールとして、さまざまな分野のクリエーターに愛用されています。 プラグインの中にCADや3DCG機能の拡張ができるものがあります。 特に広告作成などの印刷業界では、トップクラスのシェアを誇っているソフトです。

0グッド

0クリップ

投稿2019/03/26 05:22

編集2019/04/02 04:56

Xcode10に実装するタブバー・ツールバーにIllustratorCCで作成したアイコンを使いたい。
以前こちらでアドバイスしていただいたが、解消できない。
(Xcodeに搭載するのは別の担当です。)

以前アドバイスいただいたのは、
IllustratorCCで作成→書き出し形式PNGで保存→変換ソフトでPDFデータへ変換→Xcode内Assets.xcassetsへ登録(x1、x2、x3)

上記を試してみましたが、PDFでも滲みが出てしまいます。

22x22、44x44、66x66pxで書き出しをしたいです。
アートボード・書き出し共に上記のピクセル数で行うが、xcodeに搭載すると
ピクセル数・ツールバーの高さが変わってしまいます。(大きくなる)
Illustratorで作成後、PNGで書き出し→PDFに変換とやってみましたが。。。
自分の技術不足ですが、皆様のお知恵を拝借させていただきたく思います。

そもそもIllustratorでの書き出し様式をPNGで出して、PDFに変換するのはダメなんでしょうか?
このような画像をXcodeで実装しても滲まない方法を探しています。。。
できれば細部まで知りたく思います。よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

fuzzball

2019/03/26 05:54 編集

Q1. イラストレーターの使い方の質問でしょうか? Q2. 「滲み」というのが何なのか分かりません。具体的に書いて下さい。 Q3. >>ピクセル数・ツールバーの高さが変わってしまいます。(大きくなる) これは「滲み」とは別の問題ですか?
退会済みユーザー

退会済みユーザー

2019/03/26 06:04

fuzzball様 Q1→イラストレーター側だけの問題か否か分からず、両方質問いたしました。 Q2→・トークっぽい画像が粗くぼやっとしている    ・スケジュールのような画像も同じく粗い。 月を描写していますが、綺麗な曲線が出ない これらはイラストレーター側の問題と思っています Q3→滲みとは別です。 分かりづらく、申し訳ございません
stdio

2019/03/26 06:22

そもそもPDFはイラストレーターのデータなので直接PDF出力してみてはいかがですか?
退会済みユーザー

退会済みユーザー

2019/03/26 06:29

stdio様 Adobe PDFで書き出しを致しますと、Illustratorが入っていないPCで開けないのですが、何かご存知でしょうか?
退会済みユーザー

退会済みユーザー

2019/03/26 06:36

fuzzball様 以前別の方にご回答いただいたURLをご参照いただければと思いますhttps://teratail.com/questions/179985 アンチエイリアスなしで作成・保存しているのですが、現状況で困っております
fuzzball

2019/03/26 06:40 編集

私が言ったのは表示するときの話です。 あと、 >>22x22、44x44、66x66というサイズはどこから出てきたのでしょうか? の返信もお願いします。
fuzzball

2019/03/26 06:44 編集

も一つ、滲みについては実行画面をキャプチャしてもらえると分かりやすいです。 (もしかして添付している画像がそうなんでしょうか?)
miyabi_takatsuk

2019/03/26 06:42 編集

PDFデータは、開くだけでしたら、Illustratorより、Adobe Acrobat Readerの方が適当になります。 また、前回のご質問で、PDFにしたのに滲みが出たとおっしゃっておりますが、 ベクターデータで書き出しがされてないからかもしれません。 たとえPDF形式でも、設定によってはビットマップデータになってしまいますので、サイズが間違っていれば、当然滲みがでます。
退会済みユーザー

退会済みユーザー

2019/03/26 07:13

fuzzball様 表示するときの話とのことですが、illustrator側のことですか?それとも実機でのことでしょうか? 22x22、44x44、66x66サイズの件 UIToolBarに対応できるサイズが調べてみたところ、上記でした。 間違いがあればご指導ください 実行画面のキャプチャはどこのキャプチャでしょうか? miyabi_takatsuk様 Acrobat reader使用、盲点でした。ありがとうございます。 ベクターデータで書き出しを行っても設定によりビットマップということですよね? PDF変換にあたり、どのようにベクターデータで綺麗に出せるか試しているのですが、中々できず・・・
miyabi_takatsuk

2019/03/26 07:21

stdioさんがおっしゃる通り、Illustratorから直接PDFに書き出しし、Acrobat Readerで開いてもらえばいいのではないでしょうか? もしくは、Illustratorが入っているマシンが、macならば、Illustratorから、ポストスクリプトファイルを、 印刷オプションから、書き出しし、そのファイルを、macにデフォルトで入っているプレビューアプリケーションで開き、PDFとして書き出し、とすれば、確実にベクターファイルになりますよ。
fuzzball

2019/03/27 00:13

>>表示するときの話とのことですが、illustrator側のことですか?それとも実機でのことでしょうか? 実機です。 >>実行画面のキャプチャはどこのキャプチャでしょうか? 「滲み」を確認できる画面ならどこでもいいです。 >>UIToolBarに対応できるサイズが調べてみたところ、上記でした。 2019/03/26 15:28の私のコメントに書いているリンク先の「Navigation Bar and Toolbar Icon Size」のところを見て下さい。22x22、44x44、66x66のようなサイズは書かれていません。
guest

回答1

0

ベストアンサー

皆様にご指導いただきましたが、自己解決しました。

Illustratorにて解像度100で書き出し→aiデータファイル作成→ファイルごと圧縮→PDF変換
Adobeサポートにaskしたところ、Macのプレビューとの相性が悪いとのこと。
Windowsにて確認したところ、滲み等ありませんでした。
ご回答いただいた皆様、ありがとうございました。

投稿2019/04/02 05:01

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問