<?xml version="1.0" encoding="UTF-8" ?><rdf:RDF 
  xmlns="http://purl.org/rss/1.0/"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:atom="http://www.w3.org/2005/Atom"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xml:lang="ja">
  <channel rdf:about="http://w.atwiki.jp/penspinet/">
    <title>環境論@wiki</title>
    <link>http://w.atwiki.jp/penspinet/</link>
    <atom:link href="https://w.atwiki.jp/penspinet/rss10.xml" rel="self" type="application/rss+xml" />
    <atom:link rel="hub" href="https://pubsubhubbub.appspot.com" />
    <description>環境論@wiki</description>

    <dc:language>ja</dc:language>
    <dc:date>2026-05-30T13:05:34+09:00</dc:date>
    <utime>1780113934</utime>

    <items>
      <rdf:Seq>
                <rdf:li rdf:resource="https://w.atwiki.jp/penspinet/pages/35.html" />
                <rdf:li rdf:resource="https://w.atwiki.jp/penspinet/pages/33.html" />
                <rdf:li rdf:resource="https://w.atwiki.jp/penspinet/pages/37.html" />
                <rdf:li rdf:resource="https://w.atwiki.jp/penspinet/pages/1.html" />
                <rdf:li rdf:resource="https://w.atwiki.jp/penspinet/pages/38.html" />
                <rdf:li rdf:resource="https://w.atwiki.jp/penspinet/pages/30.html" />
                <rdf:li rdf:resource="https://w.atwiki.jp/penspinet/pages/34.html" />
                <rdf:li rdf:resource="https://w.atwiki.jp/penspinet/pages/21.html" />
                <rdf:li rdf:resource="https://w.atwiki.jp/penspinet/pages/36.html" />
                <rdf:li rdf:resource="https://w.atwiki.jp/penspinet/pages/2.html" />
              </rdf:Seq>
    </items>
	
		
    
  </channel>
    <item rdf:about="https://w.atwiki.jp/penspinet/pages/35.html">
    <title>平面と立体</title>
    <link>https://w.atwiki.jp/penspinet/pages/35.html</link>
    <description>
          </description>
    <dc:date>2026-05-30T13:05:34+09:00</dc:date>
    <utime>1780113934</utime>
  </item>
    <item rdf:about="https://w.atwiki.jp/penspinet/pages/33.html">
    <title>tes3</title>
    <link>https://w.atwiki.jp/penspinet/pages/33.html</link>
    <description>
          </description>
    <dc:date>2026-05-11T00:14:19+09:00</dc:date>
    <utime>1778426059</utime>
  </item>
    <item rdf:about="https://w.atwiki.jp/penspinet/pages/37.html">
    <title>配色</title>
    <link>https://w.atwiki.jp/penspinet/pages/37.html</link>
    <description>
      #html2(sp){
&lt;hr&gt;
&lt;font size=&quot;5&quot;&gt;
&lt;b&gt;&lt;font color=&quot;red&quot;&gt;現在spモードで表示しています。&lt;br&gt;
表示の都合上、&lt;a id=&quot;trigger&quot;&gt;ページ最下部からPC版に切り替えて&lt;/a&gt;ご利用ください。&lt;/font&gt;&lt;/b&gt;&lt;/font&gt;&lt;hr&gt;}
#javascript(){{
window.onload = function() {
  var trigger = document.getElementById(&#039;trigger&#039;);
  trigger.onclick = function() {
    var element = document.documentElement;
    var bottom = element.scrollHeight - element.clientHeight;
    window.scrollTo({top: bottom, left: 0, behavior: &#039;smooth&#039;});
  }}
}}
//サムネイルスライダー
#javascript{{
&lt;script&gt;
document.addEventListener(&#039;DOMContentLoaded&#039;, () =&gt; {
  document.querySelectorAll(&#039;.viewer&#039;).forEach(v =&gt; {
    let f = 0;
    const m = v.querySelector(&#039;.main-image&#039;);
    v.closest(&#039;table&#039;).querySelectorAll(&#039;.thumbnail&#039;).forEach(t =&gt; {
      t.onclick = e =&gt; {
        if (f) return;
        f = 1;
        const s = t.src, n = m.cloneNode();
        n.src = s;
        n.className = &#039;main-image demo&#039;; 
        v.appendChild(n);
        setTimeout(() =&gt; {
          n.style.opacity = 1; 
          setTimeout(() =&gt; {
            m.src = s;
            n.remove();
            f = 0;
          }, 300); // フェード時間（0.30秒後に終了）
        }, 50); // クロスフェードの遅延時間（0.05秒後に開始）
      };
    });
  });
});
&lt;/script&gt;
}}
　
&amp;bold(1){&amp;sizex(7){▷Step8.配色}}
----
#right(){&amp;color(#666666){Last modified:&amp;date()}}　
#contents(fromhere=true)

#region(※編集メモ)
#areaedit(only=editable)
　
色は必要な知識が多いので、ペン回しで使いやすいテクに厳選。
一応、現時点でもペン回し環境の95％の場面は説明可能だと思います。
（ガバい部分は自己補完してください
//（個人的には2％も書けてないのでかなり端折ってます。ガバい部分は補完してください。

■進捗
〇配色の基本
〇基本色の理解…置き換え補足してもいい
〇メインカラー…もう1例くらいあっていい？

◯サブカラーの技法
〇相殺調和…黒ピンク、銀緑
◯相乗調和
◯色数稼ぎ…水と黄色な理由書く？
◯色替え

◯アクセントの技法
◯明度
◯彩度
◯色相
◯質感…ｻﾝｸﾑ銀軸ペンのやつも。布天皇。
◯光

◯光の色と設定
◯橙画質
◯黄画質
◯黄緑画質
◯緑画質
◯水画質
◯青画質
◯紫画質
◯白画質
◯色相ずらし
◯高コントラスト
◯白飛び
◯黒つぶれ

◯(発展) マイナー色
◯薄色の技法
◯薄色の相殺…AB表示する？
◯カビ色合わせ
◯水黄合わせ…金銀2色やる？(vision、woojung)
◯3色調和
◯輝度調和…ごちゃ狙い画像作る？青緑も書く？sangkm追加してもいい
◯透明色
◯不調和色…hookもあり

・その他
コラム書く？…配色解釈手順。飛雲客。
彩度落とし、面積絞り
オーロラ
置き換え
隣接の技法（ｾﾊﾟも
コントラスト散らし
色の共鳴
アクセント散らし
濃い色(銀血机、agut服,sadマウスパッド)
色覚え(sangkmクッション、cheukii,cola。mini黄緑黄、choochunクッション。

#areaedit(end)
#endregion

----

*配色の基本


**基本色の理解

色は数が多いため難しく考えがちですが、
一定の&amp;u(){範囲で区切って分類}すると理解がしやすくなります。

この大まかな印象で分類した色を&amp;bold(){「基本色」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1383/basic_color1.jpg,height=200,width=450)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(参考資料)&lt;br&gt;
色相環を単純化して基本色に分けた例。
&lt;/div&gt;
}


基本色の分け方は人によりますが、
ペン回しでは以下の&amp;bold(){15色で考える}のがおすすめです。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1384/basic_color2.jpg,height=200,width=398)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(基本色一覧)&lt;br&gt;
ペン回しの配色ではこの基本色を元に、&lt;br&gt;
2～3色の&lt;u&gt;組み合わせを覚える&lt;/u&gt;のが基本方針となる。

&lt;/div&gt;
}


----

**メインカラー

ある環境を見たとき、&amp;u(){もっとも記憶に残る色}を
ここでは&amp;bold(){「メインカラー」}と呼びます。

普通はStep.3の「[[背景色]]」がメインカラーになりますが、
薄い色の机では、ペンの色などがメインになることもあります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1385/basic_main_choochun.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Choochun)&lt;br&gt;
分かりやすい&lt;b&gt;&lt;font color=&quot;#FF0000&quot;&gt;赤メイン&lt;/font&gt;&lt;/b&gt;の環境。&lt;br&gt;
何をメインカラーと感じるかは人によるが、&lt;b&gt;色の濃さ&lt;/b&gt;や&lt;b&gt;色面積&lt;/b&gt;でメインを判断し&lt;br&gt;
大まかに系統分類すると&lt;u&gt;配色の分析がしやすく&lt;/u&gt;なる。
&lt;/div&gt;
}


またメインカラーは[[特殊な技法&gt;https://w.atwiki.jp/penspinet/pages/37.html#id_fd51264e]]を除き、
基本は2色以下にまとめるとコンセプトが伝わりやすくなります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1387/basic_main_cir.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1386/basic_main_shout.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1389/basic_main_lemonia.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1388/basic_main_guest.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(cir) (Shout) (Lemonia) (Guest)&lt;br&gt;
ありがちな&lt;b&gt;&lt;font color=&quot;#FF7F00&quot;&gt;オレンジ&lt;/font&gt;&lt;/b&gt;×&lt;b&gt;&lt;font color=&quot;#2398FF&quot;&gt;青系&lt;/font&gt;&lt;/b&gt;のダブルメイン環境。
&lt;/div&gt;
}


基本的に、&amp;bold(){良い環境とは記憶に残る環境}でもあります。
そのため&amp;u(){分かりやすいコンセプトで印象を強める}のは、
魅力に必要な要素の1つです。


#region(※補足解説)

#html2{
&lt;h4&gt;▶補足解説&lt;/h4&gt;}
メインのパターンは&amp;bold(){「基本色→メインカラー」}のように分類すると、
実際には&amp;u(){かなり少ない系統しか存在しない}ことが分かります。

