WEBCRE8.jpウェブクリ8.jpwebデザイナーによる、デザインとwebを楽しむ情報ブログRSSABOUT作る。WEBCRE8.jpが作ったサービス、素材、サイトなどを公開していくカテゴリです。Brackets」の携帯ストラップを作ってみました。ウリは簡単に追加出来る拡張機能やライブプレビューなど。なんかすごく気に入ってしまっててこれからも応援していきたいエディターなんですけど、まずアイコンから好きなんですよね、これ。巡り会いましたで既に紹介してますね。ポリマークレイを使って自分用のストラップを作るで、私趣味でポリマークレイというものを嗜んじゃったりしてるんですけど、これ使えばこのカワイイアイコンを持ち歩けるじゃん、みたいな思いつきでちょっと作ってみました。ストラップ!まあ要は過去記事でやっているようなアイコンクッキーと同じような作業です。いうか、もともとこういうのをやっていてお菓子作りにも手を出した感じなんですよね。ネイルのように身につけられる形でいけますね。それじゃ、微妙に作り方なんか解説する意味があるかわかりませんけど工程なんかを書いてみます。材料と道具クッキーと違って食べ物ではないので手でこねこねできます。あとはリューターのような道具やスパチュラというコテを使います。今回のアイコンは幾何学図形で構成されたスッキリした形状なのですごくやりやすいですね。その分ごまかしが効かないですけど。ポリマークレイ材料となるポリマークレイは、収縮率ほぼ0%の焼成型粘土です。180度程度のオーブンで焼くことにより水分が飛び、プラスチックのような塊に変化する粘土です。色んな銘柄が発売されているポリマークレイ粘土で好きな形を作って自分だけのグッズが作れる混ぜ合わせることで混色も出来るし、形は自由自在。制作工程それでは実際に作っていきます。イメージを作るパパッと作りたいので特に図面とか書きませんけど、形状をざっくりと書いてみます。形状をイメージする色は青、黒、白の三色を用意します。白と黒を混ぜることでグレー、青を混ぜることで水色を作ります。粘土の色は顔料みたいなみたいなものなので、減方混色的な色の扱いが必要です。粘土は柔らかいので、綺麗な形を作るのはなかなか難しいです。最初の時点でどういう風に形を作っていくか決めておくことが必要です。パーツのイメージアイコンのドロップシャドウを忠実に再現してしまうと不整合が生じるので、ある程度都合よく解釈して造形を決めます。アイコンの三次元的な形状を認識するぶっちゃけこのドロップシャドウを再現しようと思うとちょっといびつになりますよね...。ブラケット部分は浮いているか隆起しているのが正しいのかもしれませんけど、思い切って埋め込んでしまいます。実際に粘土を使って作っていきます。必要な粘土の色を混色して作ります。粘土をブレンドする少しグレーになったBracketsのアイコンはこのエッジが綺麗なので出来る限り再現出来るよう、成型したパーツを途中で冷凍し、くっつけても直線や角が変形しないようにします。枠の角を取る粘土を重ねていく焼成と仕上げさて、形ができたのでオーブンで焼いていきます。オーブンで焼成130度で25分ほど焼いて、少し冷まします。最後の仕上げ、全体を平らに、滑らかにしていきます。ストラップ今日はカッとなって作り出しちゃいましたけど、こんな感じで他のストラップも作っていきたいですねー。頑張ればiPhoneケースみたいなものも自作できそうです。52,890Amazon.co.jpで詳細を見るWebクッキーと同様に真似してなんか作ったりする人が現れればいいなーと思ってます。放送がある日なんですが...。私も気に入っているとはいえまだ全然このツールをよく知っているとは言えないので、よもつさんの解説を聞いてもっと知っておきたいですねー!tweethatenafacebook_likewebcre8はTwitterを使っています。Bracketsに巡り会いました[クリエイティブ]HTML5アイコンのクッキーを作りましたBracketsの日本語の改行でカーソルがおかしくなる問題の対処法[デザイン]アイコンを作りたい人へ。作るべきキーワードを集めましたBracketsだって激しく進化してますよ!メインエディターとして1年使ってみてAdobeに行ってきました。