【iPad】ノートアプリGoodNotes 5でスクラップブックを作ろう！デザイン/アイデア/記事の収集に最適
みなさんは普段、どのようにデザインやアイディアをインプットしていますか？
Webサイトで気になるデザインをブックマークしたり、パソコンにストックしたりとデザイン収集も色々な方法があると思いますが、この記事ではiPadの手書きノートアプリの特性を生かしたデザイン収集方法を紹介します。
今回はiPadの手書きノートアプリ「GoodNotes 5」を使って、見出し、表紙、レイアウトといったデザインの要素・パーツごとにノートを作成し、各ノートにデザインをまとめた「デザインスクラップブック」を作成します。
デザイン以外でも、欲しいものカタログ、行ってみたい場所やお店、洋服コーデ集、持ち物リストなどなど、色々な目的に合わせたスクラップブックが作れますよ！
注意このスクラップブックは、あくまで自分のための勉強用参考資料としてのノートのアイディアです。画像などの素材の扱いはご自身の責任でご確認ください。
【この記事を書いた人】
写真畑出身のフリーランスWebデザイナー。GoodNotes 5を始めとするノートアプリやApple/クリエイティブ/運動/ライフスタイル関係の情報を発信中。プロフィール詳細
目次
オリジナルスクラップブックの作成手順
好きなデザインを集めてみよう！
iPadのノートアプリを使ったスクラップブックの作成手順は以下の通りです。画像を貼り付けていくだけなので、とても簡単です。
スクラップブックの作成手順
- iPadでノートアプリを用意する
- ノートに貼りたい画像を集める
- 画像をノートにコピーして貼り付ける
iPadでノートアプリを用意する
私はGoodNotes 5をメインで使っていますが、画像が読み込めるならGoodNotes 5以外でも応用可能ですので、自分にあったノートアプリをご使用ください。私はGoodNotes 5の他にNoteshelfも使っており、この記事ではNoteshelfでの画像の切り取り方についても説明します。
GoodNotes 5とNoteshelfのアプリ比較や具体的な使用方法は以下のページでまとめています。
私が実際に使っているノートアプリはこちらです！有料ですが、お値段以上の価値はあります
デザインを収集する
まずはiPadにまとめたいデザインを集めます。サイトなどのスクリーンショットや雑誌、チラシなどの写真を撮って画像として保存し、ある程度溜まったらiPadに転送します。スマートフォンなら、散歩や通勤中に見つけたデザインも簡単に撮影できますね！
私も利用している「楽天マガジン
」などのネットやアプリで読める雑誌読み放題サービスなら、様々なジャンルのありとあらゆる「デザイン」や「モノ」を収集できます。
Webサイトやグラフィックデザインは、デザイン系のギャラリーサイトで情報収集するのがオススメです。
MacやiPhoneユーザーなら、Airdropで重い画像もiPadへ瞬時に転送できます。
転送したい画像を選択した後、
アイコンをクリックすると、同じWifiを使用しているApple製品がAirDropに表示されます。（表示されない場合は、Bluetoothの設定をご確認ください）
転送したい端末をクリックすれば転送が始まります。メールやクラウドを使うより速く送れます。
Split View（スプリットビュー）で写真アプリとノートアプリを２つ立ち上げる
iPadでは、画面を分割して2つのアプリを同時に開く「Split View（スプリットビュー）」と、複数のアプリを小さなウィンドウで開く「Slide Over（スライドオーバー）」という機能があります。この機能を使うと、アプリ間での画像のコピーが簡単にできます。
Split Viewのやり方については、以下の記事で詳しく説明しています。Split Viewに対応していないアプリがあるので、その場合はSlide OVerを使用してください。
上の画像では、Split Viewの左側にデフォルトの写真アプリ、右側にGoodNotes 5を立ち上げました。
左側：デフォルトの写真アプリの画像一覧画面、 右側：GoodNotes 5のノート作成画面
次にGoodnotes 5でデザイン収集用のノートを作成します。ここではタイトルデザイン用のノートを作成しました。用紙はクリーム色や白色、方眼など好きなタイプを選びましょう。
画像をコピーし、必要な部分をトリミングする
画像の一部分を切り取り、ノートアプリに貼り付けます。ここでは、GoodNotes 5やNoteshelfを使った画像のトリミング方法と、iPadのデフォルトの写真アプリを使用する方法をご紹介します。
サンプルでは左側にデフォルトの写真アプリを表示させていますが、ブラウザで開いたサイト上の画像もコピー可能です。（著作権に注意してください）
GoodNotes 5で画像をトリミングする場合
左側の写真アプリでサムネール画像が表示されている状態で、使用したい画像を指でドラッグ&ドロップで右側のGoodNotes 5にコピーします。
GoodNotes 5の貼り付けられた画像はサイズを変更できる状態になっています。画像を1回タップすると表示される「トリミング」ボタンをクリックします。
画像の切り取り編集画面に移行するので、バウンディングボックスを調節して切り取りたい部分を指定します。
「完了」ボタンを押すと、画像が切り取られます！画像右下のマークをドラッグすると、サイズ変更ができます。
GoodNotes 4とGoodNotes 5での画像の貼り付けやトリミングについては、以下の記事でも詳しくご解説しています。
Noteshelfで画像をトリミングする場合
GoodNotes 4同様、写真アプリのサムネール画像をドラッグ&ドロップでNoteshelfにコピーします。
コピーされた画像を1回タップすると表示される「編集」ボタンをクリックすると、画像編集画面になります。
バウンディングボックスで切り取りたい画像を指定します。この画面では消しゴムで消したりすることもできます。
「完了」ボタンを押すと図のようなメッセージが出るので、切り取りに問題がなければ「Yes」をクリックします。
画像が切り取られました！
Noteshelfでの画像の貼り付けやトリミングについては、以下の記事でも詳しくご紹介しています。
iPadデフォルトの写真アプリで画像をトリミングする場合
デフォルトの写真アプリを使うと、切り取った後も画像を元の状態に戻せます。サンプル画像では雑誌のページを例として使わせていただき、「車にイノシシが…」というタイトルを切り取ってみます。
写真アプリの右上にある「編集」をクリックすると画面背景が黒くなります。画面下部にある切り抜きのアイコンをクリックすると、画像の四隅にハンドルが表示されます。
画像四隅のハンドルを切り抜きたい部分までドラッグして位置を指定します。指定後、写真アプリの画面右下のチェックアイコンをクリックすると、切り抜かれた画像が表示されます！この切り抜かれた画像をコピーして、スプリットビュー右側のGoodNotes 5のノートにペーストします。
先ほどトリミングした画像を選択してアイコンをクリックすると画面下部にメニューが表示されるので、「写真をコピー」をクリックして画像をコピーします。
GoodNotes 5のノート上で長押しすると「ペースト」のメニューが表示されるのでタップすると…。
切り抜かれた画像が貼り付けられました！画像サイズの変更も可能です。このような感じで、収集したい画像をトリミング→貼り付けと繰り返していきます。トリミングされた画像は、「編集」から「元に戻す」でトリミング前の状態に戻すことができます。
トリミングは、選択範囲を自由に描ける「フリーハンド」でも行えます。画像のように、切り抜きっぽく仕上げることもできます。
iPhoneで簡単に被写体を切り抜く方法
iOS16がインストールされているiPhoneの標準写真アプリでは、被写体を長押しするだけで簡単に切り抜くことができます。iPhoneで切り抜いた画像はiPadのノートアプリに貼り付けられるので、コラージュや合成も気軽に作成できます。
iPhoneでの被写体切り抜きについては、以下の記事をご参考ください。
こんな感じで、画像をトリミングして配置を変えながらページを作っていきます。
ノートアプリでデザインを編集・整理する
こんな感じでテーマごとに必要な部分だけを集めたノートを作ります。こちらはGoogNotes 5での使用例
画像はノートに貼り付けた後も自由に移動や変更が可能ですし、もちろん手書きでメモも書けるので、自分好みのページに仕上げることができます。
既存のいわゆるブックマーク・収集サービスとは一味違った自分だけのオリジナルスクラップブックの作成は少し手間はかかりますが、情報がきちんと編集・整理されるので、後から読み返すことも増えるのではないかな〜と思います。
ノートのページはサムネール表示ができるので、見たいページがすぐに見つかります。
デザインのカテゴリやテイスト別にノートを分けてもいいですね。Webサイトならヒーローイメージ、ナビゲーション、フッターなど色々なパーツに分けられそうです。お気に入りの配色、フォントなどまとめてもよいかも。
GoodNotes 5やNoteshelfのノートは、PDF・png・GoodNotes／Noteshelf形式で書き出しが可能です。PDFでまとめておけば印刷にも便利です。
デザイン以外でも、テーマに沿った画像を集めてオリジナルの資料を作ったりと使い方は無限大。世界でひとつのオリジナルノートを作ってみませんか？
スクラップブックのバックアップやiPad/iPhone/Macで同期する方法
iPadで作ったスクラップブックのバックアップも忘れずにしておきたいですよね！GoodNotes 5とNoteshelfのノートのバックアップ方法は以下の記事でまとめましたので、スクラップブックを作成する前に確認しておくと安心です。
また、iPadで作成したスクラップブックはGoodNotesではiPad/iPhone/Macで、NoteshelfはiPad/iPhoneでデータのい同期が可能です。iPhoneはApple Pencilが使えないので、どちらかというと閲覧中心になると思います。
GoodNotes 5とNoteshelfの同期方法は以下の記事で説明しています。
GoodNotes 5はMac版も提供されており、iPad版を購入した人なら無料で使えます。画像の編集ならパソコンの方がやりやすいかもしれません。
ノートを共有して共同編集する
GoodNotes 5では、GoodNotes 5を使っている他のユーザーとノートを共有し、共同編集ができます。ノートはリアルタイムに変更されるので、確認作業が素早く行えます。わざわざ書き出してメールなどで送らなくて済みますね！
スクラップブック応用編①：欲しい物リストを作成する
欲しい物や購入検討している物の画像を並べて、商品を比較したり、他の人と共有したりもできます。サイズや値段、自分のメモも自由に書き加えられるのがノートアプリのよいところですね。
欲しい物リストや商品比較ノートの作り方は、以下の記事でご紹介しています。サンプル画像たくさん載せています！
スクラップブック応用編②：ノートアプリで子供の作品をデジタル管理する
子供が描いた絵や作った作品は、放っておくとどんどん増えていきますよね。作品は処分するのも罪悪感があり、写真に撮って保存しても後で見つけにくく、結局見返すこともなくフォルダの奥底へ…。
ノートアプリなら、撮影した作品を後から見返しやすい形で保存できます。PDFで書き出してプリントアウトするなんてことも可能です。子供の作品をスクラップブック風にまとめれば、思い出を楽しく振り返ることができます。
私はこう使っている！iPadやノートアプリの活用例
ノートアプリでは、仕事でアイディアやラフを描いたり、PDFの資料を管理する以外にも、子供の作品やプリント、マニュアルを管理したりと、色々な使い方をしています。
私のノートアプリの活用方法については、以下の記事で詳しくご紹介しています。
イラストや絵を描きたいときは、お絵描き・イラスト制作アプリを使おう！
ノートアプリは、メモやノートを取ったり文書を管理するのには最適なのですが、本格的にイラストや絵を描くのにはあまり向いていません。イラストや絵を描く場合は、ブラシや素材が豊富なお絵描き・イラスト制作アプリをおすすめします。
様々なシーンで大活躍！iPad活用法
スマートフォンともパソコンとも違う、iPadならではの楽しみ方や便利な使い方を、iPad使用歴の長いiPad大好きな私がご紹介します。読んだらちょっと欲しくなるかも？
iPadのノートアプリを更に使いやすくしてくれるオススメグッズ&アクセサリー
私が実際に使っているiPad用グッズをご紹介します！
iPadが紙のような描き心地に！おすすめの保護フィルム
ノートアプリを使うなら、本物の紙に書いている感覚に近づくペーパーライクのiPad保護フィルムがおすすめ。フィルム表面のザラつきによりペン先にわずかな抵抗が生まれ、細かい部分が書きやすくなります。
＼様々な紙の質感・サイズが揃ってます！／
私が実際に試した保護フィルムを以下の記事で紹介しています。メーカーによって書き心地がかなり違いますので、ぜひご参考ください。
iPad Proと一緒にApple pencilを持ち歩こう！
iPad Proを汚れや衝撃から守ってくれるケース（カバー）もあると安心ですよね。私が使っているApple Pencilも収納できるケースを下記のページでご紹介しています。スタンド機能もついているので、資料やノートを見ながら仕事したりとかなり重宝してます！
