emuramemo

製品レビュー、HTML/CSS、webデザイン、音楽、その他いろいろ

Photoshop

CSS blend-modeとPhotoshopの描画モード

CSS3からblend-modeというプロパティが使えるようになりました。 Photoshopでいう描画モードがCSSで使えるわけですね。 他社さんからデザインをもらった時、PSDのレイヤーが乗算で乗っていることがありますが、実際に再現してみようとCSSを書いてみると自分…

Windows10にアップデートしてからPhotoshop CS6のカンバスやガイドがチカチカするようになった

PhotoshopをCCで契約したものの、CCの動作が重いのでCS6をダウンロードして使っています。 この間Windows10にアップデートしてからPhotoshopCS6でpsdデータを開いて作業をしてると、 ・ガイドが付いたり消えたり ・カンバスが透明表示になったり真っ黒になっ…

IllustratorからPhotoshopへ貼り付けをすると画質が悪くなる

ウェブ制作をするときは、自分はいつもPhotoshopで作るのですが、 他社とやり取りする時にIllustratorのデザインデータをもらうことがあります。 スライスするためにIllustratorのデータ(aiデータ)をPhotoshopにコピーすると写真がジャギジャギしたり、画…

Photoshop CC 2015が重いので

PhotoshopをCC 2015にしました、が、重い。 PCは4年ほど前のものでスペックは以下のとおり OS:Windows7 CPU:core i5メモリ:8GB CS5まではサクサク動いていたので問題無いだろと思ってたのですが、Photoshop上でマウスを移動するだけでもガチガチしたりす…

CSS Nite in KYOTO Vol.4 『10倍ラクするIllustrator + Photoshopの仕事術』に行ってきました

結構前ですが、10月17日、鷹野雅弘さん登壇のCSS Nite行ってきました。 紹介されていて気になったWEB制作の技術などをまとめておきます。ほんとに、いろいろためになりました。

WEBデザインでPSDデータを渡すときに気にしたいポイント

たまにデザインを頂く時にギョッとするPSDデータをもらうことがあります。 以下の点などをチェックして渡してくれたら嬉しいなぁ、なんて思いました。

Photoshopでモザイクをかける方法

スクリーンショットでとった画像などをブログにアップするときに、アカウント情報などを隠したい場合があります。その隠したい部分を単色で塗りつぶすよりモザイクをかけるほうが見た目がわかりやすくて良いと思います。 Photoshopネタですがかなり簡単です…

Photoshopでウィンドウ内のツールなどを一緒に移動させる方法

Photoshopネタですが、ワザ以外の小ネタです。 ツールを一気にウィンドウごと動かしたいってことないですか? ここで指すツールとは画像の赤枠内のようなものです。 ノートPCでマルチディスプレイを使っている方はよくあると思うのですが、 外出のため外付け…

Photoshopにカスタムシェイプを追加、整理する方法

web制作ではかなりお世話になっているカスタムシェイプ。 よくベクター形式のファイル(アイコン集とかシルエット)が無料素材で落ちているけど、それをPhotoshopのカスタムシェイプに追加すればさらに作業効率がアップします! (もとからカスタムシェイプ…

Photoshopで塗りなし、枠線だけのボックスを作りたい

Illustratorでは簡単に作れる枠線ボックスですが、Photoshopでは枠線だけのボックスを作ろうとすると少し手順が多いです。Photoshop、超初級編です。 以下画像の検索ボックスを目立たせるために、塗りなしの赤い枠線のボックスを作りたいと思います。 Yahoo…

emuramemo(c) All Rights Reserved.