![Adobe Expressの使い方:複数ページ機能を活用しよう! Adobe Expressの使い方:複数ページ機能を活用しよう!](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_KZBl2OjHngrHqSCgmmgJpeI81dPqC0OxJHkYyadf56_53q9-y4zj23RQ7d6EdflrOBK1HMB10AxGPTLp2Rfhu3xYBHTWgmTbmKT3dkf4CIT8H4GbGw6mvHq4iycwKHtO5xjOoQ82VnKyX-khVMO4Gfc9yUmtcwuxPb2lARuyTl2bY7q4voez-BwHBA/w640-h336/Adobe%20CC%20Title%2005-1.jpg)
先日はAdobe Expressを教えてくれてありがとう!
またちょっと聞きたいことがあるんやけど?
どんなコトですか?
こういう時はページごとにプロジェクトを作ればえぇの?
個人で経営されているお店、喫茶店やレストラン、美容室など…。
デザイナーに制作費を支払うにはちょっと予算が…といったコトは多いかもしれません。
そういう場合は「ご自身で作る」と良いと思います。
なになに?
「デザイン経験がないから作れない」ですか?
大丈夫です!
そういうあなたにオススメなのが「Adobe Express」です!
デザイン未経験だったり、デザイン初心者でも、プロのデザイナーが作ったテンプレートを使ってカンタンにあなたに必要なデザインが可能です!
ただ、冒頭のチュウヤンさんのお話のように、
メニューのように複数のページにまたがる冊子を作る時に、1ページごとにプロジェクト(Adobe
Expressの編集ファイル)を作るのは面倒ですよね。
そこでオススメなのが最近追加された「複数ページ機能」です!
Adobe Express アンバサダー&デザイン講師ブロガーのセッジです!
今回は「複数ページ機能」について解説します!
※この記事はアドビ社およびAdobe Expressのプロモーションが含まれています。
Adobe Express公式サイト
複数ページ機能とは?
まずは複数ページ機能のツールについて説明します。
実際の編集をおこなうカンバスをみますと、編集画面の下に「ナビゲーションバー」があります。
このナビゲーションバーには7つのツールボタンがあります。
※セッジのツール名称解説は、Adobe社の正式なモノとは少し違いがあります。
ご承知ください。
- 前のページ
- 現在のページ番号
- 次のページ
- ページの追加
- ページの複製
- ページの削除
- グリッド表示
ほぼ名称の通りの機能なので、それぞれのボタンの意味がわかれば問題なく使用できるかと思います。
![Adobe Express:複数ページツールボタン解説 Adobe Express:複数ページツールボタン解説](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2a72c4lfedbkTZomA3UaMPv8vE9SMmqRFY56Y6qmZwqqr7Xjn_0WSdJKgPir3yJMZZGuy-LCqiqsll-IYgIGbIE5G0JNsEIDRZGt8O0l9ooOFdnHgs4SJVBBApRpqXwMsicH94_RFY9iWjwr0gH-yovryV0Al_Z09c97BTGl77YMbk_2ZCRSLDhLxw/w640-h360/multiPage_A001.jpg)
ただ「グリッド表示」は、少しわかりにくいかもしれませんね。
これは要するに「全ページの一覧表示」です。
複数のページがある場合、グリッド=マス目状にページをならべて表示されます。
また、この状態でページを選択して移動すると、ページの並び替えも可能です。
元の、1ページ単位での表示に戻すときは「グリッド表示」だったボタンが、
「全ての表示を終了」ボタンになっていますので、そちらを押せば戻ります。
![Adobe Express:グリッド表示 Adobe Express:グリッド表示](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj--kd_dup9LvFfVGElJOd4W5Kn73RkCf7mnZeeImNhqTXbqBnA_y2gXVMx_5B42mviQRBNhpOVQwY0bDIZk6fNmMIea_8hM7nlh0wAF_nYVxAVpw0fcOPrXXl95TLnvWWFQF9Gv3cHWjPUXATFqh0zxoF1UzbGFAxvJL0B2k9_uZIC9WTCWKnoV7DMhA/w640-h360/multiPage_A002.jpg)
有料ユーザーだけでなく無料ユーザーも、1つのプロジェクトにいろいろなサイズのページを追加して、統一感のあるデザインが作成できるんですよ!
複数ページでメニューを作ってみよう
複数ページを使って、どういうメニューにしたいのですか?
やから、通常メニューの裏面がランチメニューって感じやね。
メニューを作るということで、サイズはA4チラシ(フライヤー)を選び、
テンプレートで「メニュー」を検索したところ、喫茶店のメニューそのもののテンプレートがありました。
今回はこれを少し修正して使います。
一部をチュウヤンさんの店名に書き換え、ページの複製をします。
![Adobe Express:複数ページでメニューを作る1 Adobe Express:複数ページでメニューを作る1](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgblDdqJoJCLeob1BgIsnVDi-L-s5YiBbIrB2U1wRdGoMyFVLNSGOHwAU4b82wTPbmAOXIOq92hVvfxrlUX6TxFmSFCRaDcyUGmX7pXBcC3-quNcMVBPyyolCoWFcroyWpzBba4Yn3ZjZ6bfUEheoHnBC6pDlURuzr3LRzRsYgVcDIKJ24Ge8oZwR3FlQ/w640-h360/multiPage_B001.jpg)
このページはランチメニューになりますので、コーヒーやサンドイッチのメニューを削除しました。
ここで、本当はお店で実際に提供している料理の写真や、オリジナルの料理イラストを使うのが良いのですが、
今回は「お試し制作」ということで、Adobe Expressで検索しました。
「料理イラスト ピザ」でヒットしたモノを使用しています。
4種類のピザを配置して、名前と値段を書き込んでいます。
![Adobe Express:複数ページでメニューを作る2 Adobe Express:複数ページでメニューを作る2](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhldm77MitGh53ONo1kkrr25o1VZQCLUI3tIc3oxVnqlZxcRc2qif2gWPrDGt61OXaiQ9bDNLoP1StvQwgowVbmeU26_U37lLbIUYQXOhPdPeonSjvieA48OYHG2VCP2S1hyf16a2xB26iBkIcxW7lWEFm-oH523eKS1wgzwI405SEwzlAouE1ZoLc1uA/w640-h360/multiPage_B002.jpg)
こうして作ったモノを「グリッド表示」で並べてみますと、このように両面を一度に見ることができます。
テンプレートとしてすでにできているモノを複製して作っていますので、統一感を覚えるかと思います。
![Adobe Express:複数ページでメニューを作る3 Adobe Express:複数ページでメニューを作る3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZyX_bnpMaqdZe4dP34eBrmVE-LI8KDmzE1ZBTPTGhT-4V4JK3R--hwDxVLGCw-kgaMHtJP5bT6sdIdH2o1vPkgdy0Y23SEjz1dmvhhNOjQ6WyChmpXFZHSznubqWVGhe7kEemAuDaoEmMZLUHpDpqWX2FadKJMqqWlILZuwgwROnym5OmPhdHfA78mA/w640-h360/multiPage_B003.jpg)
カンタンに作れるのもえぇけど、こうやって並べて見れるのはえぇね!
複数ページでSNSごとのグラフィック制作
当ブログオーナーのセッジは、2022年に「Adobe Express アンバサダー」に就任しました。
それに合わせ、ブログのアイキャッチや、TwitterやInstagram用のソーシャルグラフィックを制作したのですが、この時も複数ページ機能が活躍しました。
まずはブログアイキャッチ用に横長のページを制作しました。
![Adobe Express:SNSごとのグラフィックを制作1 Adobe Express:SNSごとのグラフィックを制作1](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUZ1H5teaN3Gcx6TEHeGYIax0bbpqw0UsT12BS10h4X0um4RuTQ_A-_7ufvmgYMUnx_iG46n6LbtUOeCu-u-1smnblyl0ywnWYWOIcPp-ZtBSZF2Ahq911yXfGGVZjqcWmo43pI5jTVMsThMQ2IxVbB2H_VgxGAogxOPAVlRNQr7dL-NmtRsya6Yc_zA/w640-h360/multipageB_001.jpg)
できあがったページを複製します。
このままだと、ブログアイキャッチと同じ横長のままです。
ここで右側のタスクバー(タスクパネル)の「サイズ変更ボタン」を押します。「Instagram」サイズを選びますと…
![Adobe Express:SNSごとのグラフィックを制作2 Adobe Express:SNSごとのグラフィックを制作2](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHOAp4svlwNhgrT_KAd4Dmtm7r-HtXoaXHBz6nENZd_jbzbmztf5IMx_ebLXP6166TcsTVxhEAQ1zs7MzbhFM28yYq4BUszI4phI4BerlzVer4EFsFY69OyRBXNCcZMKsiF5Rb0EYaaesJSjP-l-QOekBIvdxFj0g6LuoXJsLuOHtfLtQZAQ7tJ5TmDA/w640-h360/multipageB_002.jpg)
ページの形が正方形になります。
ただし、レイアウトされている要素は自動的に調整されないので、サイズ変更が終わったあとに、修正する必要があります。
この時は中央のAdobe Expressロゴを含むグループが小さくなったので、拡大しています。
![Adobe Express:SNSごとのグラフィックを制作3 Adobe Express:SNSごとのグラフィックを制作3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVxXkR-JbZQC7_U4ClQvAC5bgaeQLq51Rn6ICWpFM110Wx6SPZV9zZEqraVBtu6TvIfw_duyLz0HQ0pmUOgWkx5AZOf5YIxu45DR-xb8YdYoi8UCCcJQGOpBXYcK0crBuwite5ioCb5X0wNvzjAyeNKZr5f9S7qB_zUMQWyjXmvf5ecr05ehVdlZFPfA/w640-h360/multipageB_003.jpg)
もう一つ作ってグリッド表示してみました。
こちらももう一つページを複製し、サイズ変更でInstagramストーリーにしています。
![Adobe Express:SNSごとのグラフィックを制作4 Adobe Express:SNSごとのグラフィックを制作4](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMWS2M9nUkGHvKL98CZDdahOFhY48pnNTTdVMkXleuzzZg2qdw5eCBKl8uIkSoC9_tQkZBqk--cL5CBfOpk7qsGY0s-VUAESa6S2YJd1sVwzgrQUDySaIYR7ZhqIdw_wTgbJxGDdqjydBpPrUEJAcNfXvdOkAvbHKs8ZmYc7y8BBE5eigxteXiwjpw2g/w640-h360/multipageB_004.jpg)
これは便利やね♪
複数ページ機能を活用しよう!
今回はAdobe Expressに追加された、複数ページ(マルチページ)機能について解説しました。
Adobe Expressの複数ページ機能は以下のコトが可能です。
- ページ間の移動
- 新しいページの作成
- 現在のページの複製
- ページごとのサイズ指定
- 全てのページの一覧表示
複数ページが使えることで、今回のような両面を使ったメニューだけでなく、
冊子や、プレゼンテーション資料なども制作できます。
また、Twitter、Instagram、Facebook、Youtubeなど、
1つのデザインで複数のソーシャルメディア用のグラフィックを作ることもできます。
今回もありがとうな!
最後までご覧いただき、ありがとうございました! これを見ているあなたもぜひ、複数ページを活用してみてくださいね!
Adobe Express公式サイト
![1つのプロジェクトで複数のページの作成が可能に](https://www.adobe.com/jp/express/learn/blog/media_1565d3d78bd3d5f1382e2e0598c20dd1508baaa27.png?width=1200&format=pjpg&optimize=medium)
Adobe Expressで、サイズの異なるページを含む複数のページを同じプロジェクトに追加できるようになりました。
![Adobe Expressの使い方:切り抜きと背景削除活用法!](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYR4WwS5rwNX-lDRNWIhiRnJGez_ygYZ0TeG6vUU7bOyiqRvqlqGac5kT4nvf0QHB29oTkKjAlhEhubBh8AiflAdq7SZ8mwZ84UwxrP1F-AqMuVjpV7MbMGW2qG1lJ5_x9GHKvuxgECljVw09y4gsuyhezJviFe9Nk-KZRoigzpCUyIQejtCHJv0vZ2Q/w200-h105/Adobe_CC_Title_06.jpg)
Adobe Expressの使い方:切り抜きと背景削除活用法!
写真をそのまま配置するのも良いですが、一番大事な部分のみ切り抜いたり、背景を消して合成したりも必要ですよね。 誰もがカンタンにデザインできるアプリ、Adobe Express。 今回の記事では切り抜きと背景削除機能について解説します。
コメント