Affinity Designer v2(アフィニティデザイナー)の書き出し(エクスポート)(ai/psd/png/eps/pdf/svg/互換性)

アート

Affinity Designerの書き出しの覚書です。

Mac版は書き出しなのですが、Windowsはエクスポートです(両方持ちです)。翻訳が違う!?。。

買い切り映像編集ソフトFilmora!セールはいつ!?

Affinity Designer v2(アフィニティデザイナー)の読み込み(ai/psd/png/eps/pdf/svg/互換性)

png, svgの読み込み

ファイル > 配置

もしくはツールバーの

画像配置ツール

クリックしないと配置されないので、注意です。配置したら選択してサイズを整えます。

さらにドラックアンドドロップでもいけるようです。

配置後にサイズ調整の流れが多そうですが、macの場合、シフトキーではなく、altキーが縦横固定のようです。

スポンサーリンク

Affinity Designer v2(アフィニティデザイナー)の書き出し(エクスポート)(ai/psd/png/eps/pdf/svg/互換性)

psd、png、eps、pdf、svgなどいろいろ試しました。

Affinity Designer → クリスタ(clip studio paint)

Affinity Designer:ファイル > 書き出し > SVG > 書き出し

ただし、ブラシを適用したデータは、うまくいきません！一度、普通の線に戻す必要があります。

画面上部の線のメニュー > スタイル

ブラシを適用した線を書き出したければpngに。。

Affinity Designerはsvgでエクスポートします。svgは拡大縮小しても劣化しないデータです。

クリスタ:ファイル > 読み込み > ベクター

この読み込みでベクターレイヤーで読み込まれます。簡単なデータでしたが、点の数は変わっていないようです。

バージョンによりコマンドがない場合があります。個人的にWindowsでみたらそんなコマンドがなく、Macでみたらありました。セシルスさんは片方だけのっけることはしないでしょうから、おそらくバージョン違いでしょうね。

バージョンはこのあたりで判断を！

なお、注意点としては塗りは非対応のようです。

PhotoshopCS6はSVGが読み込めないため、Photoshopで文字入れだけしてクリスタに最終的なデータをまとめるのがいいかなと個人的に思っています。用途によるのでしょうけど。

クリスタ → Affinity Designer

この方法が1番簡単かも。

編集 > ベクターをSVG形式でコピー

Affinity Designer側でペースト。ただし、線と色データぐらいしか移行できないようです。ブラシの質感は無理。

他にも

ファイル > ベクター書き出し

(こちらは未検証です)

バージョンによりコマンドがない場合があります。

全部の場合はPSDに書き出して読み込む。ただし、次のようになりました。

  • フォントはラスタライズされました。
  • ガイドは消えました。
  • ベクター線もピクセル化されました。

見た目はそのままだけどクリスタ系の機能は全部消えたってことかな。。

Affinity Designer → photoshop

レイヤー1枚なら、あらかじめサイズを調整し、透過PNGで書き出すとかですかね。

Pdfも読み込めました。

PSDはレイヤーは保持できますけど、パスは一応残っていたけど、使いにくいです。。(PhotoshopはCS6なのでCCはわからないです)

epsで書き出すと、選択はラスタライズする一択になりますかね(Photoshop CCはもっといろいろ選べるはずです。CS6なので)

PSDの書き出しでも、フォントもラスタライズされるため使いにくいいです(読み込みは平気です)。

photoshop(png/psd) → Affinity Designer

pngで書き出して、Affinity Designerで配置するような感じが多いですかね。png読み込みの項をみてください。

PSDの読み込みも精度が高いです。ガイドも移植されていました。ただ、スマートオブジェクトがまとめてピクセルに変換されるようです。

フォントはラスタライズされず残っていました。

文字のアウトライン化(SVGのエクスポートは必須)

文字を選択ののち、

レイヤー > カーブに変換

SVGのエクスポートはアウトライン化しないとフォントが変わるので注意!

MacとWindowsの互換性

MacのデータをWindowsで開いたら文字が上に全体的にずれました。ずれないものもありました。

詳しくは調査していないけど覚書程度で。

複数のファイル形式(拡張子)で同時書き出し

書き出しペルソナ > [スライス]のタブ > [+]のアイコン > ファイル名を設定する(拡張子を分ける場合は同じ名前でOKです) > スライスを書き出し

PNGとSVGの両方を書き出したい場合、便利です。

アートボードを一括書き出し

これは簡単で便利!

書き出しペルソナ > [スライス]のタブ > スライスを書き出し

保存フォルダを選択して書き出し。

補足するとデフォルトで全選択されているはずだけど、選択されていないアートボードは書き出されません。

パーツごとにエクスポート

アートボードすべてではなく、一部のパーツごとに書き出したい場合があります。プログラミングやアニメーションが絡むものはそういう素材になりがちです。

書き出しペルソナ > オブジェクトを選択 > 右クリックして[スライスを作成]

スライスの単位はグループ化すると変わるようです。

できたスライスはもちろん一括でかきだせますが、スライスを開いて[アップロードのアイコン]みたいなのをクリックすると個別に書き出せます。

ファイル名も書き出す前につけることができます。

なお、スライスは削除しても元データには影響はないようです。デザインペルソナに移動して元データを確認したところ、残っていました(まあそうじゃなかったらおかしな仕様なんだけど…)。

epsとaiの書き出し

aiは残念ながらadobeがフォーマットを公開していないようです。(=実装できない)読み込みはできますが、aiでは保存できません。個人的にaiは素材を読み込む以外使わないのでOKですけど。

