新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
光を表現するPhotoshopブラシ14選 – creamu
Photoshopのブラシで光を描きたい。 そんなときにおすすめなのが、『14 Great Abstract Photoshop Brushes for Light Effects』。光を表現するPhotoshopブラシ14選だ。 以下にいくつかご紹介。 ↑のキャプチャはEdge Brushes。 Brushes Pack 2 Abstract Brushes Vol 3 Abstract Vol 6 Abstraction その他のリストは以下から。 » 14 Great Abstract Photoshop Brushes for Light Effects ライセンスについてはリンク先を確認してもらいたい。個人利用で無料のCreativeCommonsライセンスのものなどが含まれている。 光を表現するPhotoshopブラシ、チェックしてぜひ使ってみてはいかがだろうか。 「フィクサー
Photoshopのシェイプでできること。
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう
2014年8月17日 Photoshop, Webサイト制作, Webデザイン 「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その4 目標：実際の幅にあったサイトデザインが作れる・Photoshopの基本的なツールを使った装飾ができる 必要なもの：Adobe Photoshop 対象レベル：Photoshopの基本的なツールの使い方がわかる 事前知識は以下の記事でおさらい！ これからP
初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします！ もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ（エッジを整列）」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…！ CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください！ 1.
PhotoshopでのWeb制作効率を向上させる「JSX」とは
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
構図を生かした画像トリミングに活用できるPSシェイプ＆ベクター
構図を生かした画像トリミングに活用できるPSシェイプ＆ベクター 7 Composition Rules as Free Photoshop Shapes ... 構図は写真撮影においてピントや露出と並んでもっとも基本的で重要な要素の一つです。 後者の2つがカメラ任せにできたとしても構図だけはそうはいかず、ここら辺が素人か否かを分ける最初の関門だったりします。 素人にありがちで最も多いのが『日の丸構図』とよばれる、被写体をド真ん中にドデンと据えた構図で、写真のいろは的には"やってないけない構図"として有名です。 これに対してもっとも基本的なのが『3分割法』という構図法で、全体を3X3に分割してその交点付近に被写体をもってくるというものです。 さて、このあたりの構図法に関する詳しい説明はネット上で丁寧に取り上げているところがたくさんあるので、そちらを参考にしていただきたいと思いますが、今回紹介
Lightroom で Lua を eval するプラグインを作った - てっく煮ブログ
せっかく Lightroom を買った ので、Lightroom に詳しくなろう、と思って Lightroom SDK を触ってみました。Lightroom では Lua でプラグインを書くことができます。Lua は C 言語に組み込んで使うのが簡単なようで、Wireshark やいくつかのオンラインゲームなどに組み込まれているようです。また、Lightroom はプラグインだけでなく、本体の開発も Lua で行われているようです。興味深いですね。例えばAdobeの画像処理ソフトウェア「Lightroom」では、40%に相当する部分がLuaで記述されているという。[Think IT] 第2回：言語開発者が目標にするパフォーマンス「Lua」 (1/3)さっそくプラグインを作ってみたさて、その Lua を使ったらどんなことができるのか調べるために、簡単にコードを eval できるプラグインを作
Photoshop 自動化作戦
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CS4をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルはMacPro (Xeon 3GHz/Intel Mac) 上で動作させたものです、このため、PowerPC搭載MacやWindows XP/Vista上での動作とは異なる可能性があります。あらかじめ、ご了承下さい。 Photoshop CS4は基本的には以前のCS1～3からの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS～CS4、AfterEffects 6.5～CS4、Illustrator CS2～CS4、Bridgeで作成された一部のコードは、そのまま動かす事ができます。Photos
hokori.net
PhotoShopで自動処理を行うための、JavaScript(ExtendScript)のメモです。 ※ この記事は量が増えていったら分割するかもしれません。 ※ Windows版 PhotoShop CS2でしか検証してないので、他のバージョンで動くかは不明。 ドキュメントの操作 ファイルパスを指定してドキュメントのオープン //Windowsではパスの区切りは / スラッシュ。Unixっぽい指定。 //d:sampletest.phd → /d/sample/test.psd var doc = app.open("/d/sample/test.psd"); 現在アクティブになっているドキュメント取得 var doc = app.activeDocument; イメージサイズの変更 //単位は既定の単位。たぶん //横500 縦400 doc.resizeImage(500, 400
『『チャンネル選択→トーンカーブ』はできない…』
Photoshopのjavascript トーンカーブを適用するには 例えば現在のレイヤーにトーンカーブ適用するなら app.activeDocument.activeLayer.adjustCurves([[0,0],[127,100],[255,255]]) みたいなカンジにやるんですが、このadjustCurvesメソッドは 普通にGUIでトーンカーブを使うのとは違って引数は一つで チャンネルの選択はメソッドではできず 現在アクティブなチャンネルにカーブを適用するようになってます それでスクリプトでdocument.activeChannelsの配列を 変えてやってからadjustCurves()するわけなんですが これが、できない activeChannelsを変えるのも adjustCurves()もそれぞれ個々はちゃんと動くのですが activeChannelsでアクティブなチ
Photoshopのスクリプト制御
Photoshopのアクション機能は強力で、デザイナーはこれらを多用していますが、少し複雑なことをさせようとすると、とたんに限界に行き当たるのが現実です。Photoshop 7.0以降では、Scripting plug-inを利用して、プログラムで直接Photoshopを制御できるようになりました。この機能を使えば、アクション機能以上に細かなことができます。本記事ではJavaScriptを使い、Photoshopをスクリプト制御して、ファイルをリサイズして保存する方法を解説します。 はじめに Photoshopは、印刷、デザイン、Web製作、ゲーム開発などのさまざまな仕事の現場で利用されている画像加工・作成アプリケーションです。このPhotoshopは、バッチ処理を行う強力なアクション機能を備えています。しかし、少し複雑なことをさせようとすると、とたんに限界に行き当たるのが現実です。 Ph
一ランク上の繊細なテクスチャを作成するPhotoshopのチュートリアル
複数の異なるエレメントを組み合わせて、複雑で繊細なテクスチャを作成するPhotoshopのチュートリアルを紹介します。 Textured backgrounds in Photoshop ※クリックで拡大 [ad#ad-2] 上記の繊細なテクスチャは複数のレイヤーに、異なるエレメントを組み合わせ、異なるレイヤーの不透明度とモードが使用されています。 Photoshopでのレイヤーの状態は下記のようになります。
Arrow Photoshop Custom Shapes | www.psd-dude.com
The Photoshop custom shapes are vector shapes that you can save in Photoshop as Preset Type. To create a shape use the Pen Tool or the Rectangle Tool, the Elliptical Tool, the Line Tool etc. Because it's a vector, the custom shape can be resized without loosing its quality. So these cute arrow Photoshop shapes are useful for print materials too. In today's list I have gathered arrow Photoshop shap
商用利用も無料、水彩タッチの高品質なテクスチャ素材
テクスチャのキャプチャ テクスチャ素材の利用は個人でも商用でも無料、とのことです。 また高解像度なため、そのまま背景として使用してもよし、写真などの画像にエフェクトとしても面白い効果が得られます。
光を表現するPhotoshopのブラシ416個*ホームページを作る人のネタ帳
Photoshop光のブラシ web制作を進める上で、光を直接使うのではなく、なにかの背景に潜らせたり、メニューなどの後ろにうっすらと構えているラインとしてよく使われるのが、光のラインシリーズだ。 こうしたブラシは非常に人気が高く、私も良くブクマしているのですが、いかんせん、画像が無いとなんとも情報として使えない。 そこで今回はリンクとイメージを直結してただの羅列エントリとして仕上る事にしました。 あとブラシの設定方法がわからないという人がいたら記事の下のほうを参考にしてみてください。 １(+11) ２(+7) ３(+10) ４(+12) ５(+3) ６(+8) ７(+12) ８(+4) ９(+7) １０(+20) １１(+4) １２(+24) １３(+22) １４(+8) １５(+8) １６(+9) １７(+18) １８(+6) １９(+6) ２０(+8) ２１(+6) ２２(+8) ２
Radar Icon in Photoshop
We have received quite a few emails with requests about some icon design tutorials in Photoshop. I'm not an icon designer per se however I love icons and really admire guys that are good at that, including my friend Everaldo Coelho, currently working at Apple and great inspiration, including for this tutorial. So in this tutorial I will show you how to create a Mac style radar icon in Photoshop. T
Photoshopでテキストのエッジを輝かせる方法 / ウェブデザインライブラリー
投稿日：2010年08月17日 レベル：初級者 ソフトウェア： このチュートリアルでは、テキストのエッジを輝かせる方法を紹介します。 Step1 ： 煙をつくる Step2 ： テキストをつくる Step3 ： テキストをぼやけさせる Step4 ： テキストの端に輝きを加える Step5 ： 煙に光をあてる Step6 ： テキストに影を加える Step7 ： くねくねのラインをつくる Step8 ： 色の調整をする Step9 ： 完成 1300×780ピクセルの新規ドキュメントを作成します。 背景を黒く塗ったら新規レイヤーを作成して「テクスチャ」と名前をつけて、qbrushes.netやbrusheezy.comなどのサイトからグランジなブラシセットをダウンロードしてテクスチャを塗ります。 塗った後に、テクスチャの上でCtrl＋Tを押してマウスを右クリックしてから、「遠近法
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Vip » 誰もが欲しがる、極上テクスチャ40セット集めました。
新着記事
