EasyEDA Pro を使ってカンタンにカラー PCB を作成する


:::note
EasyEDA 記事の記事一覧：

#「EasyEDA Pro を使ってみよう！ 記事 index」

https://qiita.com/nanbuwks/items/1832e7dd815be5675a52

併せてご覧ください。

:::


今回は、自分ではんだ付けするために PCB を設計、注文します。

今回作るのはこのようなネームプレートです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/8b4b8867-bbfa-4c8a-8073-86cad91a8c91.png)

フルカラーシルクスクリーン印刷と、それに伴う金メッキを活かしてデザイン性に優れたものを作ることができます。

表札、立て看板、名札など自分の大きさ、デザインで作ってみましょう。


# EasyEDA Pro を使う

まず https://easyeda.com/ にアクセスして「Design online」。


![Screenshot from 2025-03-13 12-06-50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/d7f1a131-9614-45b3-9995-520fa343615f.png)
ESP32 DevKit v1 
「Pro Editon」を選びます。


![Screenshot from 2025-03-13 12-07-07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/3c1fa48f-890b-44bd-ad73-6634f0d1e3b7.png)

「New Project」

![Screenshot from 2025-03-13 12-07-54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/6f6c5d9f-66c1-4382-a720-7db135f5b9c5.png)

オートセーブの設定をしておきましょう。
→「EasyEDA Pro Online 版を使う その1 Schematic」
https://qiita.com/nanbuwks/items/106caabb9dc36f09fa5d

# 回路図を作る

まずはこういう回路図を作っていきましょう。


![Screenshot from 2025-03-13 12-42-04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/e3646ffa-4f1b-40d5-9a45-1d7181066c5a.png)

New Project の Board1 - Schematic1 の 1.P1 を選びます。

![Screenshot from 2025-03-13 12-10-07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/d1b26a6d-5195-4007-92f9-ff3c8ed987ab.png)

AKBONE2024-2025 を読み込みます。

今回のテキストは AKBONE2024-2025 を使っています。

2025/03/20 開催のワークショップ「JLCPCB でオープンソースハードウェアを作ってみよう #2」
https://openforce.connpass.com/event/348544/
において頒布するマイコンボードを使うことを前提としています。ワークショップ以外でも入手できるように環境を整備しようとしてますが、それでも AKBONE2024-2025 の入手がしずらかったりめんどくさいなどで他のマイコンボードを使いたい場合は後述の Tips 「AKBONE 以外のマイコンボードなどを使う場合」を参照ください。


![Screenshot from 2025-03-13 12-13-27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/40b1c204-9150-4066-b6bb-870faa981ba8.png)

パーツは何十万もあって迷います。今回は、 Common Libra から、スタンダードなパーツを選択するようにします。まずは Resisters。 AXIAL を選ぶとリード付抵抗の1/4Wサイズのものを選ぶことになります。

![Screenshot from 2025-03-13 12-14-01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/d21b59da-f152-4b32-be95-9ba9538bee50.png)


そのうえで抵抗のマークをダブルクリックして

![Screenshot from 2025-03-13 12-14-30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/988ce89d-f9af-4d68-82e1-1b6929c3716d.png)

このように配置します。R1をまず配置して、コピーするのがいいでしょう。

![Screenshot from 2025-03-13 12-18-31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/5dfd02be-5b6b-4652-9059-6c050d0a19b7.png)

次にLED。抵抗と同様に R_5mm を選択してから回路図に反映します。
![Screenshot from 2025-03-13 12-19-02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/36cb5658-af1a-43aa-a1a1-edd10544e341.png)
このように配置を調整して
![Screenshot from 2025-03-13 12-19-37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/03a8f651-8712-43f0-a37a-ef09b30e9b27.png)

LED をコピーします。

![Screenshot from 2025-03-13 12-24-39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/0ad168b3-20bc-4830-8767-81227cc6a538.png)

配線をします。GNDもつけておきましょう。
![Screenshot from 2025-03-13 12-33-50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/d22fc239-63b9-4bff-bc5f-3b6de8708a40.png)

ネジ穴を追加します。「Screw-Hole-M3」を選びます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/8eee5cbe-e314-4b75-8c6f-a2b24186a0b1.png)


![Screenshot from 2025-03-13 12-34-56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/699d5ccc-4880-4c31-a6fb-e8139f210ef3.png)
回路図に貼ります。