&amp;bold(){&amp;u(){▶メインカラーの一例}}
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1396/basic_main_fingerpass.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1397/basic_main_apollo.jpg)|
(Fingerpass) (Apollo)
&amp;bold(){&amp;color(#FF7F00){オレンジ}}×&amp;bold(){&amp;color(#00FF00){緑}}のダブルメインの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1394/basic_main_agut.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1393/basic_main_saizen.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1395/basic_main_leo.jpg)|
(agut) (Saizen) (Leo)
かなり特殊な&amp;bold(){&amp;color(#A54CFF){紫}}×&amp;bold(){&amp;color(#AAFF00){黄緑}}のダブルメインの例。

&amp;bold(){&amp;u(){▶まとめ}}
分量が多くなるため、メインのパターン紹介は省きますが、
ペン回し環境は大まかなテンプレ(メインのパターン)を抑えた上で、
細部(サブやアクセントの技法)で個性を出すと、効果的に魅力を作成出来ます。

//配色には様々な手順がありますが、
//多くの場合、&amp;u(){メインカラーを引き立てる形で}
//&amp;u(){サブやアクセントを加える}のが基本の流れとなります。
#endregion

----

*サブカラーの技法

メインカラーの魅力を引き立てたり、
画面の&amp;u(){色数を増やして華やかにする}色を&amp;bold(){「サブカラー」}と呼びます。

ここではペン回しで使いやすいサブカラーの技法を見てみましょう。


----

//**相殺と相乗
//
//サブを決定する上で便利なのが&amp;bold(){「相殺と相乗」}の技法です。
//
//
**相殺調和

&amp;bold(){&amp;color(#FF0000){赤}}〜&amp;bold(){&amp;color(#FF7F00){オレンジ}}のような強い印象の色を、
&amp;bold(){&amp;color(#00FFFF){水}}〜&amp;bold(){&amp;color(#00FF00){緑}}のような&amp;u(){優しい色で相殺する}ことを&amp;bold(){「相殺調和」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1398/sub_offset_sangkm1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1410/sub_offset_sangkm2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Sangkm)&lt;br&gt;
キツめの&lt;b&gt;&lt;font color=&quot;#FF7F00&quot;&gt;オレンジ机&lt;/font&gt;&lt;/b&gt;を、&lt;b&gt;&lt;font color=&quot;#00FFFF&quot;&gt;水パームレスト&lt;/font&gt;&lt;/b&gt;と&lt;b&gt;&lt;font color=&quot;#00FF00&quot;&gt;緑床&lt;/font&gt;&lt;/b&gt;で相殺した例。
&lt;/div&gt;
}


相殺調和は、基本的に以下のようなパターンで用いられます。

&amp;sizex(3){&amp;bold(){&amp;u(){▶相殺調和の頻出パターン}}}
|&amp;bold(){&amp;color(#FF0000){赤}}×&amp;bold(){&amp;color(#00FFFF){水}}|赤のキツさを&amp;u(){水の軽さで相殺}する配色。&amp;br()ありがちなテンプレの1つ。|
|&amp;bold(){&amp;color(#FF0000){赤}}×&amp;bold(){&amp;color(#00FF00){緑}}|赤のキツさを&amp;u(){優しい緑で相殺}する配色。&amp;br()緑は光の色(ホワイトバランス)の色替えで作る例が多い。|
|&amp;bold(){&amp;color(#FF7F00){橙}}×&amp;bold(){&amp;color(#00FFFF){水}}&amp;bold(){&amp;color(#266EFF){青}}系|オレンジのキツさを&amp;u(){寒色で相殺}する配色。|
|&amp;bold(){&amp;color(#FF7F00){橙}}×&amp;bold(){&amp;color(#00FF00){緑}}|優しい印象になるオレンジ×緑のテンプレ配色。|

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1402/sub_offset_choochun.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1401/sub_offset_scan.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Choochun) (scan)&lt;br&gt;
ありがちな&lt;b&gt;&lt;font color=&quot;#FF0000&quot;&gt;赤&lt;/font&gt;&lt;/b&gt;×&lt;b&gt;&lt;font color=&quot;#00FFFF&quot;&gt;水相殺&lt;/font&gt;&lt;/b&gt;の例。&lt;br&gt;
モニタとペンの水色で、赤のキツさを相殺している。
&lt;/div&gt;
}


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1403/sub_offset_nagi.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1409/sub_offset_kikan.jpg)|
(nagi) (歸還)
Chooochunと同じく&amp;bold(){&amp;color(#FF0000){赤机}}×&amp;bold(){&amp;color(#00FFFF){水相殺}}の例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1408/sub_offset_gold.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1407/sub_offset_ericc.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1406/sub_offset_sensation.jpg)|
(Gold) (Eric_C) (SensAtion）
こちらは逆に&amp;bold(){&amp;color(#00FFFF){水系の背景色}}を&amp;bold(){&amp;color(#FF0000){赤}}で相殺する例。
肌が赤く見えるようにカメラ設定すると色馴染みしやすい。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1414/sub_offset_kikan2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1413/sub_offset_pen.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1420/sub_offset_cloudtraveler.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1415/sub_offset_pentaenge.jpg)|
(歸還) (PEN) (飛雲客) (PenTaengE)
Sangkmの例と同じく、&amp;bold(){&amp;color(#FF7F00){オレンジ}}×&amp;bold(){&amp;color(#00FFFF){寒色相殺}}の例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1416/sub_offset_mix.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1418/sub_offset_darkant.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1417/sub_offset_crawler.jpg)|
(Mix) (Darkant) (Crawler)
ありがちな&amp;bold(){&amp;color(#FF7F00){橙HADURI}}と&amp;bold(){&amp;color(#00FF00){緑のペン}}を合わせるテクニック。
このように画面全体ではなく、部分的に使用しても魅力を作りやすい。

#endregion

----

**相乗調和

画面内のある色に対し、&amp;u(){似た色を追加して色数を増やす}ことを
ここでは&amp;bold(){「相乗調和」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1399/sub_synergy_sangkm1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1411/sub_synergy_sangkm2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Sangkm)&lt;br&gt;
&lt;b&gt;&lt;font color=&quot;#D88741&quot;&gt;机のオレンジ&lt;/font&gt;&lt;/b&gt;に対し、画面左上の&lt;b&gt;&lt;font color=&quot;#FF7F00&quot;&gt;彩度の高いオレンジ&lt;/font&gt;&lt;/b&gt;(HADURIとオブジェ)や、&lt;br&gt;
&lt;b&gt;&lt;font color=&quot;#FFFF00&quot;&gt;黄クッション&lt;/font&gt;&lt;/b&gt;、&lt;b&gt;&lt;font color=&quot;#FF0000&quot;&gt;赤グリップ&lt;/font&gt;&lt;/b&gt;で色数を増やした例。
&lt;/div&gt;
}


相乗調和では、&amp;bold(){同系色}で&amp;u(){画面の統一感}を保ちつつ、
色数を増やして&amp;u(){華やかな画面を作成できる}のがメリットです。

これはStep.6で紹介した「[[色の共鳴&gt;https://w.atwiki.jp/penspinet/pages/35.html#id_142a34e3]]」と近い効果もあるかも知れません。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1412/sub_synergy_apollo1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1429/sub_synergy_apollo2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Apollo)&lt;br&gt;
こちらは緑を軸に相乗で色数を増やした例。&lt;br&gt;
目立った&lt;b&gt;&lt;font color=&quot;#23C494&quot;&gt;緑マット&lt;/font&gt;&lt;/b&gt;に対し、&lt;b&gt;&lt;font color=&quot;#00DD49&quot;&gt;服の袖の緑&lt;/font&gt;&lt;/b&gt;、&lt;b&gt;&lt;font color=&quot;#AEFF00&quot;&gt;マウスパッドの黄緑&lt;/font&gt;&lt;/b&gt;などを合わせている。
&lt;/div&gt;
}


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1430/sub_synergy_kikan.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1463/sub_synergy_kikan2.jpg)|
(歸還)
Sangkmの例と同じく、
&amp;bold(){&amp;color(#D88741){暖色系のデスク}}に&amp;bold(){&amp;color(#FF7F00){彩度の高いオレンジ}}を追加する例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1431/sub_synergy_gold.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1474/sub_synergy_pendol2.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1475/sub_synergy_choochun.jpg)|
(Gold) (Pendol) (Choochun)
&amp;bold(){白系の背景}×&amp;bold(){&amp;color(#00FFFF){水色ペン}}による相乗調和の例。
&amp;u(){白・水・銀は性質上近い関係にある}ため、相乗効果を狙いやすい。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1433/sub_synergy_apollo3.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1461/sub_synergy_apollo4.jpg)|
(Apollo)
相乗調和は、&amp;u(){複数の色を軸に色数を増やす}ことも可能。
こちらは&amp;bold(){&amp;color(#00FF00){緑}}と&amp;bold(){&amp;color(#00FFFF){水}}の2色を軸にして捉えた例。
&amp;bold(){&amp;color(#00FF00){緑系}}の色数は控えめだが、&amp;bold(){&amp;color(#00FFFF){水}}&amp;bold(){&amp;color(#266EFF){青}}系はかなり色数が多い。

#endregion

----

**色数稼ぎ

撮影環境において、
画面の&amp;u(){色数を増やし華やかにする}技法を&amp;bold(){「色数稼ぎ」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1419/add_apollo1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1434/add_apollo2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Apollo)&lt;br&gt;
&lt;b&gt;&lt;font color=&quot;#00FF00&quot;&gt;緑&lt;/font&gt;&lt;/b&gt;×&lt;b&gt;&lt;font color=&quot;#FF7F00&quot;&gt;橙&lt;/font&gt;&lt;/b&gt;メインの環境において&lt;b&gt;&lt;font color=&quot;#FFFF00&quot;&gt;黄色&lt;/font&gt;&lt;/b&gt;と&lt;b&gt;&lt;font color=&quot;#00FFFF&quot;&gt;水&lt;/font&gt;&lt;/b&gt;で色数を増やした例。&lt;br&gt;
水色は合計5箇所、黄色は「床・マウスパッド・服」の3箇所となる。
&lt;/div&gt;
}


中でも&amp;bold(){&amp;color(#00FFFF){水色}}や&amp;bold(){&amp;color(#FFFF00){黄色}}は、
メインカラーの印象を邪魔せずに色数を稼ぎやすい便利な色です。

また&amp;u(){どんな色とも合わせやすい}ため、
ここでの色数稼ぎは主にこの2色によるものを指します。


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1442/add_sad.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1441/add_nanna.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1443/add_shark.jpg)|
(SaD) (Nanna) (shark)
コリアン的な&amp;bold(){&amp;color(#FFFF00){黄色い床}}で色数を稼いだ例。
意識されにくいが、床は自然に色数を増やし華やかさを出しやすい。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1444/add_cloudtraveler.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1445/add_ken.jpg)|
(飛雲客) (KEN)
&amp;bold(){&amp;color(#FFFFA5){薄いイエロー}}で色数を稼いだ例。
飛雲客は服、KENは本で追加している。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1446/add_whitedoragon.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1447/add_guest.jpg)|
(白龍) (Guest)
&amp;bold(){&amp;color(#FF7F00){橙}}×&amp;bold(){&amp;color(#2398FF){青}}メインにおいて、&amp;bold(){&amp;color(#FFE921){黄色いコムサキャップ}}で色数を稼ぐ例。
基本的に色数が増えるほど&amp;u(){ポップな明るい印象}になるため、
演出によって色数を使い分けるのがポイント。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1252/accent_value_scan.jpg)|
(scan)
逆に色数をかなり絞った例。
哀愁系や落ち着いた環境では、コンセプトに合わせて色数を減らすと調和しやすい。
#endregion

----

**色替え

主にホワイトバランス設定によって、
&amp;u(){モチーフの色を変える手法}をここでは&amp;bold(){「色替え」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1391/change_kikan1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1390/change_kikan2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(歸還)&lt;br&gt;
灰色キーボードを&lt;b&gt;&lt;font color=&quot;#00FF00&quot;&gt;緑&lt;/font&gt;&lt;/b&gt;や&lt;b&gt;&lt;font color=&quot;#00FFFF&quot;&gt;水&lt;/font&gt;&lt;/b&gt;に色替えした例。&lt;br&gt;
緑は優しくオシャレな印象、水では冷たく爽やかな印象に仕上がる。
&lt;/div&gt;
}


色の中でも特に&amp;bold(){灰色}はもっとも光の影響を受けやすく、
着色しやすい便利な色です。

色替えは&amp;u(){光の雰囲気をアピール}しつつ、
&amp;u(){画面の色数を増やせる}ため、適切に使うと強い効果を発揮します。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1392/change_sangkm1.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Sangkm)&lt;br&gt;
床を&lt;b&gt;&lt;font color=&quot;#00FF00&quot;&gt;緑&lt;/font&gt;&lt;/b&gt;に色替えし、&lt;b&gt;&lt;font color=&quot;#FF7F00&quot;&gt;机のオレンジ&lt;/font&gt;&lt;/b&gt;と相殺調和させた例。&lt;br&gt;
画面の色数をさり気なく増やせるため、華やかでセンスの良い環境になりやすい。
&lt;/div&gt;
}


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1422/change_fingerpass1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1421/change_kenshin.jpg)|
(Fingerpass) (剣心)
白机やキーボードを&amp;bold(){&amp;color(#00FF00){緑}}に色替えした例。
&amp;bold(){&amp;color(#D88741){茶色}}や&amp;bold(){&amp;color(#FF7F00){オレンジ}}と相殺で合わせるとエモい雰囲気が演出できる。
フィンパのように透明シートを敷くと、白机がグレーに近づくため着色(色替え)をしやすくなる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1423/change_adul.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1424/change_jesus.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1425/change_sangkm2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1452/change_windowframe.jpg)|
(Adul) (Jesus) (Sangkm) (WindowFrame)
壁を&amp;bold(){&amp;color(#3DBBFF){青色}}にして、デスクの&amp;bold(){&amp;color(#D88741){オレンジ(茶)}}を相殺する例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1426/change_sangkm3.jpg)|
(Sangkm)
白シャツを&amp;bold(){&amp;color(#00FFFF){水色}}に色替えした例。
白シャツは&amp;u(){服のシワが目立つため情報量を稼ぎやすく}、
&amp;u(){色替えで雰囲気も演出しやすい}ためペン回しでは強いモチーフである。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1467/change_cloudtraveler4.jpg)|
(飛雲客)
少し珍しい黒モチーフを色替えする例。
&amp;bold(){&amp;color(#F54738){①}}と&amp;bold(){&amp;color(#F54738){②}}部分が青に寄っており、&amp;bold(){&amp;color(#FF7F00){橙}}×&amp;bold(){&amp;color(#3DBBFF){青}}のダブルメインが成立している。
（黒の色替えはそれなりの光量や反射などが必要

#endregion
#region(※補足解説)

#html2{
&lt;h4&gt;▶補足解説&lt;/h4&gt;}
色替えの有用さはその&amp;u(){さり気なさ}にもあります。
例えば&amp;bold(){「&amp;color(#FF0000){赤}×&amp;color(#00FF00){緑}」}の相殺調和において、緑をそのまま追加すると
配色として少しアクの強い印象を与えることがあります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1456/change_chunhwang1.jpg)|
(Chunhwang)
緑をそのまま追加すると&amp;u(){クリスマス配色のような}アクの強い印象になりやすい。

このままでも個性的で良い雰囲気ですが、
もし赤緑のキツさを自然に和らげる場合は&amp;bold(){「色替え」}が効果的です。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1437/change_nagi.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1438/change_saizen.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1436/change_greatfulday.jpg)|
(Nagi) (Saizen) (Greatfulday)
白や銀モチーフを色替えで&amp;bold(){&amp;color(#00FF00){緑}}にした例。
色替えはさり気なく色の調和を作れたり、光の雰囲気を演出できるメリットがある。

&amp;bold(){&amp;u(){▶まとめ}}
もちろん色替えで無くとも、
そもそも&amp;u(){弱い緑を使用}したり、&amp;u(){光を強く焚いて色を薄める}ことでも対応可能ですが、
手法の1つとして覚えておくと表現の幅が広がります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1455/change_chunhwang2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1439/change_nagi2.jpg)|
(Chunhwang) (Nagi)
弱い緑や強い光で&amp;bold(){&amp;color(#FF0000){赤}}×&amp;bold(){&amp;color(#00FF00){緑}}のダブルメインを馴染ませた例。

#endregion

----

*アクセントの技法

メインやサブカラーと異なる印象の色を加えて、
画面のメリハリを作る技法を&amp;bold(){「&amp;color(#F54738){アクセント}」}と呼びます。

アクセントは環境によって存在しないこともありますが、
有効に使うと&amp;u(){目を引く華やかな印象}を作れます。


----

**明度

全体的に暗めの撮影環境に、
&amp;u(){ワンポイントで明るい白を加える}とアクセントとして機能します。

これを&amp;bold(){「明度アクセント」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1252/accent_value_scan.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(scan)&lt;br&gt;
白コムサによるアクセントの例。&lt;br&gt;
哀愁系のような暗めの環境で用いられることが多い。
&lt;/div&gt;
}


この技法はStep.6で扱った「[[コントラスト&gt;https://w.atwiki.jp/penspinet/pages/35.html#id_af0d2405]]」や、
「[[コントラスト散らし&gt;https://w.atwiki.jp/penspinet/pages/35.html#id_43101313]]」と合わせると理解がより深まります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1253/accent_value_leo.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Leo)&lt;br&gt;
モニタの発光が白として機能している。&lt;br&gt;
色数を抑えながら、メリハリを作成出来るのがメリットとなる。
&lt;/div&gt;
}


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1288/accent_value_apollo.jpg)|
(Apollo)
白紙による明度アクセントの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1287/accent_value_silverblood.jpg)|
(silverblood)
明るいペンや、服の白が明度アクセントとして機能している。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1290/accent_value_ubobub.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1289/accent_value_woojung.jpg)|
(Ubobub) (Woojung)
白に比べると目立ちにくいが、
&amp;u(){明るい環境に黒}という逆の発想も可能。
※黒含むアクセント的な考え方はStep.6「[[コントラスト散らし&gt;https://w.atwiki.jp/penspinet/pages/35.html#id_43101313]]」参照

#endregion

----

**彩度

全体的に彩度が低めの環境に、
&amp;u(){彩度の高い色をワンポイントで加える}とアクセントとして機能します。

これを&amp;bold(){「彩度アクセント」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1255/accent_sat_appolo1.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Apollo)&lt;br&gt;
HGGの&lt;b&gt;&lt;font color=&quot;#FF00FF&quot;&gt;ピンク&lt;/font&gt;&lt;/b&gt;と、HADURIの&lt;b&gt;&lt;font color=&quot;#FF9400&quot;&gt;オレンジ&lt;/font&gt;&lt;/b&gt;をアクセントとして用いた例。
&lt;/div&gt;
}


このアクセントは基本的に、
誘目性の高い&amp;bold(){&amp;color(#FF00FF){ピンク}}/&amp;bold(){&amp;color(#FF0000){赤}}/&amp;bold(){&amp;color(#FF9400){オレンジ}}などが用いられることが多いです。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1254/accent_sat_nanna1.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Nanna)&lt;br&gt;
こちらもApolloと同様に&lt;b&gt;&lt;font color=&quot;#FF00FF&quot;&gt;ピンク&lt;/font&gt;&lt;/b&gt;と&lt;b&gt;&lt;font color=&quot;#FF9400&quot;&gt;HADURI&lt;/font&gt;&lt;/b&gt;をアクセントとして用いた例。
&lt;/div&gt;
}


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1295/accent_sat_appolo2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1294/accent_sat_appolo3.jpg)|
(Apollo)
&amp;bold(){&amp;color(#FF9400){HADURI}}と&amp;bold(){&amp;color(#FF00FF){ピンクオブジェ}}によるアクセントの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1293/accent_sat_chunhwang1.jpg)|
(Chunhwang)
ペンによる&amp;bold(){&amp;color(#FF9400){オレンジ}}のアクセントの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1296/accent_sat_chunhwang2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1297/accent_sat_xshadowfire.jpg)|
(Chunhwang) (xshadowfire)
&amp;bold(){&amp;color(#FF00FF){桃}}&amp;bold(){&amp;color(#00FFFF){水}}のペンによるアクセントの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1292/accent_sat_agut.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1291/accent_sat_dopamine.jpg)|
(agut) (dopamine)
その他の彩度アクセントの例。
当然だが&amp;bold(){&amp;color(#00FFFF){水}}や&amp;bold(){&amp;color(#FFFF00){黄}}でもアクセントとして使用できる。

#endregion
#region(※ペンの配色について)

#html2{
&lt;h4&gt;▶ペンの配色について&lt;/h4&gt;}
&amp;bold(){「アクセント」}の考え方を用いると、
ペンの&amp;u(){配色レパートリーを大幅に広げる}ことが出来ます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1254/accent_sat_nanna1.jpg)|
(Nanna)

例えばNannaのVPは、通常では思いつかない不思議な配色ですが、
環境全体で見ると配色的にまとまっています。

ペン単体だと意味の分からない配色でも、
環境&amp;u(){全体で色がまとまればセンス良く見える}のも配色の面白さです。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1298/accent_sat_appolo5.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1255/accent_sat_appolo1.jpg)|
(Apollo)
&amp;bold(){「ピンクアクセント」}の考え方を知っていれば、
全体を地味にしつつ、&amp;u(){一部分だけ彩度の高いパーツを使う}という
柔軟なペン配色の発想が可能になる。

#endregion

----

**色相

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1299/accent_hue_fuyt.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(fuyt)&lt;br&gt;
全体が&lt;b&gt;&lt;font color=&quot;#FFAC59&quot;&gt;暖色寄り&lt;/font&gt;&lt;/b&gt;の環境に対して、&lt;b&gt;&lt;font color=&quot;#66FFCB&quot;&gt;緑のパステルHGG&lt;/font&gt;&lt;/b&gt;によるアクセントの例。
&lt;/div&gt;
}


環境のメインカラーや隣接する色から、
&amp;u(){色相的に離れた色}を配置すると、アクセントとして機能します。

この技法を&amp;bold(){「色相アクセント」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1301/accent_hue_fingerpass.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1302/accent_hue_kenshin.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Fingerpass) (剣心)&lt;br&gt;
&lt;b&gt;&lt;font color=&quot;#00FF00&quot;&gt;緑&lt;/font&gt;&lt;/b&gt;&lt;b&gt;&lt;font color=&quot;#FF7F00&quot;&gt;橙&lt;/font&gt;&lt;/b&gt;環境における&lt;b&gt;&lt;font color=&quot;#FF4CC3&quot;&gt;ピンクアクセント&lt;/font&gt;&lt;/b&gt;の例。&lt;br&gt;
緑とピンクをある程度隣接させるとより強い効果になる。
&lt;/div&gt;
}


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1305/accent_hue_cheukii1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1304/accent_hue_mill.jpg)|
(CheuKii) (mill)
オブジェによる&amp;bold(){&amp;color(#FF0000){赤色アクセント}}の例。
CheuKiiは画面左上、Millは背景のペンで作成している。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1307/accent_hue_fingerpass2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1308/accent_hue_ken.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1306/accent_hue_apollo.jpg)|
(Fingerpass) (KEN) (Apollo)
&amp;bold(){&amp;color(#00FF00){緑}}×&amp;bold(){&amp;color(#FF0000){赤色}}のアクセントの例。
赤は視認性が高いため、アクセントらしさが出やすい。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1303/accent_hue_cheukii2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1328/accent_hue_sangkm.jpg)|
(CheuKii) (sangkm)
fuytと同じく、ペンの1部分にアクセントを追加する例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1300/accent_hue_leo.jpg)|
(Leo)
全体の&amp;bold(){&amp;color(#A54CFF){紫}}に対して、&amp;bold(){&amp;color(#AAFF00){黄緑モニタ}}のアクセント例。
相当特殊な配色のため、ペン回しで登場する機会はほぼ無い。

#endregion

----

**光

画面に&amp;u(){光や反射を配置する}と、アクセントとして機能します。
この技法を&amp;bold(){「光アクセント」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1325/accent_light_petbottle1.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Petbottle)&lt;br&gt;
青い光によるアクセントの例。&lt;br&gt;
光は&lt;u&gt;周囲の物体にも影響を与える&lt;/u&gt;ため、他には無い独特な印象が出る。
&lt;/div&gt;
}


基本的に光のほうが色の表現幅は広く、
光アクセントは&amp;u(){物体では出せない鮮やかさを出せる}のが強みです。

特に&amp;bold(){&amp;color(#3277FF){青色}}は色料と光で彩度差が大きく、
光のほうが鮮やかでアクセントとして機能させやすいです。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1340/accent_light_cheukii.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1341/accent_light_choochun2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(CheuKii) (Choochun)&lt;br&gt;
ありがちなモニタに青いムビメカ等を映す例。
&lt;/div&gt;
}


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1331/accent_light_sad.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1332/accent_light_sangkm.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1330/accent_light_gwiyeop.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1329/accent_light_whitedoragon.jpg)|
(SaD) (sangkm) (gwiyoep) (白龍)
その他の青い光によるアクセントの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1338/accent_light_petbottle2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1339/accent_light_stimpltac.jpg)|
(Petbottle) (StimPlⓣac)
派手なイルミマウスの使用例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1334/accent_light_blue.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1333/accent_light_greatfulday.jpg)|
(blue) (Greatfulday)
緑の光によるアクセントの例。
青よりは地味だが、少しだけ味付けが出来る。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1337/accent_light_hiya.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1336/accent_light_fingerpass1.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1454/accent_light_shark.jpg)|
(hiya) (Fingerpass) (shark)
マウスの赤い光によるアクセントの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1342/accent_light_fingerpass2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1343/accent_light_mini.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1344/accent_light_kikan.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1345/accent_light_yuljung.jpg)|
(Fingerpass) (MinI) (歸還) (Yuljung)
明るめのモニタによる光アクセントの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1348/accent_light_nikoo.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1347/accent_light_agut.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1346/accent_light_rainb.jpg)|
(NIKoo) (agut) (rain_b)
後述する質感アクセントの要素もあるが、
&amp;bold(){サンメタや金印字の反射}なども光アクセントと言えるかも知れない。

#endregion

----

**質感

木や布のような&amp;u(){自然物的なモチーフに対し、}
&amp;u(){人工的な硬いモチーフを加える}とアクセントとして機能します。

この技法を&amp;bold(){「質感アクセント」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1310/accent_material_kenshin.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(剣心)&lt;br&gt;
柔らかい&lt;b&gt;&lt;font color=&quot;#E07000&quot;&gt;木のデスク&lt;/font&gt;&lt;/b&gt;や、布製の&lt;b&gt;&lt;font color=&quot;#00E0B7&quot;&gt;マウスパッド&lt;/font&gt;&lt;/b&gt;に対し、&lt;br&gt;
&lt;b&gt;&lt;font color=&quot;#BEDBDB&quot;&gt;銀色&lt;/font&gt;&lt;/b&gt;の硬そうなマウスが全体の印象を引き締めている。
&lt;/div&gt;
}


質感アクセントは主に&amp;bold(){&amp;color(#BEDBDB){銀モチーフ}}で用いられます。
銀は人工物らしさが強く、アクセントとして機能しやすいです。

また銀モチーフは&amp;u(){自然物に近いアースカラー(&amp;bold(){&amp;color(#00EA00){緑}}や&amp;bold(){&amp;color(#E07000){茶色}})と隣接させる}と、
より強い効果を発揮します。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1309/accent_material_darkant1.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Darkant)&lt;br&gt;
背景の&lt;b&gt;&lt;font color=&quot;#BEDBDB&quot;&gt;銀マイク&lt;/font&gt;&lt;/b&gt;が質感アクセントとして機能した例。&lt;br&gt;
アースカラーの&lt;b&gt;&lt;font color=&quot;#60EAB7&quot;&gt;緑サンメタ&lt;/font&gt;&lt;/b&gt;を使用しているのもポイント。
&lt;/div&gt;
}

#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1318/accent_material_KTH.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1314/accent_material_cheukii1.jpg)|
(KTH) (CheuKii)
Darkantと同じ「&amp;bold(){&amp;color(#BEDBDB){銀モチーフ}}×&amp;bold(){&amp;color(#60EAB7){緑配色}}」の例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1312/accent_material_apollo.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1311/accent_material_fingerpass.jpg)|
(Apollo) （Fingerpass）
&amp;bold(){&amp;color(#00FF00){緑}&amp;color(#FF7F00){橙}}のアースカラー環境における&amp;bold(){&amp;color(#BEDBDB){銀デバイス}}の例。
Apolloはパームレスト、Fingerpassはマウスやモニタで色を引き締めている。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1315/accent_material_silverblood.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1319/accent_material_nagi1.jpg)|
(Silverblood) (Nagi)
メカメカしいマウスで引き締めた例。
アースカラーではなく、Silverbloodのように黒×銀で合わせるとパンク系の印象になる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1317/accent_material_scan.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1321/accent_material_sangkm2.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1320/accent_material_nagi2.jpg)|
(scan) (sangkm) (Nagi)
銀モチーフを多めに配置した例。
メカメカしい印象で、個性的な環境に仕上がっている。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1323/accent_material_mix.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1324/accent_material_lost.jpg)|
(Mix) (Lost)
逆に&amp;bold(){「柔らかい布」}を追加した例。
Mixはレースでさり気なく追加しているが、&amp;u(){質感のバリエーションが広がる}と華やかな印象になりやすい。

#endregion

----

*光の色と設定

色には&amp;bold(){「物体の色」}と&amp;bold(){「光の色」}という2つの要素が存在します。
光の色は見落としがちですが、
&amp;u(){物体色は光によって大きく変化}するため重要な要素です。

配色は、ﾎﾜｲﾄﾊﾞﾗﾝｽのような&amp;bold(){色設定}も考慮するとより高度な表現が可能になります。
//環境の雰囲気が少し物足りないときは、
//通常と異なる色設定にすると、味のある画質を作ることが出来ます。
ここでは様々な色設定の技法を見てみましょう。


#region(※補足解説)

#html2{
&lt;h4&gt;▶補足解説&lt;/h4&gt;}
色設定による雰囲気の演出は
&amp;u(){光や配色との兼ね合いが非常にシビア}であるため、
何も考えず使用すると、むしろ劣化することも多く難しい技法です。

ペン回しの撮影環境は、
まず&amp;bold(){スタンダードに良い画質を作る}のが基本となります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1404/light_fingerpass.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1405/light_cloudtraveler.jpg)|
(Fingerpass) (飛雲客)
白が白に見えて、光も普通のスタンダードな環境。
ペン回しの撮影環境は、通常のカメラ設定でも十分なことが多いため、
光の色の技法はあくまで補助的なものとなる。

&amp;bold(){&amp;u(){▶まとめ}}
光の色のテクニックは前提として、
&amp;bold(){「色替え」}や&amp;bold(){「相殺調和」}、後述する&amp;bold(){「薄色」}の知識が無ければ
雰囲気が破綻しやすいため、そちらも合わせて考えるのがお勧めです。

#endregion

----

**橙画質
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;orange&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1173/orange_leo.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;ﾎﾜｲﾄﾊﾞﾗﾝｽ系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★☆☆☆&lt;/font&gt;(2)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★☆☆☆&lt;/font&gt;(2)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1173/orange_leo.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1174/orange_mini1.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1176/orange_dopamine1.jpg&quot; alt=&quot;サムネイル3&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
オレンジっぽくする画質。&lt;br&gt;
ペン回しでは肌が暖色、天板も暖色のことが多いため、&lt;br&gt;
光も暖色になると全体が暖色でメリハリがなくまとまりにくくなる。&lt;br&gt;
特に理由がなければ避けるのが無難かも。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1175/orange_cloudtraveler.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1178/orange_kikan.jpg)|
(飛雲客) (歸還)
さり気なく使用した例。
飛雲客は服、歸還はペンの水色でオレンジを相殺している。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1179/orange_mini2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1205/orange_scan.jpg)|
(MinI) (scan)
かなり露骨に使用した例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1177/orange_dopamine2.jpg)|
(Dopamine)
黄色との中間くらいの色味の例。

#endregion

----

**黄画質
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;yellow&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1154/yellow_nagi1.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;ﾎﾜｲﾄﾊﾞﾗﾝｽ系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★☆☆☆☆&lt;/font&gt;(1)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★★☆☆&lt;/font&gt;(3)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1154/yellow_nagi1.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1151/yellow_whitedoragon.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1169/yellow_petbottle.jpg&quot; alt=&quot;サムネイル3&quot; class=&quot;thumbnail&quot;&gt;

  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
古い写真のような、少し昔っぽい雰囲気が演出できる黄色画質。&lt;br&gt;
使用例は少ない。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1466/yellow_agut.jpg)|
(agut)
少しさり気なく使用した例。
ちなみにこの頃の使用カメラはSonyの「DSC-T7」というデジカメ。

#endregion

----

**黄緑画質
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;yellowgreen&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1184/greeny_dufferwing.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;ﾎﾜｲﾄﾊﾞﾗﾝｽ系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★★☆☆&lt;/font&gt;(3)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;orange&quot;&gt;★★★★☆&lt;/font&gt;(4)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1184/greeny_dufferwing.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1186/greeny_lost.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1191/greeny_bukpa.jpg&quot; alt=&quot;サムネイル3&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
少し古風ながらも、緑画質のエモさもある黄緑画質。&lt;br&gt;
白背景や茶色机での使用例が多い。&lt;br&gt;
無個性な茶色デスクの場合、ﾎﾜｲﾄﾊﾞﾗﾝｽ設定で黄茶背景に色替えすると&lt;br&gt;
ニュアンスが出ていい感じになることがある。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1189/greeny_unknown.jpg)|
(コテ不明)
かなり露骨に使用した例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1187/greeny_sekiyu1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1192/greeny_nagi.jpg)|
(sekiyu) (Nagi)
さり気なく夜環境で使用した例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1185/greeny_leigun.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1479/greeny_fingerpass.jpg)|
(Leigun) (Fingerpass)
かなりさり気なく使用した例。
古風な雰囲気が演出できる。

#endregion

----

**緑画質
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;green&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1160/green_scan.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;ﾎﾜｲﾄﾊﾞﾗﾝｽ系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#ff4d42&quot;&gt;★★★★★&lt;/font&gt;(5)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#ff4d42&quot;&gt;★★★★★&lt;/font&gt;(5)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1160/green_scan.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1159/green_chunhwang.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1164/green_dot.jpg&quot; alt=&quot;サムネイル3&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1162/green_kikan.jpg&quot; alt=&quot;サムネイル4&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
とにかくよく見る緑画質。&lt;br&gt;
赤系の背景色との相性が非常によく、強めの照明だとエモい感じにまとまる。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1171/green_nagi1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1170/green_saizen.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1172/green_jesus.jpg)|
(Nagi) (Saizen) (Jesus)
太陽光による緑画質の例。
特に赤系の背景色は緑画質との相性が良い。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1230/green_greatfulday.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1181/green_petbottle.jpg)|
(Greatfulday) (Petbottle)
サイド光×赤系背景での使用例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1166/green_choochun.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1167/green_kenshin.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1168/green_pentaenge.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1233/green_cheukii2.jpg)|
(Choochun) (剣心) (PenTaengE) (CheuKii)
室内光源での使用例。
明るさが足りない場合は、それほど有効に機能しないため扱いが難しくなる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1231/green_mill.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1232/green_cheukii1.jpg)|
(Mill) (CheuKii)
強めの光×薄い背景色で緑気味に設定する例。

#endregion

----

**水画質
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;lightblue&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1202/lightblue_kikan1.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;ﾎﾜｲﾄﾊﾞﾗﾝｽ系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★★☆☆&lt;/font&gt;(3)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★★☆☆&lt;/font&gt;(3)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1202/lightblue_kikan1.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1203/lightblue_nikoo.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1276/lightblue_petbottle.jpg&quot; alt=&quot;サムネイル3&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1201/lightblue_sangkm.jpg&quot; alt=&quot;サムネイル4&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
爽やかor冷たい印象のある水画質。&lt;br&gt;
白や灰モチーフを水色に色替えし、&lt;br&gt;
オレンジや茶色との2色合わせを狙うと配色がまとまりやすい。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1204/lightblue_kikan2.jpg)|
(歸還)
かなり露骨に使用した例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1326/lightblue_nagi1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1327/lightblue_nagi2.jpg)|
(Nagi)
青に近くもあるが、少し暗めの環境での使用例。

#endregion

----

**青画質
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;blue&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1195/blue_kikan.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;ﾎﾜｲﾄﾊﾞﾗﾝｽ系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★★☆☆&lt;/font&gt;(3)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★☆☆☆&lt;/font&gt;(2)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1195/blue_kikan.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1194/blue_apple.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1193/blue_twotempersman.jpg&quot; alt=&quot;サムネイル3&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1196/blue_sangkm.jpg&quot; alt=&quot;サムネイル4&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
テンパが擦りまくってる青画質。&lt;br&gt;
本人曰くあえて狙ってるとのことらしい。&lt;br&gt;
ロアス基板(HV7131R)よりも、少し古めのCMOSチップで狙いやすいと思われる。&lt;br&gt;
魅力的にはクセが強く少し扱いづらい部分もある。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1234/blue_sangkm2.jpg)|
(sangkm)
少しさり気なく使用した例。

#endregion

----

**紫画質
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;purple&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1157/purple_leo1.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;ﾎﾜｲﾄﾊﾞﾗﾝｽ系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★☆☆☆&lt;/font&gt;(2)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★★☆☆&lt;/font&gt;(3)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1157/purple_leo1.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1155/purple_twotempersman.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1156/purple_hikikomori.jpg&quot; alt=&quot;サムネイル3&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
Leoが使いまくることで有名な紫画質。&lt;br&gt;
hikikomoriも一時期多用していた。&lt;br&gt;
定石通り、太陽光や強めの光がなければ雰囲気よくまとめづらいと思われる。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1158/purple_leo2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1235/purple_leo3.jpg)|
(Leo)
太陽光を含んだ例と、恐らく室内光源だけの例。
こちらも例によって日光が無ければ扱いづらくなる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1258/purple_awawa.jpg)|
(awawa)
さり気なく使用した例。

#endregion

----

**白画質
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;white&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1218/white_KTH1.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;設定系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;orange&quot;&gt;★★★★☆&lt;/font&gt;(4)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;orange&quot;&gt;★★★★☆&lt;/font&gt;(4)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1218/white_KTH1.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1219/white_pashas1.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1217/white_kikan.jpg&quot; alt=&quot;サムネイル3&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1216/white_dopamine.jpg&quot; alt=&quot;サムネイル4&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
ガンマや明るさの設定で少し白っぽくする画質。&lt;br&gt;
ZECAで作りやすい。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1222/white_kikan2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1221/white_cloudtraveler.jpg)|
(歸還) (飛雲客)
昼環境や明るめの環境の味付けとして、
少しだけ設定で白っぽさを追加すると良い雰囲気が出やすくなる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1220/white_pashas2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1223/white_KTH2.jpg)|
(Pashas) (KTH)
白画質は暗めの環境でも味が出やすく扱いやすい。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1226/white_adul.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1225/white_choochun.jpg)|
(Adul) (Choochun)
標準的な室内光源での白画質の例。
太陽光のほうが相性は良いが、室内光源でもそれなりにまとまる。

#endregion

----

**色相ずらし
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;hue&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1198/hue_agut1.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;設定系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★☆☆☆☆&lt;/font&gt;(1)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★★☆☆&lt;/font&gt;(3)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1198/hue_agut1.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1200/hue_saizen1.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
主に色相をズラして独特の色設定を作るテクニック。&lt;br&gt;
(ロアス系の設定画面では「色調」の項目&lt;br&gt;
露骨に狙うのは少し難しいが、多少ずらすといい感じに味が出ることがある。

&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1197/hue_saizen2.jpg)|
(Saizen)
Saizenの例その2、使用カメラは恐らくEyeToy。
こちらは全体が水色寄りになっている。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1199/hue_agut2.jpg)|
(agut)
さり気なく使用した例。

#endregion

----

**高コントラスト
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;contrast&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1211/highc_mix.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;設定系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;orange&quot;&gt;★★★★☆&lt;/font&gt;(4)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★★★☆☆&lt;/font&gt;(3)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1211/highc_mix.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1210/highc_darkant.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1209/highc_nagi.jpg&quot; alt=&quot;サムネイル3&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1212/highc_pen.jpg&quot; alt=&quot;サムネイル4&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
強めのコントラストで、独特のエモさや高彩度のエグさを狙うやつ。&lt;br&gt;
赤、青、黄など強めの色とも調和しやすいが、&lt;br&gt;
一歩間違うとグロい環境になるので色合わせが難しくはある。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1449/highc_apollo2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1448/highc_choochun2.jpg)|
(Apollo) (Choochun)
少しエモい感じで使用する例。
Choochunの画質は本人曰く「弟に勝手に設定弄られた」とのこと。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1451/highc_cheukii3.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1450/highc_cheukii4.jpg)|
(CheuKii)
黒背景での高コントラスト画質の例。
赤×黒のようなキツめの配色でも調和しやすい。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1214/highc_cheukii1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1215/highc_cheukii2.jpg)|
(CheuKii)
ペンをネオン的にギラギラさせる例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1213/highc_kuzu.jpg)|
(kUzu)
コリアンではないがkUzuのフュージョン画質もこの系統と言える。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1240/lowc_mini.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1241/lowc_KTH.jpg)|
(MinI) (KTH)
逆にコントラストが弱く淡い画質。
上手くやれば魅力は出るが、作成難易度が高いため使用例は少ない。

#endregion

----

**白飛び
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;white_exposure&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1245/whitex_mill.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;設定系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#ff4d42&quot;&gt;★★★★★&lt;/font&gt;(5)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#ff4d42&quot;&gt;★★★★★&lt;/font&gt;(5)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1245/whitex_mill.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1243/whitex_ken.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1242/whitex_tsubaki.jpg&quot; alt=&quot;サムネイル3&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1244/whitex_kiru.jpg&quot; alt=&quot;サムネイル4&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
主に強めの光で肌を白飛びさせる画質。&lt;br&gt;
ﾎﾜｲﾄﾊﾞﾗﾝｽの色替えを併用しない場合、めちゃくちゃエモくなるわけではないが、&lt;br&gt;
配色の相性も無く、昼も夜もお手軽に狙いやすいのがメリット。&lt;br&gt;
30万画素カメラでは全般的に狙いやすい。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1249/whitex_sadof.jpg)|
(sadoの友人)
少し露骨にサイド光で使用した例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1247/whitex_KTH.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1250/whitex_nagi.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1248/whitex_rainyd.jpg)|
(KTH) (Nagi) (Rainyd)
少しさり気なくサイド光で狙った例。
白飛びは明るい雰囲気を作りやすく、さり気なく狙うだけでもいい感じになる。

#endregion

----

**黒つぶれ
#html2{
&lt;tr&gt;&lt;td rowspan=&quot;6&quot; width=&quot;320&quot;&gt;
&lt;div class=&quot;viewer no-pointer&quot; data-viewer=&quot;black_crush&quot;&gt;
  &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1207/blackc_leo1.jpg&quot; width=&quot;320&quot; alt=&quot;メイン画像&quot; class=&quot;main-image&quot;&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;系統&lt;/th&gt;&lt;td&gt;フィルター系&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;使用率&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;#77ff52&quot;&gt;★☆☆☆☆&lt;/font&gt;(1)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;扱いやすさ&lt;/th&gt;&lt;td&gt;&lt;font color=&quot;orange&quot;&gt;★★★★☆&lt;/font&gt;(4)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;ギャラリー&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;
  &lt;div class=&quot;thumbnails&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1207/blackc_leo1.jpg&quot; alt=&quot;サムネイル1&quot; class=&quot;thumbnail&quot;&gt;
    &lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/37/1206/blackc_mini1.jpg&quot; alt=&quot;サムネイル2&quot; class=&quot;thumbnail&quot;&gt;
  &lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th colspan=&quot;3&quot;&gt;解説&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;
黒モチーフが濃く、膨れている画質。&lt;br&gt;
暗視カメラでもあるTrek310や、Sonyの古いビデカメで作成可能。&lt;br&gt;
また「可視光線カットフィルター」を購入し、&lt;br&gt;
カメラに付けることでも画質再現が可能である。
&lt;/td&gt;&lt;/tr&gt;
}
#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/37/1229/blackc_frikyu.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/37/1228/blackc_frikyu.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
(frikyu)
コリアン系のスタイルではないが、ビデカメを使用した黒つぶれ画質の例。
使用カメラはSONYの「DCR-TRV17K」。

&amp;bold(){&amp;u(){▶補足}}
ソニーの古いビデカメは&amp;u(){暖色が強く黒つぶれしやすい}特徴があります。
当時のSONYシェア率からも、
MinIのビデカメも恐らくSONY製のものと考えられます。

#endregion

----

*(発展) マイナー色

あまり使用頻度の高くない色や、
地味で目立たない色を&amp;bold(){「&amp;color(#F54738){マイナー色}」}と呼びます。

ここではペン回しでも使いやすい、いくつかの技法を見てみましょう。


----

**薄色の技法

ある程度明るめの少しくすんだ色を、
ここでは&amp;bold(){「薄色」}と呼びます。

薄色はあまり意識されにくいですが、
色数が稼げることや、雰囲気を作りやすいため非常に有用な技法です。

ここでは&amp;bold(){&amp;color(#E0C6A8){橙}}/&amp;bold(){&amp;color(#AFD3C2){緑}}/&amp;bold(){&amp;color(#D6D1A9){黄}}/&amp;bold(){&amp;color(#ABD0DB){水}}の薄色について見てみましょう。


----

***薄色の相殺

&amp;bold(){&amp;color(#E0C6A8){橙系の薄色}}を&amp;bold(){&amp;color(#AFD3C2){緑}}や&amp;bold(){&amp;color(#ABD0DB){水}}の薄色で相殺すると
&amp;u(){独特の柔らかい雰囲気}を生むことができます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1349/pale_offset_cheukii1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1352/pale_offset_cheukii3.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(CheuKii)&lt;br&gt;
&lt;b&gt;&lt;font color=&quot;#E0C6A8&quot;&gt;机の色&lt;/font&gt;&lt;/b&gt;と&lt;b&gt;&lt;font color=&quot;#AFD3C2&quot;&gt;カーテン&lt;/font&gt;&lt;/b&gt;による2色合わせの例。&lt;br&gt;
このカーテンは意識されにくいが、雰囲気を支える色として重要な役割を持つ。
&lt;/div&gt;
}


基本的に&amp;bold(){&amp;color(#AFD3C2){緑}}と&amp;bold(){&amp;color(#ABD0DB){水}}は&amp;u(){色替えでさり気なく作る}ことが多いですが、
布の色などで直接追加する例もあります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1350/pale_offset_kikan.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1359/pale_offset_kikan2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(歸還)&lt;br&gt;
色替えした&lt;b&gt;&lt;font color=&quot;#AFD3C2&quot;&gt;緑キーボード&lt;/font&gt;&lt;/b&gt;と&lt;b&gt;&lt;font color=&quot;#AFD3C2&quot;&gt;緑ズボン&lt;/font&gt;&lt;/b&gt;を使用した例。&lt;br&gt;
主に&lt;b&gt;&lt;font color=&quot;#E0C6A8&quot;&gt;肌の色&lt;/font&gt;&lt;/b&gt;との2色合わせが成立している。&lt;br&gt;
昼環境における緑相殺は&lt;u&gt;エモくオシャレな印象&lt;/u&gt;に仕上がる。
&lt;/div&gt;
}


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1362/pale_offset_kenshin.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1363/pale_offset_kenshin2.jpg)|
(剣心)
歸還と同じく、お手本のような薄色の&amp;bold(){&amp;color(#AFD3C2){緑相殺}}の例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1361/pale_offset_windowframe.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1360/pale_offset_guest.jpg)|
(Windowframe)(Guest)
窓枠は&amp;bold(){&amp;color(#AFD3C2){緑ズボン}}と&amp;bold(){&amp;color(#ABD0DB){水PCケース}}、Guestは&amp;bold(){&amp;color(#AFD3C2){緑クッション}}で相殺する例。
暖色は&amp;bold(){&amp;color(#E0C6A8){床や肌}}となる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1376/pale_offsetl_ericc.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1465/pale_offset_phoenix.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1377/pale_offsetl_mini.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1375/pale_offsetl_mix.jpg)|
(Eric_C) (Phoenix) (MinI) (Mix)
その他の&amp;bold(){&amp;color(#E0C6A8){オレンジ}}×&amp;bold(){&amp;color(#ABD0DB){水相殺}}の例。
緑相殺に比べると、水は&amp;u(){美しくキレイな印象}になるのがポイント。


#endregion
#region(※ピンク系の相殺調和)

#html2{
&lt;h4&gt;▶ピンク系の相殺調和&lt;/h4&gt;}
&amp;bold(){「薄色の相殺調和」}には、暖色を&amp;u(){ピンクに寄せて合わせる}ものも存在します。
この色合わせは主に日本人に用いられます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1354/pale_offset_enigma.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1356/pale_offset_saizen.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1353/pale_offset_tsubaki.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1355/pale_offset_fyl.jpg)|
(enigma) (Saizen) (Tsubaki) (fyl)
暖色部分を&amp;bold(){&amp;color(#E8BEBE){赤～ピンク系}}に寄せた例。
&amp;u(){夜の桜のような和風なテイスト}の色合わせとなる。

#endregion

----

***カビ色合わせ

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1358/pale_mold_superduck.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1460/pale_mold_superduck2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Superduck)&lt;br&gt;
&lt;b&gt;&lt;font color=&quot;#9ED8CE&quot;&gt;水系のデスク&lt;/font&gt;&lt;/b&gt;と色替えした&lt;b&gt;&lt;font color=&quot;#AFCCAD&quot;&gt;緑の壁&lt;/font&gt;&lt;/b&gt;でカビ色合わせを作成した例。&lt;br&gt;
アンニュイな印象のため、哀愁系と相性が良い。
&lt;/div&gt;
}


&amp;bold(){&amp;color(#AFD3C2){緑系}}と&amp;bold(){&amp;color(#ABD0DB){水系}}の薄色を相乗調和で合わせると、
落ち着いた&amp;u(){アンニュイな雰囲気}を生むことが出来ます。

この技法をここでは&amp;bold(){「カビ色合わせ」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1357/pale_mold_apollo.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1372/pale_mold_apollo2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Apollo)&lt;br&gt;
お手本のようなカビ色合わせの例。&lt;br&gt;
&lt;b&gt;&lt;font color=&quot;#9ED8CE&quot;&gt;水&lt;/font&gt;&lt;/b&gt;と&lt;b&gt;&lt;font color=&quot;#AFCCAD&quot;&gt;緑&lt;/font&gt;&lt;/b&gt;×&lt;b&gt;&lt;font color=&quot;#E51085&quot;&gt;色相アクセント&lt;/font&gt;&lt;/b&gt;というSuperduckと同じ色構成となる。

&lt;/div&gt;
}

#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1364/pale_mold_chunhwang.jpg)|
(Chunhwang)
色替えした&amp;bold(){&amp;color(#AFCCAD){マウスとズボン}}×&amp;bold(){&amp;color(#9ED8CE){モニタ画面}}という合わせ方。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1464/pale_mold_petbottle1.jpg)|
(Petbottle)
&amp;bold(){&amp;color(#60EE3C){床の緑}}と&amp;bold(){&amp;color(#00FFFF){色替えした各種モチーフ}}で合わせた例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1365/pale_mold_dot1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1458/pale_mold_dot2.jpg)|
(・・・・・)
部分的にカビ色合わせを使用した例。
サンメタは淡い色のため、この手の配色と合わせやすい。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1459/pale_mold_sample.jpg,width=200,height=200)|
(参考資料)
ペン回しではないが、青カビのイラストでありがちな配色のため、
このようなイメージを持つと感覚が掴みやすい。

#endregion

----

***水黄合わせ

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1370/pale_blueyellow_mill.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1427/pale_blueyellow_mill2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Mill)&lt;br&gt;
&lt;font color=&quot;#D6D1A9&quot;&gt;&lt;b&gt;黄デスク&lt;/b&gt;&lt;/font&gt;と色替えした&lt;font color=&quot;#ABD0DB&quot;&gt;&lt;b&gt;水部分&lt;/b&gt;&lt;/font&gt;による水黄合わせの例。&lt;br&gt;
冷たく爽やかな印象が特徴となる。
&lt;/div&gt;
}


&amp;bold(){&amp;color(#D6D1A9){黄系}}と&amp;bold(){&amp;color(#ABD0DB){水系}}の薄色を合わせると、
&amp;u(){冷たく爽やかな雰囲気}を生むことが出来ます。

この技法をここでは&amp;bold(){「水黄合わせ」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1368/pale_blueyellow_KTH.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1428/pale_blueyellow_KTH2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(KTH)&lt;br&gt;
Millと全く同じ色構成(&lt;font color=&quot;#ABD0DB&quot;&gt;&lt;b&gt;水&lt;/b&gt;&lt;/font&gt;&lt;font color=&quot;#D6D1A9&quot;&gt;&lt;b&gt;黄&lt;/b&gt;&lt;/font&gt;×&lt;font color=&quot;#FF0000&quot;&gt;&lt;b&gt;赤の色相アクセント&lt;/b&gt;&lt;/font&gt;)の例。&lt;br&gt;
デスクは少しオレンジ寄りだが一応水黄合わせと言える。&lt;br&gt;
&lt;u&gt;シルバーは性質上水色に振れやすく&lt;/u&gt;、この技法では使いやすい。
&lt;/div&gt;
}


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1382/pale_blueyellow_dufferwing.jpg)|
(Dufferwing)
&amp;bold(){&amp;color(#ABD0DB){水壁}}と&amp;bold(){&amp;color(#D6D1A9){黄床}}による色合わせの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1381/pale_blueyellow_lost.jpg)|
(Lost)
布の手前は&amp;bold(){&amp;color(#D6D1A9){黄色寄り}}、奥は&amp;bold(){&amp;color(#ABD0DB){水寄り}}に色替えした例。

#endregion

----

***3色調和

薄色は&amp;u(){3色以上で合わせる}ことも出来ます。
これを薄色の&amp;bold(){「3色調和」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1371/pale_tri_KTH1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1373/pale_tri_KTH2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(KTH)&lt;br&gt;
&lt;font color=&quot;#ABD0DB&quot;&gt;&lt;b&gt;水&lt;/b&gt;&lt;/font&gt;/&lt;font color=&quot;#AFD3C2&quot;&gt;&lt;b&gt;緑&lt;/b&gt;&lt;/font&gt;/&lt;font color=&quot;#D6D1A9&quot;&gt;&lt;b&gt;黄&lt;/b&gt;&lt;/font&gt;/&lt;font color=&quot;#E8BEBE&quot;&gt;&lt;b&gt;赤&lt;/b&gt;&lt;/font&gt;の4色合わせの例。
&lt;/div&gt;
}


薄色は淡い色彩であるため、
色数が増えても&amp;u(){喧嘩しづらくまとめやすい}のもメリットの1つです。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1367/pale_tri_nikoo1.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(NIKoo)&lt;br&gt;
色替えした&lt;font color=&quot;#ABD0DB&quot;&gt;&lt;b&gt;水キーボード&lt;/b&gt;&lt;/font&gt;、&lt;font color=&quot;#AFD3C2&quot;&gt;&lt;b&gt;緑サンメタ&lt;/b&gt;&lt;/font&gt;、&lt;font color=&quot;#E0C6A8&quot;&gt;&lt;b&gt;橙机&lt;/b&gt;&lt;/font&gt;の3色合わせの例。&lt;br&gt;
薄色とサンメタは非常に合わせやすい。
&lt;/div&gt;
}


#region(※補足解説)

#html2{
&lt;h4&gt;▶補足解説&lt;/h4&gt;}
薄色は初めは見分けるのが難しいですが、
&amp;bold(){「色調補正」}などで確認するのも一つの手かも知れません。
&amp;u(){印象をしっかり覚える}と、そのままでも色の効果を読み取れるようになります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1374/pale_tri_KTH3.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1379/pale_tri_KTH4.jpg)|
(KTH)
部分的に彩度を上げると分かりやすいが、
スピーカーは&amp;bold(){&amp;color(#ABD0DB){水}}、壁は&amp;bold(){&amp;color(#AFD3C2){緑}}、机は&amp;bold(){&amp;color(#AFD3C2){緑}}と&amp;bold(){&amp;color(#D6D1A9){黄}}が含まれている。
薄い色まで見分けて合わせると、雰囲気は作りやすくなる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1378/pale_tri_agut1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1380/pale_tri_agut2.jpg)|
(agut)
デザインや絵では頻出するが、
ペン回しでは珍しい&amp;bold(){&amp;color(#D6D1A9){黄}&amp;color(#ABD0DB){水}&amp;color(#E0C6A8){橙}}(金銀銅)の3色合わせ。
床の&amp;bold(){&amp;color(#D6D1A9){薄い黄色}}は地味だが、雰囲気を支える上で重要な意味を持つ。

#endregion

----

**輝度調和

メインカラーの色数は
多くとも2色ほどに抑えるのが基本ですが、
&amp;u(){輝度の高い色同士なら3~4色でもまとめる}ことが可能です。

この技法をここでは&amp;bold(){「輝度調和」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1256/lumine_choochun.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Choochun)&lt;br&gt;
赤茶の他にも&lt;b&gt;&lt;font color=&quot;#00FFFF&quot;&gt;水&lt;/font&gt;&lt;/b&gt;/&lt;b&gt;&lt;font color=&quot;#FFFF00&quot;&gt;黄&lt;/font&gt;&lt;/b&gt;/&lt;b&gt;&lt;font color=&quot;#7FFF00&quot;&gt;黄緑&lt;/font&gt;&lt;/b&gt;といった、輝度の高い華やかな色が使われている。&lt;br&gt;
輝度調和は&lt;u&gt;色数を増やしても画面がまとまりやすい&lt;/u&gt;のがメリット。
&lt;/div&gt;
}


輝度調和では、
輝度の高い色である&amp;bold(){&amp;color(#FFFF00){黄}}/&amp;bold(){&amp;color(#00FFFF){水}}/&amp;bold(){&amp;color(#FF00FF){桃}}/&amp;bold(){&amp;color(#7FFF00){黄緑}}/&amp;bold(){&amp;color(#FF9400){橙}}などの約5色から、
いくつかを選択し色合わせを行います。

なおこの技法はメインで無くとも、
ワンポイントで利用しても強い効果を発揮します。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1257/lumine_sad.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1259/lumine_sad2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(SaD)&lt;br&gt;
こちらも同様に輝度調和の例。&lt;br&gt;
使用色は&lt;b&gt;&lt;font color=&quot;#00FFFF&quot;&gt;水&lt;/font&gt;&lt;/b&gt;/&lt;b&gt;&lt;font color=&quot;#FF9400&quot;&gt;オレンジ&lt;/font&gt;&lt;/b&gt;/&lt;b&gt;&lt;font color=&quot;#7FFF00&quot;&gt;黄緑&lt;/font&gt;&lt;/b&gt;/&lt;b&gt;&lt;font color=&quot;#FF00FF&quot;&gt;ピンク&lt;/font&gt;&lt;/b&gt;の4色、カラフルで明るい印象にまとまる。
&lt;/div&gt;
}


#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1262/lumine_nagi.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1264/lumine_nagi2.jpg)|
(Nagi)
わかりやすく画面左上で輝度調和(&amp;bold(){&amp;color(#00FFFF){水}}/&amp;bold(){&amp;color(#FF9400){橙}}/&amp;bold(){&amp;color(#7FFF00){緑}}/&amp;bold(){&amp;color(#FFFF00){黄}})を使用した例。
コンセプト的には明るい環境との相性が良い。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1263/lumine_uki.jpg)|
(uki)
少しペンの置き方にわざとらしさもあるが、
こちらは&amp;bold(){&amp;color(#FF9400){橙}}/&amp;bold(){&amp;color(#FFFF00){黄}}/&amp;bold(){&amp;color(#7FFF00){緑}}の3色で輝度調和を使用した例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1501/lumine_lost.jpg)|
(Lost)
画面左下でペンを散らして、部分的に輝度調和を作成する例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1261/lumine_gwiyeop.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1260/lumine_rainyd.jpg)|
(Gwiyeop) (Rainyd)
ありがちなVP配色の&amp;bold(){&amp;color(#FF00FF){桃}&amp;color(#00FFFF){水}&amp;color(#FFFF00){黄}}×&amp;bold(){&amp;color(#FF9400){橙HADURI}}の輝度調和。
HADURIは意識されにくいが、非常に重要な役割を持っている。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1266/lumine_taeryong.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1267/lumine_mini.jpg)|
(Taeryong) (MinI)
ごちゃごちゃと狙う例。
輝度調和は、環境が&amp;u(){雑然としていても配色が破綻しづらい}のもメリット。
また調和させる色は隣接させるほうが分かりやすいが、離して配置しても十分に機能する。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1265/lumine_signpen.jpg,width=200,height=200)|
(MonAmi Signpen Super)
ペン回しの環境ではないが、
「輝度調和」はデザインの分野でも頻繁に使われており、
例えばモナミサインのパッケージでは&amp;bold(){&amp;color(#00FFFF){水}}/&amp;bold(){&amp;color(#7FFF00){黄緑}}/&amp;bold(){&amp;color(#FFFF00){黄}}/&amp;bold(){&amp;color(#FF9400){橙}}/&amp;bold(){&amp;color(#FF00FF){桃}}の5色合わせが採用されている。

#endregion

----

**透明色

&amp;bold(){「透明」}は色とは言い難いですが、
&amp;u(){色の一種と考える}と、画面の構成が立てやすくなります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1275/clear_kikan1.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(歸還)&lt;br&gt;
日本でも模倣される「水×透明(インサ無し)」のVP配色。&lt;br&gt;
&lt;u&gt;透明も色である&lt;/u&gt;と考えると、配色のバリエーションは更に増える。
&lt;/div&gt;
}


&amp;bold(){「透明色」}は透明感や光沢があり、
透けるという特殊な性質を持っています。

そのため、環境に配置すると&amp;u(){材質のバリエーションが増え}、
華やかな印象を作りやすいです。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1274/clear_shark1.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(shark)&lt;br&gt;
机の&lt;b&gt;「透明シート」&lt;/b&gt;やモニタの&lt;b&gt;「保護パネル」&lt;/b&gt;で透明モチーフを追加した例。&lt;br&gt;
キラキラとした清潔感のある環境に仕上がる。

&lt;/div&gt;
}

#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1278/clear_adul.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1279/clear_agut.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1280/clear_jesus.jpg)|
(Adul) (agut) (Jesus)
インサ無しのVPの使用例。
独特の味が出る。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1283/clear_choochun1.jpg)|
(Choochun)
地味だが、この動画のみビニールのキーボードカバーが使用されている。
ワンポイントで反射や光沢が加わり、綺麗な印象に仕上がる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1281/clear_kikan2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1282/clear_petbottle.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1284/clear_woojung.jpg)|
(歸還) (Petbottle) (Woojung)
色付きの透明モチーフの配置例。
Petbottleはスケルトンのマウスも使用している。

#endregion

----

**不調和色

メインやサブカラーと本来は調和しづらい色合わせを
ここでは&amp;bold(){「不調和色」}と呼びます。

不調和色は&amp;u(){面積を絞りワンポイントで使用}すると
アクセント的に機能し、センスの良い画面を作ることが出来ます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1268/discord_apollo1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1273/discord_apollo1s.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Apollo)&lt;br&gt;
レインボーのマウスパッドによる不調和色の例。
&lt;/div&gt;
}


配色の系統にもよりますが、
&amp;bold(){汚い色}や&amp;bold(){強烈な色合わせ}が不調和色になることが多いです。

|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1269/discord_woojung1.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Woojung)&lt;br&gt;
哀愁系なので、本来なら&lt;b&gt;&lt;font color=&quot;#FF0000&quot;&gt;赤&lt;/font&gt;&lt;font color=&quot;#FFFF00&quot;&gt;黄&lt;/font&gt;&lt;font color=&quot;#3277FF&quot;&gt;青&lt;/font&gt;&lt;/b&gt;のような強い色合わせは適さないが、&lt;br&gt;
ワンポイントの使用ならむしろセンスよく機能する。
&lt;/div&gt;
}

#region(※その他の例)

#html2{
&lt;h4&gt;▶その他の例&lt;/h4&gt;}
|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1285/discord_cheukii1.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1286/discord_cheukii2.jpg)|
(CheuKii)
&amp;bold(){「ルービックキューブ」}による不調和色の例。
余談だが、CheuKiiはルービックキューブが趣味で専用カフェにも所属している。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1271/discord_nagi.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1272/discord_shout1.jpg)|
(Nagi) (Shout)
ありがちなコムサ配色による不調和色の例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/37/1270/discord_apollo2.jpg)|
(Apollo)
大胆にレインボーマウスパッドを写した例。
一応まとまっている範囲内だが、面積が広くなるほど色合わせは難しくなる。

#endregion





#right(){&amp;u(){&amp;i(){Copyright&amp;mark_copy()  2013- by.penspinET all rights reserved.}}}
#right(){_______________________________________________________}    </description>
    <dc:date>2026-04-25T12:46:00+09:00</dc:date>
    <utime>1777088760</utime>
  </item>
    <item rdf:about="https://w.atwiki.jp/penspinet/pages/1.html">
    <title>トップページ</title>
    <link>https://w.atwiki.jp/penspinet/pages/1.html</link>
    <description>
      #html2(sp){
&lt;hr&gt;
&lt;font size=&quot;5&quot;&gt;
&lt;b&gt;&lt;font color=&quot;red&quot;&gt;現在spモードで表示しています。&lt;br&gt;
表示の都合上、&lt;a id=&quot;trigger&quot;&gt;ページ最下部からPC版に切り替えて&lt;/a&gt;ご利用ください。&lt;/font&gt;&lt;/b&gt;&lt;/font&gt;&lt;hr&gt;}
#javascript(){{
window.onload = function() {
  var trigger = document.getElementById(&#039;trigger&#039;);
  trigger.onclick = function() {
    var element = document.documentElement;
    var bottom = element.scrollHeight - element.clientHeight;
    window.scrollTo({top: bottom, left: 0, behavior: &#039;smooth&#039;});
  }}
}}
#right(){&amp;color(#666666){Last modified:&amp;date()}}
//-----wiki構文でjava scriptを読み込みます-----

//
//-----ここからjavaの記述-----
#javascript(){{
&lt;script src=&quot;https://img.atwiki.jp/penspinet/attach/1/1496/jquery.cycle.all.js&quot;&gt;&lt;/script&gt;
&lt;script&gt;
// 2. jQuery(function()... を短縮しつつ、メソッドチェーンを工夫
$(function() {
  $(&#039;#jquery-cycle&#039;).cycle({
    random: 1,      // 画像の切り替わる順序をランダムに設定
    fx: &#039;fade&#039;,     // 効果を順番に切り替わるフェードに設定
    speed: 2000,    // 次の画像に移動するアニメーション速度を2.0秒に設定
    timeout: 4000   // 次の画像に切り替わるまでの待機時間を4秒に設定
  });
});
&lt;/script&gt;

&lt;style&gt;
#jquery-cycle, #jquery-cycle img { width: 320px; height: 240px; }
#jquery-cycle img { border: 1px solid #CCC; padding: 4px; background: #333; }
&lt;/style&gt;

&lt;div id=&quot;jquery-cycle&quot;&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/1/Cheukii52.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/20/CheuKii59.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/13/Cheukii60.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/3/Apollo36.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/2/ChooChun36.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/4/Chunhwang9.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/16/Gold35.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/11/Jesus70.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/10/KTH47.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/5/Leo4.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/9/MinI22.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/14/Mix13.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/18/Nagi52.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/6/Sangkm40.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/12/sangkm41.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/15/Sangkm44.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/21/scan2.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/19/SuperDuck1.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/7/Window%20Frame32.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/17/xshadowfire1.jpg&quot; /&gt;
	&lt;img src=&quot;https://img.atwiki.jp/penspinet/attach/1/8/%E6%AD%B8%E9%82%8416.jpg&quot; /&gt;
&lt;/div&gt;

}}

&amp;sizex(7){環境論@wikiへようこそ}

ペ●回しの撮影環境に関するwikiです
penspin Environment Theory = penspin ET

#html2(){
&lt;textarea cols=50 rows=7 STYLE=&quot;color:#FFFFFF;background-color:#000000&quot; readonly&gt;

更新履歴

2025/11/23
「配色」ページ公開

2025/11/08
「細かい技法」に&quot;デスク縁の装飾&quot;を追加

2025/10/28
「カメラ入門簡易版」ページ仮設置

2025/10/18
「構図」ページ公開

2025/01/29
「背景色」ページ復刻

2025/01/10
「撮影環境の系統分類」ページ復刻

2025/01/09
「細かい技法」ページ復刻

2024/12/31
「アングル」ページ公開

2024/11/21
「環境厨辞典」ページ復刻

2024/11/19
「カメラ一覧」ページ復刻

2024/11/18
「基本の考え方」「照明」ページ復刻

2024/10/24
環境論＠wiki復刻

&lt;/textarea&gt;
}




#right(){&amp;u(){&amp;i(){Copyright&amp;mark_copy()  2013- by.penspinEX all rights reserved.}}}
#right(){_______________________________________________________}













----    </description>
    <dc:date>2026-04-14T05:25:54+09:00</dc:date>
    <utime>1776111954</utime>
  </item>
    <item rdf:about="https://w.atwiki.jp/penspinet/pages/38.html">
    <title>配色辞典</title>
    <link>https://w.atwiki.jp/penspinet/pages/38.html</link>
    <description>
          </description>
    <dc:date>2026-04-11T05:39:57+09:00</dc:date>
    <utime>1775853597</utime>
  </item>
    <item rdf:about="https://w.atwiki.jp/penspinet/pages/30.html">
    <title>その他</title>
    <link>https://w.atwiki.jp/penspinet/pages/30.html</link>
    <description>
          </description>
    <dc:date>2025-12-31T05:30:29+09:00</dc:date>
    <utime>1767126629</utime>
  </item>
    <item rdf:about="https://w.atwiki.jp/penspinet/pages/34.html">
    <title>tes4</title>
    <link>https://w.atwiki.jp/penspinet/pages/34.html</link>
    <description>
          </description>
    <dc:date>2025-12-02T14:59:22+09:00</dc:date>
    <utime>1764655162</utime>
  </item>
    <item rdf:about="https://w.atwiki.jp/penspinet/pages/21.html">
    <title>細かい技法</title>
    <link>https://w.atwiki.jp/penspinet/pages/21.html</link>
    <description>
      #html2(sp){
&lt;hr&gt;
&lt;font size=&quot;5&quot;&gt;
&lt;b&gt;&lt;font color=&quot;red&quot;&gt;現在spモードで表示しています。&lt;br&gt;
表示の都合上、&lt;a id=&quot;trigger&quot;&gt;ページ最下部からPC版に切り替えて&lt;/a&gt;ご利用ください。&lt;/font&gt;&lt;/b&gt;&lt;/font&gt;&lt;hr&gt;}
#javascript(){{
window.onload = function() {
  var trigger = document.getElementById(&#039;trigger&#039;);
  trigger.onclick = function() {
    var element = document.documentElement;
    var bottom = element.scrollHeight - element.clientHeight;
    window.scrollTo({top: bottom, left: 0, behavior: &#039;smooth&#039;});
  }}
}}
　
&amp;bold(1){&amp;sizex(7){▷Step10.細かい技法}}
----
#right(){&amp;color(#666666){Last modified:&amp;date()}}
#contents(fromhere=true)

----

*デスク縁の装飾

デスクの&amp;bold(){「フチ部分」}は、
&amp;u(){平面や立体の装飾}によって、センス良く情報量を稼ぎやすい箇所の1つです。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/966/slideredge_kikan2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(歸還)&lt;br&gt;
スライダーエッジによる装飾の例。&lt;br&gt;
&lt;b&gt;デスク縁の装飾&lt;/b&gt;は、環境の&lt;u&gt;魅力や個性&lt;/u&gt;を担保しやすい。
&lt;/div&gt;
}


&amp;bold(){「フチ装飾」}は多彩な表現が使えるため、
環境の&amp;u(){個性を出しやすい}強力なテクニックです。
ここでは、様々なフチの技法について見てみましょう。

#region(※フチ装飾の重要性)

#html2{
&lt;h4&gt;▶フチ装飾の重要性&lt;/h4&gt;}
基本的に、レベルの高い撮影環境では
&amp;u(){フチ装飾の使用例が非常に多い}という特徴があります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/996/slideredge_choochun.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1011/softedge_mix.jpg)|
(Choochun) (Mix)
スライダーエッジやソフトエッジの使用例。
現代での使用率は少ないが、
昔の動画ではむしろ&amp;u(){装飾が無いデスクのほうが珍しい}。

フチの装飾がない場合、
&amp;u(){情報量が少なく安っぽい環境になりがち}なため
画面の密度を&amp;bold(){「影グラデ」}&amp;bold(){「光や反射」}&amp;bold(){「木目」}などで補う工夫が必要になります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1013/none_rainyd.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1017/none_KTH.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1014/none_leo.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1016/none_kikan.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1015/none_nagi.jpg)|
(Rainyd) (Leo) (Nagi)
フチなしデスクにおける情報量稼ぎの例。
上段は影の例、中段は光の例、下段が強めの木目による例。

&amp;bold(){&amp;u(){▶まとめ}}
状況にもよるため一概には言えませんが
情報量を稼ぐ算段がある場合はフチ無し、
そうでない場合は&amp;u(){ひとまずフチ装飾を入れる}のが無難な選択かも知れません。

#endregion

----

**サブカラー

フチ部分に&amp;bold(){「サブカラー」}を追加すると、
画面の色数を増やしながら、メリハリを作ることが出来ます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/968/subcolor_fingerpass2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Finerpass)&lt;br&gt;
白机に茶色いラインでお馴染みのフィンパ環境。
&lt;/div&gt;
}


サブカラーは&amp;u(){シートをズラして敷いたり}、
&amp;u(){木口テープやコーナーガード}などで作成することが出来ます。

また&amp;bold(){平行線}や&amp;bold(){直角}も追加しやすいため、
水平が取りやすく、&amp;u(){画面が安定する}のもメリットの1つです。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/996/slideredge_choochun.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Choochun)&lt;br&gt;
サブカラーは立体的なエッジで作成する例もある。&lt;br&gt;
また側面のスライダーレール(白)も華やかな装飾として機能している。
&lt;/div&gt;
}


#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1010/subcolor_pentaenge2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1009/subcolor_nanna.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1032/subcolor_jungwoo.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1008/subcolor_GPC.jpg)|
(PenTaengE) (Nanna) (Jungwoo) (GPC)
ホワイト系サブカラーの例。
GPCは机が毟られてるだけだが、大まかには似た印象を与えている。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1006/subcolor_pentaenge.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1007/subcolor_shark.jpg)|
(PenTaengE) (shark)
ブラウン系の同系色サブカラーの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/998/subcolor_nagi.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/999/subcolor_greatfulday.jpg)|
(Nagi) (Greatfulday)
赤机によるサブカラーの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1002/subcolor_planter.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1003/subcolor_maria.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1000/subcolor_ayatori.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1001/subcolor_makin.jpg)|
(Planter*) (maria) (ayatori) (MaKiN)
現代の日本ではほぼ見られないが、
&amp;u(){敷物によるサブカラー}は昔の日本人にも一定数存在する。
画面の情報量を自然に担保しやすく、華やかな印象に仕上がる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1004/subcolor_lost.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1005/subcolor_zaryong.jpg)|
(Lost) (趙子龍)
かなりさり気なく濃いラインを入れた例。
趙子龍は明るい木目シートを使用している様子。

#endregion
#region(※疑似サブカラーの技法)

#html2{
&lt;h4&gt;▶疑似サブカラーの技法&lt;/h4&gt;}
フチのサブカラーの技法は、
&amp;u(){部分的に敷物を敷いて作成}するだけでも一定の効果を発揮します。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1019/subcolor_kalchi.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1024/subcolor_legend.jpg)|
(Salmon) (Legend)
白紙を敷いて、デスク中央にのみﾌｨﾝﾊﾟ机の配色(白×茶)を作成した例。

&amp;bold(){「白紙」}や&amp;bold(){「マウスパッド」}は無秩序に置くのもいいですが、
状況次第では&amp;u(){サブカラーの作成要素}として配置するのも面白いかも知れません。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1022/subcolor_vision.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1020/subcolor_kikan.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1023/subcolor_cheukii.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1021/subcolor_nagi2.jpg)|
(Vision) (歸還) (CheuKii) (Nagi)
上段は白紙による作成例。
CheuKiiは黒マウスパッド、Nagiは様々なモチーフで作成している。
このような細い色面は&amp;u(){粗密の観点から面白い効果を発揮}する。

#endregion
----

**面取り

机のフチに傾斜を付けることを&amp;bold(){「面取り」}と呼びます。
面取りは&amp;u(){複雑な立体}が生まれることや、
傾斜で&amp;u(){色が変化して見える}ため情報量を稼ぎやすい技法です。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/983/chamfer_cheukii.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(CheuKii)&lt;br&gt;
手前に傾斜が付いた面取りデスクの例。&lt;br&gt;
自然に情報量を稼ぐことが出来る。
&lt;/div&gt;
}

#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/993/chamfer_apollo.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/992/chamfer_fire.jpg)|
(Apollo) (fire)
コリアンでの面取りデスク使用例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/987/chamfer_outsider.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/984/chamfer_saizen.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/985/chamfer_key3.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/986/chamfer_kuzu.jpg)|
(outsider) (Saizen) (Key3) (kUzu)
面取り加工は昔の日本でもよく見られ、
ES勢もその多くが面取りデスクを使用している。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/989/chamfer_fuyt.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/991/chamfer_mini.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/988/chamfer_sera.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/990/chamfer_fyl.jpg)|
(fuyt) (MinI) (sera) (fyl)
その他の日本人の面取りデスクの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/995/chamfer_shout.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/994/chamfer_steppine.jpg)|
(Shout) (steppine)
少し分かりづらいが茶色デスクでの使用例。

#endregion

----

**エッジ

フチ部分で用いられる&amp;u(){立体的な装飾}を、
ここでは&amp;bold(){「エッジ」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/997/slideredge_unknown.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(コテ不明)&lt;br&gt;
スライダーエッジによる装飾の例。
&lt;/div&gt;
}


エッジは&amp;u(){立体感を稼げる}ことや、
&amp;u(){色数を稼ぎやすい}ため非常に強い装飾の1つです。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/996/slideredge_choochun.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Choochun)&lt;br&gt;
白エッジが美しいChoochunの環境。
&lt;/div&gt;
}

#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1035/slideredge_kikan.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1034/slideredge_fingerpass.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1033/slideredge_jungwoo.jpg)|
(歸還) (Fingerpass) (Jungwoo)
その他のブラウン系エッジの例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1038/slideredge_sad.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1036/slideredge_shark.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1037/slideredge_lapry.jpg)|
(SaD) (shark) (Lapry)
ホワイト系エッジの例。
エッジはDIYで取り付ける環境厨もいる様子。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1040/slideredge_ferrari.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1042/slideredge_taeryong.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1082/slideredge_stimpltac.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1044/slideredge_cheukii.jpg)|
(Ferrari) (Taeryong) (StimPlⓣac) (CheuKii)
その他の特殊なエッジの使用例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1041/slideredge_smash.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1043/slideredge_agut.jpg)|
(SmAsH) (agut)
スライダーではなく天板での使用例。
後付けの場合、家具の&amp;bold(){「コーナーガード」}などで作成可能。
agutはかなりさり気ないが、これだけでも段差や色の変化で十分に個性を補えている。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1039/slideredge_nagi.jpg)|
(Nagi)
リストレストで擬似的に作成した例。

