自社商品の良さetc.を伝えるために「文字」は必須ですが、文字だけでは読み流されてしまい、なかなか印象に残りません。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4100.jpg?resize=880%2C880&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4101.jpg?resize=880%2C880&ssl=1)
・「文字」のみ
・「文字+画像」
を比較すると、画像ありの方が印象に残ります。
また、文字だけでは伝えきれない雰囲気も伝えることができます。
そこで素敵な写真を用意したいのですが
- 小物等を買ってきて自分で撮影するのは大変
- フリー素材でハイクオリティな画像って無いよね?
- 商用利用不可なのでは?
と心配になりますね。
そこでおすすめなのがフリー素材サイトUnsplash(アンスプラッシュ) です。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4090.png?resize=880%2C612&ssl=1)
【Unsplash(アンスプラッシュ)のメリット】
- 無料
- 商用利用可
- クレジット表記不要
- 使用報告不要(クレジット表記してくれると嬉しい)
- プロのフォトグラファーが撮影している
- 高画質
- 高品質
- 画像数が多い
- 加工可能
- アプリ版がある
フリー素材のサイトはたくさんありますが、その中でもUnsplash(アンスプラッシュ)は圧倒的なクオリティ&使いやすさです。
【Unsplash(アンスプラッシュ)の注意点】
- 日本語での検索は不可
- 画像サイズは不統一
- イラスト画像は無い
日本語検索は出来ませんが、簡単な英語を使う、もしくは翻訳サイトで翻訳して使ってみましょう。
【今回使用するもの】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4095.jpg?resize=880%2C662&ssl=1)
- iPad
- Procreate(プロクリエイト) お絵描きアプリ
- Unsplash(アンスプラッシュ) フリー素材サイト
CONTENTS
【テキストを書く】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4097.jpg?resize=880%2C672&ssl=1)
今回は例として「Unsplash」という文字にオシャレな写真を配置してみます。
【Unsplashで写真を探す】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4048.jpg?resize=880%2C672&ssl=1)
Unsplash(アンスプラッシュ)を開きます。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4049.jpg?resize=880%2C672&ssl=1)
検索ボックスに、探したいイメージに関する単語を英語で入力します。
今回は紫色をベースとした写真を探したいので「purple」と入力してみます。
紫を基調とした写真が一覧で表示されました。
下側にスクロールすると更に多くの写真を見ることが出来ます。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4050.jpg?resize=880%2C672&ssl=1)
今回は猫の写真を使用してみます。
【写真をダウンロードする】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4051.jpg?resize=880%2C672&ssl=1)
写真をタップすると、下向き矢印のダウンロードボタンが表示されます。
下向き矢印をタップします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4052.jpg?resize=880%2C672&ssl=1)
ダウンロードをタップします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4053.jpg?resize=880%2C672&ssl=1)
ファイルアプリを開いて、ダウンロードされているか確認します。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4054.jpg?resize=880%2C672&ssl=1)
ダウンロードフォルダに保存されています。
【写真を貼る】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4055.jpg?resize=880%2C672&ssl=1)
お絵描きアプリProcreate(プロクリエイト)を立ち上げます。
テキストの下に画像を配置するので、テキストレイヤーの1つ下のレイヤーをタップして選択状態にします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4104.jpg?resize=880%2C672&ssl=1)
左上のスパナマーク「アクション」→「追加」→「ファイルを挿入」をタップします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4057.jpg?resize=880%2C672&ssl=1)
Unsplash(アンスプラッシュ)からダウンロードした写真をタップして選択します。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4058.jpg?resize=880%2C672&ssl=1)
キャンバスにダウンロード画像が取り込まれました。
【写真を加工する】
取り込んだ写真をキャンバス内にいい感じに配置していきます。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4058-1.jpg?resize=880%2C672&ssl=1)
写真の四隅の●をドラッグしてサイズ調整します。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4059.jpg?resize=880%2C672&ssl=1)
キャンバスサイズからはみ出して調整することも可能です。
はみ出した部分はカットされます。
いい感じになったら画面左上の矢印マークをタップして、選択状態を解除します。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4060.jpg?resize=880%2C672&ssl=1)
写真をキャンバスいっぱいに配置できました。
【文字デザインを調整する】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4061.jpg?resize=880%2C672&ssl=1)
写真はいい感じに配置できましたが、このままでは文字が写真に埋もれてしまっています。
文字が引き立つように調整していきます。
今回は彩度が暗めの画像を使用しているので、文字色をホワイトにして目立たせてみます。
元データは残したまま調整用の文字データを作りたいので、テキストレイヤーを複製します。
レイヤーを左スワイプすると「複製」ボタンが表示されるのでタップして複製します。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4062.jpg?resize=880%2C672&ssl=1)
テキストレイヤーが複製されました。
テキストデータのままだと加工できないので、イラストデータに変換していきます。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4063.jpg?resize=880%2C672&ssl=1)
「フラット化」をタップします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4064.jpg?resize=880%2C672&ssl=1)
テキストデータ → イラストデータに変換できました。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4065.jpg?resize=880%2C672&ssl=1)
今回は「黒→白」への変更なので「反転」をタップします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4066.jpg?resize=880%2C672&ssl=1)
文字の色がホワイトになり、引き立ちました。
【画像の周りに枠をつける】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4098.jpg?resize=880%2C880&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4101-1.jpg?resize=880%2C880&ssl=1)
【before】の画像でもいいのですが【After】の枠あり画像にする場合は、もう一手間かけます。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4067.jpg?resize=880%2C672&ssl=1)
全てのデータを一括でサイズ変更するために、まずは「グループ化」します。
グループ化する全てのレイヤーを右スワイプ→グループをタップします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4068.jpg?resize=880%2C672&ssl=1)
「新規グループ」」にグループ化されました。
下向き三角をタップすると折りたたむことができ、扱いやすくなります。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4069.jpg?resize=880%2C672&ssl=1)
↑折りたたんだ状態です。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4070.jpg?resize=880%2C672&ssl=1)
画面左上の矢印マークをタップして選択します。
画像の四隅の●をドラッグしてサイズ調整します。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4071.jpg?resize=880%2C672&ssl=1)
いい感じに調整出来たら矢印マークをタップして選択状態を解除します。
今回は「背景色レイヤー」にデフォルトで入っている白色塗りつぶしレイヤーをそのまま「枠」として利用しました。
写真全体が白い枠で囲まれている状態になりました
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4072.jpg?resize=880%2C672&ssl=1)
画面左上のギャラリーをタップして、作業を完了させます。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4073.jpg?resize=880%2C672&ssl=1)
Procreateのギャラリー一覧に保管されました。
【データを取り出す】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4074.jpg?resize=880%2C672&ssl=1)
今回はTwitterやInstagram、blogなど、何にでも利用しやすいJPEG(ジェイペグ)形式で画像を取り出していきます。
取り出したい画像を選択し、「共有→JPEG」をタップします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4075.jpg?resize=880%2C672&ssl=1)
今回は写真アプリに取り出したいので「画像を保存」をタップします。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4076.jpg?resize=880%2C672&ssl=1)
写真アプリに保存されているか確認します。
写真アプリをタップして開きます。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4077.jpg?resize=880%2C672&ssl=1)
写真アプリに保存されています。
【完成】
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4100-1.jpg?resize=880%2C880&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4101-2.jpg?resize=880%2C880&ssl=1)
印象的な画像になりました。
【追記】更に微調整した例
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4102.jpg?resize=880%2C880&ssl=1)
さきほど完成した画像の文字を、更に少しだけ加工した例です。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4482-1.jpg?resize=880%2C880&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4480-1.jpg?resize=880%2C880&ssl=1)
影をつけたり、光彩の加工をしたりする方法は上記で紹介しています。もし良かったら併せて参考にしてみてください。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4105.jpg?resize=763%2C1024&ssl=1)
以上、圧倒的クオリティのフリー素材サイトUnsplash(アンスプラッシュ)を使って文字を引き立たせる方法の紹介でした。
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_4123.jpg?resize=880%2C352&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_2581-1.jpg?resize=880%2C380&ssl=1)
![](https://i0.wp.com/rappor-home.com/wp-content/uploads/2022/07/img_2582-1.jpg?resize=880%2C346&ssl=1)
Amazonのアソシエイトとして、当メディアは適格販売により収入を得ています。