オリジナルイメージ 線画活用アイデア図案集CG創作文様、素材デザイン和風和柄画像模様作品作成CD-ROM趣味販売

和柄 素材集 線画 CG画像
オリジナルイメージ 線画アイデア図案集
オリジナルイメージ 線画活用アイデア図案集CG創作文様、素材デザイン和風和柄画像模様作品作成CD-ROM趣味販売
山人模様全集 オリジナルイメージアイデア厳選分類集 アイデア図案集CG創作山人作品集 オリジナルイメージアイデアジュニア作品集 アイデア図案集CG創作お試しセット オリジナルイメージアイデア模様項目分け アイデア図案集CG創作素材集一覧 オリジナルイメージアイデアご購入案内 アイデア図案集CG創作
山人模様全集 厳選分類集 山人作品集 ジュニア素材集 お試しセット 模様項目分け 素材集一覧 ご購入案内
模様素材のHomeへ > オリジナルイメージ線画の活用
線画の活用
一歩進んで、Photoshop CS を使用してラスターのまま、実用的に利用するためのヒントを紹介します。

(オリジナル素材のバックアップは、必ず保存しておいて下さい。)
   Photoshop Element を使用

項 目
@ 素材集の構造 線画イメージの図案と有色イメージの図案は同じ大きさです。レイヤーを使用する事で・・・
A 線画を:変形 線画を回転・縮小・拡大等変形すると、1ピクセルのオリジナルのCG線はよごれます
図案などのプリント出力ではこのままで問題ありません
B 線画を:修整 トレースの前にレイヤーを変更して、トレースしやすい状態に・・・
C 線画を:修整 イメージを修整するにはここでは、ペンツールを使い、トレースする方法を紹介します
D 線を変える 線画を修整するには、ペンツールを使い、トレースする方法を紹介しました・・・
E 線画を合成 1 素材集のCG図案を重ねて別の文様のオリジナルアイデアCGイメージを創作します。
F 線画を合成 2 素材集のCG図案にスキャナーで読み込んだ別の画像を重ねてオリジナルCG文様を創作します

@ 素材集の構造 線画イメージの図案と有色イメージの図案は同じ大きさです。レイヤーを使用する事で、あらゆる事が便利になります。
        @ Photoshop上で、素材集の線画CG図案を開き、A 有色CGの同じ文様のファイルを別に開いて、
        B 選択範囲:すべてを選択、で有色のCG図案を線画CG図案にコピー&ペーストすると、
        C 線画イメージの図案に有色CG文様のレイヤーができます。
         線画と有色のCGイメージの縁取りの線は、一致しています。
        D 線画イメージのレイヤーを複製することで、元のオリジナルアイデア作品を必ず残しておけます。
        E 複製された線画イメージのコピーは完璧に、好きな色で塗りつぶすことが可能です。
1 3 4 5 6
オリジナルイメージ線画アイデア図案を開く

2

彩色した同模様のアイデア図案を別に開く
オリジナルアイデアイメージに色図案ペースト 白黒・有色2枚のCG文様の線は一致 オリジナルイメージ白黒複製で元画像を残す 複製白黒文様を彩色オリジナルイメージ創作

A 線画を:変形 線画を回転・縮小・拡大等変形すると、1ピクセルのオリジナルのCG線は汚れます。
回転・拡大・縮小 図案などのプリント出力ではこのままで、まったく問題はありません。
(オリジナルの創作CG作品を精密に描くには、トレースなどの修整が必要です。)
        @ @ 素材集の構造 E”の線画イメージのコピーのレイヤーで文様を回転してみると、
        A 背景に透明部分ができますのでこれを解消します。線画イメージのレイヤーを複製し、
        B 複製したレイヤーを白色で塗りつぶします。(描画色:通常:100%)
        C 回転した線画のレイヤーと塗りつぶした白無地のレイヤーを表示してみると、透明部分が消えます。
