ハサミ 画像

WEB知識

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

ピックアップ記事

  1. Facebook(フェイスブック)ページのリーチ・エンゲージメントとは
  2. 自分のホームページの歴史(ドメイン年齢)を知ってますか?
  3. フェイスブックでブログのサムネイル(OGP)画像の確認方法
  4. 4年振りに…。やらかしました。
  5. ウェブデザイン技能検定3級 合格しました。

関連記事

  1. WEB知識

    Photoshopを使わずに画像加工をする無料ソフト

    サイト作成・バナーの作成などをする際はAdobe Photoshop …

  2. 404 エラー

    WEB知識

    サイトをリニュアールしたら、Googleからエラーメールが来た

    皆さま、ドメインをそのままホームページをリニューアル出来るのは知ってい…

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

    WEB知識

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

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

  4. FBページ作成

    WEB知識

    店舗のFacebook(フェイスブック)ページの作成方法

    いままで何回かFacebookページについての事を書いており、なんとな…

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

    WEB知識

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

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

  6. チラシ 読んでる

    WEB知識

    基本をマスターして読まれるチラシを作る方法

    デザインの基本についてです。元々僕の場合はWEBディレクターをしており…

  1. FBページ作成

    WEB知識

    店舗のFacebook(フェイスブック)ページの作成方法
  2. WEB知識

    WEBディレクターなら覚えておいた方がいいシュートカットキー
  3. 自転車 写真

    マーケティング

    人は、どんな時に行動にうつすのか?
  4. ターゲット 的 狙う

    WEB知識

    知っているようで知らない。ターゲットとペルソナの違いは
  5. ブログを書く

    WEB知識

    ブログ機能が検索エンジンに有利になる理由
PAGE TOP