お知らせ

現在、ウェブサイトメンテナンス中です。ダウンロード機能が一部ご利用頂けません。数日中に復旧予定です。よろしくお願い致します。

無料イラスト素材

【無料・商用利用可】「角度と長さ」を自在に編集できる「チェーン(鎖)」のリアルイラスト素材と取り扱いチュートリアル EPS / PNG

更新日:

Sample chain

はいっ。制作者のGouです♪
今回は、Illustratorを使って「自由な角度と長さ」に編集できるリアルイラスト「Chain(鎖)」の素材配信と、編集する際の取り扱い用チュートリアルを公開いたします。

クオリティーを保ったまま簡単に動かせるように工夫しましたので、以下のチュートリアルを参考にご活用ください^^

編集自在なチェーン素材

さて、今回の素材は全てグラデーションメッシュを用いたオブジェクトとクリッピングマスクで構成されています。
「Illustrator 鎖 作り方」などで検索してみると、鎖型のオブジェクトを分割してパターンブラシに登録する方法などが紹介されているのですが、今回私が制作した素材は「鎖の動き」にもリアリティを追求したかったので、全く違う方法で編集します。

その理由なども含めて、素材の説明と取り扱い用チュートリアルを以下に記載しますので参考になさってください♪

なぜパターンブラシにしないの?

鎖オブジェクトをパーツ別に分割して、パターンブラシに登録する方法で描いた鎖は、ブラシで描いたラインに合わせて簡単に配置されますが、鎖1つ1つがアーチ状にグニャっと曲がってしまいます。
鉄製である鎖がアーチ状に曲がってしまっては、せっかくのイラストが台無しですよね^^;
作業効率を上げる為に「オブジェクト制作」→「パーツ分割」→「ブラシ登録」→「ブラシレイアウト」と準備して、更にリアリティを上げるにはオブジェクト1つ1つ「個別に編集」が必要になると思います。
これでは本末転倒です…
他にも色々な方法があるのかもしれませんが、私の編集方法ではブラシを使いません
あくまでも「オブジェクトのコピー&ペースト」「回転ツール」で角度をつけていきます♪
(急がば回れ…デス♪)

なぜパターンブラシにしないの?「その2」

更にブラシに登録しない最大の理由として、ブラシには「グラデーション」のかかったオブジェクトは登録出来ないことがあげられます。
べた塗りのオブジェクトを登録した後にアピアランスを分割し、グラデーションを適応させる方法もあるのですが、これまた面倒…
結局、最初から回転ツールで編集した方が楽だし早く、なにより確実にクオリティーの高い描写ができると思います。
それでは私の制作した素材の使い方をご紹介いたします。

【Step 1】「回転基準点用ガイド」の確認

それでは、ダウンロードしたチェーン素材のepsを開きます。
編集を開始する前に、回転ツールを使用してオブジェクトを回転させる際に基準となる「回転基準点」を設置するために用意した「回転基準点用ガイド」の確認を行います。
「レイヤーパネル」→「レイヤー3」→「縦グループ」の中にある「回転基準点ガイド」というオブジェクトを表示してみてください。
(縦のオブジェクトを非表示にしておくと確認しやすくなります。)

Chain 01
この回転基準点ガイドを活用して、鎖を個別に回転させていくことになります。

(上のサンプル画では赤い円に十字にしてありますが、本来は黒です)
(「縦」は、縦向きの真ん中にある鎖を構成するオブジェクト群、「横」は、横向きの下にあるオブジェクト群、「横2」は、横向きの上にあるオブジェクト群を指します。表示、非表示で事前に確認しておいてください。)

【Step 2】「回転ツール」と「回転基準点」

回転基準点ガイドの確認ができましたら編集に入りましょう。

「レイヤーパネル」→「レイヤー3」→「縦グループと横2グループを選択」

Chain 02
縦グループと横2グループ」を選択した状態で、「ツールボックス」内にある「回転ツール」を選択します。
Chain 03
「回転ツール」を選択すると、縦向きの鎖の中央辺りに「回転基準点」と呼ばれる丸に十字を重ねたようなアイコンが表示されます。
Chain 04
この回転基準点にカーソルを重ね、ドラッグしたまま「下の回転基準点ガイド」の中央まで持っていきます。