1   2 3 4
オリジナルアイデア図案回転背景に透明部分 オリジナルアイデアイメージの階層を複製 白黒オリジナルイメージを複製白色で塗潰す 白黒と白無地の階層を表示、透明部分消える
5 6 7 8
線画の階層で、文様を好きな位置に移動 画像を拡大オリジナル作品の白黒画像に汚れ 塗りつぶし・アンチエイリアスの2箇所注意 アンチエイリアスの有無、オリジナル黒線汚い
        D 線画イメージのコピーのレイヤーで、選択範囲:すべてを選択して、文様を好きな位置に移動し、
        E 拡大して見るとアンチエイリアスなしの元のオリジナルのCG線がよごれています。
        F 塗りつぶしツールを選択し、アンチエイリアスにチェックをします。
        G このままでアンチエイリアスの塗りつぶしと、アンチエイリアスなしの塗りつぶしの状態です。

B 線画を:修正 トレースの前にレイヤーを変更して、トレースしやすい状態にします
トレースの前に 図案などのプリント出力ではこのままで、まったく問題はありません。
(オリジナルの創作CGを精密に描くには、トレースなどの修整が必要です。)
        @ 図案のイメージを変形したファイル“A 5” を開けます。 A レイヤーの状態です。
        A 背景に透明部分ができますのでこれを解消します。図案イメージのレイヤーを複製し、
         レイヤーの表示を入れ替えてみます。上のレイヤーは白紙です。下のレイヤーにオリジナルの文様があるのです。上のレイヤーを乗算にしたので、下の文様が見えるのです。この白紙のレイヤーにぺンツールを使用して、トレースします。
        C トレースを始めるのに元の画面に戻します。
1 3 4
変形したアイデアオリジナルイメージを開く


2

変形したオリジナル白黒イメージの階層状態
オリジナルイメージ階層入れ替へ効果を乗算


レイヤーの入れ入れ替へ

レイヤー効果を乗算にする
下の階層に入れ替え、図案は下の階層の文様



○ 下

白紙階層にペンツールでイメージをトレース
上のオリジナル白黒イメージレイヤーを乗算


元画面上レイヤー白地下オリジナル白黒模様

C 線画を:修整 イメージを修整するにはここでは、ペンツールを使い、トレースする方法を紹介します
トレースする この方法は、かなり面倒で時間がかかりますが、綺麗に文様を描くことが可能です。
        @ 下のレイヤーの文様を参考にして、白紙の“線画のコピー2”のレイヤーにペンツールを使用してパスを描きます。
        A ペンツールを選択のままで、マウスを右クリックすると、“パスの境界線を描く”が出ます。
        B 鉛筆ツールを選択してOKをクリック。
        C 鉛筆ツールが描画色で線を描きます。模様全体をトレ−スして完成です。
1   2 3 4
下のレイヤーのイメージを参考にパスを描く オリジナル模様参考にパスを描き右クリック 鉛筆ツールを選択し、パスの境界線を描く 白黒イメージの模様を参考にトレ−ス完成

D 線を変える 線画を修整するには、ペンツールを使い、トレースするアイデアCG方法を紹介しましたが、
長所はクオリティが良いことです。
素材集の応用 線画の元になるデータはベクトルで、解像度を変えても劣化せず、短所は非常に面倒で、時間がかかります。
境界線を描くにはブラシ等ありますが、ここでは素材集の観点で、1ピクセルの鉛筆ツールを使用しています。
        @ 線の太さを変える・・・・・“自動選択ツール”をオリジナルアイデアの線上に置き、アンチエイリアスなしの設定で左クリックすると、線が選択される。
        A 選択範囲を変更で、太くする場合は拡張をクリックし、拡張量をピクセル単位で設定し、太くします。
        B 太くしたCG画像です
        C 線の色を変える・・・・・・・@の線画が選択されている状態で、描画色で塗りつぶすと、線の色が変わる。
         線の色を白色でバックを黒色にするには、イメージ→色調補正→諧調の反転を選択。
1
  2 3 4
