Categories
Design

How to create your own Papercraft

A tutorial to make a papercraft initial(s). Of course you can spell whole names with it, but I suggest (strongly) to start with one letter en work you’re way up to you initials.

In this tutorial you don’t have to spend any money except for the paper you print it on.
It’s written for windows (sorry Apple users)

Update #1: Another post about Pepakura and Google Sketchup: Pepakura: Make Anything in Papercraft

Shortcut to:
Programs | What are we going to build? | Step 1 | Step 2 | Step 3 | Step 4

Programs

For this tutorial you need a couple of programs, which are for free to get from the internet:
Pepakura designer v2 .1.2 – program that creates flat versions of a 3d model

Google SketchUp 6 – very simple 3d modeler

Optional (I will explane this later): PDFCreator – creates PDFs from any Windows program

Update #3: There are a lot of very good/ free 3D programs out there.
To name a view: Blender, Wings 3D, Metasequoia and there are probably a lot more.
The only reason I choose for Google SketchUp because I got it to work in a couple of minutes…

Google SketchUp is freeware, PDFCreator is open source (free) and Pepakura designer is shareware.
So the only limitation you have is Pepakura designer: in the version you can download and try out, it’s not possible to “Save” and “Export”. But I found that it’s possible to print, so a legal way to export what you have build in Pepakura is PDF.
This has of course some limitations, and the biggest one is you are not able to save you changes (which you can unlock for a lousy US$38).

What are we going to build?

Google Sketchup - MCK 3D logo
Lets make a text logo and I really want to use the logo I made a while back, but I realize that’s not for everybody….So lets make a logo out of freeware fonts, and find a font suitable for what I want.
I want to make a 3d version of mck and because I know how difficult it is to create round corners (“c”) I am looking for a bold/stong blocky font .

We could make a complete text logo, but when I started writing this tutorial I found out that with more then one letter, it started to be quite complex. Which is not bad, but quite difficult to point out how things work. So for this tutorial I will explain just one letter and we will make it 3d.

Step1: download and install

Except the programs discussed above (Pepakura designer v2.1.2, Google SketchUp 6 and PDFCreator) you also have to choose a nice font to create your initial/character in.

So lets search a nice letter with a nice “M” or “m” (or whatever letter you want).

For example a couple of font of dafont.com/:
Cowboys – big/strong and very little curves
Kroftsmann – big / strong and no curves
Aerojones nf – big / strong and round courners

But make this tutorial even easier I have chosen for a pixel-font from 04.jp.org named 04b-19.

MCK pixel font

Download the font(s) you want to use, and copy it in:
C:\WINDOWS\Fonts

Remember: a curly/round/thin font will look very pretty, but will be hell to build in a papermodel. So choose a continuous, bold, square font!

Step 2: Modeling in 3d

This is easier then it sounds so lets do it in little steps:

1. Google Sketchup - start Google Sketchup Start Google Sketchup
You will see a little dude just standing there, forget him. He is there just for the scale purposes and will not be seen in your end result.
2. Google Sketchup - Tools > 3d Text’ /></td>
<td>Goto: <a href="http://www.matthijskamstra.nl/blog/wp-content/uploads/googlesketchup_02.png" rel="flashbox[papercraftcharacter]" title="Google Sketchup - goto Tools - 3d Text">Tools – 3d Text</a></td>
</tr>
<tr>
<td>3.</td>
<td><img src= Find your font and change the Height and Extruded (when I doubt: try to follow the picture)
4. Google Sketchup - place the character and Export Press on place and place the character.
5. Google Sketchup - place the character and Export That’s all to it. Now save your file: for example “character.skp” and export to character.kmz (google earth 4)
Pepakura Designer can open .KMZ files but they have to be google earth 4!

Step 3: create papercraft

It’s too easy will the get difficult? No!

Update #2: when I tried to import the PDF into illustrator, I noticed that the PDF wasn’t a vector file. Luckily there is a solution: change the default print mode to Vector Print (see point 3a.)
1. Pepakura - Open Pepakura If you’ve done what I asked, you have Pepakura installed (and if not, now is the time).
Open Pepakura
2. Pepakura - open the file Open the character.kmz file you just saved on you’re hard drive
3. Pepakura - Unfold Oke lets see what Pepakura does with this simple example: press “unfold’
Yep, it’s that easy!
3a. Papakura - Print and Paperconfiguration Make sure that you change the default print setting, this will improve the quality of your print and makes it possible to import in Illustrator.
Papakura – Print and Paperconfiguration
4. Pepakura - Print Start you’re printer….. jadajada, you know what to do: Press file – print
(prepare to export to PDF read this)



Step 4: start building