#endregion

----

**ソフトエッジ

&amp;bold(){「ソフトエッジ」}は、
デスクの縁に&amp;u(){樹脂製の柔らかいエッジ}を巻き付ける装飾です。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1030/softedge_mix2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(mix)&lt;br&gt;
ソフトエッジで有名なmixの環境。
&lt;/div&gt;
}


細いエッジや段差によって、
さり気なく情報量を稼げるのがメリットです。

また天板の角に丸みがつくのも、
視覚的に面白い効果と言えるかも知れません。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1027/softedge_bukpa.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1028/softedge_kiru.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Bukpa) (KIru)&lt;br&gt;
韓国では主に「オーク」や「ブラウン系」のデスクで用いられる。&lt;br&gt;
こちらはブラウンデスクでの使用例。
&lt;/div&gt;
}

#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1029/softedge_mill.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1031/softedge_wolf.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1026/softedge_boryo.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1025/softedge_yongsinbul.jpg)|
(mill) (WoLf) (boryo) (龍神火)
その他のオークデスクでの使用例。
日本でこの手のPCデスクは珍しいが、昔の韓国では一般的だった。

&amp;bold(){&amp;u(){▶補足}}
元々&amp;bold(){「ソフトエッジ」}は&amp;u(){角にぶつかった際の怪我を防ぐ}のが目的のため、
日本でPCデスクに使われることはほぼ無く
折りたたみの会議机や飲食店の机、学校での利用が主です。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/1045/softedge.jpg,width=320,height220)|
(取り付け前のソフトエッジ)
後付けタイプには、T字型やU字型のものが存在する。
U字型はAliexpressなどで安く入手可能。

