『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
TOP > Design > 種類豊富なフリーPSDwebサイトテンプレートまとめ「Best of 2015: 100 Free PSD Website Templates」 活用するととても便利なテンプレート。中でもwebサイトのデザインテンプレートは、すでに完成されたデザインを使ってサイト設計ができるとても魅力的な存在です。今回はそんなwebサイトテンプレートを多数まとめた「Best of 2015: 100 Free PSD Website Templates」を紹介します。 Dribbble – Free psd template by Yana Smirnova 2015年のベストテンプレートが揃っており、ジャンルやテーマもさまざま。見応えのある内容も魅力となっています。きになったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Retina Read
Photoshopはデザインに欠かせない便利なツールですが、そのまま使っているだけではもったいないです! Photoshopでの作業がさらに捗る便利なプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境(Win/Mac, CC 2015)で利用しています。 よく使うドキュメントはテンプレートとして管理 レイヤー数が多くても目的のレイヤーにすぐにアクセス ガイド引きの定番「GuideGuide」は大幅バージョンアップ ガイド引きは「QuickGuide」も欠かせない スクリーントーンや集中線を生成する「Comic Kit」 磨りガラスのようなエフェクトを与える「Blur Like Jony」 カラー・テキスト・フォントサイズなどに変数が使える「Ditto」 ガイドライン作成に欠かせない「Ink」も大幅バージョンアップ 複数の要素を変形させる時に位置はそのままで レイヤー
HOMEブログウェブ制作FireworksからPhotoshopへ移行するためにすること。 | ネクストページブログ こんにちは! デザイナーのiuchiです。 2013年に開発終了が発表されたFireworksですが、大勢のFireworksユーザーは、他ツールへなかなか移行できずにいるのが現実ではないでしょうか。 SketchやIllustratorなど代替ソフトの候補は色々ありますが、やはり業界で一番スタンダードであろうPhotoshopは外せませんよね。 今回はFireworksユーザーが、PhotoshopでWebデザインをする際に知っておくと便利なTipsをまとめてみました。 ★前準備 CS6以前のユーザーはCCに移行する CS6以前と比べ、最近のPhotoshopはWebデザインをする為の機能が少しずつ追加され、以前より使いやすくなってきました。 グループにレイヤー効果を適用
この記事は「Webデザインセオリー Advent Calendar 2015」の11日目の記事です。@striveさんの「Webデザインの価値と効率を上げるため意識していること Webデザインセオリー Advent Calendar 2015」というとても戦略的でいい記事から一点、小手先の話ですみません・・・! デザインに写真を使うときにわたしがよくしていること 「デザインセオリー」というと「これをやればデザインはOK!」みたいに聞こえますが、もちろんそんなことはなく、自分が画像をトリミングしたりマスクするとき、イメージや印象を伝えるために、どんな手法をよく使うかということを実例を交えながらご紹介します。 グラデーションマスクにこだわってみる メインイメージなどで、写真の上にメッセージを重ねるのはよくある手法ですね。例えばこの緑をバックにした女性の写真を使用して、上に文字を重ねましょう。
Webデザイナーとしてのキャリアを歩み始め1年目。基本的なスキルを学び、業務をひと通りこなせるようになったものの、先輩デザイナーと比べると、差を感じてしまうという方もいるのではないでしょうか? Webデザイナーはクリエイター系の職種であるため、「センス」が重要視されるシーンが多いです。しかし、“学び”によってスキルアップできるのもまた事実。むしろ、テクノロジーの発展が著しい業界ということから、プロとして仕事を続けるのであれば学び続けなければならないのは宿命かもしれません。 そこで、今回は「Photoshopを使ったデザイン」や「HTMLなどの言語を使ったコーディング」、「Webデザイナーとしてインプットしておきたい情報」に関する30記事をご紹介します。 Photoshopなど、デザインに関する記事10選1.良いデザインって?技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと こ
難しい加工デザインに光を導き出す Photoshopチュートリアル集「New Photoshop Tutorials That will Boost Your Workflow」 写真加工はデザイン業務では頻繁に行う仕事の一つですが、加工が苦手な方にとってはどうしても避けてしまう・方法を思い悩んでしまうことも多いはず。今回はそんなときに参考にしたい、Photoshopチュートリアル集「New Photoshop Tutorials That will Boost Your Workflow」を紹介したいと思います。 How to Create a Bronze Beveled Text Effect in Adobe Photoshop – Tuts+ Design & Illustration Tutorial 難しい加工デザインに光を導き出すさまざまな種類のチュートリアルが紹介されてい
グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々(バンディング)を取り除いて、美しく仕上げるPhotoshopのアクション。 バンディングを取り除く仕組みは、以前の解説記事(グラデーションをより美しく滑らかにするPhotoshopのアクション )をご覧ください。
はじめまして。新人デザイナーのタクと申します。 突然ですが、Fireworksと言うソフトをご存知でしょうか。 WEB系の方たちはもちろん知ってるこのソフト。私も使用しておりました。 WEB用の画像作成ソフトとして位置づけられ、ビットマップとベクターデータをあわせて使いやすく、基本的なWEBデザインで使用する機能が、とても見やすく触りやすいのが特徴たったのですが、 2013年5月6日、開発元の米Adobe Systemsによって、開発終了が発表されてしまいました。 [現在(2014年7月)ceative cloudを購入した場合は、FWはCS6がダウンロードできます。] これに伴い、私のようにほとんど触ったことのないPhotoshopへの転向を決意せざるを得ないFireworksユーザーは今後も増えていくことでしょう。 Fireworksヘビーユーザーの方がストレスフリーでPhotosho
こんにちは。デザイナーのハルエです。 普段Webデザインを制作する上でPhotoshopを使用している方は多いかと思いますが、いかに自分に合った環境にカスタマイズするかで作業効率は大きく変わってきます。 今回はいつものPhotoshopがさらに快適になる無料プラグインをご紹介させていただきます。 【こちらもおすすめ】 おすすめPhotoshopプラグイン WebINK http://www.webink.com/webfontplugin/ ※現在このサービスはご利用いただけません。 Google Web FontなどのWebフォントをPhotoshop上で表示、利用することができます。 最初の同期に少し時間がかかりますが、あとはデザインしながら手の届くところでWebフォントがさくさく選べてしまうので、非常に捗ります。 Photoshop CS5から対応しています。 flaticon ht
来月に発売されるMartynの新作にFour Tetが参加してるみたいなので、とても気になるokadaです。 今回は、Photoshopのチュートリアルを集めました。よろしくお願いします。 Amazing Water & Light Splash Effect in PhotoShop 水しぶきとライティングを用いたチュートリアル。イベントのフライヤー等に活用できそう。 Amazing Water & Light Splash Effect in PhotoShop Show me the light - Digital Art Tutorial こちらもライティングを用いたチュートリアル。光らせ方がとても参考になります。 Show me the light - Digital Art Tutorial Quick Tip: How to Create a Triangle Pixelat
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
If you have ever designed a simple website template in Photoshop, you may have found yourself in need of a quick but chic way to show a screenshot of your final masterpiece. However, sometimes a simple screenshot just won’t do and so, there’s a need to create a web browser frame of your work. In such a case, ready-made web browser frame PSD templates can come in handy. Take a look at the following
Photoshopはあらゆるところで使われており、だからこそ山のように使い方を解説したチュートリアルがあるわけですが、その中でも特に「これは!」と思われるようなキラーチュートリアル30個です。 30 Killer Free Photoshop Tutorials http://slodive.com/photoshop/free-photoshop-tutorials/ ◆1:ダーク・フォト・マニピュレーション「ヴァンパイアハンター」(光と影をうまく操作するためのレタッチ・カラー調整・レイヤーの操作が分かる) ◆2:魅力的なオウムの写真操作(動物の写真を抽象的かつインパクトのある画像に加工するレイヤー操作方法) ◆3:Photoshopで手描き風イラスト ◆4:雰囲気のある風景に加工する(レイヤーとテクスチャを駆使してそれっぽくする) ◆5:水であふれて見るものを不安にさせるシーン作り(2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く