『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![新着記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a12265d790deba8a052b7295e3bf7dcdc9271c8/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2013%2F11%2Ftexteffecter_top.jpg)
Photoshopでせっかく引いたガイドを別のファイルにコピペしたいと思ったことはありませんか? そんな願いを叶えるPhotoshopの機能拡張スクリプトを紹介します。 Copy Guides ページのちょい下にある「Download the .JSX file」をクリックし、ファイルを保存してください。 ダウンロードした「CopyGuides.jsx」を使用するPhotoshopのフォルダ内に移動します。 移動先:Photoshop\Presets\Scripts\ Photoshopを再起動します。 メニューの[ファイル]-[スクリプト]内に「CopyGuides」があれば、インストール完了です。 CopyGuidesの使い方 CopyGuidesの使い方はシンプルです。 ガイドをコピーしたいファイルをPhotoshopで開きます。 [Shift]キーを押しながら、[ファイル]-[スク
768 px 100 px 200 px 200 px Fill: none Stroke: Solid 13pt #4990E2 Stop spec'ing by hand Design. Iterate. Spec. Sync. Add specs to your designs in an instant. Simplify your design to dev production with Specctr's panel and new automated annotation features. Now open source and free to use. Download Here Introducing Specctr 3.0 Spec in just a few easy steps! Our newest panel is better than ever. New
Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloaded here」からファイルをダウンロードします。 Lighten / Darken Color 「[KAM] Color Lighten-Darken Scripts.zip」を解凍します。 解凍した「Color Darken.jsx」と「Color Lighten.jsx」を下記のフォルダ内に移動します。 ファイルの格納先:Photoshop/Presets/Scripts/ Photoshop
[iOS App] Skala Preview – iOSデバイスでフォトショップのキャンバスをリアルタイム表示できるアプリ Pocket Tweet たまたま見つけたSkala Previewというアプリがなかなか素晴らしいので紹介。早い話がPhotoshopで作業しているキャンバスをiOSで表示させるためのMac AppとiOS Appのセットです。通常アプリのUIデザインする時って、「フォトショで制作→PNG書き出し→メールとかで画像をiPhoneに転送→保存して全画面表示で確認」とかやってるんですが、これ使えばフォトショで作業した内容がリアルタイムにiPhoneに反映されます。超便利! iPhoneアプリのUIデザインなんかをするデザイナーさんにオススメです。 まずはアプリのダウンロード Mac版アプリのダウンロードとインストール まずはMac版アプリをインストール。Mac App
Inspired by some guys who makes custom panels for Photoshop, I decided to make my own. And here it is, I made “Isometrify” — Adobe Photoshop CS5+ extension than helps transform objects into isometry and generate custom sized grid for it. Some noticesIsometry AngleIn my panel I use angle of isometry that equals 26.565 degrees, it’s commonly used in pixel art world. Math isometry has 30 degrees. In
The easy way to mock-up a web site using Web Fonts. Finally. The Web Font Plug-in for Photoshop® CS5-CS6 lets you design with the same web fonts you will use to ‘go live’. Frankly, it had to be done… so we did it. This is a free tool and all we ask is that you test it out and give us useful feedback to make it better. What's in the Plug-in Easy access to use thousands of WebINK web fonts in Photos
Automatic Version Control & Backup Pixelapse automatically keeps track and securely backs up your files every time you save.
They say a good designer is a meticulous one. “Sweat the details” and all of that. But how well does that ethos check out when we’re passing along PSDs? Take a look at a recent comp. Layers named? Original assets preserved with masks? We may be detail-oriented when it comes to prescribing layout and type, but the organization of our artwork suffers as a means to an end. Efficiency masquerades as g
The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc
The fast, precise, and repeatable way to export assets & specs from Photoshop Buy Now for $29 Works on Mac (intel) and Windows with Photoshop CC2014 to 2024 (*) Design delivery, fast-tracked. PNG EXPRESS is a Photoshop® plug-in that slices and exports your PSD document to individual PNG, JPG, & SVG assets, and generates matching design specifications with concise information on sizes, distances, f
開いているレイヤーグループの「▲」を「Ctrl+クリック」 第一階層目のレイヤーグループを全て閉じる 閉じているレイヤーグループの「▲」を「Ctrl+クリック」 第一階層目のレイヤーグループを全て開く 目当てのレイヤーを探すのにちょっと便利なTipsでした。
December 10, 2008 2エントリー連続でPhotoshop関連になります。今回は左のような見出し画像を書き出すリソースファイルを変数を使って管理します。 このような見出し画像を作成する場合、通常だと背景画像レイヤーを複数枚と見出し名テキストレイヤーを大量に作らなければなりません。私も今まではテキストレイヤーだらけになっていました。このような余分なレイヤーを作らないでリソースを管理出来る方法が変数を使ったリソース管理法になります。 簡単に変数を使った管理法の説明をすると、背景画像レイヤーを数種類用意し、日本語名の見出しと英語名の見出しはCSVファイルで管理すると言う方法になります。 それでは詳しく説明をしていきます。 今回作るファイルのレイヤー構成は左のようになっています。 背景画像フォルダには背景画像が4種類。そして見出し名を設定するテキストレイヤーが日本語用と英語用の2種類
これはPhotoshopの標準機能として、ぜひ実装してほしいですね。 外部ファイルをリンクさせ、スマートオブジェクトとして配置できるPhotoshopのエクステンションを紹介します。 Linked Smart Objects in Photoshop [ad#ad-2] Linked Smart Objectsのインストール 下記ページの「LinksCS4.zip」をダウンロードします。 対応しているPhotoshopのバージョンはCS4, CS5です。 Smart Object links panel 解凍した「LinksCS4.mxp」をダブルクリックすると、Photoshopへのインストールがはじまります。 インストールが完了すると、メニューの[ウインドウ]-[エクステンション]に「Links」が表示されます。 Linked Smart Objectsの使い方 [ウインドウ]-[エク
ブラシもぼけ以外に多数 PsDefaultsは有料の素材セットですが、無料のミニキットもダウンロードできます。 無料版の中身は下記の通りです。 Photoshop用のスタイル ボタンなど Photoshop用のシェイプ アイコン、アローなど Photoshop用のパターン モザイク、タータン柄、木、ノイズなど Photoshop用のアクション ヴィンテージ、セピア、レトロ、ロモ、モノクロなど Photoshop用のブラシ ぼけ、グランジ、スワールなど Photoshop用のグラデーション 鮮やかなカラーやパルテルなど 素材の利用にあたっては個人でも商用でも無料で、ウェブサイト・アプリケーション・紙などに使用できる、とのことです。詳しくはダウンロードファイルの「License.txt」をご覧ください。 無料版のダウンロードはトップページの「Get Updates」にメールアドレスを登録し、そ
CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。 シェイプをデザインします グラデーションなんかもつけつつ プラグインのボタンをクリックで出力。そのまんま。 画像じゃないから軽いという点もポイントですね 関連エントリ CSS3でシャレオツなリストを作るチュートリアル アニメーションするバナーをCSS3で作るチュートリアル CSS3で出来たクールなLightBox実装チュートリアル CSS3で描かれたシェイプのサンプル集
2012/09/06追記: 現在 Windows版も対応されています。 fontのプロパティ各種にも対応されています。 詳しくは最新の記事にて確認して下さい。 最近はCSS3によってリッチなUIを作成できるようになりましたが、 Photoshopで作成されたデザインを元に CSSを作成するのはなかなか手間で、 PhotoshopでCSSを書き出せたら楽なのに… と思う方も多いのではないかと思います。 それを実現してくれたPhotoshopプラグインがあったので紹介します。 CSS Hat 先日このページを見つけて、 サイト内に設置してあるフォームにメールを送って そのまま何も無かったので忘れかけていたところ、 『CSS Hat is launching』 というメッセージが届いていて、 購入するためのリンクが届いていました。 30%オフの$19.90(通常は$29.99)で購入出来るとのこ
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします! もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ(エッジを整列)」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…! CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください! 1.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く