Photoshopの「透明」が「白とグレーの市松模様」の理由
Photoshopで「透明」を表す「白とグレーの市松模様」。Photoshopユーザーであれば、この市松模様を特に意識することなく「透明」と認識してしまう人も少なくないだろう。 しかしなぜ「透明」を「白とグレーの市松模様」で表現したのか。その長年抱き続けていた疑問を、Photoshop誕生25周年イベントのために来日していたPhotoshop共同開発者のトーマス・ノール氏に投げかけてみた。 見える人には透明に見える「白とグレーの市松模様」 （左）Photoshop共同開発者のトーマス・ノール氏、（右）筆者 実はこの表現は、バイオロジーの分野（生物学など）から来ているという。もともとバイオロジーの分野では「透明なガラスの下に白黒のチェッカーボードを置いて物を置く」という表現があり、長い間「透明」を表現するためにチェッカーボードが用いられていたそう。そこからヒントを得て、Photoshopの「
コラの歴史を見てみよう。フォトショップ以前、20世紀のねつ造写真 : カラパイア
最近では誰でも手軽に画像を処理できることから、本物なのかコラなのか見分けのつかないさまざまなねつ造写真が出回っている。あまりにも多いため、手を加えていない写真ですら「コラでしょ？」と疑ってしまう人も多い。事実をねつ造するようなものはあまり感心しないが、芸術性を楽しむものや、コラとして楽しむものもたくさんあるのに、加工してあるというだけでそれを楽しむことができない人がいるのは残念なことだ。 実際に写真を加工するということは昔からあったことで、さほど珍しいことではなかった。ここでは1989年に初めてフォトショップが出現する前に作られた、トリック写真の数々を見ていくことに使用。
細かすぎて伝わらないアンチエイリアスの話
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photoshopのアンチエイリアスについては、基本的には５種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の５種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の４つに関しては シャープ：文字が太い / くっきり 鮮明：文字が細い / くっきり 強く：文字が太い / なめらか 滑らかに：文字が細い / なめ
CMYK変換にGIMP？？なんて超絶面倒くさいことを…今どきのPhotoshopレスCMYK分解はこれ！フリーウェア！
CMYK変換にGIMP？？なんて超絶面倒くさいことを…今どきのPhotoshopレスCMYK分解はこれ！フリーウェア！ というわけでタイムリーにCMYK変換で阿鼻叫喚な時期なので、少しでも負担を減らしてゆっくり寝ましょう。 GIMP+プラグイン導入して「分版」して…ってそれで入稿画像全部やるの？？ ものすごく面倒くさくないですか…？GIMP導入してプラグイン入れて、「分版」してごにょごにょして あなたそれ、マゾいですよ。 もっと簡単にやってしまいましょう。そして寝ましょう。体力温存。 Winの場合 @yamma_ma さん作成のColon : やんま まのblog（仮）を使ってみませんか。ドラッグ＆ドロップして書き出すだけ、Photoshopにも搭載されているAdobeCMMでCMYKに変換できます。 ▼作者によるインストール方法解説動画 むちゃくちゃ簡単ですね… ちなみに @yamma_
Beautiful Watercolor Effect Tutorial and Photoshop Brushes
2014年3月6日 Photoshop, Webデザイン 水彩画っていいですよね。なんだかほんわかした雰囲気が大好きです。ということで今回はPhotoshop CS5を使って画像を水彩画風に加工する方法と、便利なPhotoshopブラシ、水彩画風デザインのWebサイトを紹介します。デザインの参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 写真を水彩画風に加工する方法 また動画撮ってみました。ただでさえ時間かかってないのに、４倍速にしたら30秒くらいになっちゃいました。簡単なのでぜひ試してみてくださいね！ 1. ぼかし 画像を開いて、そのレイヤーを複製します（コマンド＋J）。 複製したレイヤーを「blur」にレイヤー名を変更します。 フィルター > ぼかし > ぼかし（詳細）で、「半径」を10、「しきい値」を25〜30に設定します。 2. エッジの光彩 元の画像レイヤーを
商用無料・クレジット不要、94種全てオリジナルで写真撮影した『ぼけ』のテクスチャ素材
bokeh15.jpg 素材の利用にあたっては個人でも商用でも無料で、クレジットの記載も不要、とのことです。 ぼけの写真を撮影したのはJill Wellingtonで、彼女の他の作品はギャラリーサイトやブログで見ることができます。 Jill Wellington Photography Jill Wellington Blog
写真が動きだす！？Photoshopで簡単にできるシネマグラフの作成方法
シネマグラフというのはGIF画像で作られた「一部分だけが動く写真」の名称となっています。 まずは説明するよりも実際に見て頂きましょう。 このように画像の一部分だけが動くという 不思議な写真を創り出すことができるのですが このシネマグラフ、意外と簡単に作ることが可能で WindowsでもMacでも今すぐに作成することが可能です。 ちなみに以下はウチの猫で作ってみたシネマグラフです。 今回はシネマグラフの作り方を写真を交えて紹介しますので、興味のある方は以下のステップで作ってみましょう！ シネマグラフの作り方まとめ １，Photoshop CS5 Extendedを用意します。 体験版で作れるので体験版をダウンロードすればOK！ ２，動画を用意します。 今回は「流れ続ける水を猫がずっと見ている」という写真を作るため、 実家の猫を使ってキッチンで動画を撮影してみました。 ３，撮影した動画を先ほど
GIMPが提案するソーシャルUI
着実に機能を増やし続けているオープンソースの Photoshop 代替プログラム GIMP。他アプリケーションとの連携を考えると Adobe 製品で揃えた方が有利ですが、機能だけみると Photoshop のライバルと見なしても良いくらい充実しています。GIMPは Photoshop と同様、プラグインやアクションが共有されているので、ある程度の機能のカスタマイズが可能です。 高機能というのは嬉しいですが、それ故に使いたい機能がどこにあるか分からなかったり、どうやって使えば良いか調べるのも面倒だったりします。日本でも書籍は販売されていますし、日本語Wikiもありますが、手間がかかることから結局慣れたソフトウェアに戻ってしまうということもあると思います。 そんな課題を解決するかもしれない機能が AdaptableGIMP です。細かい説明は後にして、まずはビデオを見てください。 達成したいタ
歯車（ギア）好きの人のためのPhotoshopのシェイプ素材
90 Photoshop Gears Shapes [ad#ad-2] 歯車は全部で90種類あり、シェイプ素材（ベクター）なので自由な大きさで利用できます。 歯車のシェイプ全90種 素材の利用にあたっては個人でも商用でも無料で、リンクの必要などもありません。 ただし、再売却・再配布などは禁止です。詳しくはライセンスページを参照ください。 license [ad#ad-2]
illustrato、ベジェ曲線練習法
HOME>Design>Illustrator初心者の方へ送る、ベジェ曲線を描く際知っておくと便利なことと練習法（サンプルテキストもあるよ） ご存知のない方やお忘れの方も多いかもしれませんが、私、本職は一応グラフィックデザイナーなのです。 毎日IllustratorやPhotoshop、InDesignと言ったアプリケーションに触れているわけで、まぁ人並みにはそれらのソフトを使えるわけですよ。 で。 先日TL上で、ウェビメモの@xxmiz0rexx さん、Moon Blackの@tsuki_kuro さんとIllustratorの話をしてたのです。半裸で。 [blackbirdpie url=”http://twitter.com/#!/xxmiz0rexx/status/62715027605557249″] ベジェが苦手とのたまう女子 [blackbirdpie url=”http:/
デザイン制作に欠かせない 実用的なフリーテクスチャまとめ「350+ Free Textures」
webデザインでも紙媒体のデザインでも、背景素材として活用できるテクスチャは活用頻度も実用性も高い、とても便利な存在です。そこで今回紹介するのは、デザイン制作に欠かせないフリーテクスチャまとめ「350+ Free Textures」です。 （+ Textures – Wood. by ~YouAreLikeADoll on deviantART） デザインを引き立ててくれる素材感溢れるテクスチャから、ポイント使いとして大いに活躍を果たしてくれそうなタイプまで種類がかなり豊富です。その中から今回いくつが気になったものを選出しましたので、以下よりご覧ください。 詳しくは以下 ■Colorburned | 6 High Resolution Sand and Seashell Textures 貝のかけらが敷き詰められたテクスチャ。どこか花びらのようにも見えます。 ■27 Free High R
Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
映画のTRONっぽいグリッドが描けるPhotoshopのブラシ素材
ブラシの利用にあたっては個人でも商用でも無料です。 リンクやクレジットをいれてくれると嬉しい、とのことです。
画像にできる濃淡の縞「バンディング」をおさえる方法
画像の滑らかなグラデーションに現れる濃淡の縞「バンディング」をおさえる方法をFringe Focusから紹介します。 左：通常、右：バンディング 右側の画像では空の滑らかなグラデーション箇所にバンディングがおきています。これは圧縮した際に色の数を制限することで発生させたものです。 人の目は高いコントラストのエリアを見ると、微妙な明るさの変化を認識しにくいため、この写真では建物のセクションでうまく働いています。ここでのカラーは「少し明るい青」から「少しそれほど明るくない青」を使用しています。 この画像の圧縮というのは、バンディングの要因となります。 画像を構成しているピクセルの一つ一つは、それぞれの周りのピクセルと混ざり合うことはなく、それ自身が小さい正方形のピクセルです。ピクセルは我々の目からみると、あまりにも過度に小さいものです。ここで取り上げる方法はそれよりもっと大きいグループでカラー
ざらっとした感じの紙（ペーパー）とカンバス地の高品質なテクスチャ素材
canvas 3 テクスチャ素材の利用にあたっては個人でも商用でも無料で、リンクなども必要ありません。 ただ、このサイトを広めてくれるとありがたい、とのことです。
Photoshopでグラデーションの汚い縞模様をなくして綺麗にする超簡単な方法
下の画像は、左：適用前のグラデーション（ディザ有り）、右：適用後のグラデーションです。 適用前にはグラデーションにバンディングの縞模様があり汚いですが、適用後のものは縞模様がなくなり綺麗なグラデーションとなっています。 Photoshop Tip: Spatter [ad#ad-2] 上記で紹介されているのは非常に簡単な方法で、Photoshopのはねフィルターを使用します。 メニューバーの[フィルター]-[ブラシストローク]-[はね]を選択します。
無料で使えるハイクオリティなベクター形式の人物シルエット集「Vector People Collection」
カリフォルニア州サンディエゴにあるウェブデザインスタジオ「CONTEMPO」はデザイナーであるChris Robinson氏が運営しており、有料のWordPress用テーマやサイトテンプレートなどを扱っていますが、それらの中にCCライセンスによって無料で使えるベクター形式の人物シルエット集「Vector People Collection」というのが配布されています。 AI形式・EPS形式・PDF形式の各形式が同梱されており、全オブジェクトはきちんとレイヤー別に分けられ、名前も付けてあり、非常に簡単に使用できるように工夫されています。 ダウンロードは以下から。 Web Design, Wordpress Themes, Site Templates & Stock Art - Contempo http://contempographicdesign.com/ 上記サイトの「Vector
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
新着記事
