『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

PCでデザインするとき、同じ作業にしても人によってやり方が異なるためデザインができ上がる時間には大きな差があるはずです。 Photoshopなどはあくまでもツールにすぎず、本当はもっとサイトのコンセプトや構造などを考えることに時間を割きたいのに、デザイン自体の作業に時間を取られていることに頭を悩ませているデザイナーさんは多くいらっしゃると思います。 この問題を解決するためには、Photoshopでの一つひとつの作業を簡単かつ最速で終わらせるテクニックを身につけるしかありません。 そこで、今回は今まで私が身につけたPhotoshopの神業テクニックを8つ、まとめてご紹介します。 各テクニックの見出しの横に「どのくらい時間短縮になるのか」具体的な時間も記載していますのでそちらもご参考ください。 ▼目次 1. ショートカットだけで色を変更できるグラデーションボタン 2. スライス画像をまとめて選

TOP  >  Design  >  いろいろな種類を厳選してまとめたフリーpsd素材集「Free PSD Files for Designers」 なにかと便利に活躍してくれるpsd素材。フリーでも多彩な種類の素材が配布されています。今回はそんないろいろな種類を厳選してまとめたフリーpsd素材集「Free PSD Files for Designers」を紹介したいと思います。 Dribbble – Free Music Player PSD With Album Light/Dark – Free PSD by Ses Vasile Daniel さまざまなデザインシーンで利用できるpsd素材がまとめられており、是非ストックしておきたくなるものばかりが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Free Retro Vector Bad

こんにちは。みなさん5月病になっていませんか？私は新人社員でもないのに半分陥りかけています。友達とぱーっと飲んだりしてストレス解消していますが、いい加減肝臓がやられてしまいそうなので自重気味です。。 さて、デザイン作業が平行すると、ついついPSD(Adobe Photoshop)ファイルの細かいところが疎かになりがちですよね。デザインプレビューのときは見えていない部分でも、コーディング作業をするエンジニアには「このデザインどうなってるの？」「ちゃんと考えて作ってよ！(当たり前ですが)」となんとなくでは作業出来ないことがたくさんです。今回はこれさえおさえておけばきっと大丈夫。エンジニアと険悪にならないPSDファイル作りについて書きます。基本中の基本ですが、忘れたりしてしまうんです…(すみません) その1.マウスオン画像はある？ 「すごく良いボタンを作れた！おしたくなるわこのボタン！」…で、こ

この2つを正しく使い分けることは、綺麗な光を描く上でとても重要です。そこで今回は、加算とスクリーンがどんな計算を行い、どんな働きをするのか、解説してみたいと思います。きっと魅力的な画づくりをするヒントが見つかるはずです！ （本記事ではPhotoshopを中心にAfter Effects, Nukeといったコンポジットソフトについて触れますが、ここで紹介する考え方はその他のグラフィックソフトや映像編集ソフトでも応用できると思います。） ※記事内で説明する「合成の計算式」に出てくるA, Bは以下を指します。 A ＝ 前景のRGB値 B ＝ 背景のRGB値 （もっとも本記事で説明する内容ではAとBを入れ替えても結果は同じです） A, Bは0～1の範囲です。もし8bit色深度の値（0～255）を式に当てはめたいなら、事前に255で割って0～1の範囲にしてください（例：128 ÷ 255 = 0.5

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

「2014年4月の、これだけは押さえておきたいWeb関連の動き」という記事を書いていたところ、あまりにもWebデザイナーのためのPhotoshop関連記事が多かったため別の記事としてまとめました。 Fireworks からの乗り換えの方向けの記事からより速く制作するためのテクニック、Adobe が開発中の CSS をコピーしたり画像アセットをダウンロードするためのWebアプリなど。 基礎〜現役Webデザイナー向けの制作テクニック FireworksユーザーがPhotoshopでwebデザインカンプを作る時、注意が必要なポイントとその解決策 | tipsBear シェイプやスマートオブジェクトを別の PSD に複製する方法 テキストボックスのサイズを変える方法 シェイプなどのサイズを取得する方法 など、普段 Fireworks をお使いの方が Photoshop でWebデザインしようとした

