2016年7月30日土曜日

InDesignでトリミング画像をつくろう!【その17】

8/8……8コマ目を更新!

最初から読みたい方はこちらからどうぞ→【その1】から読む

できた〜!…でもでも?

というわけで! InDesignでトリミングしたJPEG画像が完成したんだけど、まだ1つしか画像ができていないよね! まだ処理しないといけない画像がたくさんあるみたいだけどどうじよう?
でも大丈夫! ここからがInDesignの本領発揮! 今回ちょっぴり紹介した、InDesignの特徴的な機能、「ページ機能」を利用して残りの画像もトリミングしちゃおう!  次回から、「ページパネル」を利用した、「ページ」と「マスターページ」の機能を紹介するよ! お楽しみに!

7/31……4コマ目まで更新
8/ 1……5〜6コマ目まで更新!
8/4……7コマ目を更新!



2016年7月9日土曜日

InDesignでトリミング画像をつくろう!【その16】

7/27……4コマ目とポイントを更新!

最初から読みたい方はこちらからどうぞ→【その1】から読む

書き出した画像を見てみよう!

チップ君「保存先のフォルダを開いて書き出した「JPEG画像」を確認してみよう!」ジミー「あれ?? …なんかInDesignファイルと同じ名前のファイルがもうひとつあるよ?なんだろコレ?」
チップ君「「.jpg」という拡張子がある方がさっき書き出したJPEG画像だよ!ファイル名を設定しなかったからInDesignファイルと同じ名前で画像が書き出されてるんだね」「このJPEG画像をPhotoshopで 開いて画像の状態を確認してみよう!」
ジミー「へ〜っ!! ちゃんとInDesignと同じトリミングで画像になってるね!」チップ君「うん、そうだね!念のために寸法と解像度も確認しておこうか!」
チップ君「[画像解像度]で画像を確認すると、サイズが250px、解像度が72dpiになってるのが分かるでしょ?」ジミー「へ〜っ本当だ !!」

前回書き出したJPEG画像を確認してみるよ!

まずファイル名について!
前回画像を書き出す時に、ファイルの保存先を指定したよね? この時に、書き出し画面でファイル名を設定することもできるよ!
名前を設定しない場合、通常、InDesignドキュメントと同じ名前になるんだけど、拡張子が違うから別ファイル扱いになるよ! ケースバイケースでファイル名をつけてみてね!

次に画像のサイズ(寸法)と解像度について!
「タテヨコのサイズが各250px」「解像度は72dpi」というのが今回のオーダーだったよね!これまでオーダーにあわせてInDesginで作業してきたけれど、書き出した画像はその通りになっているかな? そんな時は、この画像をPhotoshopで開いてみよう!
Photoshopの[イメージ]メニューにある[画像解像度]で、画像のサイズや解像度を確認できるよ!
下の図が今回書き出した画像の解像度!InDesignで作った通り、トリミングした状態で、指定のサイズ・解像度になっているのが分かるよ!



7/9……1コマ目を更新!
7/14……2コマ目を更新!
7/17……3コマ目を更新!
7/27……4コマ目とポイントを更新!



2016年5月7日土曜日

InDesignでトリミング画像をつくろう!【その15】

画像を「書き出し」てみよう!

チップくん「トリミングもできたし、後はInDesignから解像度「72dpi」の「JPEG画像」を作ってみよう!」ジミー「エ〜ッと…前にも聞いたけど結局「解像度」って何のことなの??」
チップくん「ざっくり言うと解像度は画像の画質をあらわす単位なんだ」ジミー「ふ〜ん…、印刷用なら350dpi、Web用なら72dpi位が目安なんだね〜」
チップくん「うん、今までInDesignでトリミングしていた画像は Webサイトで使いたいから、解像度を72dpiにするよ![ファイル]メニューから「書き出し…」を選んでみて!」ジミー「これのこと?」
ジミー「アレレッ??コレって…,ファイルの 保存先を選ぶ時の 画面だよね??」チップくん「うん![書き出し…]はInDesignから色んなタイプのファイルを保存できる便利な機能なんだ!」
チップくん「というわけで…今回はファイルの形式を「JPEG」にしてから、「保存」をクリックしよう!」ジミー「え〜っと、…保存したら…このInDesignのファイルはJPEG画像になっちゃうの?」
チップ君「大丈夫!![書き出し]で保存 されるファイルは、いま開いているドキュメントとは別になるんだ!」ジミー「へ〜っ」
ジミー「じゃあさっそく…、JPEG形式にして保存をクリック……エ〜ッ?? アレレッ?! 画面が出てきたよ?? 何コレッ?!?!」
チップ君「JPEGのオプション設定画面だよ!今回は解像度を「72dpi(ppi)」に 設定して「書き出し」をクリックしよう!」


他のアプリケーションと同じように、InDesignでつくったドキュメントは、InDesign以外のアプリケーションで開いたり編集できないんだ。……ということは、ここまでInDesignで編集した画像は他の環境では使えないのかな??
大丈夫! InDesignの[書き出し]を使えば、InDesignドキュメントを、JPEGやPDFなど、他のアプリケーションでも利用できるデータ形式に変換できるんだ!
[ファイル]メニューから[書き出し]を選択すると、2段階でデータの設定をできるんだ!最初の
画面で「書き出すデータの形式」と、データの「保存先」を選択しよう!


「保存」をクリックすると、選択したデータ形式に対応したオプション設定画面が出てくるから必要な項目を設定してね!
今回は「JPEG画像」用のオプション画面が表示されたけれど、選択した形式にあわせてオプション画面が変わるんだ!

InDesignの[書き出し]で一番よく使うのは「PDF形式」じゃないかな? PDFや他の形式の設定については、また別の機会に紹介するよ!


5/7……1コマ目を更新
5/17……2コマ目を更新
5/19……3コマ目を更新
6/10……4コマ目を更新
6/20……5コマ目を更新
6/28……6コマ目を更新
6/30……7コマ目を更新
 7/2…… 8コマ目を更新
7/5……ポイントを更新

広告