#endregion

----

**透明シートずらし

厚めの透明シートを縁からズラして敷くと、
&amp;u(){段差を発生させて情報量を増やす}ことが出来ます。
この手法をここでは&amp;bold(){「透明シートずらし」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/965/clear_dufferwing.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(DufferWing)&lt;br&gt;
フチ部分のシートを少しずらすことで、&lt;br&gt;
お手軽に&lt;u&gt;擬似的なエッジ&lt;/u&gt;を作成できるのが強み。
&lt;/div&gt;
}


透明シートずらしは段差で&amp;u(){立体感を稼ぎ}つつ、
黒いラインで&amp;u(){色の情報量を増やせる}のがメリットです。


#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/969/clear_nanna.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/970/clear_cloudtraveler.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/971/clear_dufferwing2.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/973/clear_lapry.jpg)|
(Nanna) (飛雲客) (DufferWing) (Lapry)
茶色背景での使用例。
フチ装飾が乏しい場合、シートをズラすだけでお手軽に情報量を増やせる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/972/clear_gold.jpg)|
(Gold)
水背景での使用例。
フチ部分に黒いラインが加わりメリハリが生まれる。

#endregion

----

**フチ隠し

デスクのフチ部分を&amp;u(){腕などのモチーフで隠す}と、
画面の情報量を補うことが出来ます。
そのような技法をここでは&amp;bold(){「フチ隠し」}と呼びます。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/964/hide_unknown.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(コテ不明)&lt;br&gt;
画面右下に腕を置いたことで、&lt;br&gt;
&lt;u&gt;単調なフチが隠れる&lt;/u&gt;ことや、&lt;u&gt;情報量が増えて&lt;/u&gt;華やかな画面に仕上がる。
&lt;/div&gt;
}


