みなさんこんにちは!おさかなです!
今回は「Photopea」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・XD、AI、PSDファイルが編集できるソフトを探している方
・無料デザインソフトを探している方
・Web上で、サクッと画像編集したい方
「Photopea」って何?
「Photopea」とは、Webブラウザ上で使用できる、無料のデザインソフトのことです。.PSD、.AI、.XDなどのデザインデータから、.PDFまで、様々な拡張子に対応!画像編集にもおすすめです!(便利〜)
![](https://osakanav.com/wp-content/uploads/2022/10/ppon-top-160x90.png)
実際に使ってみよう!
それでは早速サイトにアクセスしましょう!
![](https://osakanav.com/wp-content/uploads/2022/12/photopea.png)
(雪降ってる…⛄)
![](https://osakanav.com/wp-content/uploads/2022/12/photopea.gif)
デザインデータを読み込む場合
すでに「PSDファイル」などがある方は、ドラック&ドロップで、データをアップします。(えい!)
![](https://osakanav.com/wp-content/uploads/2022/12/HXsgHz20l7A4utJ1671613373_1671613386.png)
新しいデザインを作成する場合
新しいデザインを作る場合は、「新規プロジェクト」をクリック!
![](https://osakanav.com/wp-content/uploads/2022/12/HXsgHz20l7A4utJ1671613373_1671613414.png)
すると、このような「ウィンドウ」が表示されます。(ふむふむ…。)
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-new.png)
プロジェクト名・縦横サイズなど、設定の上「作成」ボタンを押します。
![](https://osakanav.com/wp-content/uploads/2022/12/oZC0I2h9zDqyq7X1671613468_1671613480.png)
右側には「テンプレート」もあるので、ぜひご活用ください……!(かわいい🌱)
![](https://osakanav.com/wp-content/uploads/2022/12/sw3LrDHgm6LqhOn1671613557_1671613569.png)
(もうすぐ今年も終わりますね……⛄🎄)
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-snow.png)
何やら、筆者・おさかなに似ている「おばけくん」が登場しました!(生き別れの兄弟!?笑)
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-obake.png)
画像を編集しよう!
デザインの「編集ページ」は、このようになっています。(おお!)
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-edit.png)
右側から「レイヤー」をチェックできます!
![](https://osakanav.com/wp-content/uploads/2022/12/K6bkPSTZqA6L3eN1671613659_1671613670.png)
左メニューからは、「モード切り替え」が可能です。
![](https://osakanav.com/wp-content/uploads/2022/12/K6bkPSTZqA6L3eN1671613659_1671613740.png)
「選択ツール」
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-daen.png)
パーツを分ける「切り抜きツール」
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-cat.png)
自由に描画する「ブラシツール」
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-broush.png)
背景の色変更・塗りつぶしができる「グラデーションツール」
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-baketu.png)
(あー間違えた!おばけくん👻が、塗りつぶされてしまったああ!笑)
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-nuri.png)
文字を編集できる「テキストツール」
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-menu-1.png)
フォントも色々と指定できます!(いいね👍)
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-text.gif)
![](https://osakanav.com/wp-content/uploads/2022/10/ai6g-top-160x90.gif)
「図形ツール」
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-zukei.png)
三角形などは、こちらでサクッと追加できます!(再生ボタンみたいになった。笑)
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-sankaku.png)
一番下の「パレット🎨」を押すと…?
![](https://osakanav.com/wp-content/uploads/2022/12/aJaWwcS6rN1Nbxu1671615267_1671615278.png)
このように「カラー変更」が可能です!(わーい!)
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-color.png)
変更後は、「OKボタン」を忘れずに!(よし!)
![](https://osakanav.com/wp-content/uploads/2022/12/KjgqEmzVx4FR3Rh1671615075_1671615088.png)
(一気に、宇宙人感が増したな……🐙)
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-yel.png)
(こまめに休憩☕)
保存しよう!
作成したデザインを保存する場合は、ページ上部の「ファイル」を選択。(よいしょ!)
![](https://osakanav.com/wp-content/uploads/2022/12/kf5d5fPM4a1XjXr1671613799_1671613811.png)
「PDFとして保存」を押すと、PSDデータとして扱えるようになります。(これはすごい!)
![](https://osakanav.com/wp-content/uploads/2022/12/kf5d5fPM4a1XjXr1671613799_1671613851.png)
「別名で保存」を押すと、PNG、SVG、GIFなど、拡張子別に保存できます!
![](https://osakanav.com/wp-content/uploads/2022/12/photopea-name.png)
ウィンドウが表示されたら、「保存」を押せばOKです!(お疲れ様でした☕)
![](https://osakanav.com/wp-content/uploads/2022/12/A2wNxJdZSxVprIj1671613941_1671613951.png)
『スクエアターミナル』で、お店にキャッシュレス決済を導入しませんか?
↓実際に作成したもの
![](https://osakanav.com/wp-content/uploads/2022/12/template.png)
![](https://osakanav.com/wp-content/uploads/2022/12/template-1.png)
![](https://osakanav.com/wp-content/uploads/2022/12/template-2.png)
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
生き別れの兄弟(おばけくん👻)、新キャラにするか……。
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
やめなさい。笑
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2022/12/predis-top-160x90.png)