ハサミ 画像

WEB知識

PixlrEditor(ピクセラエディター)で画像の切抜き

前回の続きです。Pixlr Editor(ピクセラエディター)を使い画像の切抜きの仕方を書いていきたいと思います。アイコンを切り取ったり、写真を合成する際にも必ずこの切り取りが基本となってきます。最低限切り取りができるようになって置くと以外に便利なことも多いはずです。

まずはパソコンがインターネットに繋がっている状態でピクセラエディタを開いてください。

切り出したい画像の大きさを確認してください。今回はサイズは幅450px×高さ300pxにしたいと思います。まずは画像を開いてください。

ピクセラエディタ 最初の画面ピクセラエディタ 切り抜く 画像を選択

開いたら画像のサイズを指定していきます。

Pixlr Editorでそれぞれの長さを指定

今回はサイズは幅450px×高さ300pxに指定してください。この際に幅や高さを指定する前に必ず固定化のところを「出力サイズ」にしてください。自身でサイズが選べない場合はここのが固定化になっているのがほとんどです。

ピクセラエディタ 幅指定 高さ指定

画像切り抜くサイズを決める

画像の切り抜くサイズを決めよう。この際マウスを話してしまっても角の青い四角を再度クリックしていただければサイズを再度修正できます。白い四角の中をクリックして切り取る場所が動かせます。

この際四角で囲まれているサイズが自然と指定した幅450px×高さ300pxになっています。全体のバランスを切り抜いてください。

この四角の外をクリックしていますと画像の適用をしますか?(切抜きしますか?)と訪ねてきます。問題がないようならはい。何か変更したいようならいいえを押してください。

ピクセラエディタ 切抜き画像のサイズ

保存は場所を指定しましょう

画像の保存は必ず場所を指定するようにしましょう。どこに入れたのか分からなくなると探すのに苦労をしていまします。必ずわかるとっ頃に保存をしていください。

ピクセラエディタでは上記の画像で適応して右側の×ボタンで削除しようとしても必ず保存をしますか?と聞かれるので直ぐに作った画像が消えないのも魅力の一つです。

 

ピックアップ記事

  1. ウェブデザイン技能検定3級 合格しました。
  2. マーケティングに大切なもの、第二章
  3. 自分のホームページの歴史(ドメイン年齢)を知ってますか?
  4. Facebook(フェイスブック)ページを変えたらブログアクセスが
  5. 顧客満足度って大切だとディズニーで思った

関連記事

  1. スマホ 画像

    WEB知識

    スマホサイトがあるだけではダメな時代へ突入ですね

    Googleが新たな検索エンジンの対策を発表しました。今までの常識を覆…

  2. タグ カテゴリー

    WEB知識

    WordPress(ワードプレス)のカテゴリーとタグって

    豆知識ですね。ワードプレスでブログを書いている方多いです。そこで、書い…

  3. スキルアップ

    ブログ開設しました。

    ブログを開設しました。初めまして。自分はWEBディレク…

  4. Affinity Photo 画像を丸く切り取る

    WEB知識

    Affinity Photoで画像を丸く切り取る方法

    Affinity Photoで画像を丸く切り取る方法をお伝えします。バ…

  5. ワードプレス

    スキルアップ

    気になるサイトのプラグインの調べ方

    人気のあるサイト・SEOの上位サイトはどのようなプラグインを使っている…

  6. Affinity Photo 髪の毛まで 綺麗に切り取る

    WEB知識

    Affinity Photoで髪の毛一本まで切抜く方法

    Affinity Photoでの画像切り取り方法をお伝えします。画像加…

  1. ブログを書く

    WEB知識

    ブログ機能が検索エンジンに有利になる理由
  2. ワードプレスって なに

    よくある質問

    Word Press(ワードプレス)って何?
  3. POP 書き方

    スキルアップ

    魅せるPOP(ポップ)デザインを作る方法
  4. THE タイトルタグ

    よくある質問

    titleタグ(タイトルタグ)とは
  5. セミナー

    日記

    先日のセミナーを終えて
PAGE TOP