装飾というよりは&amp;u(){隠して誤魔化す}側面が強いですが、
少し画面が物足りない際に使えるテクニックです。

また腕の他にも、
&amp;bold(){「紙」}や&amp;bold(){「マウスパッド」}など様々なモチーフでフチを隠す例もあります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/982/hide_gold2.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Gold)&lt;br&gt;
マウスパッドによるフチ隠しの例。
&lt;/div&gt;
}

#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

|&amp;image(https://img.atwiki.jp/penspinet/attach/35/975/hide_apollo.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/977/hide_shout.jpg)|
|&amp;image(https://img.atwiki.jp/penspinet/attach/35/976/hide_jesus.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/35/974/hide_xshadowfire.jpg)|
(Apollo) (Shout) (Jesus) (xshadowfire)
その他の&amp;bold(){「腕」}の利用例。
見落としがちだが、&amp;u(){腕もモチーフの1つ}のため情報量を稼げる。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/978/hide_saizen.jpg)|
(Saizen)
手前アングルでの腕の利用例。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/981/hide_nagi.jpg)|
(Nagi)
マウステーブルのクランプ部分で手前のフチを隠した例。
またデスク側面の縁もノーパソで隠している。


|&amp;image(https://img.atwiki.jp/penspinet/attach/35/979/hide_vision.jpg)|
(Vision)
本や布、手などでフチを隠しまくった例。
少しごちゃごちゃ感もあるが、情報量の誤魔化しには成功している。

#endregion

----

*臨場感の演出

//撮影時に手やペン以外の要素を取り入れることで
//&amp;u(){まるでその場で見ている}ような&amp;bold(){臨場感}を演出できます。
//
//このテクニックでは主に
//メガネや頭、腕などを用いるのが基本になります。
//
//
//----
//
**眼鏡による演出

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/346/immersion_cheukii.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/347/immersion_cheukii.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(CheuKii)&lt;br&gt;
メガネを写り込ませて臨場感を演出した例。
&lt;/div&gt;
}