Grab you’re glue and scissors and start building.


Export

This is for people who want to “export” the papermodel/papercraft to a file and modify it in a vector program like Illustrator. (Perhaps Inkscape will work too, but I don’t have that installed)
Instead of printing the model to paper, you can print it to .PDF. And this file is easy to import in Illustrator.

The only thing that you have to do is install: PDFCreator.
This program is opensource (doesn’t cost anything) and works the same as your printer.
Instead of printing to a printer, which is connected to you computer or network, you print to PDFCreator. And this will create a PDF for you on you’re computer.

Categories
Urban papercraft

Urban papercraft: All City Style

This is something I wanted to create, but now I find out it already exists… bad for me & good for me, and you: it combines two hobbies: papercraft and one of the-four-elements-of-hiphop: graffiti.

All City Style: if you don’t get it, you probably never will.
So to catch up: graffiti / tag and read this book: Subway Art

Not feeling so brave (or getting too old for that shit): here is an legal way to create your top-to-bottom!
And you can do in the comfort of your home, using crayons, finger-paint, or whatever you got laying around.

All City Style Blank Subway Car.

Two images to show what’s possible: [1] | [2]

Download the “All City Style Blank Subway Car” and start tagging!

Categories
Flash FlashBox WordPress Plugin

FlashBox v1.4 – IE6 blocks content

A new version of FlashBox. The main reason for this update is an IE6-bug (read the whole story here)
But by trying to fix this bug, I also created room for the send-a-friend option.

FlashBox is a on going project so for updated versions of it goto the Flashbox directory.

A two image gallery: an tribute to Gungrave. [1] – [2]

Find more examples on the FlashBox homepage.

Download WordPress Plugin – Download FlashBox v1.4

If you have previous versions of FlashBox installed, it’s a good idea to delete the old “wp-flashbox” directory.
Categories
Flash Flash experiments

Flash experiments: Debug Button

Update #1: it seems that to much data makes this button not function, so I toned it down a little

For FlashBox I was looking for a way to get more/better feedback from the users when they report a bug.

It started with:


function submitBug (target_mc:MovieClip) {
	for(var i in target_mc) {
		trace ( 'key: ' + i + ', value: ' + target_mc[i]);
	}
}

But I’ve extended it, with other usefull information (stage-width/height, url, framenumber, etc);
And in combination with FlashBox (or in combination with the Browser detect – by Peter-Paul Koch [quirksmode]) you also can get the Operating system (I can get that too with Flash), Browser name (not possible with Flash) and version-number of the browser (also not possible with Flash)

With this information it should be easier to debug….

To export the data to me I used the lowest tech solution I could think of:

getURL ("mailto:reportbut@zapper.com?subject=BugReport&body=bug:");

Just give it a try:

[swf]http://www.matthijskamstra.nl/blog/wp-content/uploads/debugBtn.swf, 220 ,70[/swf]
Categories
Urban papercraft

Shin Tanaka – Spiky baby [series 6] is out

SPIKE BABY series from Shin Tanaka is starting with SPIKE BABY[SERIES 06].

So you know what to do, t it out


Shin Tanaka papertoy series are only active for a short time and you missed it 🙁

And start downloading: the download pages for you on a platter:
assad
i
k
p
s
t
y
Bryan_Rollins
claupre
ELGIROGRAFICO
Gaurav
GGG
HELENA
Hixtri
LUNA
MSB_BLUE
MSB_GREEN
MSB_PINK
ocularinvasion
SB06_BOX_

Categories
FlashBox

FlashBox blocks content in IE6

Jacob Fresco pointed me to a bug that I would never ever have found without his help! So thx.

Hi, first, compliments on the great plugin. However, I do have some remarks. It seems that WordPress 2.1.2 with Wp-Flashbox 1.3 crashes Internet Explorer (=> version 6). When I disable Flashbox, everything works fine.

In Firefox, everything works like a charm… I cannot seem to find the cause of this problem. Any ideas?

Because I have a newly installed Windows XP, I only have IE7, Firefox 2 (my default browser) and for testing Opera (used for testing FlashBox)

So to test this bug I installed Multiple IE which makes it possible to install multiple versions of IE on your PC.
And of course tested IE6: no bugs, no crashes, no nothing, it worked like it supposed to.

Just to be sure, I tested IE6 today at work.
Woooo, that’s an extreme bug.

First you get:
Press ok

And then you get:
Operation aborted

A little search on the internet revealed the problem: “Press OK to continue loading the content of this page”
It’s the changes Microsoft made to IE in response to the Eolas patent lawsuit.

