イラレで DNA 二重らせんを描く方法／Illustrator 使い方

いきなりドーンとくるようなアイキャッチですが、今回は当ブログでも何度かコラボさせていただいている、

サイエンスコミュニケーター・きどあきのりさん

よりご依頼をうけ、DNAのイラストを制作いたしました。


リン酸とデオキシリボースでできた二本のらせんが巻いていて、その二本のらせんを橋渡しする形で、プリン塩基（アデニン、チミン、シトシン、グアニンの4種類）というものが水素結合という方式でつながっています。

二重らせんの描き方

ただ、この状態は実際の波の形になっているわけではなく、あくまでも直線を波に見えるようにしているだけです。（そのため選択すると直線のパスが見える）

この状態ではリボン状のらせんは作れないので、完全な波の状態に変換しましょう。

選択状態で、オブジェクトメニュー→アピアランスを分割を実行します。
こうすると見せかけの状態から、実際の形になります。


この状態からいろいろ作りますので、現在のレイヤーを「らせん」などと名付けてから、レイヤーを複製しておき、コピーの方は隠しておいてください。

橋渡し部分＝塩基の作成

前項で作った波線を二重らせん状態にしたいので、選択状態で、リフレクトツールボタンをダブルクリックします。

オプションでは垂直軸を選んでコピーボタンを押してください。

こうしてできた二重らせんを、右クリック→ガイドを作成を実行し、ガイド化しておきましょう。

新規レイヤーを作成して「塩基」と名付けたら、直線ツールで等間隔で線を描きます。

等間隔にする方法はいくつかありますが、今回は以下のような方法で行っています。

1.環境設定の一般設定でキー入力を1pxにする。
2.らせんガイドの最も横幅が広い箇所を基準に8px程度の太さの一本直線を描く。
3.その直線を一度コピーして、編集メニュー→同じ位置にペーストする。
4.Shift+上矢印キーを2回押す（20px移動になる）
5.2～4を繰り返したあと、ダイレクト選択などで横幅を調整

上半分ができたら、下半分は4だけ下矢印にするようにして、同じことを繰り返すか、上半分を選択して、最初の線を基準にして水平軸でリフレクトコピーしても良いかと思います。

また、下図ではらせんガイドの横幅を超えていますが、実際には少し内側気味になるようにしておいてください。

グラデーションで奥行き感を表現しよう

まとめ

私は子どもの頃は理科少年だったため、科学的な話は非常に好きで、こういう科学系イラストを描くのは楽しいものです。