画面に眼鏡を写り込ませることで
&amp;u(){まるでその場で見ている}ような&amp;bold(){臨場感}を出すことが出来ます。

使用カメラの画角にもよりますが、
フォンカムやAnycamで利用しやすいテクニックの1つです。

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/351/immersion_cheukii2.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/350/immersion_cheukii2.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(CheuKii)&lt;br&gt;
メガネとヘッドセットを併用した例。&lt;br&gt;
回しの邪魔にならない範囲でさり気なく使うのがポイント。
&lt;/div&gt;
}


----

**頭や顔による演出

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/349/immersion_choochun.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/348/immersion_choochun.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Choochun)&lt;br&gt;
〆のFLノーマルで頭を入れることで、力強さを演出している。&lt;br&gt;
また2本目は顔が映ることで遠近感が生まれている。
&lt;/div&gt;
}


メガネと同様に、
&amp;u(){顔や頭を写す}ことでも&amp;bold(){臨場感}を演出できます。

髪質によっては不潔感を与えるため注意が必要ですが、
有効に使えば面白い効果を生むことが可能です。

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/370/immersion_taeryong.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/371/immersion_taeryong.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/372/immersion_xshadowfire.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/373/immersion_xshadowfire.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Taeryong) (xshadowfire)&lt;br&gt;
どちらも同じ横上アングルからの使用例。&lt;br&gt;
顔や頭による臨場感のほか、左腕によってフレームのような効果も発生している。
&lt;/div&gt;
}


