–
※チャットノベル形式となります
000
–
スマホでココフォリア素材を
使う方法について
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
今移動中だ。
あと30分後に卓だ。
その為、
スマートフォンから
即席部屋を作りたい
緊急事態ですね…
手早く作成する方法を
お伝えします。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
–
–
あと、先にココフォリアで
まっさらな部屋の画面を
別タブで作る事を
おすすめします。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
–
完成図
スマートフォンでは凝った事をしにくいので
Booth素材を貼り付けるのみで
簡単に素早く作ります
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-1-576x1024.jpg)
スマホの使用端末について
androidでの操作は行っておりません…
此方の方法であれば出来るかと思いますが、iPhone用の記事とお考え下さい
まず使っているのは
iPhoneですか?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
androidだが、
そう言うと思って、
隣にいる方の
iPhoneをお借りした。
なんてことを…
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
後で
謝礼金送るので
お名前とか住所とか
控えて下さいね…?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
BOOTHでお借りした素材について
今回もKIKO様の
素材をお借りして説明しますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-576x1024.jpg)
ダウンロードの流れ
では、ダウンロードを
押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
ダウンロードを押すと、
何か表示が出てきた
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-2-576x1024.jpg)
ダウンロードで
大丈夫です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
ダウンロードされたファイルの場所
①左下の文字サイズ設定ボタンの右にある「↓」をクリック
②ダウンロードの「↓」をクリック
③ココフォリア部屋ダウンロードのZipがあるのを確認
④クリック
ファイルは左下の
「あぁ」の右にある
やじるしを押し、
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
ダウンロードの「↓」をクリック、だな
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-3-576x1024.jpg)
すると該当のZipファイルが
あると思います。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
–
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-4-576x1024.jpg)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
あるな
では、
それをタップして
ダウンロードフォルダの
ページへ飛びましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
–
iCloud Drive ダウンロードフォルダ内での操作について
先程ダウンロードした
Zipがあるので、
それをタップしてください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-5-576x1024.jpg)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
青いフォルダが
出てきたんだが…?
Zipという圧縮ファイルを
展開して
使える状態に
変換したのが
青いフォルダです。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
なら、
この青いフォルダを
押せばいいのか
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-6-576x1024.jpg)
そうです。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
–
素材の規約や説明について
フォルダ内にある事前説明は、
素材配布者様とのお約束事ですので
必ず読んでからのご利用をお願いいたします。
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-7-576x1024.jpg)
まず、中にある
テンプレ―ト素材についてを
読んでください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
前景サイズは
30×20が
綺麗に収まる…成程…
今回、
40×30前景サイズで
説明する気しかなかった…。
デフォルト前景でも合う
サイズ確認しよう。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
–
スマホでのドラックアンドドロップのやり方
ドラックのやり方
左手(利き手ではない方)で画像を長押しし、
左下端に置くと、画像をドラック状態
(貼り付け準備状態)に出来る
では少し難しいと思いますが、
左手で使いたい画像を
長押しして、
左端において下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-34-576x1024.jpg)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
左端にしっかり固定された
感じがする
それで
ドラックは
完了です。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
指を離していいか?
駄目です。
何のためのドラックですか
頑張ってください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
左手は添えたまま、
右手だけで
ココフォリア画面まで
行けと?
察しが良いですね!
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
ホームボタンを
高速で2回押して、
開いているであろう
ココフォリア部屋に
辿り着いて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-33-576x1024.jpg)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
…思ったより簡単だな?
ココフォリア部屋に辿り着いてからの手順(ドラック&ドロップの仕方)
①ルームチャットは閉じる
②固定していた画像を、ココフォリア譜面に貼り付ける
③画像が貼り付く
–
スマホ版だと
開いてすぐは
ルームチャットしか
見えないので閉じて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-35-576x1024.jpg)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
閉じた。
–
–
では、
やっと左手です。
画像を長押しした状態で、
ココフォリア盤面に行き
手を離してください。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-37-576x1024.jpg)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
長い…旅だった…
–
–
–
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
何か出てきたが
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-12-576x1024.jpg)
OKをおすすめしますが、
動く画像の場合は
キャンセル必須です。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
ならOKだな
–
–
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
……!
貼れた…!
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-13-1-576x1024.jpg)
良かった…!
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
–
スマートフォンでの前景の挿入について
基本操作はパソコンと本当に一緒です。
スマートフォンの方がやり難かったり、
操作を間違えると画像が、宇宙空間に飛んだりします。
その為、何をするたびに画像固定をして下さい
前景が分かりにくいので
適当に
白背景入れましょうか。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
ペンのボタンから、
前景・背景を変更で良いんだな?
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-14-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
で、前景を選択
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-15-576x1024.jpg)
–
スマートフォンからなら、
長押しで画像保存できるので
これおいておきますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/白背景-1024x768.jpg)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
助かるが
もう調達済みだ
へぇー-?
そうですか
なら早くやって下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
仕方がない、
早急に済ませよう
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-16-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
此処からは
どうするんだ?
…しょうがないなぁ!
長押しするとメニューが
出てきますよ
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
そうか!助かった!
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-17-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
メニューから
編集を押せば良いんだな?
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-18-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
このパネル設定で
サイズを変える、と
スマホでも
画像引き延ばしは
出来なくもないんですが…。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
操作に慣れてないと
事故多発するので
数値で変更をおすすめします。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-19-576x1024.jpg)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
どう変えれば…?
–
デフォルト背景比率だと
横112の縦31が
合いました
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-20-576x1024.jpg)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
…こう、だな?
はい
それで保存を
押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
出来ているな!
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-21-576x1024.jpg)
これで一先ず、
前景とサイズ調整は
大丈夫です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
–
スクリーンパネル素材の配置固定について
スマートフォンからお部屋を作る場合は
必ず配置固定をして下さい。
直すのがとても大変です。
あと配置固定は
しておいてください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
これも長押しで
メニューを出して
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-22-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
配置固定で良いんだな?
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-23-576x1024.jpg)
はい、
それで完璧です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
スマートフォンでの背景の入れ方、探し方
オーダンで「空」や「自然」と検索し、
出てきた画像を背景に使う!
空と自然は万能調味料。
色合いは似た物の方がしっくりくる!
–
あとはオーダンで
「夜空」とか入れて
出てきた画像を
背景として使えば
部屋っぽくはなります
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-24-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
このサイトだと
フリー素材なのか?
規約がまちまちですが、
フリー素材を
集めたサイトなので
安全な画像が多いです
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
とりあえず、
一番上の空にする
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-25-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
別サイトに飛んだな
長押しでも持ち帰れますが、
マナーとして
download freeを
押して持ち帰りましょうね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-26-576x1024.jpg)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
出来た。
–
–
背景画像の挿入し方(前景とほぼ変わらない為、省略ぎみ)
あとは前景と
同じような方法で
ぱぱっと貼り付ければ
完了です!
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
ペンを押して、
前景・背景の変更を押す
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-27-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
背景選択
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-28-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
画像を「+」を押して挿入して、
出てきた画像を選択
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-29-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
「適用」をタップ
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-30-576x1024.jpg)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
これでどうだ
![](https://sazano123.com/wp-content/uploads/2022/05/Zipファイルをタップして-展開する-31-576x1024.jpg)
良かった…!
OKです!
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
–
終わり
あとはログアウトして、
隣の方に
スマホを返せばいいですね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
いや、この隣の方が
今から卓だが?
え?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
ただ慈善活動を
していただけだ
な、成程…?
確かに主語は
言ってなかったか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
–
関連記事一覧
ココフォリアでの部屋の作り方(シーン分けやはじめの一歩編)
![](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-2021-10-19T231031.792-1024x538.png)
–
ココフォリアでの部屋の作り方(スクリーンパネル編)
![](https://sazano123.com/wp-content/uploads/2022/02/名称未設定のデザイン-8-1024x538.jpg)
ココフォリアの部屋の作り方、マーカーパネル素材の使い方。
![](https://sazano123.com/wp-content/uploads/2023/01/image-4-1024x538.png)
ファンブルとクリティカルのカットインの作り方は此方
![](https://sazano123.com/wp-content/uploads/2022/01/Enter-to-win-12-1024x576.jpg)
ココフォリア部屋の小技。システム音の作り方、@アットマークの使い方、差分の切り替え方について
![](https://sazano123.com/wp-content/uploads/2023/01/image-5-1024x538.png)
インスタントココフォリア部屋、部屋Zip素材まとめ、お部屋がドラックアンドドロップで何もしなくても完成できる!ZIP部屋の作り方、おすすめのココフォリア部屋素材まとめ
![](https://sazano123.com/wp-content/uploads/2022/10/image-1-28-1024x538.webp)
立ち絵瞬きAPNGの作り方
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-21-1024x538.jpg)
–
TRPGのリプレイ動画や配信画面の作り方
![](https://sazano123.com/wp-content/uploads/2022/02/music-5-1024x538.jpg)
ココフォリア初めてのPLさんに必要なところだけ教える為の記事。KPやDLの際にPLさんにぜひ!サンプルのキャラシ。クトゥルフ神話TRPG6版、エモクロアのサンプルキャラクターデータ。キャラクターコマの作成仕方、チャットパレットの出し方、ダイスの振り方、秘匿チャットのやり方、ログの保存し方。
立ち絵ディスプレイの作成し方
クトゥルフ神話TRPG第六版の説明
![「TRPGって何?」超初心者向けの簡単なやり方と実践準備編。いあキャラでのキャラクター作成、ココフォリアの使い方から、チャットパレットの設定まで。ルールブックとシナリオさえあれば、すぐ遊べる手前までチャットノベル形式で紹介!(前編)](https://sazano123.com/wp-content/uploads/2021/03/Simple-Work-Blog-Banner-1-1024x576.png)
–
–
すぐ立ち絵を準備しないといけない貴方へ!
![](https://sazano123.com/wp-content/uploads/2022/05/Picrew全身立ち絵メーカーを-まとめてみた-1-1024x538.png)
–
–
–TOP
–
–