初めてのPhotopeaで写真を並べる1

皆さん、こんにちわ。

Photopea公式サイト

Photopea | Online Photo Editor
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online ...

無料でキャラクター作成、今回は、Photopeaで写真を開いて並べる作業をしてみたいと思います。

3083
3084
3085
3086
3088
3090
previous arrow
next arrow

基本的な作業では、有りますが、便利な機能も付いているので、初心者の方にも、簡単に綺麗に写真が並べられて、アルバムのページが作れると思います。

今回は、写真自体を加工せず、並べる事を中心に行います。

先ずは、アルバムの台紙を作ります。白い大きな紙を作ると考えると良いと思います。大きさは、適当で良いのですが、後々、プリントしたりし易い様に、A4サイズ(縦210㎜×横297㎜)で作ってみます。

右下にサイズや表示%、全体に定規が出ていますが、全てピクセル表示になっていて、変更が出来ません。

  1. 新規…から、(初期画面の新規プロジェクトからでも大丈夫です^^。)
  2. を呼び出して名前を新しいページに変更(これはご自身で分かり易い名前を設定して下さい)ピクセルをミリメートルに変更して必ず半角数字で入力
  3. 数字の入力が終了したら
  4. 最後に作成ボタンをクリックです!

台紙の表示が小さくて、見にくいなと感じたら、左側の虫眼鏡(ズームツール・ショートカットはZ)をクリックして、エリアに合わせる、をクリックする事で、画面全体に、大きく表示する事が出来ます。(カーソルも+表示になります)

大きく表示

続いて、台紙に写真を載せて来ます。今回は、大きさの違う6枚写真を、並べてみます。

複数の写真を1枚の台紙に載せて来る方法は、2つ有ります。

  • エクスプローラーから、ドラッグする。

この方法が、直感的で分かり易いと思います。

エクスプローラーを開いて移動。
3枚、コピー出来ました。
  • 全ての写真を、開いて、コピーして台紙にペーストする。

エクスプローラーを開くのが面倒な場合、開くボタンから、載せる事が出来ます。

どちらも結果は同じですが、マウスで引っ張る作業より、ボタンで作業したい方は、②がお勧めです。

コピー(複写する)がCtrl+C, ペースト(貼り付ける)がCtrl+Vです。

このショートカットは、ウィンドウズ共通なので、憶えておくと便利かも分かりません。

3枚、開いてみた。元の拡張子がjpgでも、psd表示になる様です。

写真の分を見てみます。

先ず3枚開いてみました。作業が出来る物に色が着いています。この場合は3.psdです。此処で、コピー(複写する)がCtrl+C、今度は、新しいページ・psdをクリックして、白いページになったら、ペースト(貼り付ける)がCtrl+V, これを繰り返します。

このやり方ですと、レイヤー名が全てBackgroundになります。レイヤー名を見ながら作業したい場合は、エクスプローラーからのドラッグ&ペーストが良いかもしれません。

白いページが一番下に!

必ず右下(レイヤーのパレット)の順番を見て下さい。白いページが一番下に来る様に、右クリックで移動させます。

写真が置けたら、右上の、オートセレクトと変換コントロールにを入れます。

オートセレクトは、クリックした写真を、作業出来る様に選択してくれます。

変換コントロールは、選択した写真の周りに、破線を作ってくれて、今自分がどの写真を作業しているか分かり易くします。

この作業(写真を選択する)は、右下のレイヤーのパレットからでも出来ますが、写真の枚数が多くなると、どれが自分の作業したい物かが分かり辛く成りがちです。

文字などの小さいレイヤーを選びたい時に利用すると良いかもしれません。

又、小さい文字などでオートセレクトが選択し難い時、これを切って(レ点を外して)レイヤーのパレットから選択する方法も有ります。

鎖マークにチェック!

続いて、写真の大きさを変更して行きます。

①左のマークを一番上の移動のコマンドにしておきます。

写真の枠線上に有る小さい□をクリックすると、画面の上部に新しい情報が出ます。これが、写真の比率や角度などを示しています。

失敗したなと思ったら、編集からやり直す元に戻す、を使う事でもう一度出来るので、安心です。この時、大きさを示す所の鎖マークをクリックして置きます。