#region(※補足解説)

#html2{
&lt;h4&gt;▶補足解説&lt;/h4&gt;}
この頭を写り込ませる技術は、
&amp;bold(){「ペンスピ魂」}で取り上げられたことでも知られています。

|&amp;image(https://img.atwiki.jp/penspinet/attach/21/375/immersion_soul2.jpg,width=320,height=274)|
(ペンスピ魂)
KTH、飛雲客、sharkの取材を元に作成された解説本。
一部のコリアンは狙ってこの技術を使用した様子。

#endregion

----

*カメラ揺らし

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/377/shakycam_fingerpass.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/376/shakycam_fingerpass.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Fingerpass)&lt;br&gt;
カメラ揺らしで有名なFingerpassの動画。&lt;br&gt;
映像では&lt;b&gt;「シェイキーカム」&lt;/b&gt;と呼ばれるテクニックとして知られる。
&lt;/div&gt;
}


手持ち撮影では、&amp;u(){カメラを動かしたり揺らす}ことで
&amp;bold(){迫力を演出}することが出来ます。

その特性上、名殿などには適さないですが
CVや拾いと相性がいいテクニックの1つです。

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/379/shakycam_ken.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/381/shakycam_ken.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/378/shakycam_zaryong.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/380/shakycam_zaryong.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(KEN) (趙子龍)&lt;br&gt;
こちらも同様にカメラを動かした例。
&lt;/div&gt;
}

#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/384/shakycam_powerspin.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/385/shakycam_powerspin.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
(Powerspin)
露骨に揺らした例。
ここまで行くとネタ動画だが、例としては分かりやすい。


#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/388/shakycam_choochun.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/389/shakycam_choochun.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/382/shakycam_kikan.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/397/shakycam_kikan.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
(Choochun) (歸還)
〆のあと&amp;u(){カメラを置く}ところまで入れるテクニック。
この技法はゆっくり置くと非常にわざとらしくなるため、
ある程度勢いよく行うのがポイント。


#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/387/shakycam_phoenix.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/386/shakycam_phoenix.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
(Phoenix)
少し違うかも知れないが、カメラにペンをぶつけて揺らす例。
ネタ動画としては秀逸。

#endregion

----

*キャプチャ画面の写り込み

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/365/capture_leo.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/366/capture_leo.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Leo)&lt;br&gt;
ムビメカのキャプチャ画面を映した例。&lt;br&gt;
手元とモニタで二重の動きが加わり、面白い絵に仕上がる。
&lt;/div&gt;
}


&amp;bold(){キャプチャ画面}を動画に写すことで、
さり気なく&amp;u(){動きのある撮影環境}を作ることが出来ます。

この技法は背景の情報量が増えるほか、
動画にさらなる&amp;u(){奥行きを加える}効果も得られます。

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/369/capture_kikan.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/364/capture_kikan.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(歸還)&lt;br&gt;
Leoよりもさり気なく追加した例。
&lt;/div&gt;
}

#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/367/capture_ryo.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/368/capture_ryo.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
(RYO)
かなり露骨に使った例。
ここまで行くとネタ動画だが、例としては分かりやすい。
//なおこの現象は&amp;bold(){「ドロステ効果」}(ﾋﾞﾃﾞｵﾌｨｰﾄﾞﾊﾞｯｸ)と呼ばれる。
#endregion

----

*柄の追加

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/356/pattern_indications.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/357/pattern_indications.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/352/pattern_gold.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/353/pattern_gold.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(indications) (Gold)&lt;br&gt;
分かりやすい柄の例(←)と、服による柄の追加例。&lt;br&gt;
柄によってメリハリが生まれ、動画を強く印象づけることが出来る。
&lt;/div&gt;
}


撮影環境に&amp;bold(){柄を追加}することで、
&amp;u(){画面の情報量}や&amp;u(){華やかさ}を演出することが出来ます。

この技法は基本的に&amp;bold(){ポップな印象}を与えやすいため、
名殿などには適しませんが
柄によってはフォーマルな印象に近づけることも可能です。

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/359/pattern_choochun.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/358/pattern_choochun.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Choochun)&lt;br&gt;
ラインが細いとフォーマルな印象に近づく。&lt;br&gt;
Choochunは袖動画のほぼ全てにおいてライン入りの服を着用しており、&lt;br&gt;
柄について狙っていた可能性も高い。

&lt;/div&gt;
}

#region(※その他の使用例)

#html2{
&lt;h4&gt;▶その他の使用例&lt;/h4&gt;}

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/362/pattern_mix.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/363/pattern_mix.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
(Mix)
少し特殊な床によるパターンの追加例。
またレース部分(規則的な円形の繰り返し)も柄として機能している。


#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/360/pattern_apollo.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/361/pattern_apollo.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
(Apollo)
ありがちなチェック柄の服を着用した例。

#endregion

----

*バーコードの利用

#html2(){
&lt;td&gt;&lt;video controls playsinline poster=&quot;https://img.atwiki.jp/penspinet/attach/21/343/barcode_mix.jpg&quot;&gt;
    &lt;source src=&quot;https://img.atwiki.jp/penspinet/attach/21/342/barcode_mix.mp4&quot;&gt;&lt;/video&gt;&lt;/td&gt;
}
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Mix)&lt;br&gt;
キャップのバーコードを残した例。&lt;br&gt;
PDSで言及する人も一定数いるため、狙っていた可能性もある。&lt;br&gt;
通常よりも情報量が増え、華やかな画面に仕上がる。
&lt;/div&gt;
}


RSVPで剥がされがちなキャップの&amp;bold(){バーコードシール}ですが、
これをあえて残すことで&amp;u(){残像の味}を出すことが出来ます。

また画面の情報量が増えるほか、
ペンの新品っぽさも生まれ綺麗な印象に仕上がります。

|&amp;image(https://img.atwiki.jp/penspinet/attach/21/345/barcode_chunhwang.jpg)|&amp;image(https://img.atwiki.jp/penspinet/attach/21/344/barcode_apollo.jpg)|
#html2(){
&lt;div class=&quot;setumei&quot;&gt;
(Chunhwang) (Apollo)&lt;br&gt;
その他のバーコード使用例。&lt;br&gt;
性質上、キャップ側が暗い色の際に真価を発揮しやすい。
&lt;/div&gt;
}


何気なく剥がしがちなバーコードですが、
装飾の1つとして残してみるのも面白いかも知れません。





#right(){&amp;u(){&amp;i(){Copyright&amp;mark_copy()  2013- by.penspinET all rights reserved.}}}
#right(){_______________________________________________________}    </description>
    <dc:date>2025-11-08T10:08:51+09:00</dc:date>
    <utime>1762564131</utime>
  </item>
    <item rdf:about="https://w.atwiki.jp/penspinet/pages/36.html">
    <title>カメラ入門簡易版</title>
    <link>https://w.atwiki.jp/penspinet/pages/36.html</link>
    <description>
      #html2(sp){