イラレで持っていく場合、こんなフローになるようです。

epsはレイヤーの概念がないようです。pdfなんてあるんですね。

このフローが嫌な人はおとなしくイラレを使いましょう!

評判は!?adobe cc通信講座アドバンスクールオンラインとデジタルハリウッド比較(商用利用可)
Adobe製品を安く買う方法まとめです。フォトショップ・Adobe creative cloudを安く買う方法Amazonと公式サイト、どちらがいいのかですが、セールの状況によります。ただし、Amazonは1ヵ月だけなど単...
ebookbrain.net
スポンサーリンク

 Affinity Designer(アフィニティデザイナー)の設定ファイルのエクスポート・インポート

PCのお引越しやMacとWindowsのハイブリットで使っていると必要になります。

クリスタと違って、設定ファイルの一括書き出しが見当たりませんね…。

ただ、個別はありました。MacからWIndowsにグラデーションの設定を移植してみましたが、うまくいきました。

パレットは次のとおり。

  • スウォッチタブ > 右上のアイコン > パレットのエクスポート
  • スウォッチタブ > 右上のアイコン > パレットのインポート > アプリケーションパレットとして

アプリケーションとして読み込むとパレットが分かれるためおすすめです。

ブラシタブも同様に右上メニューからエクスポート・インポートができます。

とりあえずこの2つを確認しましたが、あとはよく調べていませんのでまだあるのかもしれません。

なお、Windowsはエクスポートとなっていますが、Macは[ パレットを書き出し ] になっていました。残念ながら若干翻訳に統一感がないようです。

スポンサーリンク

Affinity DesignerやPhotoの設定ファイルがある場所

購入したストアによって若干、違うようです。

macはmac storeと公式で販売。公式で購入しました。mac sroreのパスは引用先を確認してください。

Affinity Store version:
Affinity Photo: ~/Library/Application Support/Affinity Photo/user/
Affinity Designer: ~/Library/Application Support/Affinity Designer/user/
Affinity Publisher: ~/Library/Application Support/Affinity Publisher/user/

https://forum.affinity.serif.com/index.php?/topic/118759-where-are-settings-and-file-sets-stored/

windowsはマイクロソフトストアと公式で販売。マイクロソフトストアのセールで購入しました。

Affinity Store version:
Affinity Photo: %appdata%\Affinity\Photo\1.0\user\
Affinity Designer: %appdata%\Affinity\Designer\1.0\user\
Affinity Publisher: %appdata%\Affinity\Publisher\1.0\user\

Microsoft Store version:
Affinity Photo: %appdata%\Affinity\Photo\1.0 (Store)\user\
Affinity Designer: %appdata%\Affinity\Designer\1.0 (Store)\user\
Affinity Publisher: %appdata%\Affinity\Publisher\1.0 (Store)\user\

https://forum.affinity.serif.com/index.php?/topic/118759-where-are-settings-and-file-sets-stored/

なお詳しくは調べていませんが、初期状態ではフォルダが生成されていない場合があるようです。

また、sync(同期)等するシステムは今はないようです。

スポンサーリンク

Affinity Designer(アフィニティデザイナー)の書き出しバグ?

svgの透明のグラデーションが抜けない

覚書程度にめも。

徐々に透明になるグラデーションのみ透明に抜けず白になります。もともと透明のところは問題ない。

Affinity Designerの問題かSVGの問題か検証が必要ですが、SVGは透過グラデーションには対応している模様。応急処置として問題がないPngを割り当てました。

Affinity Designerの類似ソフト比較

採用せずのグラフィックソフト

類似ソフト比較と各々のソフトを採用しなかった理由。

イラストレーター：たまにしか使わないのに月額は面倒(脱Adobe)

Vectornator:作られるデータに少し不満があり。よいところは無料です。

Autodesk Graphic：オートデスクは3DソフトMayaなどで有名な会社ですね。会社としては信頼感はあるのですけど、開発が停滞しているツイートを拝見したのと、Affinity Designerの方が情報が多かったので

パス系はAffinity Designerに絞りました。

採用したグラフィックソフト

バリバリのグラフィックデザイナーはAdobe Illustratorを契約した方がいいかもですけど、そうじゃなければパスツールはAffinity Designerだけあれば大丈夫な気がします。ただフォントやお絵描き面では他のソフトウェアがあると便利です。

クリスタはないとやっぱきついです。。ブラシの精度はクリスタの方がいいですし、パスの単純化もできるため便利です。

上位版は漫画家の定番のソフトです。買い切りなのでおすすめですよ。詳しくはこちらの記事です。5000円～

クリスタ(CLIP STUDIO PAINT EX/Pro)を安く買う(セールの頻度は!?/最安値はamazonではない!?)
CLIP STUDIO PAINT ProとEXは公式サイトが最安値です。クリップスタジオペイントの最安値・安いのは公式サイトこういうものは公式サイトで販売している場合、公式サイトが基本的に安いです。中抜きの手数料がのらな...
ebookbrain.net

canva：アイキャッチ画像やインスタはこっちの方が早い。スーラや筑紫などフォントワークス のフォントも使える。無料〜

【評判】canva proの商用利用(同人/写真/youtube/チラシ/Tシャツ/フォントワークス)
個人的にも時々使っているcanvaについてまとめていきます。オンラインで利用できるグラフィックソフトであり、ブロガーやSNSを使っている人には大変便利ですけど、チラシやTシャツ、同人活動にも利用できます。canvaの無料プラン...
ebookbrain.net

ご参考になれば幸いです。

コメント

タイトルとURLをコピーしました