# 20241005_NUTMEG-Hackathonのステッカー作成体験記
(例：20210901_LT会を開催しました)
###### tags: `ブログ記事`

- [ ] 公開（ブログ公開担当者がいじるやつ）

太字斜体で書いてある内容を埋めて行ってください．
文章，画像は太字斜体の下の行に入れてください．
最初に書く時はREADMEを読んだら読むといいと思います．

<br>

## 表示されない情報
***書いた人の名前(自己紹介文と同じ名前)***
{
ryota5884
}

***記事の簡単な説明(検索した時にタイトルの下に出てくる文章)***
{

}

<br>

## 表示される部分
***サムネイル画像***
{

}

***カテゴリ***
以下の中から該当しそうなカテゴリを選択してください
※一つだけ選択してください
- [ ] 対外活動
- [ ] 活動の様子
- [ ] メンバーの趣味
- [ ] 実務訓練体験記
- [ ] NUTMEG Advent Calendar 2023

***タグ***
以下の中から該当しそうなカテゴリを選択してください．当てはまる物がない場合は適宜追加してください.
言語
- [ ] HTML
- [ ] CSS
- [ ] Python
- [ ] Go
- [ ] Ruby
- [ ] JavaScript
- [ ] TypeScript
- [ ] Dart
- [ ] Rust
- [ ] Kotlin
- [ ] Swift

フレームワーク・ライブラリ
- [ ] Ruby on rails
- [ ] Vue.js
- [ ] Nuxt.js
- [ ] React.js
- [ ] Next.js
- [ ] Gin
- [ ] Flluter

ツール
- [ ] GitHub
- [ ] ターミナル
- [ ] WSL
- [ ] Ubuntu
- [ ] Docker
- [ ] Raspberry Pi
- [ ] Figma

分野
- [ ] チームづくり
- [ ] フロントエンド
- [ ] バックエンド
- [ ] インフラ
- [ ] Web-design
- [ ] API関係

---

***以下に本文を記載してください***
## 挨拶

こんにちは！NUTMEGデザインチーム所属修士2年のr.kobayashiです！

9/19から26日までの1週間、NUTMEGメンバー限定のハッカソンが開かれました！参加者はのべ20人、4チームに分かれてテーマに沿ったアプリを開発するイベントです！

私は日程の都合で参加できなかったのですが、1年かけた準備の集大成である技大祭の終了から1週間と経たないうちに新たな挑戦に挑む後輩たちをみて、自分も何かできることがないかと思い賞品を提供することに決めました。

このブログではその準備を行うにあたり工夫した点や、後輩たちへ引き継ぎたいことをまとめます。

まずは完成品をご覧ください。

## 完成品

### 最優秀チーム向け商品


詳細

| | |
|------------|-----------------------------------------|
| 名称 | フィルム素材ステッカー(耐水)／ホログラム-レインボー |
| サイズ | 60mm×60mm |
| オプション | 強粘着／１枚四角カット／40パス以内／ホワイト使用／光沢PETラミネート |
| 枚数 | 10枚 |
| 作業時間 | 2時間 |

### 参加賞


| | |
|------------|-----------------------------------------|
| 名称 | フィルム素材ステッカー(耐水)／銀ツヤ |
| サイズ | 60mm×60mm |
| オプション | 強粘着／１枚四角カット／40パス以内／ホワイト使用／光沢PETラミネート |
| 枚数 | 30枚 |
| 作業時間 | 4時間 |

### 印刷データ

