#30 インスタ風LPの制作 スマホ版

インスタ風 プログラミング
インスタ風

インスタグラムで1枚の写真を切って貼り付けている画面を見たことがありませんか?
とても綺麗で見やすくついつい「いいね」を押してしまいますね。そんなページを作ってみたいという人に作成方法を解説します。

まず Instagram が使える状態にしましょう。

カットする写真を選びましょう。写真は横長より縦長の方が良いです。

次は写真をカットしますスマホを使う場合は 「GRID it」 というアプリをインストールしましょう。

グリッド

PC を使う場合はこちらです。

それではGRID it の使い方から説明していきます。

アプリを立ち上げたら真ん中をタップ。

グリッド

次に「3*1」「3*2」「3*3」「3*4」を選べるので、好きなものを選びましょう。今回は「3*4」で行います。選んだら右上の「NEXT」をタップします。

グリッド

カットする写真を選択しましょう。選択したら、画像位置を調整しましょう。決まったら右上の「切り取り」をタップします。画像が切られます。①~から投稿することになるので順番が大事です。

グリッド

「SAVE ALL」をタップすると、端末に1枚1枚が保存されます。

あとは順番通りに投稿していきましょう。横が3列なので、さらに1つ投稿するとレイアウトが崩れるのでご注意ください。

完成はこのようになります。

インスタ風

どうですか?みんなにアピールして自分だけのページを作っていきましょう!

関連記事

PCで写真をカット インスタ風なページを制作しよう!

コメント

  1. […] スマホ版はこちら […]