ついにうちの会社のPhotoShopがCSになりました。 いままで7を使っていたのですが、いっきに最新のCS3になりました。 で、いろいろ試していたのですが外部ファイルのCSVから一気にテキストや画像を変えて複数のPSDを生成できる機能がありました。 もしかしたらもっと前のバージョンからあったのかもしれませんが。。 1.元になるPSDを作る デザイン適当ですけど、Webサイト作ってるとこんな見出しをページごとのヘッダに配置する事ってありますよね。 今回はこれを量産したいと思います。 レイヤーはとりあえず、「会社概要」「Outline」「バックの画像」の３種類には最低分けてください。 2.文字を変数化 次に外部ファイルから変更したい部分の指定を行います。 イメージ→変数→定義をクリックしてください。 こんな画面が出てきます。 まず「レイヤー」の部分で動的にしたいレイヤーを選択します。 今回は

2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー

2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま

全国一億六千万の(根拠無)フォトショッパーの皆様ようこそ。 お絵かき歴20年以上、CG歴5年弱の若輩者ですが、皆さんの為になれればと(なれません)フォトショップの為のお絵かきアドバイザーに立候補してみた次第です。とか言って、私も人に教えられることの方が圧倒的に多いです。ええ。 便利ツールのダウンロードや、お絵かきの参考になりそうなサイトへのリンクも載っけてみました。 初心者の為の画像基礎講座 本当に基礎的な事しか書いてません。ここに書いてある事は最低限の事です。これが解ってないと、他のコンテンツを読んでもは〜さっぱりさっぱりで訳解らんと思います。 ■画像形式について■ .jpgとか.psdとか.tifとか.gifとか.bmpとか、いっぱいある画像ファイル形式。何がどう違うのかについて解説します。内容は非常に大ざっぱな為、不正確であります。（おい） ■画像モードについて■ フルカラーとか

二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し