WEBCRE8.jpウェブクリ8.jp

webデザイナーによる、デザインとwebを楽しむ情報ブログ

作る。

WEBCRE8.jpが作ったサービス、素材、サイトなどを
公開していくカテゴリです。

[クリエイティブ]ソーシャルアイコンクッキーを焼いてみた(初級編)

この記事は約12分ぐらいで読めます

ソーシャルアイコンクッキー達(とWEBCRE8アイコン)
  • ソーシャルアイコンクッキーの金型を作る
  • クッキーを焼く
  • クッキーアイコンのPNG素材(フリーですw)

前置き

(…webとデザイン、webデザインに関するブログでやるつもりだった制作物の「作る」カテゴリの記念すべき第一回目としてはふさわしくない気もしますが…www)

WEBCRE8.jpはwebに関するいろんなことを楽しもう、というコンセプトのブログです。もちろん僕はデザイナーなのでwebデザインの仕事に関する話題が中心のつもりですが、基本的にはwebを、デザインをいろんな方法でいろんな人と楽しもうという立ち位置でやっています☆

そして本題に入る前に見ていただきたいのはこの記事。

もしかして世界初?痛ネイルアート『ブラウザ』 – はぁはぁブログ

@mamipekoさんのはぁはぁブログで提案されていた「webネイル」の記事ですね。ご存じの方も多いかと思います。

女性が好きなネイルアートのモチーフに、ギーク臭漂うブラウザだったりwebサービスのアイコンだったりを選ぶという…まさにコチラ方面の方にはインパクト大のアイディアですね。

私はこういう「自分の好きなものをほかのジャンルに絡めて表現する」というアイディアが大好きです。例えばよく見るのは自分の車に特大のアニメキャラなどの装飾を施す「痛車」や、音楽PVにお笑い芸人が登場する等、「コラボ」と言われるようなものですね。合わせられた双方のジャンルに影響を与える面白い活動だと思います。私自身が興味を持つのは当然私が好きなジャンルに限定されてはいますが。

そしてその後目にする機会があったこの記事。

IT企業におすすめ粗品「Cookies For Geeks」 | ImportWiki

「これは…やってみたい…!」と素直に思いましたw

もともと私は粘土を使ったクレイアートもかじっているので、このアイディアを見たときにすんなりと頭に入って来たんですね。

ソーシャルアイコンクッキーの金型制作

まずなかなかこれが大変です。以下の記事が参考になりました。

クッキー型の作り方 – ギャンズ・オリジナルアイテムのオンラインショップ

必要なもの

クッキーの金型制作に必要なもの

クッキーの金型制作に必要なもの

  • カッターマット
  • カッター
  • アルミ板(0.3mmのものを使用)
  • 色々な太さの筒状のもの
  • ラジオペンチなど先の細い挟むもの
  • 小さくて力の強いクリップ
  • 金属用の接着剤
  • 定規(出来れば金属製)

アルミ板 0.3X200X300 (1pcs)

手順

  1. アイコンの線画を描き、紙に用意する
  2. アルミ板をカッターで切る
  3. 円筒型の棒、定規を使いアイコンの形に曲げていく
  4. 接着剤で閉じ、小さなクリップで固定する
  5. 煮沸消毒する

アイコンの線画を描き、紙に用意する

アイコンの線画を描き、紙に用意する


どこからか適当にアイコンの見本を探してきます。それを参考に線画を作り、印刷しましょう。アイコンの角丸の四角は4cm×4cmで作りました。星とスカイプはそれから少しはみ出すくらいです。どうでもいいんですが、スカイプのマークは曲線で構成されていると思ってたら、3つの円を重ねた図案なんですね。

アルミ板をカッターで切る1

アルミ板をカッターで切る1


アルミ板をカッターで切る2

アルミ板をカッターで切る2


金属と言えど0.3mmは本当にふにゃふにゃなので、むしろ迂闊に折り曲げないように慎重に扱って下さい。カッターでスジを入れて丁寧に定規をあてて折り曲げれば簡単に切れます。その際小さな切れっ端が出るかも知れないので手に刺さったりしないように気をつけて下さい。

円筒型の棒、定規を使いアイコンの形に曲げていく1

円筒型の棒、定規を使いアイコンの形に曲げていく1


円筒型の棒、定規を使いアイコンの形に曲げていく2

円筒型の棒、定規を使いアイコンの形に曲げていく2


円筒状の棒はなるべく沢山の種類があったほうがいいです。僕は細さ順に精密ドライバー、ドライバー、墨入れペン、粘土用の伸ばし棒を用意しましたが、最終的には部屋中の棒状のものを部屋中引っ繰り返して探しましたwそれと定規で曲げる場合もそうですが、長辺に対して必ず垂直になる様に意識して曲げてください。

接着剤で閉じ、小さなクリップで固定する1