突然ですが、テストです （１）以下の用語を、（）内の単語を全て使って説明しなさい。全45点 ①間隔　（ブラシシェイプ）　　5点 ②散布　（位置・ストローク・軸）　　10点 ③ジッター　（揺らぎ・ブラシシェイプ）　　10点 ④流量　（インク・かすれ・テクスチャ）　　20点 （２）以下のショートカットのコマンドを答えろ（初期設定に準ずる）　全55点 ①硬さを上げる／下げる　　5点 ②直径を上げる／下げる　　5点 ③①と②と一度に変化させる　　20点 ④ブラシウィンドウを開く　　5点 ⑤ブラシの不透明度を２９にする　　10点 ⑥前のブラシを選ぶ、次のブラシを選ぶ 　　10点 [ 　　　／１００点　]

WebデザインにPhotoshopを使い始めて３年目です。 そんな３年目が普段から助けられているPhotoshopの「スマートオブジェクト」を、 普段どう使っているのかを紹介しようと思います。 ちなみに、ファイヤーワークスのシンボルみたいな機能ですね！ 誰かに教わったわけではないので、基本に忠実じゃなかったりするかもしれませんが、 ツールの使い方や機能についての考え方などは、人によって違うってことで勘弁してくださいね！ スマートオブジェクトの便利な使い方 1.写真の元画像を維持したまま編集する 2.コピーした後に一斉に見た目を変更する 3.マスクとして利用する 4.レイヤースタイルを重ねて適用する 5.レイヤーのグループ化に使う 6.Illustratorで作成したオブジェクトをスマートオブジェクトで読み込む ざっとこんな感じでスマートオブジェクトを使っています。 元画像を読み込み直すのが

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか？ 使い勝手の良すぎるドロップシャドウに警鐘！シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1：黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか！と目から鱗でした。 その2:シャドウに空の色＆地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ

個人や数人のチームで起業することがますます一般的になりインターネットというフィールドを越えて非常な大きな力を振るっている。しかし企業の難しさは根強く残っており、創業者たちに多くの能力が求められていることも事実だ（優れた起業家に必要な10の基本資質）。Webサービスについて云えば、ニーズをもとにした商品のデザインだけでなく、商品の完成やコーディングまでもが必要とされている。 どうやれば半年以内に、独学でインタラクションデザイン・平面デザイン・ウェブデザインやアプリデザインまでを習得できるのだろうか。ここではNaderというデザイナーが綴った、半年間の体験の記事を紹介する。彼の経験はデザイナーに転職したい人だけでなく、数多くのデベロッパーたちにも役立つはずである。参考記事（米国のデザイン教育から学んだこと）と併せて読んで頂ければ、理解がより深まると思う。 米国のデザイン教育から学んだこと すべ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ドットインストール代表のライフハックブログ

もくじ 大きな角丸はあまり使わないほうがいい理由 要素によって角丸の大きさを使い分ける理由 大きめの角丸でもおかしくない場合は？ 角丸の大きさを後から調整するPhotoshopプラグイン はじめに なんとなくで使っていたけど、一度ちゃんと考えてみよう！と思わせてくれたきっかけは、こちらのスライドでした。 今回は、こちらのスライドの角丸についての部分に沿って考えていこうと思います。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック 大きな角丸はあまり使わないほうがいい理由 「ズルいデザイン」のスライドでは、「角丸は5〜6pxくらいが最も無難でキレイ」とのこと。また、下記のようにも言われています。 「R半径が大きい角丸は、野暮ったいデザインになりやすいので、あまり使わないほうがよいです」 引用元：少ない手間と知識でそれなりに見せる、ズルいデザインテクニック たしかに、私も以前に、デ