トップ > メモ > フリー素材でホワイトデーをどうにかする（技術力低め）

フリー素材でホワイトデーをどうにかする（技術力低め）

メモ

概要

See More

　もらったので返します。

経緯

　ホワイトデーのお返しといえば菓子ですが、俺は甘いものをあまり食べないので何がよいのか分かりません。一方嫁さんは割とこだわりがある方です。

　なので去年はこういうものを作りました。

　お返しに好きなものを選べるのはもちろんのこと、俺の拒否権を剥奪できる効果が大変好評でした。俺もわざわざ高い金出して食べたいと思わないだけで甘いものは好きだし、いい機会ではありました。

　これはリボン画像だけフリー素材で探してPowerPoint Onlineで作成したのですが、如何せん俺のセンスの無さが炸裂してしまっているので今年はもうちょっと格好良く作りたいなと。

Freepik

f:id:baumkuchen:20170313182038p:plain

　Freepikはフリーのベクタ画像集サイト。

　ベクタ形式の画像とは、なんかこう、座標指定とか計算式で描かれたオブジェクトの集合体でできたあれです。Illustratorとかで描きます。

　いいの。よく分かってなくても。技術力低くてもできるやつだからこれ。

　さて。なんか色々フワフワしたまま進めます。

　Freepikにはいい感じのテンプレートが大量にありますので、適当に好みのやつを探します。海外サイトなのでホワイトデーのテーマはありませんが、バレンタインデーやクリスマスはひとつのカテゴリとしてあるので、その辺を漁るといいでしょう。

　俺は猫が好きなのでこれを土台にします。画像ごとに利用方法がまちまちのようですが、個人利用は多分どれもフリー。この画像はfreepikデザインで「著作者名表記で無料使用可」と書いてありますので、商用ではありませんが一応書いときましょう。→ ©freepik

Inkscape

　ダウンロードするといくつかファイルがあります。jpeg画像とベクタ形式の.aiおよび.epsファイル。.aiがIllustratorの標準形式で、.epsが汎用フォーマットだとか。

　もちろんIllustratorなんか持ってませんので、ベクタ画像が編集できるフリーソフトを探したらInkscapeというのがありました。

f:id:baumkuchen:20170313185729p:plain

　ダウンロードはこちら。 → https://inkscape.org/ja/download/

　なんかよく分かりませんが.epsは開けず、.aiは開けました。

f:id:baumkuchen:20170313190401p:plain

　ファイルオープン時にインポート設定を聞かれますが、なんかよく分からないのでデフォルトのままにします。 

f:id:baumkuchen:20170313191146p:plain

　はい。

　以降もなんかよく分からないまま進んでいきます。

加工

　開いたはいいものの、俺はInkscapeの使い方はさっぱり分かりません。 

　とりあえずバレンタインじゃないし、Freepikのロゴは入ってるし、ハートマークだらけなのも性に合わないのでこの辺を除去することを目標とします。

　ベクタ画像の良いところは各要素が一枚絵ではなく別々のオブジェクトとして存在していることで、つまり簡単に分離ができるんですね。PowerPointのスライドみたいなもんです。

f:id:baumkuchen:20170313192309p:plain

　ダウンロードした状態ではオブジェクト単体に触れなかったので、メニューを探したら「グループ解除」ってのがありました。個々のオブジェクトがひとかたまりのグループにされている状態なので、そのグループをクリックして選択した状態でグループ解除してやると。 

f:id:baumkuchen:20170313193010p:plain

　はい。

　文字列だけ単体のオブジェクトとして選択できるようになる。これで文字列を書き換えたり拡大縮小も可能ですが、とりあえず消しちゃう。

　ハートマークなんかは別のグループ化がされていたので、さらにグループ解除をする必要がありました。適当にばらしていきます。

f:id:baumkuchen:20170313205502p:plain

　ドラッグ範囲選択でまとめて選んで上の方にずらす。消さなかったのは何となく。

　ここからInkscapeで文字を埋め込んでもいいんだけど、使い方よく分かんないので要らんものを避けた時点でpngの一枚画として保存。だから技術力ないんだってば。

　pngにはファイルメニューからエクスポートできます。

Paint.net

　あとは使い慣れた画像加工ソフトで適当な大きさに切り出したり文字を埋め込む。フリーならGIMPあたりが定番ですが、俺はPhotoshopにインターフェースが似ているPaint.netが好きです。Photoshopは仕事でたまに使うので。

f:id:baumkuchen:20170313211643p:plain

　チケット状に切り出して

f:id:baumkuchen:20170313211423p:plain

　文字を入れたら出来上がり。使用日欄とかあるとそれっぽいです。

　去年のフォントはメイリオを使ったんですが、どうしてもプレゼン資料っぽさが拭えないのでCFONTさんのまーと細角ゴシックかなを使いました。漢字はないのでチケット名がなげやりです。

印刷

　プリンターのインクが切れていたのでセブンイレブンのコピー機にデータを持ってって印刷しました。「インクを買い換えるよりプリンタまるごと買ったほうが安い」と言われて久しいですが、最近はもうコンビニで十分だなーと思います。

f:id:baumkuchen:20170313212401j:plain

　L版の写真プリントで印刷。写真用紙の方が丈夫だし、L版ぐらい小さいほうが財布に入れやすくてよいかなと。プリント代も安いし。

f:id:baumkuchen:20170313213031j:plain

　切り抜いて出来上がり。

　去年は3枚作りましたが、俺も一緒に食べなくてはならないことを失念しており、予算が3倍どころか7倍返しぐらいになったので今年は1枚になりました。

　まあ口約束でもいいんですけどね。形にすると結構喜ばれます。おわり。