2010 年 7 月 20 日
6月26日(土)に開催されたSaCSS Vol.14に参加してきました。今回の内容はjQueryについて。jQueryが1.4にバージョンアップしたことを踏まえ、基本的な記述方法や記述の注意点、命令などについて主催者HAMさんから説明されました。
感想は、jQueryの敷居が低くなってきたな、です。jQueryのバージョンも回数を重ねより使いやすくなっているのもありますが、解説のわかりやすさが一番だと思います。jQueryを書籍から学ぼうとするとその性質から挫折しがちなので、こういったJavaScriptを実践に近い形で学べる環境があることに感謝です。
今回撮った写真については、http://30d.jp/sacss/2にアップしました。合い言葉は「sacss」です。
2010 年 7 月 18 日

次は電池をトレースしてみましょう(サイコロと同じく細かいトレスしないという条件です)。円柱型の電池を立たせたまま正面から見ると、突起と本体の長方形が2つあることが分かります。ですので、まずこの長方形を作りましょう。

次に作った長方形にグラデーションを入れます。塗りをグラデーションに設定し、グラデーションスライダ上で色を切り替えたいポイントに合わせてクリック。各マーカーを選択した状態で画像から拾いたい場所でShift+クリック。これを繰り返してグラデーションを作っていきます。参考にグラデーションの詳細を掲載しておきます。
同様にオレンジの部分もグラデーションを使います。黒い細い線は、長方形でもパスでも構いません。
最後に文字です。似たような文字で書いておきます。ただ、このままでは角がとがりすぎで違和感を感じます。ですので、上の長方形には「効果」-「スタイライズ」-「角を丸くする」を掛け、オブジェクトを大きい長方形の下に移動します。大きい長方形の方は、オレンジと黒を一緒に複製した大きい長方形でマスクします。クリッピングマスクした長方形に対して「角を丸くする」を掛け
、完成です。
2010 年 7 月 9 日
先月告知しました勉強会について補足です。
当日、プロジェクター使用が変更になり、モニタを使ってPPTでの説明となります。
その代わり簡単な資料を用意します。
席は私の名前で借りています。私は少し前にお店に入っていますので、ノートPCを目印にしてみてください。
飲み物は参加費から出ます。おかわり自由です。軽食等も頼むことができます。
勉強会終了後、そのまま席を借りることができますので、多少の時間オーバーは可能です。内容について質問あればお答えします。
勉強会の内容は下記となります。
・Webデザインの概要
・Webデザインについての知識
・最近のWebデザインの傾向
・Illustratorを使ったナビゲーションの作り方
当日はよろしくお願いいたします。
2010 年 6 月 16 日
Webに携わっているけど、上手くデザインできない、デザインするときにどのように考えたら良いのか分からない。そういった疑問を抱えている人は多いと思います。そこで、Webデザインについてみんなで考えてみようという勉強会を開催することにしました。
題して「WebオペレーターのためのWebデザイン勉強会」!!
内容は1時間程度。大きく2つに分け、簡単なWebデザインの概要説明と、PCを使ったボタンの作り込みを行う予定です。
日程内容は下記にとなります。興味ある方はこちらのお申し込みフォームから送信願います。
参加される方はドリンク付きです。軽食等頼むことも可能です。プロジェクターを使用する予定ですが、当日の人数によっては変更になる可能性があります。
勉強会終了後は解散となりますが、ご質問の内容によってはその場で座談会も可能です。
以上、よろしくお願いいたします。
2010 年 6 月 15 日
ここからは実際にリアルトレースを作ってみたいと思います。しかし、いきなり難しいお題に取り組んでも挫折しがちです。ですので、最初はリアルではなく簡単なモノのトレスから始めてみようと思います。
トレスしやすいモノは、情報量が少なく、目印のあるモノや色の境目のはっきりした画像がやりやすいです。また、立体で奥行きのあるものは難易度が上がります。トレスの度合いも段階を少なめにアニメのようにしていくとその分楽になります。
ですので、身近にあるトレスできそうなモノとして、サイコロを簡易トレスしてみましょう。
