Photoshopでの作業がはかどる便利なプラグイン・機能拡張のまとめ
Illustratorでウェブデザインをおこなう人が増えてきましたが、やはりPhotoshopをベースにしているデザイナーさんが多いと思います。そんなPhotoshopを更に便利にパワーアップするプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境（Win/Mac, CS6/CC）で利用しています。 面倒なガイド引きをパワーアップする強力な味方 等間隔ではないガイド引きを簡単に設定できる 選択範囲やオブジェクトを元にガイドが引ける さまざまなオブジェクトのカラーを一元管理できる 要素のサイズやエフェクトやフォントなどの情報を書き出す PNG画像をより美しく、より軽量に書き出す 黄金比、黄金螺旋、黄金三角形、1/3ルール、対角線などを簡単に描く Subtle Patternsのテクスチャ素材をPhotoshopから利用できる flat iconのアイコン素材をPhoto
Photoshopでの作業のパフォーマンスを向上させる最適な環境設定のまとめ
Photoshopでの作業がもたついたり、もっときびきび動作させたい、という時に、ちょっと見直しておきたいPhotoshopの設定項目を紹介します。 各設定は、ウェブページのレイアウトやUIの作成を想定したもので、必要に応じて調整してご利用ください。 CC2015にも対応した環境設定は、下記ページをご覧ください。 Photoshopの作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 How To Optimize Photoshop For Better Performance 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから他ブログでの無断翻訳・転載の声を聞くのでご注意ください。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパ
Photoshopのレイヤーパネルでの面倒な作業をいろいろ便利にする機能拡張
複数のレイヤーの名前を同時に変更したり、空のレイヤーを1クリックで全て削除したり、スマートオブジェクトを一括でラスタライズしたりなど、Photoshopのレイヤーパネルでの面倒な作業をいろいろ便利にする機能拡張を紹介します。 機能拡張は無料で利用でき、Photoshop CC/CS6に対応しています。 Layrs Layrsの機能 Layrsのインストール Layrsの使い方 Layrsの機能 Layrsが備えている機能は、全部で5つ。 制作時に役立つものから、コーダーに渡すために仕上げる時にも役立つものが揃っています。 Layer Name Editor 複数のレイヤーの名前の先頭や末尾に文字を加えたり、置換します。 Remove Unused Effects 使用していないエフェクトを削除します。 Flatten All Layers Effects レイヤーのエフェクトをフラットにし
Photoshopで少しでも作業時間を短縮するためにしていること6つ
（上記ショートカットは全てコンフリクトしていたのですが、元々使っていなかったショートカットだったため、気にせずそのまま設定しました） 2. 共通パーツのスマートオブジェクト化 例えばリンクアイコンの▶など、ファイル内で同じ形、同じ色のものはスマートオブジェクトに登録しておくと便利です。 色や大きさを変更をするとき、1つのスマートオブジェクトを変更すると全体を変えることができます。 3. ツールプリセットの活用 ツールプリセットは、自分の良く使うツールを登録して使うことができます。ショートカットじゃダメなの？ という疑問もあると思うのですが、ツールプリセットでは、特定のサイズのブラシや、特定のシェイプなど、○○ツールの○○、というように詳細に登録することができます。 例えば私は、右向きの三角形や星のシェイプなど、良く使うものを登録しています。 登録方法は、そのツールを選んだ状態で、右から2番
Illustrator CC、Dreamweaver CCの新機能とバグまとめ
先日、Stocker.jp / Space にて Adobe CC検証会 を開いたのですが、主に Illustrator CC と Dreamweaver CC の話をしました。 厳密には私が Photoshop CC の話もしたのですが、話した内容は以下の記事にまとめていますのでここでは省略します。 Adobe Photoshop CCファーストインプレッション | Stocker.jp / diary なお、Illustrator CC の新機能とバグについては、主に Illustrator Mania というサイトの管理人であり、Illustrator のお祭り dot-ai にも出演された鈴木さん（ @suzukisan__ ）にお話いただきました。 ※この記事で使用している画像サンプルは、鈴木さんが勉強会で使われていたものではなく、私が作成したものです。 Illustrator
テキストに3DのかわいいエフェクトをPhotoshopで適用する -3D Font Generator Mockup
どこかで見たことあるような3DのかわいいエフェクトをPhotoshopであなたのテキストに簡単に適用できる「3D Font Generator」を紹介します。
[Photoshop Plugin]Cut&Slice meの使い方
I Love New Technology & Gadgets!! 購入し愛用している、気になっている、パソコン・家電などのデジタルモノの紹介と知って得する活用術をわかりやすくお伝えしていきます。 Photoshopで画像をパーツごとに出力するプラグイン「Cut&Slice me」が便利でしたので機能や簡単な使い方をご紹介します。 Cut&Slice meでできること スライスを使用しないで画像をパーツごとに一括で出力 ボタンの状態(通常、ホバー等)ごとの画像をレイヤーの表示・非表示の手間無く一括で出力 PC、iPhone(retina対応)、Android(xhdpi対応)の画像出力を簡単に切り替えられる インストール Adobe Photoshop CS6が必要です。 公式サイトからプラグインをダウンロードし、ダブルクリックで実行して下さい。 プラグインのインストール途中に「セキュリテ
Fireworks開発終了によって、デザイナーが取るべき3つの選択肢
Fireworksの開発終了がAdobeからアナウンスされました。このタイミングで来るとは思っていなかったのですが、開発終了になるということ自体は、それほど大きな驚きでもありませんでした。 実のところ、AdobeがMacromediaを買収した際に、機能的な重複が多いFireworksはPhotoshopに統合されなくなってしまうのでは？と思っていました。結果的にそうはならなかったですが、その後もCSシリーズとしてバージョンアップされるたびに、大きな機能変更もなく、むしろアプリケーションのベース部分を引きずったアップグレートが悪影響を及ぼしているところもあったため、今回の決断は、Adobeの製品ポートフォリオ戦略を考える上で妥当な選択ではないかな、とすぐに理解できました。 ただ、そういうAdobe側の思惑はさておき、我々制作者が気になるのは、Fireworksを愛用してきたユーザーはこの後
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
PhotoshopってFireworksと違ってここがダメだよねって思ってたけど使い方知らないだけだった件
Posted: 2013.04.23 / Category: WebDesign WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。 Photoshopってキャンバスで直接選択できなくね？ Fireworksは選択ツールでキャンバスでオブジェクトを直接選択できるのに、Photoshopはレイヤーから選択しないといけないから直感的じゃないですよね。いえいえ直接選択もできますよ。 左パレットから「移動ツール」を選択ます。そのままだと選択されているレイヤーを移動させるだけのツールですが、「cmd + 左クリック」することで選択することができます。 ドラッグすれば範囲
これはヤバイ！Photoshopで目力アップ・ぷるるん唇・美肌補正する魔法のアクション -Skin Retouching
お肌のビフォー・アフター Skin Retouchingのインストール Skin Retouchingの使い方 Skin Retouchingのインストール サイトの下の方「Free Download」から「Skin - 5 Retouching Actions.zip」をダウンロードします。 5 Skin Retouching Photoshop Actions 「Skin - 5 Retouching Actions.zip」を解凍します。 Skin by SparkleStock.atn Photoshop用のアクションファイル Skin by SparkleStock.zxp Photoshop用のエクステンション Photoshopにインストールするには、.atn, .zxpのいずれかを使用します。 アクションファイルのインストール アクションファイルをインストールするには、Ph
Photoshopでmp4をひらいて、動画から綺麗なアニメーションGIFを作る | ナナメウエblog
生きてます。ナナメウエのはっちです。 お仕事で、mp4の動画からサムネイル（アニメーションGIF）を生成したいんだけどという場面に遭遇しました。 色々調べたところ、Webアプリでもあるっぽいのですが、そのアプリを試したところ正常に動いておらず、ぐぬぬ…どうしようかな、と。 そういえば？Photoshopで動画編集ができるという噂を以前聞いたことがあったので調べてみました。 意外とまだ需要のあるアニメーションGIF。 お役に立てれば幸いです。 Photoshopでmp4動画を開く 使用しているのはPhotoshopCS5です。 どのバージョンから動画が取り込めるのかは知りません。だってわたしFireworks派だもの…！ ファイルから「開く」でもいけます。今回はドラッグ＆ドロップで。 タイムラインを表示 読み込みに少々時間がかかりますが気になるような時間でもありません。 とりこま
Photoshopでよく使うパーツをどのドキュメントでも利用できるようにするプラグイン -Pixel Dropr
Pixel Dropr 簡単に機能を説明すると、アイコンやパーツなどよく使うエレメントをリフィルと呼ばれるセットにし、Photoshopでどのドキュメントを開いても呼び出せるプラグインです。 上記のサイトでは動画も公開されています。 インストールしてみた！ Pixel Droprは有償のプラグインで、無料版のRefill Readerもあります。二つの違いは、オリジナルのリフィルを作成できるかできないかです。 上記はとりあえず無料版のRefill Readerです。 無料版のRefill Readerは配布されているリフィルを利用することができます。 リフィル配布サイト 配布サイトへはRefill Readerのパネルの左から2番目のボタン「load Refill」をクリックすると行くことができます。 プラグインのインストール Refill Readerのインストール方法を紹介します。 お
コーディングする時のスライス方法とか - CSS HappyLife
珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい！ 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基本からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます！ Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Photoshopのスマートオブジェクトでテキストを自在に変形させる方法
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近PhotoshopCS6を購入してニヤニヤがとまらない井畑です。 今回は以前の記事でご紹介したスマートオブジェクトを応用した使い方をご紹介したいと思います。 スマートオブジェクト…それは使い方次第でムゲンの可能性を秘めているものなのです。その中で、今回はテキストの変形についての小技テクニックをご紹介します。 それではどうぞ！ テキストデータをスマートオブジェクト化して自在に変形させる方法 とりあえず参考のバナー置いときますね。 上のバナーの様に、デザインでテキストを左右非対称ないびつな形に変形することがあると思います。僕は値段の表記とかにインパクトを出す時などに結構使います。(※実際にこんな肩たたき券はありません。念のため) 普通のテキ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
Modular Grid Pattern
新着記事
新着記事
