Skip to content

Commit

Permalink
GitBook: [#2] No subject
Browse files Browse the repository at this point in the history
  • Loading branch information
ann-kilzer authored and gitbook-bot committed Mar 16, 2022
1 parent 6e1e2f9 commit acbfd8b
Show file tree
Hide file tree
Showing 8 changed files with 112 additions and 8 deletions.
16 changes: 9 additions & 7 deletions README.md
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)
5 changes: 4 additions & 1 deletion SUMMARY.md
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)
4 changes: 4 additions & 0 deletions sessions/session-1-great-artists-steal-with-permission.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
---
description: January
---

# 🎨 Session 1: "Great Artists Steal (With Permission)"

Date: Jan 26, 2022, 19:00 JST \
Expand Down
4 changes: 4 additions & 0 deletions sessions/session-2-css-art.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
---
description: February
---

# πŸ”³ Session 2: CSS Art

CSS (Cascading Style Sheets) style the web. But in addition to adorning websites, did you know that pure CSS can be used to create art?
Expand Down
4 changes: 4 additions & 0 deletions sessions/session-3-processing.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
---
description: April
---

# βš™ Session 3: Processing

[https://www.meetup.com/Women-Who-Code-Tokyo/events/284042719/](https://www.meetup.com/Women-Who-Code-Tokyo/events/284042719/)
Expand Down
79 changes: 79 additions & 0 deletions sessions/session-4-tech-zines.md
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 πŸ˜„

\
6 changes: 6 additions & 0 deletions sessions/session-5-tbd.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
description: June
---

# ❓ Session 5: TBD

2 changes: 2 additions & 0 deletions sessions/session-6-emoji.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# πŸ˜‚ Session 6: Emoji

0 comments on commit acbfd8b

Please sign in to comment.