&lt;hr&gt;
&lt;font size=&quot;5&quot;&gt;
&lt;b&gt;&lt;font color=&quot;red&quot;&gt;現在spモードで表示しています。&lt;br&gt;
表示の都合上、&lt;a id=&quot;trigger&quot;&gt;ページ最下部からPC版に切り替えて&lt;/a&gt;ご利用ください。&lt;/font&gt;&lt;/b&gt;&lt;/font&gt;&lt;hr&gt;}
#javascript(){{
window.onload = function() {
  var trigger = document.getElementById(&#039;trigger&#039;);
  trigger.onclick = function() {
    var element = document.documentElement;
    var bottom = element.scrollHeight - element.clientHeight;
    window.scrollTo({top: bottom, left: 0, behavior: &#039;smooth&#039;});
  }}
}}
　
&amp;bold(1){&amp;sizex(7){▷カメラ入門簡易版}}
----
#right(){&amp;color(#666666){Last modified:&amp;date()}}　
#contents(fromhere=true)

----

*カメラ導入手順

カメラページの完成がいつになるか不明なので、
ひとまず簡易ページを設置です（最低限の知識をなぐり書き

&amp;sizex(3){&amp;bold(){&amp;u(){▶導入手順}}}
|&amp;bold(){①基板入手}|カメラを買う。|
|&amp;bold(){②ドライバ適用}|ドライバを当てる。&amp;br()使うドライバによって画質は変わるのでロジにZstarドライバ当てたり、&amp;br()AnycamやZECAドライバ当てる手法がある。|
|&amp;bold(){③レンズ改造}|ロアスなどは画角や雰囲気が良くないので、レンズ付け替えるといい感じになる。|
|&amp;bold(){④撮影用PC}|使用するPCによって画質は変わる。&amp;br()完璧を目指すなら2009年以前のPCを使うと雰囲気が良くなる。|
&amp;sizex(3){※「ドライバ」とはカメラをPCで使うためのアプリ的なもの}

カメラややこしくて面倒な人は、
ひとまずこのページ通りに導入すれば失敗は無いです。

----

**基板の入手

カメラはまず基板を入手するのが大事です。
現状、有用な基板は4つ。

|&amp;bold(){Zstar系×HV7131R}|ロアスの基板構成。まずはこれ買えばOK。&amp;br()よくある基板なので入手は簡単。&amp;br()基板さえ同じなら、&amp;u(){カメラ性能は全く同じ}なので&amp;br()スピナーから高い値段でロアス買う必要はない。&amp;br()いわゆるジェネリックロアスでいい。|
|&amp;bold(){Zstar系×CS2102}|フォンカムかCMS-V11。入手はギリ可能そう。&amp;br()暗いが日光や順光との相性はかなりいい。|
|&amp;bold(){Zstar系×PB0330}|白熊やエルモなど。入手難なので初心者はスルーでOK。&amp;br()画質は少し古風でエモくて味がある。|
|&amp;bold(){Zstar系×HV7131E}|入手難なのでスルーでOK。|
&amp;sizex(3){※他にもSonix系と呼ばれるのもあるけど、ひとまずスルーでOK。}
&amp;sizex(3){※基板の基礎知識知りたい人は[[ここ&gt;http://penspipsnep.blog.fc2.com/blog-entry-71.html#more]]読め}
&amp;sizex(3){※Zstar系とは、ｺﾝﾄﾛｰﾗｰが「ZC0301plus」か「ZC0302」のものを指す。}

考えるの面倒なら、最初は&amp;u(){ロアス基板買えばOK}です。
[[このまとめ&gt;http://penspipsnep.blog.fc2.com/blog-entry-85.html]]見て、該当する基板のものを買うべし。

#region(※ロジカメラについて)

現代では、あえてロジ買う必要は特にありません。
ぶっちゃけ有名どころの&amp;u(){中身は全部同じ}で、ただの[[ロアス基板&gt;http://penspipsnep.blog.fc2.com/blog-entry-83.html]]だからです。
（画質の差はレンズとドライバによるもので実質同じカメラ
（モノによってはﾌｧｰﾑｳｪｱでほんの少し弄られてるが(露出設定が3違うなど)無視できる範囲

ロアス基板のものが安売りしてるならロジ買うのもアリです。
ロジを買う場合は、[[このページ&gt;http://penspipsnep.blog.fc2.com/blog-entry-83.html]]を参考にして、
イメージセンサーが&amp;bold(){HV7131R}で、レンズ改造を見越して&amp;bold(){拡張性の高いもの}が良いです。

#endregion

----

**ドライバ理論

&amp;bold(){「ドライバ理論」}とは、
使うドライバで画質が変わるというものです。

最新OS(win10や11)を使う場合は、
&amp;u(){Zstarドライバをロアス基板に当てて使う}のが基本です。
（ロジドライバはおすすめしない

また仮想OSなどwinXPを使う場合は、
ロアス基板にAnycamやZECAドライバを当てることができます。

&amp;sizex(3){&amp;bold(){&amp;u(){▶ドライバダウソはここから}}}
|[[Zstar汎用&gt;https://mega.nz/file/BctFzbiY#34o1T7bc6CVvq-Apc-RMMAqf9aF7OzSQ7Pha6uvGotM]]&amp;br()(ZC0301plus用)|Win10や11用。&amp;br()ｺﾝﾄﾛｰﾗｰZC0301Plusのカメラで使える汎用ドライバ。|
|[[Zstar汎用&gt;https://mega.nz/file/dZ91GKxK#L-RLH64n-N7VB-oi-e1WEs667AIZO7c2yKEuwHBO4Fg]]&amp;br()(ZC0302用)|Win10や11用。&amp;br()ｺﾝﾄﾛｰﾗｰZC0302のカメラで使える汎用ドライバ。&amp;br()（フォンカムのようなセンサーCS2102では使えないので注意|
|[[ZECA&gt;https://mega.nz/file/RFVWRSJK#JYblAOZq1tr8MDKFGJ0kawb3Jov-TiNjMqCJE95IIkM]]|ゼカドライバです。XP限定。&amp;br()「ZC0301plus×HV7131R」の基板にのみ当たる。&amp;br()（画質は少し白っぽくなり、肌の写りが独特です。|
|[[Anycam&gt;https://mega.nz/file/ZccnRICC#OevjQErHv_s2cmmEZgJyArUKuoQAZhu8voJuHbIvuoo]]|Anycamドライバです、XP用。&amp;br()ｺﾝﾄﾛｰﾗｰがZC0301plusの基板用。|
|[[Anycam&gt;https://mega.nz/file/lF9RQQ5Z#tHBOPRxwWKtkGgYugLRUJCjW8PDBXtwk58chsFxoTco]]|Anycamドライバです、XP用。ｺﾝﾄﾛｰﾗｰがZC0302の基板用。&amp;br()XPでフォンカム使うならこれ一択です。&amp;br()（フォンカム純正ドライバより明るく画質も綺麗になる|
|[[lebeca pro2&gt;https://mega.nz/file/4UFFAbYT#w8fS1OYL2ARM4nV8usltaBDSJgi79qTskrDL9rZmMCw]]|レベプロドライバ。XPでZC0302用。&amp;br()使用感は不明だが画質が青っぽくなる説ある。|
|[[Logicool系&gt;https://mega.nz/file/UA00jaTA#rttdX-bHxNCw1er9roR6141x9zTVYOSfl8D---EsKUo]]|ロジ全般ドライバ。win10や11用。&amp;br()設定に制限が掛かっており自由度が低いので、&amp;br()Zstar汎用ドライバを使うのがおすすめ(設定自由度が高くなる|

#region(※最新OSでのドライバの当て方)

最新OS(win10や11)にドライバ当てるときは、[[この動画&gt;https://www.youtube.com/watch?v=uME8W2ydyLg]]を参考に。

ロジやCreative NX PROのようにファームウェア乗ってるカメラは、
↑の動画のではなく、[[この項目&gt;https://img.atwiki.jp/penspinet/attach/36/1133/firmdriver.png]]から指定して当てます。

ｺﾝﾄﾛｰﾗｰがZC0301PlusかZC0302か分からない場合は、
「VIDPID 調べ方」でgoogle検索してそのとおりに確認すれば
それっぽい文字列が出てきます。


#endregion
#region(※仮想OS)

仮想OSは&amp;bold(){「VMware」}を使うことが多いです。
VMが一番トラブルなく動くっぽい。

VMの導入には、winXPや7のインストールディスクとプロダクトキーが必要なので
メルカリやヤフオクで買う必要があります。
ｺﾞﾆｮｺﾞﾆｮして[[無料で手に入れる&gt;https://archive.org/details/WinXPProSP3Japanese]]人もいるらしい。
（「windows xp iso」とかcr●ckとかで検索してはいけません。絶対に。

#endregion
----

**レンズ改造

&amp;bold(){「レンズ改造」}はカメラのレンズを付け替えることです。

レンズとフィルターが画角や雰囲気に与える影響はめちゃ大きいので、
[[付け替える環境厨が多い&gt;https://www.youtube.com/watch?v=grJiQIk2Llc]]です。

例えば「LOAS MCM-01SL」は画角と雰囲気がかなりﾋﾞﾐｮｽなので
バッファローの「BWC-35H01」のレンズをつけたりする。
（BWC-35はメルカリに500円以下で転がってて入手性◎、
（レンズ改造の入門には良いとのこと。

改造というと難しく聞こえますが、
経験者からは「思った以上に簡単」との声が多いです。
（分解してレンズ外して付け替えるだけ

#region(※補足)

aliexpressでレンズだけ買う人もいます。
レンズの径は基本2パターンで互換性がある([[ここ&gt;http://penspipsnep.blog.fc2.com/blog-entry-71.html]]に書いてます
気になったら色々付け替えるといいかも

#endregion

----

**撮影用PC

&amp;bold(){「撮影用PC」}とは、撮影に使うためのPCです。

カメラの画質は使うPCでも変わります。
2009年以前のPCのほうが雰囲気は良い感じになります。
究極を目指す人や、どうしても古いカメラが動かない場合に使います。
（撮影用PCは5000~20000円くらいで入手可能

#region(※補足)

PCによる画質の差は、&amp;u(){マザボの世代によるもの}です。
2009年以前のノースブリッジ×サウスブリッジの
2チップ構成のマザボなら当時のコリアンと同じ画質になります。


#endregion

----

**まとめ

とりあえず必要な知識はこれだけです。

最新OS利用者は、
「&amp;u(){ロアス基板を入手→Zstar汎用ドライバ当てる}」
までが基本中の基本です。

そこそこ頑張りたい方は、&amp;bold(){レンズ改造}をします。
仮想OSで&amp;bold(){古いドライバ}使うのもアリです。

ガチ勢を目指すなら&amp;bold(){撮影用PC}を導入しましょう。
ここまでやれば、条件はコリアンと全く同じになります。

#region(※補足)

もしこれ以上掘り下げたい人は
フォンカムやPB0330探す、Sonix系のカメラに手を出すとかもあります。
（Zstar系×ｵﾑﾆﾋﾞｼﾞｮﾝも誰か見つけてください
（この場合、最低でも仮想OSは必要です

何にせよ基板知識無しでウェブカメ漁りするのはコスパ悪いので、
コントローラーやセンサー、EEPROMなど
基本知識を覚えてからのカメラ漁りがオススメです。

#endregion


----

*(コラム) なぜ30万画素webカメを使うのか？

これはインスタやtiktokの人たちが、
フィルターで画質落とすのと同じです。
&amp;sizex(3){(無加工＆解像度MAXで自撮りしたらどうなるか想像してください}

他にも動きを固くor柔らかくしたりと、
ウェブカメのほうが&amp;bold(){動きの設定が自由}です。
またPDS特有の技(詳しくは構成論参照)は30万画素と相性がよく、
コリアンの魅力はほとんど30万画素で成り立つからです。


#region(※補足)

#html2{
&lt;h4&gt;▶画素数と解像度について&lt;/h4&gt;}
ペン回しは、回しが美しく見えれば良いので
そもそも高すぎる解像度は不要です。（もし指毛や手相、机の木目を見せたいなら話は別

解像度とは本来&amp;u(){被写体によって使い分ける}ものです。
例えば雄大な風景のドローン空撮などは8～16Kあってもいいですが、
室内でYouTuberが商品紹介するならFHDで十分です。

ペン回し(コリアン寄りのVPスタイル)は特に、
机の上で手がドアップで映るという&amp;bold(){かなり特殊な被写体}です。
640*480ですら怪しく、320*240が適切ということです。

&amp;bold(){「画素と解像度の違い」}は混同する人が多いポイントですが、
&amp;u(){悪いのは低画質であり、低画素ではない}のです。
//(解像度は相対的、画素は絶対的な指標です
//&amp;s(){映像詳しいのに低画素否定する人がいたら、恐らく彼らは指毛が好きです}

#endregion


#right(){&amp;u(){&amp;i(){Copyright&amp;mark_copy()  2013- by.penspinET all rights reserved.}}}
#right(){_______________________________________________________}    </description>
    <dc:date>2025-11-02T02:15:30+09:00</dc:date>
    <utime>1762017330</utime>
  </item>
    <item rdf:about="https://w.atwiki.jp/penspinet/pages/2.html">
    <title>メニュー</title>
    <link>https://w.atwiki.jp/penspinet/pages/2.html</link>
    <description>
      *基本情報
-[[トップページ]]
-[[注意事項]]
-[[サイトマップ]]
-[[はじめに]]
*基礎講座
-Step1.[[基本の考え方]]
-Step2.[[照明]]
-Step3.[[背景色]]
-Step4.[[アングル]]
-Step5.[[カメラ]] ([[簡易版&gt;カメラ入門簡易版]])
*発展講座
-Step6.[[平面と立体]]
-Step7.[[構図]]
-Step8.[[配色]]
-Step9.[[影]]
-Step10.[[細かい技法]]
*データベース
-[[カメラ一覧]]
-[[PCデバイス一覧]]
-[[環境厨用語]]
-[[環境厨辞典]]
-[[撮影環境の系統分類]]
-[[ダウンロード]]
*その他
-[[デスク自作]]
-[[構成論@wiki&gt;https://w.atwiki.jp/penspinpx/]]
-[[その他]]
#region(※メモ)

-[[tes1]]/[[tes2]]/[[tes3]]/[[tes4]]
-Step7.[[デバイス周辺]]
-[[カメラ入門簡易版]]
-[[撮影環境ランク]]
-[[配色辞典]]
//-[[撮影環境の系統分類]]
//-[[撮影環境レビュー]]
#endregion


----

&amp;link_editmenu(text=ここを編集)    </description>
    <dc:date>2025-10-28T10:41:24+09:00</dc:date>
    <utime>1761615684</utime>
  </item>
  </rdf:RDF>
