SaCSS Vol.14
6月26日（土）に開催されたSaCSS Vol.14に参加してきました。今回の内容はjQueryについて。jQueryが1.4にバージョンアップしたことを踏まえ、基本的な記述方法や記述の注意点、命令などについて主催者HAMさんから説明されました。
感想は、jQueryの敷居が低くなってきたな、です。jQueryのバージョンも回数を重ねより使いやすくなっているのもありますが、解説のわかりやすさが一番だと思います。jQueryを書籍から学ぼうとするとその性質から挫折しがちなので、こういったJavaScriptを実践に近い形で学べる環境があることに感謝です。
今回撮った写真については、http://30d.jp/sacss/2にアップしました。合い言葉は「sacss」です。
次は電池をトレースしてみましょう（サイコロと同じく細かいトレスしないという条件です）。円柱型の電池を立たせたまま正面から見ると、突起と本体の長方形が2つあることが分かります。ですので、まずこの長方形を作りましょう。
次に作った長方形にグラデーションを入れます。塗りをグラデーションに設定し、グラデーションスライダ上で色を切り替えたいポイントに合わせてクリック。各マーカーを選択した状態で画像から拾いたい場所でShift＋クリック。これを繰り返してグラデーションを作っていきます。参考にグラデーションの詳細を掲載しておきます。
同様にオレンジの部分もグラデーションを使います。黒い細い線は、長方形でもパスでも構いません。
最後に文字です。似たような文字で書いておきます。ただ、このままでは角がとがりすぎで違和感を感じます。ですので、上の長方形には「効果」－「スタイライズ」－「角を丸くする」を掛け、オブジェクトを大きい長方形の下に移動します。大きい長方形の方は、オレンジと黒を一緒に複製した大きい長方形でマスクします。クリッピングマスクした長方形に対して「角を丸くする」を掛け
、完成です。