サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Photoshopはデザインに欠かせない便利なツールですが、そのまま使っているだけではもったいないです！ Photoshopでの作業がさらに捗る便利なプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境（Win/Mac, CC 2015）で利用しています。 よく使うドキュメントはテンプレートとして管理 レイヤー数が多くても目的のレイヤーにすぐにアクセス ガイド引きの定番「GuideGuide」は大幅バージョンアップ ガイド引きは「QuickGuide」も欠かせない スクリーントーンや集中線を生成する「Comic Kit」 磨りガラスのようなエフェクトを与える「Blur Like Jony」 カラー・テキスト・フォントサイズなどに変数が使える「Ditto」 ガイドライン作成に欠かせない「Ink」も大幅バージョンアップ 複数の要素を変形させる時に位置はそのままで レイヤー
ご存じの方もいらっしゃると思いますが、Adobe Photoshop はJavaScript で制御することができます。 Photoshop 用のJavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\ScriptsMac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
Photoshop CS5の特にレイヤー周りの機能をもっと便利にする12のツールがまとまったエクステンションを紹介します。 12 New Photoshop Tools [ad#ad-2] Trevor Morris Scriptsの12のツール Trevor Morris Scriptsのインストール Trevor Morris Scriptsの12のツール Trevor Morris Scriptsには、Photoshopをもっと便利にする12のツールが揃っています。 便利なツール全12種 [ad#ad-2] 以下、左上から順に。 Horizontal Spacing 選択したレイヤーを水平方向に均等の間隔に分配します。 Vertical Spacing 選択したレイヤーを垂直方向に均等の間隔に分配します。 Center layer 選択したレイヤーを水平・垂直の真ん中に配置します。
photoshopでドットのラインを描く方法をまとめてみます。 さいごに、配布ブラシもあります。 Fireworksなら、線を描いて、プロパティーから「ストロークを編集」とすると きれいなドットラインが描けるのですが photoshopではそういった機能がないんですね。 ドットラインを描くにはどうしたらいいのか探してみたら、みなさん色々な方法で やってましたので、その方法をご紹介。 ブラシを使う（１）- 間隔設定を使う ブラシ設定の「間隔」という設定を100%以上にすると破線になります。 %設定は、割り切れる数字とか、キレイな数字のほうがうまくいく気がします。 参考：http://www.dougamanual.com/blog/247/1430/e6849.html ブラシを使う（２）- 登録されたブラシ 小さい四角形をつくって、その中に一つの「-」を描き、「ブラシを定義」し 上記と同様
![[配布]photoshopでドットのラインを描く方法＆破線（点線）ブラシ | バニデザノート](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2f288681eadf5c3dd9aab8f2ca33f4f02408a628ec%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fblog-imgs-81.fc2.com%252Fv%252Fa%252Fn%252Fvanidesign%252F11187260_968568719828247_3343970705641289934_os.png&f=jpg&w=240)
ナビゲーション、ボタンなどのエレメントをはじめ、ページレイアウト、アイコンなど、商用でも無料で利用できるウェブデザイン用のPSD素材を配布しているサイトを紹介します。
デザインカンプからパーツを１発で別ファイルにぶっこ抜くスクリプト ずいぶんと更新をさぼっていましたが年末駆け込みで投稿します。 今回紹介するのはWEBデザイナー向けのPhotoshopスクリプトです。 デザインカンプからパーツを１発で別ファイルにぶっこ抜くスクリプトを作成しました。 WEBのデザインフローはデザイナーさんによってさまざまだと思いますが私の場合は１ファイルで最終形までつくりこんでから最後に必要に応じてヘッダーやナビゲーション等を別ファイルにして保存します。 その切り分け作業がなかなか面倒だったので自動化してみたところ思いのほか、これが便利だったので共有したいと思い今回公開致します。 皆さんも良かったら一度試してみていただけると嬉しいです。 それでは皆様良いお年を！！ 【使用方法】 ダウンロードした“ぶっこ抜き.jsx”ファイルをPhotoshopのスクリプトフォルダに
「SearchPSD」はPSD形式のファイルが検索できるサイトです。 普通の検索と同様にファイルを検索すると、PSD形式のファイルのみヒットします。 その場でサムネイルを見ることができますよ。 さらに、ダウンロードリンクも検索結果に載っているので便利。 以下に使ってみた様子を載せておきます。 まず「SearchPSD」にアクセスしましょう。 お好みのキーワードで検索します。今回は「button」で検索してみました。 結果はこのとおり。 サムネイルが表示されるので、どのようなファイルなのかすぐに分かって便利です。 さらにマウスを乗せると、ダウンロードリンクが表示されます。 クリックすると即ダウンロード開始。 カテゴリからの検索もできたりしますよ。 全部で1500種類のPSDファイルが登録されているようです。 PSD形式のファイルを探すときに一度利用してみてください！
Photoshopのキーボードショートカットを使いこなせるようになると作業効率がグンとアップします。 数多くあるショートカットの中から特に実用的な25個を紹介します。 25 AwesomeKeyboard Shortcuts for Photoshop That You May Not Know [ad#ad-2] 元記事では動作を軸に書かれていますが、下記はショートカットを軸に紹介します。 ショートカットはWindowsの表記です。Macの場合は、置き換えてください。 Ctrl → Command Alt → Option Photoshopの便利なキーボードショートカット Ctrl+Space+左クリック Ctrl+Space+ドラッグ（右or左） ドキュメントを拡大表示 Alt+Shift+右クリック HUDカラーピッカーの表示 ※CS5のみ。環境設定でGPU設定をオンにしている
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
The use of repeating patterns in Photoshop can help to produce attractive website backgrounds with very little effort, and of course patterns have other uses as well. In this post we’ll feature some of the best free patterns that are available. You’ll find some individual patterns as well as many packs of multiple patterns. Seamless Subtle Patterns (15 patterns) Paisley Photoshop Patterns (8 patte
Liebe Besucherinnen und Besucher von FootballPantherShops.com, wir möchten Sie darüber informieren, dass unsere Webseite FootballPantherShops.com nicht mehr aktiv weitergeführt wird. Stattdessenempfehlen wir Ihnen, folgende Webseiten zu besuchen, die Ihnen wertvolle Informationen und Ressourcen in verschiedenen Bereichen bieten: Marktcentral.com Marktcentral.com ist Ihr umfassendes Portal für ges
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 デザイン等に一般的に利用されているPhotoshopやDWなどのAdobe製品は高機能で仕事では必須のツールです。しかしながら高額で、手軽に購入出来るという訳には行きません。無料で手に入る代替ソフトがありますので、まずはコツを掴むのにフリーソフトから使ってみてはいかがでしょうか。 全く同じとは行きませんが、例えばPhotoshopの代替ソフトとして有名なGIMPはPhotoshop専用の拡張子であるPSDファイルも開く事が出来ますし、GIMPで作ったファイルをPSDに変換する事も可能です。勉強からスタートするおつもりなら無料のソフトから、という形もありではないかと思います。 そこで、各Adobe製品の代替ソフトとなるような無料のソフトと、その使用法が書かれたサイトを
40 Professional and Detailed Web Layout PSDTemplates :Speckyboy Design Magazine そのまま使えるWEBレイアウトのPhotoshopテンプレート40のご紹介。 次のようなプロフェッショナルレベルなレイアウトのテンプレートが多数紹介されています。 そのまま使ってもよさそうですし、デザインの際の参考にするのもよいですね。 デザインが苦手という方も参考にすればハイクオリティなデザインを低コストで導入できますね。 関連エントリWEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 自然を取り入れた美しいWEBデザイン集 なんとなく和むイラストベースのWEBデザイン集60 平面だけど立体感を出したWEBデザイン色々
Photo Editor - Photoshop Online by Pixlr - Free Image Editing Tools Now, there are even more compelling reasons to choose Pixlr as yourgo-to solution for all your online image editing requirements, particularly when you're looking for a powerful "photo editor." Whether you're inclined towards traditional desktop-style photo editing or prefer a more contemporary approach, Pixlr has you covered. Pi
フォトショップのグラデーションファイルは作業を早めるのに役立ちますし、テンプレートだと色の参考にもなります。PhotoshopやGIMPの色合いが美しいグラデーションを厳選してまとめました。 追記: 2010/12/04 グラデーション追加/リンク切れチェック Photoshop Gradients Nice photoshop gradient set Download Source Web 2.0 Photoshop gradients Download Source Ultimate Web 2.0 Gradients - FREE Download Download Source 黄金比グラデーション・白銀比グラデーション | DesignWalker Download Source 日本の伝統色グラデーションファイル | DesignWalker Download Source
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