But I thought SWFObject would fix this? (internet explorer eolas changes and the flash plugin/)
But when I tested the demo pages at deconcept with IE6 I also got
“Press OK to continue loading the content of this page” but not the “Operation aborted”

So there must be something wrong with FlashBox. But before I can find out what it is… I have to know the difference between my home-computer and my work-computer, so I can find out what goes wrong.

Categories
Urban papercraft

Urban papercraft: Ghettopaper

GhettoPaper logo

This project combines two other interests of mine: HipHop (kinda indirect, but it is there) and papercraft:

Ghettopaper gives you the opportunity to design you own ghetto blaster.
Ghetto Paper - blank template

And because the viewer in GhettoPaper isn’t all that (not really true, because you can also visit the website/mail the artist and download the file) you can view everything here my viewer:
GhettoPaper gallery

Image dump:
GhettoPaper gallery: b_1.jpg
GhettoPaper gallery: b_2.jpg
GhettoPaper gallery: b_3.jpg
GhettoPaper gallery: b_4.jpg
GhettoPaper gallery: b_5.jpg
GhettoPaper gallery: b_6.jpg
GhettoPaper gallery: b_7.jpg
GhettoPaper gallery: b_8.jpg
GhettoPaper gallery: b_9.jpg
GhettoPaper gallery: b_10.jpg
GhettoPaper gallery: b_11.jpg
GhettoPaper gallery: b_12.jpg
GhettoPaper gallery: b_13.jpg
GhettoPaper gallery: b_14.jpg
GhettoPaper gallery: b_15.jpg
GhettoPaper gallery: b_16.jpg
GhettoPaper gallery: b_17.jpg
GhettoPaper gallery: b_18.jpg
GhettoPaper gallery: b_19.jpg
GhettoPaper gallery: b_20.jpg
GhettoPaper gallery: b_21.jpg
GhettoPaper gallery: b_22.jpg
GhettoPaper gallery: b_23.jpg
GhettoPaper gallery: b_24.jpg
GhettoPaper gallery: b_25.jpg
GhettoPaper gallery: b_26.jpg
GhettoPaper gallery: b_27.jpg
GhettoPaper gallery: b_28.jpg
GhettoPaper gallery: b_29.jpg
GhettoPaper gallery: b_30.jpg
GhettoPaper gallery: b_31.jpg
GhettoPaper gallery: b_32.jpg
GhettoPaper gallery: b_33.jpg
GhettoPaper gallery: b_34.jpg
GhettoPaper gallery: b_35.jpg
GhettoPaper gallery: b_36.jpg
GhettoPaper gallery: b_37.jpg
GhettoPaper gallery: b_38.jpg
GhettoPaper gallery: b_39.jpg
GhettoPaper gallery: b_40.jpg
GhettoPaper gallery: b_41.jpg
GhettoPaper gallery: b_42.jpg
GhettoPaper gallery: b_43.jpg
GhettoPaper gallery: b_44.jpg
GhettoPaper gallery: b_45.jpg
GhettoPaper gallery: b_46.jpg
GhettoPaper gallery: b_47.jpg
GhettoPaper gallery: b_48.jpg
GhettoPaper gallery: b_49.jpg
GhettoPaper gallery: b_50.jpg
Categories
Flash FlashBox WordPress Plugin

FlashBox v1.3

A new version of FlashBox, with one of my personal favorites in it: autoplay. I hope you like it.

FlashBox is a on going project so for updated versions of it goto the Flashbox directory.

A two image gallery: an tribute to Optimus Prime. [1][2]

Find more examples on the FlashBox homepage.

Download WordPress Plugin – Download FlashBox v1.3

Download wp-FlashBox v1.3 wp-flashbox_v01.3.zip (22,1 kB)

If you have previous versions of FlashBox installed, it’s a good idea to delete the old “wp-flashbox” directory.
Categories
FlashBox

FlashBox – Faq

Can I use FlashBox if I don’t use WordPress
Yes, you can!
But you will have to install FlashBox manually: the instructions for that can be found here

Why does FlashBox work differently on Firefox 2 Apple
I can’t stand this, but it’s true. I can’t get FlashBox to work the same in all browsers and OS. The complete story can be read here. I came to the conclusion that I can’t do anything about this problem. And just need to work around it.

Why is FlashBox for free?

Categories
FlashBox

FlashBox – new homepage

I have made a new homepage for FlashBox (let’s say it’s 80% ready).

Well not exactly..
It’s a new feature in WordPress 2: you can choose a template which will be used for Pages.
So in fact I’ve made a new template.

Whateva: I’ve started with the documentation of FlashBox.
The new homepage is a start, and soon there will be some post about Usage instructions, faq, todo/request, competition, etc.