2019年12月15日

pomu.meの代わりになりそうなペライチを使ってみる・その3 画像を変えてみる


登録までは、pomu.meの代わりになりそうなペライチを使ってみる・その1
登録後、ページを作る話はpomu.meの代わりになりそうなペライチを使ってみる・その2
で書いています。

ここ・その3では、
パソコンでページを作る際に適当に入れた画像を
スマホから、自分の設定したい画像に差し替える作業をした話を書きます。

ページを作るまでで力尽きたので、かなり間が空いてしまいましたが…
やってみたらとても簡単だったので、これまでよりも短い記事になっております。

pomu.meの代わりは作りたいんだけど、まずは登録どうすればいいの?
という方は、まずはペライチのサイトに登録するところからになります。





登録方法と簡単なポムミーっぽいページの作成は、すでに過去に書いているので
こちらの2つをどうぞ。

pomu.meの代わりになりそうなペライチを使ってみる・その1(ペライチに登録~最初のページ作成レッスン、チュートリアルとか説明にあたるものを終えるまで)
pomu.meの代わりになりそうなペライチを使ってみる・その2(説明を聞いたあと、pomu.meのようなページを作っていく)

画像の差し替えだけでいいって方はこのまま下へどうぞ。


*----------*


まずはスマホからペライチにログイン…と言いたいところですが
画像の準備を先にしましょう。

一気に進めようとしたら
画像の切り抜き(トリミング)や加工などの編集が、InstagramやTwitterみたく画像選択後にできなかったため
一度止めて、画像を作らなきゃいけなかったので
あらかじめ選んで、大きさを合わせたものを作っておけばよかったな…と思ったからです。

すでに準備済みだったり、一度画像を置いてみてから切り抜く部分を決めたい!という方は
ここは飛ばしてログインしましょう。


*----------*

では改めてログイン。

PicsArt_12-15-01.46.55.jpg

PCと同じアカウントでChromeを使っている方は
パスワードなどを保存していると、ここで自動入力されています。

ログイン後の画面に出てくるのは、自分が作ったページ。
だいたいの方は、

◆ページ作成レッスンで作ったページ
◆自分で作ったページ


の2つがあるかと思います。


PicsArt_12-15-01.47.35.jpg

この中から、画像を変えたいページの
【ページ編集】
をタップして、
先日も見た編集画面に移動します。


*----------*

PicsArt_12-15-01.48.27.jpg

あの時はPCから入れられる画像を入れたので、
冬なのにかき氷がお迎えしてくれています…。

美味しいかき氷であっても、できれば夏とかの暑い時期に見たいものであり
せっかくお菓子や食べ物のことも書いているブログをやっているのだから、季節に合わせたものにしたいですね。
それか季節関係ない画像。

この画像を変えるために、かき氷をタップして
【画像の設定】を開きましょう。

PicsArt_12-15-01.48.52.jpg

【画像を選択してアップロード】をタップし、
使いたい画像をスマホの中から選んで…

PicsArt_12-15-01.49.26.jpg

タップすると設定されます。

ツイやインスタだと、アップする前のここら辺で編集できますが…
ペライチには画像編集機能がないので、そのまま設定されます。

画像を編集したけどイメージ通りにならなかった…。
さっきはどんな風になるか想像できなかったから画像を作ってないけど、今は分かった!

という方は、ここで画像編集とペライチでの設定を繰り返し
イメージ通りになるように近づけていきましょう。

一番上(ヘッダー)とアイコン部分以外に、
リンクを繋げてるボタンの背景にも画像を設定できます。

さっき載せた画像を設定すると、

PicsArt_12-15-05.45.10.jpg

こういう風に表示されます。
ここは縦の幅が決まっているようなものなので、サイズ調整などの難しい編集は必要ないですが
表示させる部分が決まっている場合は、あらかじめ編集しておかなければいけません。

色が多すぎて目がチカチカする…と感じてしまう場合は、画像の色を淡くすると

PicsArt_12-15-05.42.10.jpg

うまく背景っぽくなるので綺麗に見えます。
フィルター・画像調整・画像と別レイヤーにエアブラシを使ってフィルターを作る...などなど
人によってやり方は様々なので
ご自身にあったやり方でやってみてください。

*----------*

しかしこの設定した画像、

PicsArt_12-15-05.32.16.jpg

表示のされ方が大きいですね…。
編集画面じゃなく、プレビューから見てもこの大きさです。

ヘッダー部分というのは、pomu.meでもちょっと大きめでしたが
これは明らかに大きすぎます。スマホから見づらいです。


画像のサイズを小さくして、表示を小さくできないか試してみましたが
1000近くある縦幅を300とかにしても全然小さくならなくて…。

なにか他のメニューで変更できないか?と
PCから探してみたところ

【画像/動画】→【画像】ではなく、
【メイン】→【背景画像】

を使って画像を置くことで
ほんの少しだけ小さく表示できました!

比較画像はこちら。

IMG_20191215_171919.jpg


ただし、画像の上下が少し切れているので
もし表示させる画像にこだわりがあるなら、あらかじめ編集などをして
プレビューで確認して調整するのがいいです。


アイコンにも画像を設定したら
スマホから見た際、上の画像と並んで大きい画像で表示されてしまったので

ポムミーやツイみたいに丸く切り取った画像を
上と同じやり方で設定しました。

これなら大丈夫なはずだと信じ、いざプレビューです!

Screenshot_20191215_175307.jpg

やっと全体的にポムミーっぽいページが作れましたー!(*´∀`*)






*----------*


pomu.meの代わりとして使う場合の設定は、このあたりで終わりです。

ここからは、pomu.meっぽさを求めるのではなく
pomu.meっぽくしたあと、やってみたくなったことを触っていくので

pomu.meっぽいのが作れればいいかな…という方は、ここまでで十分かと。

一番上に出す画像のサイズを、もう少し小さくできる方法が見つかったら
ここに追記するか、新しく記事作って書きますね。

posted by 碧乃 at 17:55| Comment(0) | ブログ関連 | このブログの読者になる | 更新情報をチェックする