Stilopad

ページに画像を追加するガイド

Stilopadで画像を追加・編集する方法

ノートブックのページに画像を追加し、切り抜きを調整して適用します。

Stilopad

ノートブックを開いて画像を取り込み、残したい部分を選んでからページに配置しましょう。

Androidで画像を追加・切り抜く

画像を追加して、残したい部分を選ぶ

Addメニューを開く前の、実際のStilopad Androidノートブックページと下部ツールバー。
ノートブックのページを開く画像を置くページを開きます。下部ツールバーのAddをタップして、「Add to this page」メニューを開きます。

9ステップ中1ステップ — ノートブックのページを開く

スクリーンショットは現在のAndroidエディターを実際に撮影したものです。このバッチではWeb Liteの画像追加・編集を確認していません。

Androidで画像を追加・切り抜く

Androidで画像を追加・切り抜く

  1. ノートブックのページを開く

    画像を置くページを開きます。下部ツールバーのAddをタップして、「Add to this page」メニューを開きます。

  2. Imageを選ぶ

    「Add to this page」メニューでImageをタップします。端末の画像選択画面が開きます。Stickerなどのメディアは別の選択肢です。

  3. 画像を選ぶ

    ラベル付きの例ギャラリーはAndroidのシステム選択画面を再現したものです。「plant」の検索結果を示しています。「Window plant」をタップします。実際の選択画面は端末によって異なる場合があります。

  4. 選んだ画像を確認

    画像を選ぶと、Stilopadがページに配置してオブジェクトツールバーを開きます。この画面では画像はすでに選択されています。追加のタップは不要です。

  5. Edit imageを開く

    画像ツールバーのEdit imageをタップし、切り抜きエディターを開きます。

  6. 切り抜きハンドルを動かす

    右下のハンドルを少し内側へドラッグします。画像自体は動かず、切り抜き枠が変わります。画像を移動したい場合だけ枠の内側をドラッグします。

  7. 切り抜きを確認

    切り抜き枠に残る部分が小さくなります。プレビューの下に出力サイズが表示されます。

  8. 編集を適用

    Applyをタップします。編集した画像が前の画像に置き換わり、ページに戻ります。

  9. 完成した画像を確認

    切り抜き後の画像がノートブックのページに戻ります。続ける前に保存状態を確認してください。

実際のAndroidスクリーンショットでは植物のイラストを使っています。切り抜き例では画像の端を調整して適用します。画像編集のすべての機能を示すものではありません。

Web Liteの場合

Web Liteの場合

  1. ノートブックを開き、エディターのツールバーまたはAddメニューから画像操作を選びます。

  2. ファイル選択画面で画像を選び、ページ上で選択するとオブジェクトツールバーが表示されます。

  3. このバッチではWeb Liteの画像編集手順をテストしていません。ボタン名や切り抜き操作はAndroidと異なる場合があります。

Stilopad Liteを開く

切り抜くと画像の一部だけが残る

切り抜き枠で表示する範囲を指定します。「Keep aspect ratio」は別の設定です。画面には出力サイズ、左回転・右回転、背景の端を取り除く操作もありますが、この例ではそれらを変更していません。

編集した画像がページに表示される

Applyの後、続ける前にページとSavedの表示を確認します。この操作では選択中の画像を直接編集します。元画像が後で必要になる場合は別に保管してください。

切り抜きが思った通りにならない場合

  • 角のハンドルをドラッグして切り抜き範囲を変えます。エディターの説明どおり、枠の内側をドラッグすると画像を移動できます。
  • 元画像が小さい場合、拡大するとぼやけることがあります。出力サイズを変えても元画像にない細部は作れません。
  • 背景削除カードには、単色の背景で最も効果的と表示されています。画像内に似た色があると、それらにも影響する場合があります。この例では背景削除をテストしていません。

かんたんガイド

ページには画像、テキスト、ペンの線と一緒にステッカーを置けます。コレクションから追加し、ページ上のコピーだけを削除する方法を確認しましょう。