これを忘れると、大きさを変えた時に写真の比率が変わってしまい、後で並べ難くなり易いです。

フォトショップと共通のやり方で、Shiftのボタンを押したままで拡大縮小を行うと、比率が維持されますが、習慣化されていないと、忘れがちです。

作業を始める時は、鎖マークを忘れないようにすると覚えた方が、良いかもしれません。

おつかれさまでした。

次は、写真の大きさを変えて、並べてみます。

コメント

");const o=ie?ie.createHTML(e):e;if(nt===tt)try{t=(new W).parseFromString(o,at)}catch(e){}if(!t||!t.documentElement){t=le.createDocument(nt,"template",null);try{t.documentElement.innerHTML=ot?ae:o}catch(e){}}const i=t.body||t.documentElement;return e&&n&&i.insertBefore(r.createTextNode(n),i.childNodes[0]||null),nt===tt?ue.call(t,Ie?"html":"body")[0]:Ie?t.documentElement:i},bt=function(e){return ce.call(e.ownerDocument||e,e,H.SHOW_ELEMENT|H.SHOW_COMMENT|H.SHOW_TEXT|H.SHOW_PROCESSING_INSTRUCTION|H.SHOW_CDATA_SECTION,null)},St=function(e){return e instanceof B&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof z)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes)},Rt=function(e){return"function"==typeof b&&e instanceof b},wt=function(e,t,n){pe[e]&&u(pe[e],(e=>{e.call(o,t,n,ut)}))},Ct=function(e){let t=null;if(wt("beforeSanitizeElements",e,null),St(e))return _t(e),!0;const n=st(e.nodeName);if(wt("uponSanitizeElement",e,{tagName:n,allowedTags:Ne}),e.hasChildNodes()&&!Rt(e.firstElementChild)&&_(/<[/\w]/g,e.innerHTML)&&_(/<[/\w]/g,e.textContent))return _t(e),!0;if(e.nodeType===J)return _t(e),!0;if(Me&&e.nodeType===Q&&_(/<[/\w]/g,e.data))return _t(e),!0;if(!Ne[n]||Ce[n]){if(!Ce[n]&&Dt(n)){if(we.tagNameCheck instanceof RegExp&&_(we.tagNameCheck,n))return!1;if(we.tagNameCheck instanceof Function&&we.tagNameCheck(n))return!1}if(Ye&&!qe[n]){const t=re(e)||e.parentNode,n=oe(e)||e.childNodes;if(n&&t){for(let o=n.length-1;o>=0;--o){const r=X(n[o],!0);r.__removalCount=(e.__removalCount||0)+1,t.insertBefore(r,$(e))}}}return _t(e),!0}return e instanceof R&&!Et(e)?(_t(e),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!_(/<\/no(script|embed|frames)/i,e.innerHTML)?(ke&&e.nodeType===Z&&(t=e.textContent,u([fe,de,he],(e=>{t=g(t,e," ")})),e.textContent!==t&&(p(o.removed,{element:e.cloneNode()}),e.textContent=t)),wt("afterSanitizeElements",e,null),!1):(_t(e),!0)},Lt=function(e,t,n){if(Be&&("id"===t||"name"===t)&&(n in r||n in mt))return!1;if(ve&&!Le[t]&&_(ge,t));else if(De&&_(Te,t));else if(!Se[t]||Le[t]){if(!(Dt(e)&&(we.tagNameCheck instanceof RegExp&&_(we.tagNameCheck,e)||we.tagNameCheck instanceof Function&&we.tagNameCheck(e))&&(we.attributeNameCheck instanceof RegExp&&_(we.attributeNameCheck,t)||we.attributeNameCheck instanceof Function&&we.attributeNameCheck(t))||"is"===t&&we.allowCustomizedBuiltInElements&&(we.tagNameCheck instanceof RegExp&&_(we.tagNameCheck,n)||we.tagNameCheck instanceof Function&&we.tagNameCheck(n))))return!1}else if(Ze[t]);else if(_(Ae,g(n,Ee,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==T(n,"data:")||!Ke[e]){if(Oe&&!_(ye,g(n,Ee,"")));else if(n)return!1}return!0},Dt=function(e){return"annotation-xml"!==e&&h(e,_e)},vt=function(e){wt("beforeSanitizeAttributes",e,null);const{attributes:t}=e;if(!t)return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Se};let r=t.length;for(;r--;){const i=t[r],{name:a,namespaceURI:l,value:c}=i,s=st(a);let p="value"===a?c:y(c);if(n.attrName=s,n.attrValue=p,n.keepAttr=!0,n.forceKeepAttr=void 0,wt("uponSanitizeAttribute",e,n),p=n.attrValue,n.forceKeepAttr)continue;if(At(a,e),!n.keepAttr)continue;if(!xe&&_(/\/>/i,p)){At(a,e);continue}if(Me&&_(/((--!?|])>)|<\/(style|title)/i,p)){At(a,e);continue}ke&&u([fe,de,he],(e=>{p=g(p,e," ")}));const f=st(e.nodeName);if(Lt(f,s,p)){if(!We||"id"!==s&&"name"!==s||(At(a,e),p=Ge+p),ie&&"object"==typeof G&&"function"==typeof G.getAttributeType)if(l);else switch(G.getAttributeType(f,s)){case"TrustedHTML":p=ie.createHTML(p);break;case"TrustedScriptURL":p=ie.createScriptURL(p)}try{l?e.setAttributeNS(l,a,p):e.setAttribute(a,p),St(e)?_t(e):m(o.removed)}catch(e){}}}wt("afterSanitizeAttributes",e,null)},Ot=function e(t){let n=null;const o=bt(t);for(wt("beforeSanitizeShadowDOM",t,null);n=o.nextNode();)wt("uponSanitizeShadowNode",n,null),Ct(n)||(n.content instanceof s&&e(n.content),vt(n));wt("afterSanitizeShadowDOM",t,null)};return o.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,r=null,i=null,l=null;if(ot=!e,ot&&(e="\x3c!--\x3e"),"string"!=typeof e&&!Rt(e)){if("function"!=typeof e.toString)throw A("toString is not a function");if("string"!=typeof(e=e.toString()))throw A("dirty is not a string, aborting")}if(!o.isSupported)return e;if(Ue||ft(t),o.removed=[],"string"==typeof e&&(je=!1),je){if(e.nodeName){const t=st(e.nodeName);if(!Ne[t]||Ce[t])throw A("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof b)n=Nt("\x3c!----\x3e"),r=n.ownerDocument.importNode(e,!0),r.nodeType===V&&"BODY"===r.nodeName||"HTML"===r.nodeName?n=r:n.appendChild(r);else{if(!Fe&&!ke&&!Ie&&-1===e.indexOf("<"))return ie&&ze?ie.createHTML(e):e;if(n=Nt(e),!n)return Fe?null:ze?ae:""}n&&Pe&&_t(n.firstChild);const c=bt(je?e:n);for(;i=c.nextNode();)Ct(i)||(i.content instanceof s&&Ot(i.content),vt(i));if(je)return e;if(Fe){if(He)for(l=se.call(n.ownerDocument);n.firstChild;)l.appendChild(n.firstChild);else l=n;return(Se.shadowroot||Se.shadowrootmode)&&(l=me.call(a,l,!0)),l}let m=Ie?n.outerHTML:n.innerHTML;return Ie&&Ne["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&_(q,n.ownerDocument.doctype.name)&&(m="\n"+m),ke&&u([fe,de,he],(e=>{m=g(m,e," ")})),ie&&ze?ie.createHTML(m):m},o.setConfig=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};ft(e),Ue=!0},o.clearConfig=function(){ut=null,Ue=!1},o.isValidAttribute=function(e,t,n){ut||ft({});const o=st(e),r=st(t);return Lt(o,r,n)},o.addHook=function(e,t){"function"==typeof t&&(pe[e]=pe[e]||[],p(pe[e],t))},o.removeHook=function(e){if(pe[e])return m(pe[e])},o.removeHooks=function(e){pe[e]&&(pe[e]=[])},o.removeAllHooks=function(){pe={}},o}();return oe}))
タイトルとURLをコピーしました