-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
6e1e2f9
commit acbfd8b
Showing
8 changed files
with
112 additions
and
8 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,13 +1,15 @@ | ||
![Creative Coding Study Session](https://user-images.githubusercontent.com/4602369/150726136-b0e9c273-281a-47cc-9017-b916c569e31f.png) | ||
--- | ||
description: Home page for Creative Coding Study Session | ||
--- | ||
|
||
# Creative Coding Study Group | ||
# π README | ||
|
||
β‘οΈ https://github.com/WWCodeTokyo/creative-coding/wiki | ||
![Creative Coding Study Session](https://user-images.githubusercontent.com/4602369/150726136-b0e9c273-281a-47cc-9017-b916c569e31f.png) | ||
|
||
## Creative Coding Study Group | ||
|
||
## About WWCode | ||
Now in GitBook! | ||
|
||
![GitHub Org's stars](https://img.shields.io/github/stars/WWCodeTokyo?style=social) | ||
![Twitter Follow](https://img.shields.io/twitter/follow/wwcode_tokyo?style=social) | ||
![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/wwcodetokyo) | ||
### About WWCode | ||
|
||
![GitHub Org's stars](https://img.shields.io/github/stars/WWCodeTokyo?style=social) ![Twitter Follow](https://img.shields.io/twitter/follow/wwcode\_tokyo?style=social) ![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/wwcodetokyo) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,9 +1,12 @@ | ||
# Table of contents | ||
|
||
* [README](README.md) | ||
* [π README](README.md) | ||
|
||
## π Sessions | ||
|
||
* [π¨ Session 1: "Great Artists Steal (With Permission)"](sessions/session-1-great-artists-steal-with-permission.md) | ||
* [π³ Session 2: CSS Art](sessions/session-2-css-art.md) | ||
* [β Session 3: Processing](sessions/session-3-processing.md) | ||
* [π Session 4: Tech Zines](sessions/session-4-tech-zines.md) | ||
* [β Session 5: TBD](sessions/session-5-tbd.md) | ||
* [π Session 6: Emoji](sessions/session-6-emoji.md) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,79 @@ | ||
--- | ||
description: May | ||
--- | ||
|
||
# π Session 4: Tech Zines | ||
|
||
## 1. What are Zines? | ||
|
||
Zines, short for "magazines" are simple booklets of imagery or comics and printed for distribution. The printing is often low-cost, swapping glossy magazine pages for black-and-white photocopy or inkjet printing. More art-grade Zines may be printed via silkscreen or [Risograph](https://en.wikipedia.org/wiki/Risograph). | ||
|
||
Zines have roots in Punk Rock and Art culture, but recently have become a tool to teach about technology. | ||
|
||
### Examples: | ||
|
||
* [https://shop.bubblesort.io/](https://shop.bubblesort.io) BubbleSort Zines by Sailor Mercury | ||
* [https://wizardzines.com/](https://wizardzines.com) Wizard Zines by Julia Evans | ||
* [https://code-art.xyz/issues/](https://code-art.xyz/issues/) Code::Art | ||
* [https://blog.bigcartel.com/tiny-tech-zines-builds-a-community-around-art-critical-theory-and-tech](https://blog.bigcartel.com/tiny-tech-zines-builds-a-community-around-art-critical-theory-and-tech) Tiny Tech Zines | ||
* [https://techzinefair.org/](https://techzinefair.org) New York Tech Zine Fair | ||
|
||
Also, given our Network is based in Tokyo, we must nod to the influence of Manga in educational materials. Ai Minatogawa (ζΉε· γγ) created the illustrations behind [a series of books on software and technology](https://www.amazon.co.jp/-/en/%E6%B9%8A%E5%B7%9D-%E3%81%82%E3%81%84/e/B01N8OK2UW?ref\_=dbs\_p\_ebk\_r00\_abau\_000000). | ||
|
||
## 2. Concept | ||
|
||
What are you trying to teach? What's your message? | ||
|
||
\[ COMING SOON ] | ||
|
||
## 3. Crafting | ||
|
||
Now that you have your idea, how to you make it? | ||
|
||
### Physical Resources | ||
|
||
The most traditional way to make a zine is with REAL Materials. It's time for crafting. Donβt worry if you're not a skilled illustrator, it's normal for Zines to have a "raw" look, and you can mix and layer imagery from other sources.\* | ||
|
||
#### Basic supplies: | ||
|
||
* A4 white paper | ||
* Anything that makes black marks: e.g. chunky markers like Sharpie, fine-tip pens like Sakura Micron, Brush Pens, Sumi ink, crayon... whatever you have on hand | ||
* Scissors | ||
* A magazine with imagery to cut and remix (Think tech magazines, TSUTAYA bookstores often have some great stuff) | ||
* Glue (Ann recommends [γ’γ©γγγ―γ€γγ](https://www.yamato.co.jp/products/I00000042/) which can be found at any Japanese convenience store) | ||
* Stapler for binding | ||
|
||
If you're joining us from outside Japan, please adjust as necessary: US Letter for A4, glue stick, whatever writing tools are available. | ||
|
||
#### Advanced supplies: | ||
|
||
* ["Non-photo Blue" pencils](https://www.jetpens.com/blog/The-Best-Non-Photo-Blue-Pencils-and-Pens/pt/339) that are invisible to photocopiers for initial sketches | ||
* Tracing paper (or [make your own](https://www.youtube.com/watch?v=XsSRTcmnewM\&ab\_channel=thefrugalcrafterLindsayWeirich)) | ||
* [Correction tape](https://www.muji.com/jp/ja/store/cmdty/detail/4550344302477) for editing, or layering on white marks | ||
* Washi tape | ||
* Textural materials like decorative papers, half-tone patterns, | ||
|
||
Go to [Seikaido](https://www.sekaido.co.jp) in Shinjuku and check out the Manga section if you really want to go deep π | ||
|
||
#### Printing | ||
|
||
Stop by your neighborhood Conbini and use the photocopier to make prints. Or scan, save as a PDF, and distribute digitally. | ||
|
||
For those of you in Japan, we are lucky to have lots of retro tech like Risographs available to the community. You can also do silk-screen. As these techniques are more advanced, they are beyond the scope of our session, but we're just trying to give you an idea of the possibilities π | ||
|
||
* Silk Screen developing and ink available at [Uematsu](https://e-uematsu.co.jp) in Shibuya | ||
* Risograph: [Hand Saw Press](http://handsawpresstokyo.com) in Shinagawa | ||
|
||
### Digital Resources | ||
|
||
Prefer to work digitally? Here are our recommendations for digital Zine creation: | ||
|
||
* Draw on a tablet like an iPad or Microsoft Surface | ||
* Use [Canva.com](https://www.notion.so/wwcode/Zines-833f018194ac4ea0b70926a3d05172b6#732d41806c6a4d0390b7e3516ee31e56)'s free comic templates | ||
* Try [Pixton](https://app.pixton.com/#/) (paid product with a free 7-day trial) | ||
|
||
## 4. Sharing | ||
|
||
Now the most important part! Share your work with the world. Tell us what you made and we can share within our community π | ||
|
||
\ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
--- | ||
description: June | ||
--- | ||
|
||
# β Session 5: TBD | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
# π Session 6: Emoji | ||
|