SCREW 2〜4も同様に、合計4つおいておきます。

# 基板デザインをする

こういったものを作ります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/fe9473c3-7b79-4227-9793-c333c8e12469.png)

設定をしておきましょう。単位系を mm にしておきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/4ad5e244-e58b-4a82-a685-90b99494b945.png)

グリッドサイズとして5mm を追加します。
何もないところで右クリック→「Grid Size」→「Common Grid/Snap Setting」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/62cfc1c6-44d9-459f-b6dc-b57c5ad1b417.png)

X および Y に 5.000 、 5.000 を追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/8b6052b8-bd5c-4e81-881a-68e6f5f137e9.png)

## アウトラインを描く


まず、基板外形を描きます。グリッドを5mm単位にして、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/ef9a6423-4127-4715-a614-b443137888eb.png)

キリのいいサイズで外形を描きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/3c986424-5e88-45c4-b9ea-d311ada8bf45.png)

![image.pngておきます。
](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/27e28007-5bda-47ba-ab3b-7772e3acb7a2.png)

## パーツを配置する

「Design」-「Import Changes from Schematic」-「Apply Changes」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/7c1bd600-8253-437d-83a7-f071c3c312f4.png)

パーツを範囲指定で全部選び、右クリック↑「Flip to OppositeSide」して、ウラ面に配置します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/8a8fab6d-ee25-47d2-b398-211583758b6a.png)

Layer を Bottom Layer に指定すると見やすくなります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/797cdc54-c22e-406f-bd4c-36b7c97117e2.png)

なお、余力のある方は LED だけ表面にすると、後で3D Preview がかっこよくなります。
ネジ穴を配置
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/a875ae22-e996-4669-a5cb-2974ab5a041e.png)


LEDを配置 時計回りにLED1,2,3・・・とするのがやりやすいかな。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/f3d5b47d-e950-4c46-ab43-9b1888d3487e.png)

抵抗を、なるべく絡まりがないようにして配置。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/f5a783de-8216-4ea9-bcd9-661c5938bf5c.png)

## 配線

ちょっとしたテクニックとして基板外形で四角をおいておきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/da59f62f-c605-40b2-8628-4c58d64cb194.png)

一旦セーブしてから、
「Route」-「Auto Routing...」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/2029ea9a-ee6d-432d-ab9d-9747f0aeb137.png)

先程の基板外形を削除、Grid を 1mm にして、細かいところを直していきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/0d204871-ea87-4f14-a6c1-45929c44bf6c.png)


回路ができました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/826e6ed9-823d-442b-8d43-c1039e9f78aa.png)

オートルーティングがうまくいかないときは Ctrl+Z でリドゥで戻します。リドゥで戻らないときは Tips 「オートルーティングをやり直す場合」を参照ください。


## 配線チェックする

「Design」-「Design Rule Checker」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/a79825ef-587e-4098-99cb-86ef2900283b.png)

エラーが表示されたら、なくなるまで修正します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/a85a5817-bfd7-4b3c-868a-411aceb8a9c3.png)


# デコレーション

- 文字を金メッキで配置してみます。
- フルカラーシルクスクリーン印刷をします。

## 文字を金メッキで配置する

カラーPCB は金メッキ仕上げが必須です。金メッキを活かすために、Top Layer にロゴを貼り付けます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/c811d864-6d56-4009-9b17-ecae9b495633.png)

金メッキのロゴは、白地だとめだたないので黒などの暗い色をバックにするのがおすすめです。もし白地にする場合は、フォントフェイスをなるべく太くしておきましょう。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/f348251d-f8ae-4d10-a244-faaeff6a0e22.png)


ロゴを右クリック→「Duplicate」-「Duplicate to Other Layer」を選び、

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/59c69848-2524-41cc-9127-2b4f07b6b349.png)

「Top Solder Mask Layer」を選びます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/3af2fbd9-78cc-40ca-a9af-a32aabf86760.png)

色が変わりますが、これは「Top Layer」と「Top Solder Mask Layer」が重なった状態です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/09868f53-3041-4947-b8d4-5cc6aea1b3d5.png)
3D プレビューで見てみると、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/0d6d71f4-2fe0-4569-8a5a-81b128068b52.png)

ロゴが金色になって金メッキ状態になっているのがわかります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/2e78768c-37e1-4caa-bb45-d4b3fc8a7a73.png)


