2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。Read less
コーディングを考慮したWebデザインガイドライン
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。Read less
間違ったデジタル一眼レフの使い方をしていませんか？Photoshop Camera Raw 現像テクニック | DX.univ
2013年 05月 29日 間違ったデジタル一眼レフの使い方をしていませんか？Photoshop Camera Raw 現像テクニック Tomonori Kawata どうも、新人エンジニアの川田です。 今回はいつものLinuxネタではなく、写真ネタを書いてみたいと思います。 写真（画像）の重要性 皆さんはどうやってこの記事にたどり着いたでしょうか？ トップページやFacebookから来たという方は、記事のタイトルと同時に美味しそうなハンバーグの写真を見かけたと思います。 もしかしたら、普段当ブログを閲覧しないような人も、ハンバーグの画像に釣られて見に来てくれたかもしれません。 記事の内容はもちろん大切ですが、文字ばかりだと文字を読むことが苦手な人が辛い場合もありますので、時折写真や画像を入れていくことが大事です。 また、記事の内容にあまり興味がない人にも、写真や画像の魅力によって記事を
DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
Photoshop 1.0のソースコードが公開・無料ダウンロード可能に
Adobe Photoshop 1.0のソースコードがComputer History Museumで公開・無料でダウンロードすることが可能になりました。Photoshopは1987年に当時大学生であったトーマス・ノールさんが開発、AppleとAdobeに見せたところAdobeがライセンスを取得し、1990年にバージョン1.0が発売されました。現在から20年以上前に作られたソフトなのですが、そのバージョン1.0.1に使われた12万8000行に及ぶ179個のファイルを見ることができるようになっています。 Computer History Museum | @CHM : Adobe Photoshop Source Code http://www.computerhistory.org/atchm/adobe-photoshop-source-code/ こちらが開発を行ったトーマス・ノールさ
Juaraslot88: Situs Slot Gacor dan Judi Slot88 Online Indonesia
Juaraslot88: Situs Slot Gacor dan Judi Slot88 Online Indonesia Situs Agen Judi Slot Online Terpercaya di Indonesia Juaraslot88 Selamat datang di Juaraslot88 yang merupakan situs agen judi slot online paling terpercaya di Indonesia, juga sebagai tempat bermain taruhan judi online yang aman dan murah hanya bisa anda temukan pada situs slot online terbaik Juaraslot88. Minimal deposit yang kami tetapk
ロゴを（切り抜かずに）透過する - DTP Transit
支給されたロゴがビットマップのみで、かつ背景が透過されていないといったケースがあります。 トレースしようにも解像度が低くてムリ、こんなときに使えるテクニックをご紹介します。 この記事の元ネタは、CreativeTechs Tips » Isolate a Logo on a Transparent Background.です。 斜体の「背景」レイヤーになっている場合には、レイヤー名をダブルクリックして「レイヤー0」に変更します。 ロゴの透過を確認するための新規レイヤー（レイヤー1）を作成し、適当なカラーで塗りつぶします。「レイヤー1」は「レイヤー0」の下に移動します。 「レイヤー0」のサムネールをダブルクリックして、［レイヤースタイル］ダイアログボックスを表示します。［ブレンド条件］の「このレイヤー」にある白いスライダーを左方向にドラッグします。 「レイヤー0」の白地が透けますが、フリンジ
一発で表示崩れの原因が分かるCSSの小技！： OLの本音は給湯室にて･･･
OL7人とその課長の実況型ブログです。OL達のホンネや女子に囲まれた課長の苦悩と悦び(?)を等身大でお送りします。娘だらけのお父さん！女同士の人間関係に悩む方も必見です!? ナッチーはたまにcssやhtmlのコーディングなどもします。 でも、たまになのでショボイです・・・ で、書いてるうちにいきなり表示が崩れたりします！ でも前のバージョンとソースの違いがわからない・・・・ そんな時のみんなに笑われる必殺hackがあります！ その名も！ Photosopで差の絶対値攻撃!!!! 以下手順になります～ 全然違いのわからない AとBのソースが仮にあったとします。 2つをスクリーンショットして Photoshopのレイヤーを分けてそれぞれにペースト で。レイヤー操作「差の絶対値」 すると・・・・・ 見てー！犯人はココダーーー 差異があるところは黒くならないんです。 本来は画像修正時の差分チェック
Webデザインにすぐ使えるPhotoshopグラデ339選
ありきたりのテンプレートではなく、どうせWebサイトを作るならオリジナルのデザインにしたい――そんなときに悩むのが、“色”ではないだろうか。特にヘッダーやフッター、ナビゲーションバーなど、サイトのイメージを決める重要な要素の色使いは、サイト制作者の腕の見せ所だ。 「でも、どうもセンスには自信がないし……」。それなら、Photoshopのグラデーションライブラリを使ってみよう。Photoshopには標準でもかなりの種類のグラデーションが用意されているが、ネット上ではさらに膨大な数のライブラリが配布されている。グラデーションライブラリを使えばあっという間にイメージどおりの色の組み合わせが手に入るし、うまく活用できればサイト全体の完成度もぐっと上がる。 今回は、単純に「上から下に適用するだけ」でも十分カッコいい、シンプルで“使える”グラデーションライブラリをいくつかピックアップしてみた。なお、実
[08/07/30]たった1文字ファイル名を変更するだけでPhotoshopを高速化させる方法
最近はメモリを2Gバイトとか4Gバイトとかを最初から搭載するPCも結構多くなってきましたね。 Photoshop CS2/CS3を使用していてメモリを多く積んでいる人にお得な情報をお知らせしたいと思います。 なんと、たった1文字ファイル名を変更するだけでPhotoshopの動作が高速化されてしまうのです。 Photoshop CS2/CS3ユーザーでメモリが1Gバイト以上ある方（※）の変更すべきファイルは「~大きいタイル.8BX」または「~大きいタイル.plugin」です。 このファイル名の先頭についている「~」を消すだけです。 たったこれだけ。 簡単に速度アップができる技（で前の状態に戻すのも簡単）なので、是非試してみてくださいね。 ※Adobeのドキュメントでは「1Gバイト以上」と書かれていますがOSにWindows Vistaを使用されている方は現実的には1.5～2Gバイト以上搭載し
![[08/07/30]たった1文字ファイル名を変更するだけでPhotoshopを高速化させる方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/c2c903e82545aaad3447ec8ab4a6c7e4a273f948/height=288;version=1;width=512/https%3A%2F%2Fwww.ddc.co.jp%2Fmail%2Fimages%2Fogp-home.png)
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 2 | コリス
テキストに透明・光線・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
画像にいろいろな効果を与えるPhotoshopのアクション集 | コリス
Visual-Blast Mediaのエントリー「Photoshop actions: 124+ Free Photoshop Actions to Boost Your Designs」にプラスアルファして、画像にいろいろな効果を与えるPhotoshopのアクション集を紹介します。 Photoshop actions: 124+ Free Photoshop Actions to Boost Your Designs
イマサラとは言わせない斜めストライプの活用法 - builder by ZDNet Japan
デザイン面での要求があまり高くないWebアプリケーションでは、インターフェイスはシンプルで短時間で制作できるものが好ましい。しかし、あまりにシンプルすぎてなにか物足りないような、画面が締まらないような感覚になってしまうことはないだろうか。 そんなときのポイントは「ディテール」にある。細部まで作り込んだ印象を与える画面作りをすることで、シンプルでも飽きのこないイメージになるのだ。そんなに細かいところまでいちいち作り込んでいられないって？ 時間が無くても大丈夫。繊細なタッチのストライプパターンをひとつ用意しておけば、「ディテールに凝った画面」イメージを手軽に演出できる。 今回は、細い線で構成されるストライプパターンを作成する。「ストライプ」といっても水平・垂直線ではなく、斜め45度のパターンだ。この斜め45度方向のストライプは近年好まれているグラフィックアイテムで、さまざまな要素と組み合わせる
テキスト・写真・ボタンなどWeb2.0風画像のPhotoshopのチュートリアル集 | コリス
HONGKIAT.COMの数あるPhotoshopのチュートリアルから、テキスト・写真・ボタンなどのサイトによく使用しそうなWeb2.0風画像の紹介です。 サイトでは、キャプチャ入りで作成方法を解説しています。
ウェブサイト作成に必要なPSDファイルの詰め合わせセット「Deluxive Creative Pack 001」 - GIGAZINE
クリエイティブ・コモンズ・ライセンスで公開されており、自由に使うことが可能なPSDファイルの詰め合わせパックです。Web2.0っぽいデザインからオリジナルのデザインまで、いろいろなサイト作成やパーツ作成に応用できそうなものが山ほど詰め込まれており、かなり使えます。 ダウンロードは以下から。 Deluxive Creative Pack 001 by *Deluxive on deviantART 中に含まれているのは以下の通り。 バッジ キューブ カーテン カレンダー グリッドフレーム いろいろな文字入れができるパーツなど イラストいろいろ ポラロイド風の枠 世界地図とかお天気とか 付箋紙 押しピン シェルフ たばこ 星形のバッジ ぺらっとめくれる感じのステッカー 木の板 なお、ほかにもPhotoshopで利用できるパターンや壁紙も入っています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社ブランディングワークス｜Web・SEO・ブランディングを総合支援
「Photoshop CS6」からCSSのコピペが可能に、Retinaディスプレイ対応も 
メタリックな質感をPhotoshopで表現する方法いろいろ - DesignWalker
旧：Photoshop使い方はフォトショップ マニア
Splashup
web制作者のための2008年1月BESTまとめ43＋暇つぶしゲーム2*ホームページを作る人のネタ帳
