影のある男はカッコイイ。
ということで人気のシルエット素材を作ろうと思った、Linustock(ライナストック)編集部です。
こんにちは。
今回は人気のシルエット素材をブラウザ上(Webサービス)で作ってしまおうという内容です。
しかもサササッと30秒くらいで。
便利な世の中になったもんです。
- オススメ度/ ★★★
- STEP/ 3
- 作業時間/ 30秒
- 使用イラストID/ swf00002
- 作業機/ Webブラウザ
※作業時間は、あくまで目安となります。
※わたくしどもはPhotopeaとは一切関係がございません。サービスを利用することにより発生したトラブル・問題などについては一切の責任を負いかねます。予めご了承ください。
STEP.1
Photopeaについて
皆さんはPhotoshopとかSketchに似た機能をブラウザ上で利用できる方法をご存知ですか?
さらに言うと会員登録すらいらなくて、ページを開けばすぐに使えるんです。
実は、そんな夢のようなWebサービスが、あるんです。
PhotopeaというWebサービスです。
安心してください。
無料です。
しかも動作が軽い。
しつこいようですが、会員登録不要です。
技術的な話しをしてしまえばFlashすら必要としていないため、Flashのインストールすら不要です。
ページを開いて読み込みさえ終われば、とにかくすぐに使えます。
やったね。
↓↓↓ こちらです。 ↓↓↓
https://www.photopea.com/
「うわー、英語かよー」と思った方。
そんな毛嫌いしないで、最後までお付き合いください。
とっても簡単です。
それでは、このPhotopeaを使って、シルエット素材を作ってみましょう。
STEP.2
LinustockからCOLOR PNG素材をダウンロードしよう。
正直に言ってしまうと当サイトからダウンロードしないでも、他のサイトの素材でもシルエット素材は作ることができます。
でも、せっかくなので当サイトからシルエット化したい素材を探してみましょうよ〜。
※ちなみに今回のシルエット化で必要なファイルは「COLOR PNG」となります。
もし見つからなくても無料リクエストもできますから〜。
さあ素材の準備ができましたか。
そこの前髪パッツンの人、次進んでイイですか〜?
OK。
では早速、シルエット化の仕方。
皆さんのまばたきより早く終わらせるつもりです。
嘘です。
STEP.3
Photopeaの使い方(シルエット化の仕方)
- 1ファイルの読み込み
Photopeaのサイトを開いたら、
下記画面が表示されます。
先ほどダウンロードしたファイルを、直接ドラッグ&ドロップするか、上記の「Open From Computer」(黄色枠内)をクリックしてファイルを選択してください。
- 2色付け(シルエット化)手順①
下記、黄色枠内にて右クリックすると、何やらボックスが出てきます。
上記のピンク枠内のBlending Optionsを選択してください。
- 3色付け(シルエット化)手順②
現在、Layer Stylesというボックスが表示されているかと思います。
上記のColor Overlay(黄色枠内)を選択すると、
上記、ピンク枠のような項目が表示されます。
ここのBlend ModeおよびOpacityはそのままで大丈夫です。
ピンク枠内のみクリックしてください。
- 4色付け(シルエット化)
はい、Color Pickerというボックス(黄色枠)が表示されているかと思います。
こちらで黒色(別の色でもOK)を選択してください。
選択できたらOKを押してください。
できましたか?
シルエット化された、画像が表示されてますか?
さあ、残るは保存方法のみです。
一旦、CMで〜す。(グラサン風)
STEP.3
Photopeaでの画像の保存方法
STEPを分けましたが、一個のボタンを押せば保存ができてしまいます。
さて、ここで問題です。
どのボタンでしょうか。
正解は、
ピンクの枠内「Get PNG」をクリックすることでシルエット化された素材が保存されます。
以上で、シルエット素材ができたかと思います。
チャチャチャッとできてしまいましたね。
ラチャチャ。
むすび
皆さんイメージ通りのシルエット素材ができましたか?
中々、イメージ通りのシルエット素材が見つからないことがあるので、こうやって無料のWebサービスでサクッと加工ができるとありがたいですね。
無料Webサービス(Linustock)から無料Webサービス(Photopea)へのバトン。
完璧な無料リレーでした。
むしろシルエット素材に限らず、最近Photoshopが重いよーとか、Photoshop高いよーとか感じる方で、軽微な画像加工をする場合はとっても便利だと思います、Photopea。
色々いじくりまわしてみましょう。
このWebサービス(Photopea)、
星3つです!(巨匠風)