スポンサードリンク


2013年11月05日

「イラストを簡単にオーナメント風に加工する方法」と「デコれるクリスマスツリー(緑、白)《イラスト素材》」

フリー素材 イラスト クリスマスツリー モミの木 サンプル画像
※こちらはサンプルjpg画像になります。※配布はPNG形式となります。※グリーンの方が原寸大です。※りボン、オーナメントは配布済の素材です、今回の配布zipには入っておりません。

本日の素材はデコれるクリスマスツリー(緑、白)《イラスト素材》となります♪
去年配布した素材は中途半端にパースがついていて少々使いづらかったので…
クリスマスツリー イラスト フリー素材
今年はデコりやすいようにパースを取ってみました。




素材は日々一素材/パントリー『ichipan!(イチパン!)』 
よりダウンロードできます♪

フリー素材 イラスト クリスマスツリー モミの木 サンプル画像
※こちらはサンプル画像になります。



デコれるクリスマスツリー(緑、白)《イラスト素材》zip
ダウンロードは『ichipan!(イチパン!)』より♪



海産物、スイーツショップ、手紙、金魚、観葉植物、ハロウィン各シリーズへのリンクは、サイドバーに格納しております。
また、サイドバーに格納している素材以外にも素材は多数ございますので、ご入用の素材が見当たらない場合はキーワードで検索してみてくださいね♪



イラストを簡単にオーナメント風に加工する方法 〜ペーパー編〜


本日の素材が「デコれる♪クリスマスツリー」ということで、以前配布させていただいた寒がりなサンタのイラストをオーナメント風に加工してデコってみようと思います。
(今回は立体的なオーナメント加工ではなく、ペーパー風オーナメントの加工になります)

寒がりなサンタ(illust-xmas-santaclaus.png)
フリー素材 クリスマス イラスト素材 アイコン



1 サンタ画像ファイルを開き、作業しやすいようにカンバスサイズを少し広げます。
境界線のサイズ調整がしやすいよう、サンタレイヤーの下に好きな色で塗りつぶしたレイヤーを置きます。
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法 Photoshop
※今回はサンタ画像オリジナルサイズ131px×228pxを400px×200px程度に広げました。
※上部を空けているのは吊紐を入れるためです。



2 サンタレイヤー上で右クリック⇒レイヤースタイル⇒境界線で設定をします。
サンタ画像を見ながら3pxでは細すぎ、5pxではやや太すぎということで境界線のサイズは4pxに決定。
カラーは切抜きっぽい演出ということで、白にしました。
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法

3 次にオーナメントに吊るし紐を通す穴を空けます。
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法
今回サンプルがサンタということで、スプラッタな事にならないよう帽子の中身が詰まっていない辺りを狙って、楕円選択ツール⇒Controlキー+Vで穴を空けます。

しかし…

このままですと、穴の内側にも境界線が入ってしまいます…
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法
これでも良いという方は5まで飛ばしてください。


4 穴部分のみ境界線を入れないよう、境界線のレイヤースタイルも含めて画像に変換します。
やり方は色々あるかと思いますが、今回は右クリック⇒スマートオブジェクトに変換⇒レイヤーをラスタライズという方法で画像化してみました。
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法

このまま3と同じ要領で穴を開けると今度は、穴の内側には境界線が入りません。

5 オーナメントに紐を通します。
吊し紐(tags-xmas-string-red.png)ファイルを開き、穴の真ん中あたりに配置し、吊るし紐の不要な部分を消しゴムツールで消します。
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法 フリー素材 クリスマス オーナメント イラストをオーナメントにする方法
※ちなみに吊し紐は今回オリジナルサイズ68px⇒30pxに縮小してあります。


6 次に本日配布させていただいたクリスマスツリーに配置するのですが、イラストはもともとオーナメント用の素材ではないのでちょっと大きめです。
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法

「画像解像度」で適当にサイズ調節しした後、クリスマスツリーファイルに配置します。
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法
※今回は200px×400px⇒57px×160pxに縮小してます。
※画像を縮小しても境界線とイラストの割合などは保たれます


7 最後に3の要領で枝に掛けた吊るし紐の見えない部分を消します。
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法


というわけで、完成品です♪
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法
ちょっと悪ふざけをしてみました(笑)


こちらはPNG素材となっておりますので、よろしかったら右クリックでお持ち帰りくださいませ♪
フリー素材 クリスマス オーナメント イラストをオーナメントにする方法
但し、右クリックの場合は「画像をコピー」でなく「名前をつけて画像を保存」を選択してください。
※「画像をコピー」を選択すると透過部分が真っ黒になってしまいます。



今回のオーナメント風加工はPhotoshopでの説明となりましたが、どんなアプリでも境界線が使えれば、基本的には同じ方法でオーナメント風に加工できるかと思います。
ただ、『日々一素材』で度々オススメしているPhotoshop系のオンラインフリーツールPixarEditorでは境界線の加工が出来ないっぽいです。(フォーラムで「boundaryline」で検索もしてみましたがHITゼロでした。)

というわけで、クリスマスに使えそうなイラストをオーナメント風に加工済みの素材配布も一応予定しております。


でっは〜(*´∀`*)ノシ


Seesaaの要領申請今回は早かった!(申請の翌日に増えてました)
ありがとうございます♪

にほんブログ村 デザインブログ フリー素材へ
にほんブログ村
ランキングに参加しています☆お気に召しましたらクリックよろしくおねがいします顔文字イラスト ニコポッ揺れるハート

バナー 日々一素材 リンクフリー バナー イチパン! リンクフリー




posted by ヒビイチソザイ at 18:35 | Comment(0) | TrackBack(0) | 素材 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック


スポンサードリンク









エフェクソールXR