オリジナルアイデアイメージの黒線を選択 オリジナル白黒模様で選択された拡張量変更 オリジナルイメージ白黒の黒線が太くなった 線を選択、描画色で塗りつぶすと線色変わる

E 線画を合成 1 素材集のCG図案を重ねて別の文様のオリジナルアイデアCGイメージを創作します。
別の図案を作る 素材集のCG図案ファイルを、二枚重ねて新しいオリジナルアイデアCG図案を創作します。
        @ 異なる文様の線画アイデアのCGファイル二枚を用意し、
        A 一枚目のアイデアCGファイルに二枚目のCGイメージをコピー&ペースト。
        B レイヤー効果を乗算に、
        C 一枚の線の色を“D 線を変える C”の方法で、黒色から赤色に変更。必要あれば、レイヤーの不透明度を変えたりして、重なった文様が見やすい状態にします。
1  2 3 4
一枚目のオリジナルアイデアの白黒文様

二枚目のオリジナルアイデアの白黒文様
一枚目に二枚目オリジナルイメージをペースト

ペーストした二枚目イメージレイヤーを乗算

二枚目と一枚目の白黒模様が重なって見える
一枚のオリジナルの白黒作品の線色を赤色に
5 6 7 8
2枚のオリジナルの図案を納得いくまで変形
オリジナルイメージの模様の重なり部分
オリジナル図案赤色線のレイヤー2階調化に

イメージ
色調補正
2階調化
2階調化する境界のしきい値で、値を決める



オリジナルの赤色の線が黒色になり2階調に
Gの手法でオリジナルイメージの線を修正

オリジナルイメージ創作アイデアCG完成

        D 両方のレイヤーの線画イメージを回転・縮小・拡大等し、納得いくまで変形し、要らない部分は消しゴム
ツールなどで償却。
ここで、文様の重なりをなくします。(下の拡大部分)
        E 赤色の線のレイヤーで、イメージ:色調補正:2階調化をクリック
        F 2階調化する境界のしきい値で、しきい値を決めると、赤色の線が黒色になり、2階調になりました。
        G 蝶の太い線は“D 線を変える@”で細くします。2階調にしたため線がギザギザになったり、飛んだり
しているので、鉛筆ツール&ラインツールを使用して修整。この時、1ドット(1つの点)だけでもとんでいると、そこから色がもれて塗りつぶしはできません。抜けている点を描画し、ラインをつなげてください。
最後にぼかしを入れてオリジナルイメージ創作アイデアCGを完成しました。

F 線画を合成 2 素材集のCG図案にスキャナーで読み込んだ別の画像を重ねてオリジナルCG文様を創作します。
読み込ファイルと合成
        @ 線画アイデアの図案一枚と、スキャナーで読み込んだオリジナル文様(ボールペン等で描いた線画)を一枚用意。
        A 最初にスキャナーで読み込んだファイルの解像度を素材集の解像度96.25に合わせ、画像の大きさ(幅)も素材集の大きさ(今回1280)に合わせます。
        B 線画アイデアの図案にスキャナーのオリジナル文様をコピー&ペースト(上)。ここで位置合わせをします。編集:変形:拡大縮小で画像の大きさを調整し&移動ツールで移動(下)。
        C 以下“E 線画を合成 1 B”からと似ています。 レイヤー効果を乗算に。
1  2 3 4
オリジナルアイデアイメージ白黒CG図案

スキャナーで読み込んだオリジナルイメージ
スキャナーファイル解像度オリジナルと同値

今回は幅1024

解像度96.25

元ファイル上にスキャナーファイルペースト

スキャナー文様の大きさを調整、位置合わせ
白黒図案にスキャナーファイルをペース乗算
5 6 7 8
オリジナルアイデアの白黒文様黒線を赤色に

スキャナー階層でレベル補正、バック白色に
オリジナルイメージとスキャナー図案を変形

蝶線トレース赤色パスオリジナル赤線2階調
蝶の線の外側白にオリジナル作品赤線を黒に



鉛筆ツール&ラインツールを使用し線を修整

