Photoshopのレイヤーを並び替えるソートスクリプトのメモ書きです。Photoshopで大量のレイヤーを整理する際に使えそうなスクリプトをまとめました。 layersOrder.js //www.vcarrer.com/2012/01/some-useful-scripts-for-photoshop-layer.html Photoshop CS6で動作確認。レイヤー名をもとにレイヤーを昇順で上から並べます。ロックされたレイヤーは並び替えられません。グループはレイヤーよりも下へ移動します。日本語対応。 Sort Layers //morris-photographics.com/photoshop/scripts/sort-layers.html レイヤー名をもとにレイヤーを昇順に下から並び替えます。初期作成されている「背景」レイヤーは、ロックを解除され「Background」とリネ
Freehand – The all-in-one collaborative workspaceUnlock your team’s full potential – ideate, plan, execute, and track projects with Freehand There is something so natural about collaborating in Freehand. It feels like you’re holding a marker, and making ideas happen. I can’t imagine doing that in another tool. It captures that human essence of being in person and talking to someone that is right n
Meet UI Tiles, 72 Website Flowcharts for any purpose! Professional flowcharts within minutes, it is possible if you have proper assets in your designer toolbox. Build sitemaps, demonstrate interactions and engineer magnificent projects, saving lots of time and energy. Whether you're a developers, designer or any other person involved in Web Design related projects, you can freely use UI Tiles sinc
Photoshop ユーザーガイド Photoshop の概要 夢をカタチに Photoshop の新機能 初めての写真編集 ドキュメントの作成 Photoshop | よくある質問 Photoshop の必要システム構成 Photoshop とは Photoshop を最新の状態にする Photoshop とその他の Adobe 製品およびサービス Photoshop で Illustrator アートワークを作業する InDesign での Photoshop ファイルの操作 Photoshop 用 Substance 3D マテリアル Photoshop の Capture アプリ内拡張機能の使用 Photoshop iPad 版（中国本土ではご利用いただけません） Photoshop iPad 版 | よくある質問 ワークスペースについて システム要件 | Photoshop iP
ハロー、エブリデイハロー。 ドワンゴデザイナーのジェイだ。 今日もハイテンションなジェイタイムがやってきた。 寒くなってきたが、みんなは元気かい？ そうか。元気そうでよかったよ。 トゥデイは「Bracketsというコードエディタを使ったpsdファイルから効率よくコーディングする方法」をエブリワンに伝えたい。ちなみにBracketsは「ブラケッツ」と読むんだぜ。今日からブラケッツ・ジェイと呼んでくれ。 よく使っていたデザインツール 今回はpsdファイルを使って、Bracketsでコーディングするテクニックを伝えるわけだが、これまではSketchとSublime Textを使っていたんだ。そもそもなぜこれらのツールを利用していたのに、Bracketsを導入することになったのかをお話したい。 Sketchを利用しているわけ 軽い、すごく軽い UIが直感的でわかりやすい Webでの画像表現が減った
みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき（@gautt） Finderの［情報を見る］で［低解像度で開く］にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (
Photoshopにおけるシェイプの結合やレイヤーの整列・分布を、Illustratorの「パスファインダーパネル」と「整列・分布パネル」と同じ感覚で実行できるエクステンションパネルです。「整列・分布パネル」には、カンバスに対する整列機能もあります。 更新履歴 2.1.7：2020に対応（2019.11.13）2.1.5：CC 2019に対応（2018.11.1）2.1.4：CC 2018に対応（2018.7.18）2.1.3：CC 2017に対応／UIアピアランス変更（2017.6.24）2.1.0：英語・ドイツ語に対応／シェイプコンポーネントに対応／拡張ボタン追加／Adobe Add-onsに登録（2015.11.12）2.0.1：CC 2015に対応（2015.10.20）2.0.0：CC 2014に対応した新バージョン公開（2014.07.29）1.0.1：取り消しの挙動を改善（2
WebデザイナーがWebサイトだけでなく、スマートフォンアプリをデザインする機会が増えています。 ところが、Photoshopを使いこなしているデザイナーでも、UIのデザインとなると勝手が違い、試行錯誤している方が少なくないようです。本連載では、Photoshopを使ってアプリのUIをデザインするコツを、デザイナーのハマダナヲミさんが解説します。（編集部） Photoshopはもともと写真編集のためのソフトでしたが、印刷物やWebのデザインツールとしても使われるようになり、いまではデザインツールとしてPhotoshopを使っている方が多いのではないでしょうか。最近ではアプリのUIデザインにも便利な機能がどんどん追加されています。この連載ではWebデザイナーを対象に、iPhoneアプリを題材として、PhotoshopでUIをデザインする方法を紹介します。 第1回は、アプリ開発の大まかな流れを
SVG はモダンなWebブラウザーで表示できるベクター画像形式で、Retina ディスプレイや、タブレットでピンチアウトで表示拡大した時にも荒く見えないため、これから使用する機会が増えそうな画像形式です。 SVG は Illustrator で書き出すことができますが、これまで Photoshop ではプラグインなどを使わなければ SVG を書き出すことができませんでした。 しかし、Photoshop CCの「画像アセット」機能を使用して SVG を書き出す裏技を見つけたので紹介します。 準備 下記のファイルをダウンロードします。 Macの場合 Finder でメニューの［移動＞ホーム］を選択し、ホームフォルダを表示します。 そこに、generator.json ファイルを移動またはコピーします。 Windowsの場合 ユーザーフォルダ（ユーザー名のフォルダ）に移動します。 そこに、gen
Photoshop でWebデザインカンプを制作している方には嬉しい、外部ファイルをスマートオブジェクトとしてリンクする機能が Photoshop CC 14.2 でついに搭載されました。 どういう時に使うのか たとえば、Webデザインカンプを制作する時に、「トップページ、製品情報ページ、お問い合せページなど複数のページを制作し、各ページのヘッダー部分とフッター部分は共通のデザインで制作する」ということはよくあると思います。 そのような時、Fireworks では「ページ」パネル、Illustrator では「リンク」パネルを使って外部ファイルをリンクさせると便利です。 Photoshop にはこれまで「ページ」パネルや「リンク」パネルのようなものは無かったのですが、Photoshop CC 14.2 では「リンクを配置」という外部ファイルをスマートオブジェクトとして配置する機能がつきまし
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
あなたの知らないレスポンシブWebデザインカンプ制作で使えるPhotoshopの新機能：無料でCreative Cloudを使い倒せ（15）（1/2 ページ） レスポンシブなWebレイアウトをコードを書かずに作れるツール「Edge Reflow」とPhotoshopの連携機能の特徴や使いどころを解説する。 前回の「Node.jsで動くGenerator for Photoshopなら画像アセットが楽チン書き出しできる！」では、Generator for Photoshop（以下、Generator）を利用した画像アセット書き出しを紹介した。今回はもう1つのフィーチャーとしてAdobe Edge Reflow CC（以下、Reflow）との連携を紹介しよう。 レスポンシブなWebレイアウトをコードを書かずに作れる「Edge Reflow」とは、 Reflowは、「ディレクター、営業さん必見！
こんにちは。唐揚げ大好き横地です。 先日、社内で「Photoshop補正講座」というのを開催しました。 メインコンテンツは「ヒストグラムの理解と、レベル補正とトーンカーブの使い方」でした。 先ず、レベル補正、トーンカーブに興味を持っている時点で初心者の域から一段昇っていると思いますが、これらを感覚でなく理論で使いこなせるようになるためには、ヒストグラムへの理解が必須です。 多くのPhotoshop本などで、ヒストグラムへの言及はありますが、これがそもそも何であるかを、きちんと理解できるよう説明しているものは少ない… 私自身は、そこを「ちゃんと」説明している本に出会ったことがありません。 たとえば、Photoshop Lightroomのヘルプでは、このように説明されています。 http://helpx.adobe.com/jp/lightroom/kb/6280.html ヒストグラムとは
@ninjinkun できました bit.ly/RJmQpl— 人さん (@r7kamura) 10月 19, 2012 イラレ落ちたときに顔写真撮るアプリできました / イラレ落ちた顔.rb — Gist bit.ly/RJmQpl— 人さん (@r7kamura) 10月 19, 2012 イラレ落ちたデザイナーの顔を絶望で終わらせたりしない— 人さん (@r7kamura) 10月 19, 2012 イラレ落ちた— 人さん (@r7kamura) 10月 19, 2012 フォトショ落ちた— 人さん (@r7kamura) 10月 19, 2012 ええやん— 人さん (@r7kamura) 10月 19, 2012
フデラインは個人・商用問わず、思う存分使って下さい。 決済サービスは、gumroad使ってみました。使用感がよろしければ、もっと多彩なバージョンをお楽しみください。
先日、 Martin Perhiniakさんのエントリーを拝見して快く同じエントリーの日本語意訳版での紹介を承諾していただけたのでご紹介。 ここで紹介する25のPhotoshopショートカットは、あなたの作業のスピードアップに使えます。あまり知られていないものや、割と知られているもの。また、いくつかはPhotoshop CS5だけの機能のものもあります。このエントリーによって皆さんが新たに使えるショートカットを見つけることができたら幸いです。では、はじめましょう！ 1. ドラッグズーム (Drag-Zoom) (Windowsの場合) [Ctrl] + [Space] + クリックし、左･もしくは右にドラッグ (Macの場合) [Command] + [Space] + クリックし、左･もしくは右にドラッグ ショートカットでズームイン･ズームアウトを行うのに1番早いショートカットです。(た
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く