デザインのガイドラインや指示書の作成が驚くほど捗るPhotoshopの機能拡張 -Ink
PSDのレイヤーに配置した要素のサイズやエフェクトやフォントなどの情報を1クリックでドキュメント化するPhotoshopのプラグインを紹介します。 機能拡張は無料で利用でき、Photoshop CC/CS6に対応しています。 サイズやフォントの情報など、1クリックで作成してくれます。 Inkの特長 Inkのインストール Inkの使い方 Inkの特長 ウェブページなどのレイアウトやさまざまな要素のサイズ、形、カラー、エフェクト、フォントの種類・サイズなど、指定したレイヤー上にある情報を1クリックでPSD上にドキュメント化します。 Ink スタイルガイドなどでルールをしっかり決めておくと、デザインのアウトプットにぶれがなくなり、最終のプロダクトも想定通りに仕上がります。 Inkのインストール まずは、インストーラーをサイトからダウンロードします。 Ink CS 6にインストールしたので、その手
PhotoshopでのWeb制作効率を向上させる「JSX」とは
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
Photoshopで複数ファイル間で共通画像を使う | くだらないページ
ファイルのリンク Photoshop CS5.5での作業で複数ファイル間で共通画像を使用している時に、その画像を編集した場合に全てのPSDでコピペを繰り返すと言った作業が面倒なので、何か良い方法が無いかと探しましたがIllustratorのリンクに相当する機能が無いとの事。 置き換えなら しかし、共通画像のレイヤーをスマートオブジェクトにしておけば、共通画像だけをファイル化しておいて編集後に置き換えが可能なのでコピペよりは作業が楽になります。 そこで、全てのファイルにおいて、スマートオブジェクトのレイヤーに特定の名前を付けておき、レイヤーの選択と「コンテンツを置き換え」をアクションにして、画像の編集後にバッチを使用し更新が更に楽になりました。
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
フリーで使えるPhotoshopの花柄パターンファイルセット17種類
背景の塗りつぶしなどで使えるPhotoshopのパターンファイルの中から、花柄のパターンファイルセット17種類です。配布条件はいろいろで基本的にはフリーで使うことが可能となっており、中には商用利用OKのものもあります。細かい条件は個別のファイルで確認してください。 17 Beautiful Free Floral Pattern Set | Free and Useful Online Resources for Designers and Developers 1：Free floral photoshop patterns and tiles – Spring Fresh- Patterntrail 2：Flower Photoshop Patterns - Free Photoshop Patterns at Brusheezy! 3：115 Seamless - Blue Patt
Photoshopでペン入れできるなめらかな線を描く方法
Photoshopのブラシは初期設定のプリセットがいまいちだ。 「Photoshopのブラシは絵を描くのに向かない」という人の多くは、プリセットでひとしきり描いてみて、「やっぱりPainterやSAIとは違って描きづらい」と思ったのではないだろうか。 これから紹介するのは、ある程度Photoshopで絵を描いてきた人には当然のことばかりだが、もしやったことがない人はすぐに試してみてほしい。 上記画像はその方法を使って描いたもの。 もちろんトレースだが、線自体は全て一発描きで線の強弱を強調している。 なお対応環境は、タブレット使用前提、Photoshopのバージョンは、１番目のTipsはElementsを含め全対応、２番目のTipsは7.0以降対応。 ブラシ先端のシェイプ ＞ 間隔 を25%から1%に変更する 間隔：25%のブラシ（初期設定） 間隔：1%のブラシ Photoshopのブラシと
SAI、Photoshopのおすすめブラシ設定まとめ ｜ お絵かき速報！萌え絵上達法
今回は、SAIとPhotoshopのイケてるブラシ設定を紹介します。 カスタムすると激的に使いやすくなる場合があるので、ぜひ一度試してみてください。 【SAI】 SAIだけで水彩風講座 水彩筆と塗り講座 SAIで透明水彩ぽく 水彩筆、水引き、水ぼかしブラシなど 【SAI】厚塗り【講座】 厚塗り用筆設定 【講座】ルカロック【？】 鉛筆、厚塗り、筆設定 パっと見鉛筆線ですが（改定しました） 鉛筆風ブラシ SAIの機能解説【ブラシ編】 おまけ 目を通しておくとためになるSAIのブラシ機能解説 【Photoshop】 そうだ、CS4でシャープな線を引こう Photoshopで線画を描きたいときに便利 Photoshopでペン入れできるなめらかな線を描く方法 紹介し忘れていたので追記 若干ジャギーが出るが、こちらの方がSAIの鉛筆に近い描き心地 【Photoshop ブラシ設定】強いぼかしブラシ S
Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
Photoshop CS3�$@9V:B�(J:�$@%Q%?!<%s$NDj5A$HMxMQ�(J
�$@$^$:$O%Q%?!<%s$rDj5A$7$F$_$^$9!#�(J Photoshop�$@$r5/F0$7!"E,Ev$J2hA|$r3+$-$^$9!#�(J �$@2hA|$N0lIt$rA*Br$7!"!NJT=8!O%a%K%e!<$N!N%Q%?!<%s$rDj5A�(J...�$@!O$rA*Br$7$^$9!#�(J �$@E,Ev$JL>A0$rF~NO!J$3$3$G$O!V%F%9%H%Q%?!<%s!W!K$7$F!N�(JOK�$@!O$r%/%j%C%/$7$^$9!#�(J �$@$J$*!"A*BrHO0O$,B8:_$7$J$$>l9g$O!"BP>]$N2hA|A4BN$,%Q%?!<%s$H$7$FDj5A$5$l$^$9!#�(J �$@JL$N2hA|$r3+$-!"!NJT=8!O%a%K%e!<$N!NEI$j$D$V$7�(J...
フォトショップ早わかり Photoshop Tips & Manual - 目次 - by StudioGraphics
「フォトショップ ティップス ＆ マニュアル」は、アドビ・フォトショップを使う上で知っておくと便利なテクニックをひとつひとつ丁寧に紹介していくコーナーです。 フォトショップを早く理解して、すぐに使えるようにするために、「フォトショップ ティップス ＆ マニュアル」は、大きく分けて以下の二つのセクションで構成されています。フォトショップの基礎から一歩一歩勉強していくには、「機能別マニュアル」を、すぐに役立つテクニックが知りたいときは、「目的別ティップス集」をご覧ください。 「フォトショップ ティップス ＆ マニュアル」は、2004年の7月下旬から始まったコーナーですので、内容はまだ充実していません。不定期ではありますが、少しずつ更新していいきますので、気長にお付き合いください。 （コーナー概要を読む）
あなたが知らないかもしれないPhotoshopの使い方10 – creamu
Photoshopをもっと使いこなしたい。そんなあなたにおすすめなのが、『10 Photoshop Interface Features you Didn’t Know Existed』。あなたが知らないかもしれないPhotoshopの使い方です。 なかなかいい感じのが揃っていますよ。 背景色をグレー以外の色に変更する グレーがぼんやりしているなら、ウィンドウの背景色を黒に変えてみよう。右クリックで可能だ。他の色も選べる 描画色と背景色を簡単に変更する スポイトツールで、altを押しながら色を選択すると、背景色を変更できる シェイプや選択範囲の位置を変更する シェイプや選択範囲を描いている途中で、位置を変更したい場合、スペースバーを押しながら描いたり選択範囲を作成することで移動できる 選択範囲を復活させる 選択範囲を失ってしまった場合、「Ctrl + Shift + D」でもう一度選択範囲
不揃いの形状でも違和感の無いシームレスなパターンを作成するチュートリアル | コリス
PSD TUTSから、芝生などナチュラルな不揃いの形状したものでも、繰り返し表示で違和感の無いシームレスなパターンを作成するチュートリアルを紹介します。 How a Turn a Texture into a Seamlessly Tiled Background チュートリアルのポイントは、以下のようになります。 差が少ない箇所を切り抜いて使用。 覆い焼きツールで、全体を微調整。 目立つ対象物があれば、補正。 左と上側を、右と下側に繋げて補正。 対象物が大きくなると、例えば落ち葉とかになると左右と上下を合わせるのが大変でした。 Post on:2008年12月2日
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://help.adobe.com/ja_JP/photoshop/cs/using/WS8883D827-21B6-44c5-9FD9-2082CEAF86EAa.html
http://kb2.adobe.com/jp/cps/842/cpsid_84295.html
DO NOT EAT.jp : 画図の手帖 : HOME [PainterやIllustratorを使ったデザインレシピを紹介しています]
はてなハイク サービス終了のお知らせ
Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記