接着剤で閉じ、小さなクリップで固定する1


接着剤で閉じ、小さなクリップで固定する2

接着剤で閉じ、小さなクリップで固定する2


接着剤を塗ったあと強めのクリップで止めます。なるべく小さいものでないと難しいです。あとなるべく貼り合わせの部分を挟み易くする為、文字やマークの長い辺からスタートするようにしてください。

金型を煮沸消毒する

金型を煮沸消毒する


一応人に出す可能性のある食べ物を作る為のものなので衛生面も気をつけましょう。80度以上の熱で5分以上らしいです。まあどうせクッキーは焼くので気にしないでいいのかもですが…。

明らかにWEBCRE8.jpの中の8がしょぼくなってるのは形状上、形を保てないと判断した為です(泣)。

こんな感じで出来あがりです☆

ツイッターとフェイスブック、RSS

ツイッターとフェイスブック、RSS


我がWEBCRE8.jpのシンボルとスカイプ

我がWEBCRE8.jpのシンボルとスカイプ


アイコンの金型勢ぞろい。

アイコンの金型勢ぞろい。

クッキーを焼く

クッキーの焼き方くらい各自で、ということにしてもいいのですがw一応僕の作り方を軽く書いておきます。

材料

  • 小麦粉150g
  • 砂糖35g
  • バター80g
  • バニラエッセンス数滴
  • 塩ひとつまみ
  • 牛乳少量

道具

  • 測り
  • 延ばし棒
  • オーブン
  • ふるい
  • 泡だて器
  • しゃもじ

ちなみにオーブンはこれを使いました。安くていい感じに焼くことが出来たのでオススメしておきます☆

山善(YAMAZEN) オーブンレンジ  MOR-1216
山善
売り上げランキング: 40828

下ごしらえ

  1. バターを溶かす。
  2. 小麦粉を振るっておく
  3. オーブンを180度に予熱しておく

手順

  1. 溶かしたバターに砂糖、バニラエッセンスを泡だて器で混ぜる。
  2. 小麦粉をかき混ぜながら入れていき、ちょっと牛乳を足す。塩も入れる。
  3. へらでこねて塊にする。
  4. 冷凍庫で10分ほど冷やす。
  5. 延ばし棒で薄く延ばし(厚みは1cm程度)、型抜きし、オーブン皿に間隔を開けて並べる。
  6. 600Wのオーブンで20~25分ほど焼く

溶かしたバターに砂糖、バニラエッセンスを入れ

溶かしたバターに砂糖、バニラエッセンスを入れ


泡だて器で混ぜる

泡だて器で混ぜる

小麦粉をかき混ぜながら入れていき、ちょっと牛乳を足す。塩も入れる。

小麦粉をかき混ぜながら入れていき、ちょっと牛乳を足す。塩も入れる。


へらでこねて塊にする

へらでこねて塊にする

冷凍庫で10分ほど冷やす

冷凍庫で10分ほど冷やす

延ばし棒で薄く延ばし(厚みは1cm程度)

延ばし棒で薄く延ばし(厚みは1cm程度)


型抜きして

型抜きして


オーブン皿に間隔を開けて並べる。

オーブン皿に間隔を開けて並べる。


600Wのオーブンで20~25分ほど焼く

600Wのオーブンで20~25分ほど焼く

以上で出来あがりです。

twitter、facebook、RSSクッキーの完成品

twitter、facebook、RSSクッキーの完成品


WEBCRE8.jp、スカイプクッキーの完成品

WEBCRE8.jp、スカイプクッキーの完成品

いかがでしょうか。クッキーに普段慣れ親しんでいるfacebookやtwitter等のツールのマークが刻印されている…好きな人は好きだと思うのです☆多少不格好でもこれが手作りの良さ、と割り切れば全然アリです!なのであまり拘り過ぎなければ型もそう難しくはない…はずですw

ソーシャルアイコンクッキー達(とWEBCRE8アイコン)

ソーシャルアイコンクッキー達(とWEBCRE8アイコン)

ギークな友達にプレゼントとして。または結構大変なので、友達と一緒に、なんてのもいいかもしれないですね。もし本当に作ったりした人は見せてもらえると嬉しいですね☆

こんな感じでギフト用にも。

こんな感じでギフト用にも。

クッキーのアイコンpng素材

せっかくなので出来あがったクッキーの画像を素材として配布させていただきますね(需要があるかは分からないですがww)。クッキーの画像と線画に関しては著作権などフリーで構いません。商用もまあ一応可でw よければ使いましたよー的な報告をもらえると嬉しいです。

Twitter,facebook,RSS,skype and WEBCRE8.jp icon-cookie-a.zip

あと、もし実際に使いたくて、「このサービスのアイコンが欲しい!」と言う方は@webcre8にリプライを頂ければ今後即座に、と言う訳には行きませんが、また型を作るときに考えてみますね!☆