## カラーシルクを作る

png ファイルまたは jpg ファイルでシルク画像ファイルを作ります。今回は LibreOffice Draw で作成し、エクスポートしました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/5792dec5-f0c1-4110-ba35-f199e087ccdb.png)
実物大で作り、範囲指定してエクスポート、「Selection」を指定して 400dpi でエクスポートします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/9665821f-3be6-4e7a-8599-f6d8930d812f.png)

「Design」-「Place」-「Image 」で読み込み、サイズを指定し直します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/ed96de95-6448-4360-989b-74e341e605de.png)

位置を調整します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/fd9078ae-9ac0-4837-b2b5-9d86cb923a42.png)

3Dプレビューをして、「Silkscreen Technology」 を 「Colorful Silk Screen 」を選ぶと

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/42af9a01-41bb-49fd-ac8d-d200cd123233.png)

カラーシルクが反映されているのを確認しておきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/e94d129e-1a60-4dac-82e6-20198bea48cf.png)

# 発注する


改めて、DRCを行っておきます。

カラーシルクを発注する場合は以下のように行います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/7dc0a892-87e2-4bd8-9341-5e089d614d59.png)
カラーシルクのデータがちゃんと入っていたらこの表示が出てきます。「Yes」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/782b87c1-d452-4963-83e7-66bf098cd442.png)
ここは「I Got it,Continue」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/875ab80e-a1f7-4efe-97f4-785d6f017bc0.png)
「Yes, Check DRC」をします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/1c1fd663-efca-4dbb-844a-a6cba74961c7.png)
DRC がエラーなければ、「Confirm」で進めます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/e0dead7a-b53f-40ce-85d7-19a76692ce0b.png)

## JLCPCB サイト

正常に連携できたらデータが自動で転送されます。JLCPCB のログインができてない場合は 「Order」-「Order PCB」からやり直してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/d83afac2-20e1-459a-8f2d-802be0dceff0.png)
シルクは白、ENIGを指定。銅箔は1U指定です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/41be1a36-304f-4cdb-a5ac-757c71d96b1a.png)
マーク除去を選んでおきましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/d2506539-7131-4120-91dc-899c9ab2666c.png)
詳細オプションで「EasyEDA multi-color silkscreen」を選びます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/da763058-f946-4af1-b92b-dea0af55eb9d.png)

ガーバービューアで反映されているかどうかチェック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/b12ba868-d9cc-4a7c-914b-eef50a48f107.png)
うまくいっているみたいです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/7db6cc7e-6f5a-42c4-9f48-fae937f8abe6.png)
発注をこの画面まで進めてから、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/ddb0254c-34d9-41d9-a7d9-8a323852f3ac.png)
JLCPCBのアイコンを押して、発注を中断します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/69e487dd-65f2-4dd7-af3a-4d68dc1ba583.png)
「発注履歴」を見ると
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/ca9ae72c-9ade-4014-ab73-17ba597c895f.png)
支払い待ちの発注が出てきて、発注番号が「W20250320922535」と表示されています。ワークショップ参加の方は、この発注番号と金額を主催者に連絡してください。割引クーポンを発行しますので、それを使って発注するとお得になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/e92ebf9d-9c37-468b-b23f-b2575a2e8231.png)
今回の発注はこのような金額になりました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/30048dd5-3296-40b9-8426-b8655a302c47.png)

# Tips
## AKBONE 以外のマイコンボードなどを使う場合

マイコンボードは AKBONE2024-2025 を使いましたが、自分でマイコンボードを用意する場合は以下のようなモジュールを呼び出して使います。

これは Arduino Uno
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/9e8c8f74-dfe4-43d0-8652-fa2a4f62a385.png)

ESP32 DevKit v1 と互換かな?
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/68019266-07aa-4985-9140-b906ae01f00f.png)

また、自己点滅LEDなどを使い、マイコンボードではなくUSBコネクタや電池BOX、DCJACKなどを直接つなぐこともできます。その場合は抵抗値を適宜変更してください。

## オートルーティングをやり直す場合

オートルーティングが気に入らずに、全部配線を消したい時。
「Edit」-「Delete」-「Objects」で、「Track」と「Via」を選んで消します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/e8cb0771-996f-4e1c-9ac4-70c724e16029.png)