PDFを書き出そう2018/05/15SHAREツイートシェアはてブGoogle+PocketLINEこんにちは。前回は自己紹介もなしに記事を書き始めてすみません。普段はパッケージ等のグラフィックデザイナーをしているみゃむと申します。今回はそんなパッケージデザイナーさんにおすすめの機能を紹介したいと思います。ファーストミーティングに参加してきました。その模様はAdobeさんの毎週生放送しているインターネット番組のCC道場でも紹介されているのでぜひご覧になってみてください。前半はDimensionCCの使い方について、グラフィックデザイナーの樋口泰行さんのデモがありました。後半はAdobeの大倉壽子さん(アドビシステムズ株式会社)のデモがありました。PDFがぐるぐる動くんです!しかもPhotoshopで書き出しできるんですよ!みなさん、これご存知でしたか?私は知りませんでした。(実は数年前からあったらしいです)なのでもっと掘り下げようと思って検索していたのですが、詳しい解説が見当たりませんでした。いうことでちょっと研究してみたので発表させていただきます。PDF対応のビューアーを入れたスマホで3Dデータが見れる。パッケージなど立体物のデザインなどがとても分かりなすくなる。あと、楽しい!今回も素材の配布があるので、どんなもんか触ってみるだけでもどうぞ。今回作るもの先ほどGIF動画でお見せしたシンプルな箱のパッケージを作ります。作る手順3Dモデルと柄を別々に作って、あとで貼り付ける方法を取ります。工程は以下の4つです。1.柄を作る2.Photoshopで3Dモデルを作成してOBJというファイルで書き出す3.柄を貼りつける4.Photoshopに戻ってPDF書き出しをする1.柄を作るさっそく柄になる箱の全面、側面4面を横に繋げて1枚にしたもの、背面のグラフィックを作りましょう。Illustratorで行いましたがPhotoshopでももちろんOKです。今回は実際の大きさを想定して、単位をmmにしています。縦120mm×横80mm×奥行き30mmの箱型パッケージのデザインにしました。側面は前面の星印を起点に、反時計周りでぐるり一周を一枚のグラフィックにします。側面のピンクの部分が前面側になります。側面に柄を入れる場合は向きに注意してください。一つ重要なポイントがあります。背面は必ず左右反転しておいてください。できましたか?ではこれを1枚ずつPNG書き出ししましょう。名前をfront.png、side.png、back.pngと変えておいてください。作るのが面倒でしたら下記からダウンロードしてください。KBDownloadデータはフォルダにまとめておくと便利です。デスクトップなどに適当な名前のフォルダを1つ作ります。今回は3Dというフォルダ名にしました。ここに先程作った柄のPNGデータも入れてしまいましょう。前面と同じサイズの縦120mm×横80mmの四角を描きます。ではこれを3D押し出ししましょう。メニューバーの3D/選択したレイヤーから新規3D押し出しを作成を選びます。「3Dレイヤーを作成しようとしています。3Dワークスペースに切り替えますか?」というダイアログが出るのでOKを押してワークスペースを切り替えます。するとこのような画面になります。Photoshopで3Dをやったことがない方だと、オブジェクトに変わったマークが出て戸惑うかもしれませんね。属性パネルを出して、押し出しの深さを奥行きと同じ30mmに設定します。次はオブジェクトをOBJというファイル形式に書き出しをしましょう。メニューバー/3D/3Dレイヤーを書き出しをクリックし、WavefrontOBJを選択します。保存場所を先程作ったフォルダにしてOKを押すと、4つくらいファイルが自動生成されます。Photoshopで開いているデータは一旦閉じます。(この先このデータは使いません)3.3Dオブジェクトに柄を貼り付けるこの工程は以下の記事を参考にさせていただきました。併せてごらんください。先ほど生成されたMLTファイルの方を適当なテキストエディターで開きます。このファイルには、柄を配置する情報が書かれています。私はMac付属のテキストエディットで開きました。するとこういった文字列が出てくるので、赤文字のところを書き換えます。上から前面の柄のファイル名、側面の柄のファイル名、背面の柄のファイル名にします。ここを書き換えることでリンク状態になり柄が配置されます。書き換えたら上書き保存します。(不安でしたら元のMLTファイルのコピーを取っておいてください)再び先程書き出したOBJファイルをPhotoshopで開きます。すると3Dモデルに柄が配置されているはずです!ひとまずここで一旦psd保存をしておきましょう。3Dプリント設定マークをクリックします。このマークはシーンを選んでいないと現れません。プリント開始マークをクリックしてください。時間がかかるかもしれませんがこのような画面になります。PDFが書き出されます。Acrobatで開いてみようそれではこのデータをAcrobatにドラッグしてみてください。3D機能をオンにするかどうかのダイアログが出た場合は、画面に従ってオンにしてください。?画面上で自由に回転できるPDFデータが完成しているはずです!お疲れ様でした!今回作ったデータをダウンロードできます。良ければ参考になさってください。Illustratorが大好きなグラフィックデザイナー。イラストやパッケージのデザインを行なっています。思ってる方が多い気がします。気軽にIllustratorを使ってほしい。このブログはそんな気持ちから立ち上げました。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト上に表示された文字を入力してください。