色や大きさを後から変更できる AQUA風ボタンの作り方
二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し
ドット絵関連のサイト特集 - 2006-09-03 - 聴く耳を持たない(片方しか)
簡易目次 ・はてなのドット絵 ・TIPS関係 ・お薦めドット絵サイト ・ドット絵関連の素材サイト ・ドット絵関連のネタ ・最後に ・おまけ 先日、ドット絵リング に参加しました、せっかくなのでそれにちなんでドット絵特集。 はてなのドット絵まずは、はてなのドット絵から。 はてなは特にドット絵を前面に押し出したデザインではありませんが、Webサービスですから favicon や、アイコンといった様々な小さい画像が配置されています。 ダイアリーのテーマでもそういったものもありますけれど、代表的なのは はてなのロゴですね。 記念日などでは、ロゴにちょっとしたお遊びがあり、それらは はてなロゴ日記 でまとめて見ることできます。 他には、それらはてなのデザインを主に担当されている、id:tikedaさん管理のグループ、 tikeda::Group のトップページも、はてなロゴをモチーフとしたドット絵が
Nitram+Nunca › ２分の１ピクセルの輪郭線
写真を撮る機会は実に多くありますが、特に結婚写真は一生の記念になる大事な写真ですので、できるだけ良いものを残しておきたいものですね。 結婚前は何かと忙しくなりますが、疲れが残らないよう、写真撮影の前にはしっかり休息を取っておきたいですし、エステなども利用して、できるだけきれいな状態で撮影にのぞみたいものです。 そして、結婚写真は挙式当日に撮影されるカップルも多いですが、やはり慌しいこともあり、せっかくの写真も表情が硬くなってしまったという経験をお持ちの方もいらっしゃるのではないでしょうか。 結婚写真は最近は前撮りでゆとりを持って撮影される方も増えているようです。 メイクや着付けも時間をかけられますし、時間にも余裕がありますので、より自然な表情で撮影ができるのもメリットです。 そして、式当日とは違う衣装を選ぶことができるのも良いですね。 スタジオ撮影はもちろん、ロケーション撮影などで屋外での
ドット絵ができるまで - tikeda's blog
アイコンなどを作る時はよく、ドット絵をデザインの手法として使うのですが、これまで、とてもたくさんのドット絵を描いてきてテクニックをあれこれ身につけてきました。はてな社内でも、どうやって描いてるの？みたいな事を時々聞かれます。試しにはてなマップで地図に表示される「写真」アイコンをWinkを使って再現してみました。（実際の物はもっとディテールに手をいれてますが。）意外と時間がかかってしまい、1300フレーム6MBにもなりましたが、個人的にも客観的に見れて面白かったです。 ドット絵ができるまで ドット絵1つでも小さい領域ながらテイストや雰囲気を考えながら作る事ができ、非常に奥の深い手法だと思います。 追記 下書き：http://d.hatena.ne.jp/tikeda/20050715/1121441586
tikeda::Diary - 今更だけどAqua風デザイン分解
OSXアイコンやWidgetなんかでは定番となってるAqua風のデザイン。ちょっと遅い感じですが、今更ながらAqua風を突っ込んでみました。 Photoshopを使った簡単な作り方のTIPSなんかは時々目にしてたので、自分はIllustratorでやってみた。現物は以下のドロップと矢印です。 簡単なパスで作られたデータです。これだと印刷物なんかでも大丈夫。色々な応用も可能です。実際CMYKカラーで作りました。Photoshopでアルファやレイヤースタイルをいじらなくても、コツを見つければなんとなく作れます。拡大するとこういう感じ どちらも、単なる単体のシンプルなグラデーションで塗られたオブジェクトを３つ・４つ重ねているだけです。 今の所感じてるポイントとしては以下２つ 面をはっきり出すこと お互いのグラデーションの終わりと始まりがはっきりしていることで面がはっきりして「パリ」っとした硬い質
320以上の高品質なミニアイコンがダウンロードできる「Mini Pixel Icons」:phpspot開発日誌
Mini Pixel Icons These mini icons are designed at 14x14px with transparent background. 320以上の高品質なミニアイコンがダウンロードできる「Mini Pixel Icons」。 再販禁止で、10個以上アイコンをサイト上で使う場合は http://www.ndesign-studio.com/ にリンクしなくてはいけない、というライセンスがあります。 リンクしたくない場合は30ドル払えばよいらしいです。 どれもWEBツールなんかに使えそうないい感じのものばかりなので、利用規約に沿って、使わせてもらうのも良いでしょう。 SILK ICONS なんかもクリエイティブコモンズで広く使われていますね。
iTune Icon
The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques. Version: Illustrator 9+ Download Source File 1. Basic shapes Start making the basic shapes of the iTune icon. If you need help on how to trace from an image, visit my Tracing Photo tutorial. 2. Music note Make a gloss
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FREE Logo Maker - FREE Logo Creator - FREE Online Logo Design
一般案内用統一記号