オリジナルイメージ創作アイデアCG完成

        D オリジナルアイデア白黒模様の線の色を、黒色から赤色に変換。(必要あれば、レイヤーの不透明度を変えたりして、重なった文様が見やすい状態にします。)
ここでは蝶のイメージ模様が見にくいので、イメージ:色調補正:自動レベル補正を使用して黒色が良くわかるようにし、レイヤーの不透明度を50%にしました。
また蝶のバックのグレー色が見にくいので、自動選択ツール(アンチエイリアシング使用:許容値20%)を使ってグレーを抽出し、白色で塗りつぶしました(下)。
        E 両方のレイヤーのイメージを回転・縮小・拡大等し、納得いくまで変形し、要らない部分は消しゴムツールなどで償却。
納得いく図案になったら、ここで、蝶の線が太すぎる、赤色が使ってあるので、線の大勢を整えます。
下は、蝶の太い線をペンツールでトレースし赤色の鉛筆でパスの境界線を描き&赤色の線のさくらんぼを、2階調化したところです。
        F 蝶のレイヤーで、トレースした赤色の線上を自動選択ツール(アンチエイリアスなし)で右クリックし
選択範囲の反転をして、白色で塗りつぶし、もう一度、選択範囲を反転して、赤線を抽出し、
黒色で塗りつぶします。
さくらんぼのレイヤーで線以外のバックを選択ツールで選択し、選択範囲の反転で赤の線を黒で
塗りつぶします。
        G 鉛筆ツール&ラインツールを使用して修整しました。レイヤーで画像を統合し、最後に金をマッピング他オリジナルイメージ創作アイデアCGの完成。

以上、Photoshopを用いて線画の活用について述べました。理解してくると、作成方法はひととおりではないですし、作成の順序もいろいろあります。
オリジナルアイデアのCG作成など、精密に描くには手間隙がかかりますが、図案出力であれば、薄い色でプリントアウトし、上からペンや筆で描き直す方法もあり、目的にあわせて色々なアイデアを試みてください。
なかなか解りずらいかもしれませんが、Photoshop の全ての機能を使うわけではありません。
自動選択ツール.鉛筆ツール.ラインツール.なげなわツール.ペンツール.レイヤー.選択範囲.レベル補正などマニュアルで理解していただき、このページのプリントを参考に、簡単な模様で練習してみてください。レイヤー上でレイヤーを複製しておけば、何度でもやり直せます。
誰もが思うままに繊細なオリジナルの模様を描き、完璧に好きな色でデザインするには、線画を1ピクセルの白黒2値で描く方法が最もよい方法であると確信し、すばらしい文様を次世代につなげようとCGで、内外の素材をオリジナル線画アイデアで作品つくりを始めたのは、今から25年以前のことでした。このことで、彩色された山人オリジナル画像は完璧に塗りなおすことができます。素材の汎用性を生かし、オリジナルデザインのアイデアイメージ作品作り、教育用素材に、看板・メニューのデザイン、刺繍下絵、和装・洋装テキスタイルデザイン、団塊世代趣味の手伝い等に、和風・和柄オリジナルデザインの山人模様集をご利用いただけたら幸いです。あらゆる創作に応用でき、新しい時代に順応するオリジナル“イメージつくり”のアイデアデザイン図案集は、2Dデザイン、3Dデザインマッピングデータやオリジナルアイデア創作へと想像を掻き立てる私の玉手箱です。ぜひご活用下さい。
        ありがとうございました。皆様のご健闘をお祈りします。
山人模様全集 厳選分類集 山人作品集 ジュニア素材集 お試しセット 模様項目分け 素材集一覧 ご購入案内
Home よくある質問 特定商取引法 個人情報 著作権 ご利用規約 リンク お問い合わせ
  △ この ページのTOPへ 
オリジナルイメージ 線画アイデア図案集
オリジナルイメージ 線画活用アイデア図案集CG創作文様、素材デザイン和風和柄画像模様作品作成CD-ROM趣味の販売
Copyright (C) 2017 Kimura Sanjin. All Rights Reserved.