【Noteshelf】画像の貼り付け(読み込み/コピー)やトリミングの方法

※当ブログのリンクには一部広告が含まれています。

注目Noteshelf 3がリリースされました。

この記事では、Noteshelfでの画像の読み込みや貼り付け、画像のトリミング(切り取り)方法を説明します。

Noteshelfでは、iPhoneやiPadで撮った写真を簡単に貼り付け、編集ができるので、情報豊かで楽しいノートや資料が簡単に作れます。デイリースケジュールのPDFテンプレートを使えば、写真日記のような使い方もできます! ※アプリのアップデートにより、新旧のデザインが混ざっていますが、ご了承くださいませ。

Noteshlef 2
Noteshelf
開発元:Fluid Touch Pte. Ltd.
¥1,200

Noteshelf 3がリリースされました

Noteshlef
Noteshelf 3
無料/開発元:Fluid Touch Pte. Ltd.

【この記事を書いた人】

写真畑出身のフリーランスWebデザイナー。Goodnotesを始めとするノートアプリやApple/クリエイティブ/運動/ライフスタイル関係の情報を発信中。プロフィール詳細

画像をNoteshelfのノートのページ上に追加する

まず初めに、ノートを開いている状態でノートに画像を貼り付ける方法を説明します。ノート上部のツールバーにある「+」メニューをタップし、「写真」を選択します。「Noteshelf2が写真へのアクセスを求めています」という表示が出たら、「OK」をタップします。ちなみに、カメラアイコンをタップするとカメラが起動し、「撮影→追加」が可能です。

Noteshelfのノートに画像を追加する

iPadの写真アプリに保存されている画像が表示されるので、貼り付けたい画像をタップして選択します。サンプルの写真は、無料写真素材サイト「写真AC」から拝借しました。

Noteshelfのノートに画像を追加する

バウンディングボックスが表示された状態で画像がノートに貼り付けられました!画像の四隅をドラッグすると、拡大・縮小ができます。画像下部にある回転マークを円を描くようにドラッグすると…。

Noteshelfで画像を編集する(回転)

画像を回転させることができます。

Noteshelfで画像を編集する(回転)

このように「+」メニューから「画像」を選ぶと、ノートのページ上に画像が貼り付けられますが、「+」メニューの「ドキュメントをインポート > Photoアルバム」を選択すると、ページの上ではなくて画像そのものが1ページとして、フル画面で追加されます。「Photoアルバム」のアイコンがない場合は、「すべて」をタップしてアプリを有効化しましょう。

Noteshelfのノートにページとして画像を追加する

画像に直接メモを描きたい場合はこちらの方が適していますが、後述する画像の編集(トリミング・切り取り)はできません。

画像をNoteshelfのノートにフル画面で追加する

「ドキュメントをインポート」でDropbox上にある写真は追加できませんでした。iPadの中にある写真のみ追加が可能なようです。これはちょっと不便ですよね〜…。Dropbox上の写真は一旦iPadにダウンロードしてから貼り付けるのはちょっと面倒です。(なぜできない!)

画像をNoteshelfのノートブック一覧ページに追加する

画像はノートブックの中だけでなく、ノート一覧ページからでも追加可能です。ノート一覧ページの右上にある「+」メニューをタップし、「ドキュメントをインポート」を選択します。

Noteshelfのノート一覧ページから画像を追加する

画像がノートブックと同じように追加されました!この方法では、画像が1ページとしてフル画面で表示されます。ドキュメントとして画像を読み込む場合は、フル画面で読み込まれるようです。(但し、クラウドからは読み込めない)こちらの方法で読み込んだ画像も編集(トリミング・切り取り)はできません。

Noteshelfのノート一覧ページから画像を追加する

ブラウザで表示しているサイトから画像をコピーしてNoteshelfに貼り付ける

ブラウザからNoteshelfに画像をコピーする

