『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
こんにちは。mackyです。 もうすぐカレーの季節ですね。「CSS カレー」で検索したら(暇じゃないです)「フレームワークはカレーのルーだ!」って記事が引っかかりました。 この一文でイメージがつかめる素晴らしい例えですね。カレーってすごいですね。(暇じゃないです) さて、今日はタイトル通り、人物をいい感じに素早くキレイに切り抜く方法をご紹介するのですが、特に人物の服と背景が同化しちゃってるような写真の場合に使える技だと思います。 使用するツールはPhotoshop CS5.1です。 こんな感じの写真を用意します。 ※ロイヤリティフリーの素材を使用しています。 ポイント1:レイヤーを最低2つ以上複製しておく。 複製はいくつあっても構いませんが、最低2つは複製しておいてください。背景はひとまず非表示にしておきます。 ポイント2:明度を下げてしまおう。 一番上のレイヤーを選択し、調整レイヤーから
この花火の加工の方法は1枚1枚写真を足していって1枚の写真に仕上げています。下記のこのような写真を足していくと上記の画像のような写真になります。 --- では逆にこの写真の花火の部分を引いていくと、 と考えました。 実はこの「複数枚から同じ部分は残しておいて、違っている部分だけを消す」という処理方法はPhotoshopのある機能を使えば実現出来るのです。 ノイズはどの写真も微妙に違う花火が写っていない夜空の写真というのは、そんなに欲しいと思わないでしょう。特に必要性が無いのと、簡単に撮影できるからです。 そこで、「普段は写っているけど、写っていないと嬉しいもの」を考えたとき、自分が思いついたのはノイズでした。 都合が良かったのはどの写真のノイズも微妙に違う(ランダム)ということです。 風景はずっと動きませんが(同じ部分)、ノイズだけはバラバラです(違う部分)。つまり、風景が固定されてる写真
CSSスプライト用の画像はどうやって作成してますか? ロゴやナビゲーションやアイコンなどをPSDファイルにちまちま並べて、Photoshopで書き出す感じでしょうか。 そんな面倒な作業とおさらばできる便利な機能拡張「Sprite Sheet Gen」を紹介します。 しかもコリスのビジター限定で3名様にプレゼント! そして絶対欲しい人用に半額キャンペーンも同時に行います! 応募期間は、2015年5月28日で終了しました。 半額キャンペーンは、29日23:59までです。 Sprite Sheet Gen コリス限定:プレゼント企画と半額キャンペーン 「Sprite Sheet Gen」の紹介 「Sprite Sheet Gen」の使い方 「Sprite Sheet Gen」をプレゼント! 応募期間 応募要項 当選発表 コリス限定:プレゼント企画と半額キャンペーン 今回は通常のプレゼント企画だけ
Repliaというアプリのアイコンと、サンプルPSDを描きました! デザイナーにも開発者にもうれしいアプリなので、使い方を解説します Repliaとは RepliaはPhotoshopのデザインからiOSのソースコードを生成してくれるアプリです まずは30秒の使い方動画をみてください!魔法みたい Repliaで書きだしたプロジェクトファイルをSimulatorで見るとこんな感じ! あっという間にSimulaterで見られるかたちに整えてくれるのはスゴイ…スゴイよ… ざっくりしたアプリ使用の流れは Repliaでpsdを読み込む Xcodeのプロジェクトファイルに書き出し です セットアップ方法 Repliaを使うにはAdobeのPhotoshopで設定が必要です フォトエディター | Adobe Photoshop CC無償体験版ダウンロード 公式ページのガイド:Guide - Repli
ゲストライターの村上です。 先日、Creative Cloud フォトグラフィプランをプライベートで導入しました。Lightroomを使ってみたいのと、Photoshopの最新機能をいつでも導入したいと思ってました。昔なら10数万払って購入していたものが、月額1000円で導入出来るのは非常に良いですね。 OSのアップデートがあると古いソフトは不具合が起こることもあるので、アップデートの更新費用を考えたら、かなりお得に感じます。 Adobe製品は仕事でも使っているので、何回かは今までにアップデートしながら使っています。そういった時にいつも自分が行っていることがあります。それは新機能の確認です。 アップデートの1番の醍醐味はやはり新機能の追加だと思います。しかし新機能なので当然ながら、それに関しての記事が非常に少ないです。なので自分はアップデートが行われてしばらくたった後に、辞書のような厚さの
2018/05/07 バージョンアップ間近! Movable TypeのメリットをWordPressと比較してまとめてみる。久々のバージョンアップを迎えるMovable Type。WordPressの陰に隠れて過小評価されがちなそのメリットをおさらいします。 WEBディレクター虎の巻tech tech 散歩 2018/01/10 フロントエンド開発の品質と効率向上のための私たちの取り組み複雑化・高度化するフロントエンド開発の課題を解決し、品質と効率を同時に向上する仕組みづくりを進めています。 tech tech 散歩 2017/12/19 なぜその文章に説得力がないのか?WEBライティングのここを見なおす。つまらなければ即離脱...のWEBだからこそ必要な、簡潔で説得力のある文章。どのようにすれば書けるのでしょう。 WEBディレクター虎の巻
手軽に高品質なグラフィック表現ができるフリーPhotoshopブラシまとめ「40 High-Resolution and Free Photoshop Brush Packs」 Photoshopに搭載されている機能の中で、多くのデザイナーによく利用されているブラシツール。フリーで配布されているものを取り込むことで、さまざまな表現が可能になります。今回はそんなブラシを集めた「40 High-Resolution and Free Photoshop Brush Packs」を紹介したいと思います。 Dribbble – Free Subtle Brush Set by Jack Fahnestock 手軽に高品質なグラフィック表現ができるフリーPhotoshopブラシがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 26 Vintage
簡単にハイクオリティなタイポグラフィーデザインを表現することができるテキストエフェクトのまとめです。 いずれもファイル内に用意されているテキストやスマートオブジェクトを任意のものに変更するだけでエフェクトを適用させることができ、デザインツールの操作が苦手という方でも簡単に作成することができます。 形式はほとんどがPSDで用意されており、中にはひとつのファイルで複数のエフェクトが用意されているものもあります。 また、素材によってはサンプルで使用しているフォントもセットになっていたり、使用フォント名やダウンロード先などの情報を同梱してくれているので、「そのままサンプルイメージで使用されているフォントを使いたい!」という場合もわざわざダウンロード先などを探さずにすみます :) 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
トップレタッチャーがフォトショップで6時間かけた作業を、90秒にまとめた動画2015.05.10 10:008,559 渡邊徹則 デザイナー涙目、の動画かもしれません。 VOGUE、Elle、GQなどの世界的な雑誌で活躍するレタッチャー、Elizabeth Mossさんが、その技術を惜しげもなく披露した動画を公開していました。内容は、彼女とそのスタッフがモデルさんの写真をフォトショップで6時間かけて修正した過程を90秒にまとめたもの。 ちょっと速すぎてわかりにくい部分もありますが、使用しているツールなど、同じデザイナーの方ならかなりのヒントになるのではないでしょうか。 今回投稿された3つの動画について、Mossさんは 私達のようなトップレベルのレタッチャーが、自分たちの秘密とも言える動画を公開するのは、おそらく初めてのことでしょう。というのも、リタッチの手法を公開した動画は今までにもありま
Photoshopのアクションが英語版だと、使えない、途中で止まってしまうことがあります。その際の解決方法を記したので、困った時は参考にしてください。 英語版のアクションが途中で止まってしまう! 更新 2020/11/11: CC 2021のリリースに合わせて、記事をアップデートしました。 英語版のアクションが途中で止まってしまう原因 PSDファイルを直す方法 PhotoshopのUIを英語に変更する方法 アクションを直す方法 英語版のアクションが途中で止まってしまう原因 Photoshopで英語版のアクションが途中で止まってしまう原因は、アクションが名前ベースで操作が設定されている場合です。例えば、あらゆる被写体をゴールドにする無料アクションで紹介したアクションを例に見てましょう。 Gold Effect.atnを実行、途中で止まってしまう このアクションの場合の原因は、 アクションでは
Adobe Add-onsで拡張機能を手に入れるゲストライターの村上です。 自分は知っていて他の人は知らないなんて事はよくあります。 日常生活でもそうなのですが、仕事でもそんなことよくはあります。 この間の事です。 Photoshopの機能拡張の記事を友人から「これ便利だよ!」と教えてもらいました。拡張機能とはアプリケーションに後から追加出来る便利なオプション機能のこと。 ところが、見たところAdobeのAdd-onsというサイトにも載っていている拡張機能が多かったのです。 なので『AdobeのAdd-onsのサイトにも同じ拡張機能があるよね。』と伝えた所、『そのサイトを知らない。。』と言うので、そのサイトについて説明しました。 自分は以前の会社でそのサイトの存在を認識していたので当たり前のだったのですが、そのサイトの事を知ってる人は以前の会社以外の人ではほとんどいないと思いました。 Ph
Adobe製品といえば、Photoshop、Illustrator、 Dreamweaverなどがありますが、 実際に使うとなると難しそうだし…と躊躇してしまう人も 多いと思います。 参考書などを購入して勉強するのも良いですが、 実は、Adobe社から公開されている公式の入門サイトがあるのです。 それが「Adobe Pinch In」というサイトです。 ご存知の方も多いとは思いますが、 公式サイトだけあり、内容も分かりやすく充実していますので、 Photoshopなどマスターしたい方は是非見てみて下さい。 既に製品を使われている方でも、もしかしたら知らない方法もあるかも しれないので、一度見てみると良いかもしれません。 説明には画像もたくさん使われているので とても分かりやすいです。 また、経験豊かな著者陣が執筆している 制作コラムのページもあるので役に立つと思います。 では、どの様なコン
マイナビクリエイター公式ブログ「マイナビクリエイター編集部」を御覧の皆様ご機嫌麗しゅう。OZPAの表4というブログを運営しております@OZPAと申します。 普段は都内のデザイン会社でコーダー寄りのWebデザイナーとして働く会社員です。5年ほどDTP・グラフィックのデザインをしておりましたが、3年前の春から配置転換によりWeb担当として業務に臨んでおります。 この連載では、そんな「何もわからない状態からWebデザイナーとなった私」が、Webデザイナー・コーダーを目指して転職活動を行う方のためになるようなコラムを書かせて頂きますわよ! さて。Webデザイナーにとって必須のアプリといえばAdobe PhotoshopとIllustratorです。 少し前までは、Webデザインカンプ製作はPhotoshopのみを使用することがほとんどでした。しかし、Retinaディスプレイを始めとする高画素デバイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く