印刷はデジタ様にお願いしました。安さと技術資料の豊富さが理由です。
[シール印刷・ステッカー印刷・ラベル印刷が高品質｜印刷通販【デジタ】](https://www.digitaprint.jp/seal-top?gad_source=1&gclid=CjwKCAjw0t63BhAUEiwA5xP54RpBwOKEA27eKGJn0LydK8khS3wXlNaSW46BJYSUbp3oBjTYIUVbrhoChTcQAvD_BwE#)

印刷データ作成に不慣れなこともあり、2回ほどメールでデータの修正点やオプションの過不足を丁寧に教えていただきました。

## 工夫点など

見せたいものは見せたので9割方満足ですが、作成時考えてきたことを雑記します。

### リッチブラックのトラッピング処理

ステッカーの黒い部分はリッチブラックを使用しています。CMYKのK（KeyPlate、黒）のみで塗りつぶすのとは異なり、シアン、マゼンタ、イエローの値も混ぜて印刷する黒です。今回は背景に使用した素材との対比を綺麗に見せたかったので使用しました。深みのある黒を表現できる色ですが、印刷時にCMYKのいずれかの色がずれてしまう「見当ずれ」と呼ばれる現状が起きる可能性があるなど難点もあったりします。たまに教科書とかで見かけますね。

引用：[印刷の黒:スミベタ(K100%)/リッチブラック/4色ベタ｜印刷の基礎知識｜ネット通販の印刷・プリントなら【WAVE】](https://www.wave-inc.co.jp/data/dtp/black.html)

あまり起きないトラブルではありますが万が一起きた場合、賞品としてもらったときがっかりしてしまうだろうと思ったので、トラッピングと呼ばれる処置を施しました。

引用：[シール印刷の「リッチブラック」について! | 株式会社フナミズ刃型製版](https://www.hagata.co.jp/2023/03/29/richblack/)

黒い部分の外周0.1mmのみK100%、それ以降の内側はリッチブラックにすることで、リッチブラック部分で見当ずれが生じてもK100%に紛れてわからなくするという手法です。肉眼でもわかるっちゃわかるので、参加者の皆さんはもらったステッカーを良く見てみてください。

### モチーフについて

制作時間を多く取れなかったため、個人的に好きだったアークナイツの勲章をかなり参考にしています。ゲームで何かの目標を達成した時にもらえる実績のようなものなのですが、メタリック感のある素材と黒の対比が素敵な印象があったので、いつかオマージュして何かを作りたいと思っていました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">【栄光の軌跡】<br>現在開催中の「危機契約#2」では、イベント限定の功績勲章シリーズを揃えることができます。<br><br>イベント期間中に一定の条件を達成することで功績勲章を獲得できます。さらに、特定の条件で加工が可能になる勲章もあります。ぜひ挑戦してみてください！<a href="https://twitter.com/hashtag/%E3%82%A2%E3%83%BC%E3%82%AF%E3%83%8A%E3%82%A4%E3%83%84?src=hash&amp;ref_src=twsrc%5Etfw">#アークナイツ</a><a href="https://twitter.com/hashtag/%E5%8D%B1%E6%A9%9F%E5%A5%91%E7%B4%84?src=hash&amp;ref_src=twsrc%5Etfw">#危機契約</a> <a href="https://t.co/TAWY59tU39">pic.twitter.com/TAWY59tU39</a></p>&mdash; アークナイツ公式 (@ArknightsStaff) <a href="https://twitter.com/ArknightsStaff/status/1842097632556286364?ref_src=twsrc%5Etfw">October 4, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

### 制作過程


今回は制作前からなんとなくイメージが固まっていたのでラフなどは描かず制作を開始しました。その分データはたくさんできましたが、幾何学的な図形メインだったので楽でしたね。とはいえ単純な図形の組み合わせだけだとショボく感じたのでモダンなアイコンを配布しているサイトを活用しました。最近のお気に入りです。

https://spectrums.framer.website/

背景のホログラム感を何もない状態からイメージするのは大変だったので、フリーのホログラム風素材を使ったり、一部の印刷所が公開している仕上がりシミュレーターを使って確認しながら進めました。NUTMEGシンボルマークのオレンジ部分にホログラムのきらきらを透過させるかどうかかなり迷いました…。

## 後輩に向けたメッセージ
ごめん！ステッカーのデータAdobe illustratorで作った！今回のデータ使い回すことないかと思って…。

Figmaでステッカーのデータを作ることは難しくないけど、今回行ったようなリッチブラックの指定だったり、トラッピング処理はAdobe illustratorでないと結構大変。

やりたかったらAdobe illustratorかAffinity Designerを買いなさい。

## 感想
想像以上に参加者のみんなが喜んでくれてよかったですねー。余ったステッカーはじゃんけん大会が開かれるほどでした。
思いつきで始めた今回の賞品作成ですが、すでに次のデザイン作成に取り組んでいる後輩もいるのでいい文化を残せたかもしれません。
今後続いていく上で問題があるとしたら、印刷費用ですね…。今回私の自腹でやっちゃいました。後輩らにはいい感じにして欲しいですね。M2がカンパしたり。

今後も続いたらいいね。

終わり