iPadの「Split View(スプリットビュー)」や「Slide Over(スライドオーバー)」の機能を使い、左側にサイトを表示させたブラウザ、右側にNoteshelfを立ち上げ、貼り付けたい画像をサイトからノートにドラッグ&ドロップします。ノート上の画像を長押しすれば、サイズ変更などの編集が可能となります。

サイト上の画像は、背景画像として使われている場合はドラッグ&ドロップできません。

ブラウザからNoteshelfに画像をコピーする

かわいいサンタさんもドラッグ&ドロップ!

Split ViewとSlide Overのやり方については、以下の記事をご参照ください。

PDFの手帳・スケジュール用テンプレートの読み込みについては、以下の記事で詳しく説明しています。

今回はフリー素材を配布しているサイト「吹き出し素材専門サイト「フキダシデザイン」」さんと「EVENTs Design」さんの画像をサンプルとして拝借しました。写真やイラスト、アイコンのフリー素材サイトは以下の記事でたくさんご紹介していますので、ぜひご覧ください!画像の著作権や使用方法については必ず確認をしましょう!

写真アプリから画像をコピーしてNoteshelfに貼り付ける

iPadのデフォルトの写真アプリからも、Split ViewやSlide Overとドラッグ&ドロップで簡単にコピーできます。

ブラウザからNoteshelfに画像をコピーする

こんな感じで、画像の貼り付けと手書きのページを作ってみました!

Noteshelfで手帳用テンプレートに画像を貼り付けた例

Noteshelfでの画像のトリミング(切り取り)方法

Noteshelfでの画像のトリミング(切り取り)方法は「矩形」「消しゴム」「フリーハンド」の3種類です。

矩形による画像のトリミング(切り取り)方法

写真の上で長押しすると出現するメニューの「編集」をタップすると、編集画面に切り替わります。

Noteshelfで画像をトリミング・切り取る方法

画像四隅をドラッグして、サイズを変更します。

Noteshelfで画像をトリミング・切り取る方法

サイズを調整後、右下の「完了」をタップして終了します。

Noteshelfで矩形で画像をトリミング・切り取る方法

Noteshelfで画像をトリミング・切り取る方法

こんな感じでトリミングができました!

消しゴムによる画像のトリミング(切り取り)方法

画像編集画面で「消しゴム」を選択し、消したい部分を指やペンでなぞった後、右下の「完了」をタップします。

Noteshelfで消しゴムで画像をトリミング・切り取る方法

消しゴムで消した部分が透けています。アイディア次第で色々な使い方ができそうですね。

Noteshelfで消しゴムで画像をトリミング・切り取る方法

フリーハンドによる画像のトリミング(切り取り)方法

フリーハンドは指ではできないので、Apple Pencilなどのペンが必要です。画像編集画面のハサミマークをタップし、切り取りたい部分をペンで囲んだ後、右下の「完了」をタップします。

Noteshelfで画像をフリーハンドでトリミング・切り取る方法

「別のオプションに進む前に、画像に変更を適用しますか?」というダイアログが表示されるので、「Yes」をタップします。

Noteshelfで画像をフリーハンドでトリミング・切り取る方法

Noteshelfで画像をフリーハンドでトリミング・切り取る方法

自由な形で切り取られました!

Noteshelfの使い方

Noteshelfは手書きでノートやメモが残せて、大量のPDFファイルもスムーズに読み込んでくれるので、仕事でもプライベートでもかなり頻繁に使っています。Noteshelfの使い方や活用方法について色々と書いているので、是非ご覧くださいませ〜。

iPadライフをもっと楽しもう!
手書きノートにおすすめのiPad

予算重視なら一番リーズナブルなiPad 10.9インチ、コスパ重視なら価格と機能のバランスがよいiPad Airがおすすめです。モデルに合わせてApple Pencilを選ぼう!

\最安モデル!iPad(第10世代)/
\コスパ重視!iPad Air/

注目【比較】Apple製品はどこで買うのがおすすめ?お得な購入方法まとめ