Chain 05
続いて、オブジェクトを右方向へ移動してみます。
Chain 07
動かせましたか?
この素材のこだわった箇所は、この回転ツールを使ってオブジェクトを移動すると、「鎖同士が重なっている箇所の影のオブジェクトもクリッピングマスクごと連動して移動させられる」という点です。
これによりリアリティを保ったまま、自然な角度に変形させることができます。

【Step 3】回転ツールを使って繰り返す

さぁ、ここまでできれば、あとは【Step 2】を繰り返すだけです♪
今度は「横2」だけを選択し、「回転ツール」「回転基準点を上の回転基準点ガイド」の中心に移動します。

Chain 08
先ほどとは反対の左方向に移動してみます。

Chain 09
これで自由に角度を変えられるようになりましたね♪
あとは、好みに合わせて拡大・縮小したり、オブジェクトをコピー&ペーストして増やしたりしながら自由に配置してください。

以上で「チェーン(鎖)」の取り扱いチュートリアルを終了しますが、鎖を増やす際にはレイヤーパネル内の「オブジェクトの順番」に注意してくださいね♪

Gouでしたッ。

ご利用やダウンロードに関する注意事項

  • ESP / PNG のセットをZIPにて無料配信
  • EPSは、CS5とCS3の2バージョンを収録
  • 商用利用可・二次加工可・クレジット表記不要
  • 再配布・販売は禁止

ダウンロードしていただくにあたり、以下の注意事項とZIPファイル内の「Readme」を熟読の上、厳守していただけますようお願いいたします。

【注意事項】

・ダウンロードしたデータはお客様の責任の上ご使用下さい。

・万が一、生じた不具合等の保証は負いかねます。予めご了承ください。

・当サイトではインストール方法などの技術的なご質問やソフトウェア
 ご使用方法についてのお問合せは受け付けておりません。

・ダウンロードしたデータの二次配布は禁じます。

・ダウンロードしたデータを現状のまま、あるいは現状のままに近い状態で素材として販売する事を禁じます。
 (当素材をデザインの一部として加えたもの「ポスター」や「チラシ」などに加工しての販売は許可しております)
 
・提供しているデータはそのまま、あるいは二次加工、個人や法人を問わず
 商用利用を許可しておりますが、素材の著作権はLAYout50に帰属しております。 

・当サイトの配信している素材は、風俗産業・ポルノ・アダルトサイト・出会い系サイトもしくはそれらに準じる用途での使用を禁止しております。

・その他、別段定めのない事項については、著作権法および関連法規に従うものとします。

以下のSNSをクリックし、当サイトをご紹介いただけますとダウンロードボタンが現れます。
素材制作の「ご褒美」としてご協力お願い致します。m(_ _)m


※)ダウンロードボタンが出てこない場合は、右上のお問い合わせフォームからご連絡頂くか、別のSNSのボタンを試してみてください。

人気の記事

1

35,573 EPS

Illustratorで描く超リアルな「木目」のチュートリアル。LAYout50のクオリティーならではの質感表現を3日間に渡りご紹介。1日目は「ベースオブジェクト」&「斑(むら)」編

無料素材・商用利用可能「チャイニーズパターン」 2

20,208 EPS

【無料・商用利用可】中国の紋様素材「チャイニーズパターン」を作成致しましたので、配布致します。今回はwebでも利用可能なSVG素材も同梱しています。

キラキラダイヤモンド素材のサンプル画像 3

19,758 EPS

【無料・商用利用可】キラキラ素材『ダイヤモンド』を作成しましたので、無料配信致します。epsのベクター素材なので、拡大縮小も思いのまま!しかも、レイヤーの編集エリアを変更すれば簡単に色調も変える事ができます。クオリティにも妥協はありません♪

4

19,634 EPS

無料で商用利用可能なオリジナル素材「暖簾(のれん)」の和風リアルイラストをEPS,JPG,PNGで配信する記事。

5

15,190 EPS

結婚式の招待状やプロフィールカードを制作するのに役に立つepsのベクター素材を海外ブログから紹介する記事。

-無料イラスト素材
-, , ,

Copyright© LAYout50 , 2017 All Rights Reserved.