『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
Photoshopでのデザイン作業で使えるお役立ちツールの一つにグラデーションファイルがあります。 グラデーションファイルとはその名の通りグラデーションが設定してあるもので、使いたい時に設定するだけでいつでも任意のグラデーションを適用できます。 作業時間を一気に短縮してくれるだけでなく、最適なカラーリングを確実にできるという点も大きなメリットです。 今回は、便利なグラデーションファイルを50個ピックアップしてご紹介します。 ホームページで使いやすいものからイラストに使えるものまで多様に揃っていますので、使えそうなものがあればぜひダウンロードしてみてはいかがでしょうか。 デザイン作業の効率化を上げる!Photoshop用グラデーションファイル50選 1.Candide Ps Gradients http://feniksas4.deviantart.com/art/Candide-Ps-Gr
Photoshopはデザインに欠かせない便利なツールですが、そのまま使っているだけではもったいないです! Photoshopでの作業がさらに捗る便利なプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境(Win/Mac, CC 2015)で利用しています。 よく使うドキュメントはテンプレートとして管理 レイヤー数が多くても目的のレイヤーにすぐにアクセス ガイド引きの定番「GuideGuide」は大幅バージョンアップ ガイド引きは「QuickGuide」も欠かせない スクリーントーンや集中線を生成する「Comic Kit」 磨りガラスのようなエフェクトを与える「Blur Like Jony」 カラー・テキスト・フォントサイズなどに変数が使える「Ditto」 ガイドライン作成に欠かせない「Ink」も大幅バージョンアップ 複数の要素を変形させる時に位置はそのままで レイヤー
デザイン基礎のための記事やサイト HTMLとCSSの基本をサルでもわかるようにまとめてみようと思う。読むだけでWebデザインを独学できる!絶対押さえておくべきサイト10選ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27ノンデザイナー必見! 絶対に見ておきたいデザインスキルアップできる記事12選今更聞けない!エンジニアのための CSS の基礎講座 〜ボックスモデル編〜デザイン基礎のための動画サイトWebデザイン無料動画講座ドットインストールCODEPREPProgateレイアウト基礎Webデザインの基本が身につく!ページのグリッド・レイアウト・要素配置の効果的な使い方のまとめ文字やフォントの基礎ノンデザイナー向けガイド!文字を美しく並べる3つの基本テクニックデザイン初心者が覚えておきたい、文字フォントの基礎テクニック26個まとめUIの基礎UIデザインについて改めてしっか
こんにちは。 Sketch3にPhotoshopから乗り換えて1年が経つデザイナーです。 すでに使っている人が多数かと思いますが、慣れ親しんだPhotoshopを止められない!という方もいるのではないでしょうか。 今回は、「Sketchって気になってるけど実際どうなの?」「Photoshopとどっちがいいの?」という方へ向けて、Sketchが優れている理由をいくつかあげてみました。 是非参考にしてください! Sketchとは SketchはMac用のベクターグラフィックソフトです。 ベクターソフトでありながらピクセル基準で作成することが前提のつくりになっており、Web制作やUIデザインに特化しています。 日本でのweb制作といえば、Photoshopが有名かと思います。 筆者も以前はPhotoshopをメインに使っていましたが、今ではSketchに魅了されメインソフトにしました。 アプリケ
人物と背景を合成したい場合、予め人物の背景を透明にしたままでPNG画像保存をしておくことで、さまざまな別の背景画像に入れ替えることが可能になり、バリエーションを増やすことができます。 関連記事 ⇒ これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。 しかし、背景の色によっては合成したい画像がうまくなじまず、”カスカス”してしまう部分が出てくることがあるので、ここではカスカスさせることなく、うまく背景になじませるテクニックを解説します。(動画は最下部です↓) Photoshopを使っている人であれば、ブログのヘッダーデザインをする際などに、かなり役立つテクニックなので覚えておいて損はないと思います。 背景が透明なPNG画像があるとバリエーションを作るのがとても簡単!例えば、このような白い背景のヘッダーデザインをしてみます。 背景が透明なP
Ink CC2015にインストールしたので、その手順を。 ダウンロードした「Ink.1.5.3.zip」を解凍します。 CC2015で利用する時は、「Ink.1.5.3」内の「Photoshop CC 2015」フォルダを開きます。 「Photoshop CC 2015」フォルダ内の「Ink.zip」を解凍します。 ※フォルダの中身は変更しないでください。 解凍したInkフォルダを移動するフォルダを開きます。 OS X: ライブラリ\Application Support\Adobe\CEP\extensions\ Win 64: C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\ Win 32: C:\Program Files\Common Files\Adobe\CEP\extensions\ 「extensions」フ
Webデザイナー初心者の方は、日々の仕事で知識やスキル不足に頭を悩ませる場面が多いのではないでしょうか。だけど時間もお金も足りない新人にとって、学校に通ったり、腰を据えて教科書を読んだりというのはなかなか難しいもの。 そんなときは、Web上の有益なサイトで勉強するのはいかがでしょう。今回はWebで見ることができる、教科書並の情報量のサイトや、Webデザインの参考になるサイトなど、全部で20サイトをまとめました。 Webデザインの教科書として読みたいサイトまずは、Webデザインの基本から応用まで網羅的に揃っていて、まさに教科書のように使えるサイトを紹介します。どれもブラウザに開いて常備したいサイトばかりです。 1. Webデザインレシピ ※2020年8月現在、掲載終了 一つひとつの記事にボリュームがあり、ここを読めばWebデザインについて体系的に学べる、まさに教科書のようなサイトです。サイト
私はWeb制作会社を経営しており、2023年現在で36歳になります。 28歳の時にWebデザイナーに転職してWeb業界でのキャリアをスタートさせ、32歳で独立しました。 この記事では、私が28歳の時に未経験から独学でWebデザイナーに転職した方法を紹介しています。 効率的な勉強方法や習得すべきスキル、転職活動のコツなど、Webデザイナーを目指している人におすすめの内容になっています。 また、今はWebデザイナーを採用する立場になっているので、「こんな人を採用したい」という視点も加わっています。 28歳(当時)の未経験がWebデザイナーに転職 Webデザイナーになるまでは、Webデザインどころか、デザインの仕事やプログラミング、Web関係の仕事すらやったことがありませんでした。 最初からデザインのセンスがあったわけでもなく、今見るとWebデザインの勉強を始めた頃作ったサイトは酷いものでした…
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 いやーやっぱりAdobeは凄い。流石としかいいようがありません。 先日、ごりゅご.comの中の人に教えてもらったのですが、Adobe Lightroomが神すぎる。 どう神なのか?もうこれは見てもらうのが一番早いでしょう。 これは今朝食べた、「生鮭バター焼き定食」の写真ですが、ビフォーアフターが強烈すぎる。 ビフォー アフター もうこの差は圧倒的ですね。もう一枚いきましょう。 ビフォー アフター すげぇ。。。Lightroom(ライトルーム)というネーミングは伊達じゃありませんね。 もう雨の日だろうが、雪の日だろうが、雷鳴轟いてようが、このアプリさえ持っておけば、我々はもう光源を持ち歩かなくていいわけです。 いやー凄い。 さて、どのようにこのように調整
Photoshopは写真の補正をしたり、グラフィックを作ったりとあらゆる作業に活用できる非常に万能なソフトです。PhotoshopはWebデザインにおいても欠かせないツールですが、意外にも使ったことがないという方、試してみたけれど使い方が分からない方も多くいらっしゃいます。 今回は、WebデザインでPhotoshopを使いはじめようとしている方に読んでいただきたい記事をまとめてご紹介します。作業の手順から効率化までしっかりと理解することができますので、参考にしてみてください。 PhotoshopでのWebデザイン作業で読んでおきたい記事まとめ 1.PhotoshopでWebサイトのデザインをしよう|Webクリエイターボックス http://www.webcreatorbox.com/tech/photoshop-web-design/ Web関連の情報を幅広く届けている「Webクリエイター
Adobe MAX 2015で発表されたアドビが研究中の新技術〜スニーク・ピークで発表された未来の11の技術 アメリカ・ロサンゼルスにて開催されているアドビシステムズ(以下、アドビ)のクリエイティブティ・カンファレンス「Adobe MAX 2015」。初日の基調講演(参考記事「[速報]Adobe MAX 2015 基調講演レポート」)に続いて、二日目は「スニーク・ピーク」というアドビが開発中の実験技術を紹介する講演が行われました。紹介された技術は将来的に搭載されるかもしれない技術であり、未来のAdobe Creative Cloudの新機能を一足先に知ることができます。現地に渡った弊社ICSの池田が速報レポートとしてお伝えします。 簡単な操作で新しいフォントを作り出せる技術:Project Faces フォントの骨格を解析し、字形を自由自在に調整し新しいフォントを作成できる技術。 ▲フォン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く