デザインしている中で、パスを合体したり分割したり
パスを変形させることは多いと思います。
変形させるとき、多くの方は「パス」パネルを使用すると思いますが、
アイコンだけ並んでいても、どれがどんな働きをするのかわからなくなることはありませんか？
アイコンの絵でなんとなく合体する…くりぬかれる…と、動きは予想できますが
どちらのパスが前面・背面にあるかで、またさらに形が変わってきます。
今回はそんなちょっと迷う「パス」パネル、
Fireworksでいう「パスを連結」部分の早見表をつくったのでご紹介します。
今回はESET mac版の公式サイトで使用した擬似要素（:before・:after）を使ったbox-shadowのエフェクトを紹介していきたいと思います。
ESET Cybersecurity（イーセット サイバーセキュリティ）と
ESET Smart Securityのサイトでデザインアクセントとして実装しています。（2011/11/15現在）
[追記]2010/08/25
本記事投稿時には、コメントの通知が受け取れないと書いていましたが、FacebookアプリケーションとWordpressのFacebook Comments for WordPressを紐付けておけば、Facebook側のComment Moderation toolにmoderatorとして登録したユーザーにはコメントのお知らせが通知されるようです。
突然ですが、Facebook活用していますか？
弊社ではFacebook活用の一つとして、先日社長ブログにFacebookコメントを設置しました。
しかし設置したまでは良かったのですが、このFacebookコメント、新しいプラグインになってから新着コメントの通知ができなくなったようで、せっかくコメントをいただいても見逃してしまう、何かいい方法はないのか！となりました。
そこで、今回は弊社でおこなっているコメント管理方法を、Facebookコメントプラグインの設置手順を交えて紹介しようと思います。
続きを読む
最近は、企業や製品・サービスなどで
Facebookページをもつことが増えてきています。
EC studio でも先日チャットワークのFacebookページをリリースしました。
そこで、今回はFacebookページの作り方について書きたいともいます。
さて、今回は前回の「Fireworksで立体的なアイコンを作る方法」よりも
もっと簡単にできるアイコンの作り方です。
今回は5分で作れるアイコンのご紹介！！
…の予定でしたが、ブログ記事用に作り直したら7分ちょうどかかりました。
すみません…
操作自体は簡単なので、速い方は5分でできると思います。
ぜひ、5分に挑戦してみてください！
アイコンはこちら、建物アイコンです。
ページ下部で制作動画の紹介や、ベクトルデータのダウンロードも可能です。
会社概要の見出しなどに使ってみてくださいね。
Webサイトのデザインをしているときに
「あ、このグラデーションって、どういう色だったかな？」
「ここのフォントはなんだっけ？」ってことがあります。
そういう時に便利なのがFireworksのスタイル機能です。
続きを読む
サイトや広告バナーをつくる際に、イメージアイコンを使うことがよくあります。
ただ、配布されているイメージアイコンを使用する場合、
「形を少し変えたい！」
「複数のアイコンを組み合わせて使いたい！」
など、サイトなどの雰囲気に合うよう、手を加えたくなる時があります。
ただ、データの加工が不可だったり、加工するのに時間がかかったり…
時間短縮のために配布素材を使ったのに意味がなかった！なんてこともあります。
そんな時はイメージアイコンを
最初から自分で作る！ というのも1つの方法です。
今回は、Fireworksを使って簡単に立体的なアイコンを作る方法を
ご紹介したいと思います。
普段はコーダー業務をおこなってるのですが、デザインの知識は…。
でも、やはりデザインのスキルも大事ですよね！
なので、今年からデザインの勉強のためにバナー作成などをおこなっています。
今回は先輩デザイナーさんに教えていただいた
バナー制作のちょっとしたコツを紹介していきたいと思います。
デザイン部の谷がiPhoneサイト
制作の書籍を出版しました
（担当：大崎）
ページの先頭に戻る