Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
画像キャプチャと編集ができるフリーソフトMonosnapの使い方 | 思いだし にっき
サイトアイコン 思いだし にっき

画像キャプチャと編集ができるフリーソフトMonosnapの使い方

<p><img class&equals;"aligncenter size-full wp-image-11030" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;2015278&lowbar;s&period;jpg" alt&equals;"" width&equals;"384" height&equals;"257" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p style&equals;"text-align&colon; left&semi;">前の記事でMonosnapをインストールして、起動するまでをかきました。<br &sol;>&NewLine;WindowsでもMacでも使えるようです。<br &sol;>&NewLine;アイコンは感覚で使えるので、いろいろいじってみてなかなか便利なことがわかりました。<br &sol;>&NewLine;すぐ忘れるので備忘録がわりに使い方をメモしてみました。<&sol;p>&NewLine;<p>&NewLine;<&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2><strong> Monosnapの起動画面<&sol;strong><&sol;h2>&NewLine;<p>メニューからキャプチャをクリックし、画像をキャプチャすると図のような画面が表示されます。<&sol;p>&NewLine;<p><img class&equals;"wp-image-1604 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon01&period;png" alt&equals;"Monosnap画面" width&equals;"609" height&equals;"423" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong>① 画面上部<&sol;strong><&sol;p>&NewLine;<p><img class&equals;"wp-image-1578 size-full aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon13&period;png" alt&equals;"画面上部" width&equals;"633" height&equals;"209" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong>●左側<&sol;strong><&sol;p>&NewLine;<p><strong>元に戻す<&sol;strong><&sol;p>&NewLine;<p>一つ前の作業に戻せます。<br &sol;>&NewLine;クリックごとに何回でも戻せます。<&sol;p>&NewLine;<p><strong>繰り返し<&sol;strong><&sol;p>&NewLine;<p>戻した操作をやりなおせます<&sol;p>&NewLine;<p><strong>Add screenshot<&sol;strong><&sol;p>&NewLine;<p>今Monosnapの画面にある画像に追加でキャプチャできる機能です。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1572 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon8&period;png" alt&equals;"現在のキャプチャ" width&equals;"640" height&equals;"367" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>今の画像。ここに追加します<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1573 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon9&period;png" alt&equals;"追加のキャプチャ" width&equals;"626" height&equals;"250" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>Add screenshotをクリックすると範囲指定のキャプチャの線が表示されます。<&sol;p>&NewLine;<p>キャプチャ追加したいところをドラッグで範囲指定します<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1574 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon10&period;png" alt&equals;"追加" width&equals;"640" height&equals;"304" &sol;><br &sol;>&NewLine; <&sol;p>&NewLine;<p>マウスボタンを離すと現在の画像の下に追加されます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1575 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon11&period;png" alt&equals;"キャプチャが追加された画像" width&equals;"640" height&equals;"456" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3> <br &sol;>&NewLine;<strong>画像ソフトを開く<&sol;strong><&sol;h3>&NewLine;<p>Add・・の右横のアイコンは設定で指定した画像ソフトを開くボタンです。<&sol;p>&NewLine;<p>私の場合はフォトビューアーが開きました。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1576 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon12&period;png" alt&equals;"フォトエディタが開いた" width&equals;"638" height&equals;"481" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong>●中央<&sol;strong><&sol;p>&NewLine;<p><strong>タイトル<&sol;strong><&sol;p>&NewLine;<p>保存した画像のファイル名になります。<br &sol;>&NewLine;ここで名前の編集ができるので先に入力しておくと保存の時にファイル名の入力が省けます<&sol;p>&NewLine;<p><strong>●右側<&sol;strong><&sol;p>&NewLine;<p><strong>歯車アイコン<&sol;strong><&sol;p>&NewLine;<p>クリックするとメニューが表示されます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1579 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon5&period;png" alt&equals;"歯車のメニュー" width&equals;"265" height&equals;"174" &sol;><&sol;p>&NewLine;<p><span style&equals;"background-color&colon; &num;00ff00&semi;"><strong>print<&sol;strong><&sol;span><&sol;p>&NewLine;<p>クリックすると印刷設定ボックスが表示されます。<br &sol;>&NewLine;Fit to pageにチェックをいれると画像が用紙幅いっぱいになります。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1580 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon6&period;png" alt&equals;"mon6" width&equals;"459" height&equals;"412" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「OK」のクリックで印刷のボックスが表示されます。<&sol;p>&NewLine;<p>詳細を設定するにはここの「詳細設定」からします。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1581 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon7&period;png" alt&equals;"mon7" width&equals;"551" height&equals;"402" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong><span style&equals;"background-color&colon; &num;00ff00&semi;">Coppy image to clipboard<&sol;span><&sol;strong><&sol;p>&NewLine;<p>コピーのイメージをクリップボードにとなりますが、今Monosnapで開いている画像をクリップボードにコピーできます。<&sol;p>&NewLine;<p>クリックしたあと、他のソフトで貼りつけができます。<&sol;p>&NewLine;<p><strong><span style&equals;"background-color&colon; &num;00ff00&semi;">Shadow to image<&sol;span><&sol;strong><&sol;p>&NewLine;<p>画像に影を付けられます。<&sol;p>&NewLine;<p><strong><span style&equals;"background-color&colon; &num;00ff00&semi;">Rotate clockwise<&sol;span><&sol;strong><&sol;p>&NewLine;<p>右に回転 1回ごとに90度ずつ回転します<&sol;p>&NewLine;<p><strong><span style&equals;"background-color&colon; &num;00ff00&semi;">Rotate counterclockwise<&sol;span><&sol;strong><&sol;p>&NewLine;<p>左に回転 1回ごとに90度ずつ回転します<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1582 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon14&period;png" alt&equals;"mon14" width&equals;"636" height&equals;"460" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong><span style&equals;"background-color&colon; &num;00ff00&semi;">Add image<&sol;span><&sol;strong><&sol;p>&NewLine;<p>画像を追加。<br &sol;>&NewLine;保存してある他の画像を追加できます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1583 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon15&period;png" alt&equals;"mon15" width&equals;"641" height&equals;"466" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>重なるように挿入された画像は「<span style&equals;"font-size&colon; 18pt&semi;">&plus;<&sol;span>」のマウスポインターでクリックすると<br &sol;>&NewLine;四隅にハンドルが表示され、十字の矢印のポインターに変わります。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-11031" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon16-1&period;png" alt&equals;"" width&equals;"439" height&equals;"383" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>これでドラッグすると拡大縮小や移動ができます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1585 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon17&period;png" alt&equals;"mon17" width&equals;"428" height&equals;"417" &sol;><&sol;p>&NewLine;<p><strong><span style&equals;"font-size&colon; 18pt&semi;"><br &sol;>&NewLine;ここで発見!!<&sol;span><&sol;strong><&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;ff00ff&semi; font-size&colon; 18pt&semi;"><strong>Monosnapの画面は広げられるんですが、その広げた画面で画像の外にも編集機能が使えます!<&sol;strong><&sol;span><&sol;p>&NewLine;<p>画面上部の説明図も、これで作ってみました(^o^)<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong>画面下<&sol;strong><&sol;p>&NewLine;<p>いろいろな編集アイコン<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1577 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon3&period;png" alt&equals;"画面上部" width&equals;"625" height&equals;"271" &sol;><&sol;p>&NewLine;<p>矢印や四角、丸などの図形、直線やフリーハンドの線など、画像に描きこむことができます。<&sol;p>&NewLine;<p>それらは色やサイズ、影のあるなしなどの設定ができます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>編集アイコンを使っていろいろ試してみます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1586 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon20&period;png" alt&equals;"mon20" width&equals;"639" height&equals;"458" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;">カラーパレット<&sol;span><&sol;h3>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-1587" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon18&period;png" alt&equals;"" width&equals;"533" height&equals;"151" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>左端の色のボタンをクリックするとカラーパレット(色の一覧)が表示されます。<&sol;p>&NewLine;<p>一覧の右端下のアイコンをクリックすると色の作成ボックスが表示され一覧にない色を作ることもできます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter wp-image-1588" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon19-300x175&period;png" alt&equals;"色を作る" width&equals;"400" height&equals;"234" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>dow and strokeにチェックを入れると文字に影と縁取りをつけられます<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;">太さ・サイズ<&sol;span><&sol;h3>&NewLine;<p>このスライダーをドラッグすると、ペン先の太さを変えられます。左に行くほど細く、右に行くほど太くなります。<br &sol;>&NewLine;矢印、四角、円、直線、フリーハンド、文字それぞれの変更ができます。<&sol;p>&NewLine;<p>すでに書いたものを選択して、太さを変えることもできます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;">矢印<&sol;span><&sol;h3>&NewLine;<p><img class&equals;"aligncenter wp-image-1589 size-full" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon21&period;png" alt&equals;"矢印" width&equals;"379" height&equals;"163" &sol;><&sol;p>&NewLine;<p>ドラッグで矢印が描けます。<&sol;p>&NewLine;<p>普通は始点が矢印のおしりで、離したところが矢印の頭の方になります。<&sol;p>&NewLine;<p><strong>Hold shift to draw at 45 degrees<&sol;strong><&sol;p>&NewLine;<p>Shiftキーを押しながらドラッグすると水平・垂直・45度の矢印を描けます。<&sol;p>&NewLine;<p><strong>Hold Alt to draw from head to tail<&sol;strong><&sol;p>&NewLine;<p>Altキーを押したままドラッグすると、頭から矢印を描けます。<&sol;p>&NewLine;<p>Altキーを押している間だけなので、描いている途中でキーを離すと通常の方向になります。<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;ff6600&semi; font-size&colon; 12pt&semi;">※図形の描画はどれも、紙に描くのと違って、起点から終点までマウスで対角にドラッグするだけです。<&sol;span><br &sol;>&NewLine;<span style&equals;"color&colon; &num;ff6600&semi; font-size&colon; 12pt&semi;"> ※図形描画で「〇〇を押しながら~」という場合は、全て指定のキーを押している間の効果です。<&sol;span><&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;">四角形<&sol;span><&sol;h3>&NewLine;<p><img class&equals;"aligncenter wp-image-1590" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon22-300x206&period;png" alt&equals;"四角形" width&equals;"400" height&equals;"274" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ドラッグして四角形を書きます。<&sol;p>&NewLine;<p><strong>Hold Shift to draw a square<&sol;strong><&sol;p>&NewLine;<p>Shiftキーを押しながらドラッグすると、正方形が描けます。<&sol;p>&NewLine;<p><strong>Hold Ctrl to draw filled rectangle<&sol;strong><&sol;p>&NewLine;<p>Ctrlキーを押しながらドラッグすると塗りつぶしの四角形が描けます。<&sol;p>&NewLine;<p><strong>Hold Alt to draw a highlighter<&sol;strong><&sol;p>&NewLine;<p>ハイライトの四角が描けます。<br &sol;>&NewLine;周囲は暗くなります<&sol;p>&NewLine;<p><img class&equals;"aligncenter wp-image-1591" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon28-300x138&period;png" alt&equals;"ハイライト" width&equals;"400" height&equals;"184" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;">直線<&sol;span><&sol;h3>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1592" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon24&period;png" alt&equals;"直線" width&equals;"638" height&equals;"368" &sol;><&sol;p>&NewLine;<p>ドラッグで直線が描けます。<&sol;p>&NewLine;<p>始点を決め、引きたい終点までドラッグします。<br &sol;>&NewLine;マウスを離した時点で描き上がりになります。<&sol;p>&NewLine;<p><strong>Hold Shift to draw at 45 degrees<&sol;strong><&sol;p>&NewLine;<p>Shiftキーを押しながらドラッグすると水平・垂直・45度の線を引けます。<&sol;p>&NewLine;<p>&NewLine;矢印の時と同様です。<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;">円<&sol;span><&sol;h3>&NewLine;<p><img class&equals;"size-full wp-image-1593 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon24-1&period;png" alt&equals;"円" width&equals;"638" height&equals;"368" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ドラッグで円が描けます。<&sol;p>&NewLine;<p>ドラッグする方向で自由に楕円形になります。<&sol;p>&NewLine;<p>大きさも丁度よいところでマウスを離せばOK。<&sol;p>&NewLine;<p><strong>Hold shift to draw a Circle<&sol;strong><&sol;p>&NewLine;<p>Shiftキーを押しながら、ドラッグすると正円(まんまるな円)が描けます。<&sol;p>&NewLine;<p><strong>Hold Alt to draw filled ellipse<&sol;strong><&sol;p>&NewLine;<p>Shiftキーを押しながらドラッグすると、塗りつぶしの円が描けます。<&sol;p>&NewLine;<p>ShiftとAltキーの両方を押しながらドラッグすると、塗りつぶした正円が描けます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;">フリーハンド<&sol;span><&sol;h3>&NewLine;<p><img class&equals;"aligncenter wp-image-1594" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon25-300x161&period;png" alt&equals;"フリーハンド" width&equals;"400" height&equals;"215" &sol;><&sol;p>&NewLine;<p><strong>Hold Alt to draw a highlighter<&sol;strong><&sol;p>&NewLine;<p>Altキーを押しながら、ドラッグすると、下が透けて見える蛍光ペンのような線が書けます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;">文字・矢印付き文字の挿入<&sol;span><&sol;h3>&NewLine;<p> <br &sol;>&NewLine;<img class&equals;"aligncenter wp-image-1595" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon26-300x158&period;png" alt&equals;"文字" width&equals;"400" height&equals;"210" &sol;><&sol;p>&NewLine;<p>文字が描けます。<&sol;p>&NewLine;<p>英数はそのまま表示されますが、日本語は入力しても表示されません。<&sol;p>&NewLine;<p>Windowsの場合、デスクトップの左上に表示されるので、そこで変換、確定すると画像のところに表示されます。<&sol;p>&NewLine;<p>このソフトを使う前は<span style&equals;"color&colon; &num;ff00ff&semi;"><strong>他の画像ソフトで矢印と文字を組み合わせていたので超便利!!<&sol;strong><&sol;span><&sol;p>&NewLine;<p>矢印をドラッグして伸ばした先に文字が入力できます。<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;ff6600&semi;"><strong>※すでに描いたものを選択、再編集するには<&sol;strong><&sol;span><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter wp-image-1596" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon33-300x145&period;png" alt&equals;"再編集" width&equals;"400" height&equals;"193" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>文字や、さまざまな図形を描き終わったあとで、移動やサイズや色の変更などをしたい場合がありますよね?<&sol;p>&NewLine;<p>その時は変更したい画像の上にマウスポインターを合わせて「<span style&equals;"font-size&colon; 18pt&semi;">&plus;<&sol;span>」になったらクリックします。<&sol;p>&NewLine;<p>クリックすると図形にハンドルが付きます。<&sol;p>&NewLine;<p>そのハンドルを引っ張ったり縮めたりドラッグすることで位置や長さなどが変えられます。<&sol;p>&NewLine;<p>文字の場合も同様で文字の上で「<span style&equals;"font-size&colon; 18pt&semi;">&plus;<&sol;span>」でクリックするとまわりに点線の枠ができ、再編集できるようになります。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;">モザイク<&sol;span><&sol;h3>&NewLine;<p><img class&equals;"size-full wp-image-1597 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon27&period;png" alt&equals;"モザイク" width&equals;"639" height&equals;"573" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ドラッグで四角くモザイクをかけられます。<&sol;p>&NewLine;<p><strong>Hold Shift to blur a square<&sol;strong><&sol;p>&NewLine;<p>シフトキーを押したままドラッグすると正方形の形でモザイクがかかります。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;">トリミング<&sol;span><&sol;h3>&NewLine;<p>キャプチャした画像の一部を切り取りできます。<&sol;p>&NewLine;<p>キャプチャ画像のまわりにハンドルが表示されます。<&sol;p>&NewLine;<p>それをドラッグして切り取る部分を指定します。<&sol;p>&NewLine;<p> <br &sol;>&NewLine;<img class&equals;"size-full wp-image-1598 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon29&period;png" alt&equals;"リサイズ" width&equals;"639" height&equals;"491" &sol;><&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1337 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;yajirusi&period;png" alt&equals;"yajirusi" width&equals;"54" height&equals;"58" &sol;><&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1599 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon30&period;png" alt&equals;"トリミング後" width&equals;"640" height&equals;"427" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;"><strong>リサイズ<&sol;strong><&sol;span><&sol;h3>&NewLine;<p>キャプチャした画像の大きさを変更できます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter wp-image-1600" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon31-300x208&period;png" alt&equals;"リサイズ" width&equals;"400" height&equals;"278" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>画像を大きくしたり、小さくしたりできます。<br &sol;>&NewLine;四隅にあるハンドル(白い丸)をドッラグして大きさを変更します。<br &sol;>&NewLine;数値を入力してサイズを指定することもできます。<br &sol;>&NewLine;<strong>Maintain aspect ratic<&sol;strong>のチェックを入れておくと、縦横比を保ったままリサイズができます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;"><strong>Save<&sol;strong><&sol;span><&sol;h3>&NewLine;<p>「Save」をクリックすると保存できます。<&sol;p>&NewLine;<p>ピクチャなどのフォルダが開きますが、保存場所は好きなところを指定できます。<&sol;p>&NewLine;<p>ファイル名を入力して「保存」をクリックします。<&sol;p>&NewLine;<p>Monosnapの画面でタイトルを変更しておくと、それが保存ファイル名になるので楽ですね。<&sol;p>&NewLine;<p>保存するファイル形式をファイルの種類から選択できます。<br &sol;>&NewLine;<strong>形式はJPEGとPNG<&sol;strong>のどちらかになります。<&sol;p>&NewLine;<h3><span style&equals;"color&colon; &num;0000ff&semi;"><strong><br &sol;>&NewLine;Dragme<&sol;strong><&sol;span><&sol;h3>&NewLine;<p>ドラッグして保存<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1601 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon4&period;png" alt&equals;"ドラッグミー" width&equals;"638" height&equals;"363" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>Monosnap画面の右横にある「Drag me」を保存したい所にドラッグします。<&sol;p>&NewLine;<p>マウスを離したところに保存されます。<&sol;p>&NewLine;<p>デスクトップに保存して、後から他の場所にドラッグも簡単。<&sol;p>&NewLine;<p>先に、保存したいフォルダを開いておいて、そこにドロップすることも。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1602 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;mon32&period;png" alt&equals;"ドラッグで保存" width&equals;"642" height&equals;"453" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>Monosnapをいろいろ自分で使ってみての備忘録です。<&sol;p>&NewLine;<p>抜けているところもありますが、基本的な操作はこんなところかと思います。<&sol;p>&NewLine;<p>作りながら改めて便利さを実感しました(^o^)<br &sol;>&NewLine;少しでもあなたのお役にたてたらと思います。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>前の記事<br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1543&period;html">画像のキャプチャ編集ができるMonosnapインストールと起動メニュー <&sol;a>へ<&sol;p>&NewLine;<p>次の記事<br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1640&period;html">Shortcodes Ultimateショートコードで簡単記事装飾&vert;基本の使い方<&sol;a> へ<&sol;p>&NewLine;<p style&equals;"text-align&colon; right&semi;"><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;page-1472&period;html"><span style&equals;"color&colon; &num;0066cc&semi;">WordPress一覧へ<&sol;span><&sol;a><&sol;p>&NewLine;<p> <br &sol;>&NewLine;<a href&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><img src&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;img&sol;diary88&lowbar;31&period;gif" alt&equals;"" width&equals;"88" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a href&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener">にほんブログ村<&sol;a><&sol;p>&NewLine;<p><a title&equals;"日々の出来事 ブログランキングへ" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;9200"><img src&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;img&sol;banner&sol;c&sol;banner&lowbar;1&sol;br&lowbar;c&lowbar;9200&lowbar;1&period;gif" width&equals;"110" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a style&equals;"font-size&colon; 12px&semi;" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;9200">日々の出来事 ブログランキングへ<&sol;a> <&sol;p>&NewLine;&NewLine;

モバイルバージョンを終了