『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
画像処理.comでは、こんなことが学べます! ラインの効率化や不良品検査など、FAを考える上で切っても切れない「画像処理」。 コストパフォーマンスを最大化する導入のためにはレンズの選定や照明などの設定、位置決めなど様々なノウハウが必要です。 ラインの目視検査を自動化したいと考えたことがある 画像処理(カメラ検査)を検討したが、難しそうだと導入をあきらめたことがある という方は、当社新人研修プロ講師が、画像処理について徹底解説するこのサイトをご利用ください。 画像処理に用いるハード(撮像素子CMOSやレンズ、照明など)やソフト(各種検査における画像処理の手法など)に関する基礎知識、また、現場での実践に役立つ基礎知識について解説します。さらに、画像処理に関する基礎知識を再確認したり、気軽に理解を深めたりすることができるクイズ集「画像処理理解度テスト」や、画像処理の歴史に関するトリビアもご用意。
効かせましょうそうしよう。 じゃこれを。 人物をもう少し明るくしてやりたい、でも背景はいじりたくない。とします。 でも、参考エントリの方法ではうまくいきません。 Cmd(ctrl)+Option(Alt)+2、でRGB合成チャンネルからグレースケールを拾って、反転してトーンカーブのレイヤーマスクにするだけでは、 背景も明るくなり過ぎちゃうんですよね。これはこれで…な気もしないでもないけど、やっぱ下手なHDRぽくて嫌。 というわけで、マスクをきっちり編集しましょう。方法は二つあります。 ①マスクをトーンカーブで編集する チャンネルパレットの「RGB」をCmd(ctrl)+クリックするか、Cmd+Opt(Alt)+2(キーボードショートカットで「従来のチャンネルショートカットを使用」していない場合。チェックを入れている時は「^」)を押して選択範囲を取り、すぐさまQでクイックマスクモードに入って
最近のことですが、 私の描いた絵を見せている絵が上手な人に 「管理人さんは、そろそろ色んな質感の塗りなんか勉強したらどうかな?」 といわれ、 その方に面白い勉強方法を教えて頂きましたのでご紹介したいと思います。 この勉強方法は プロのアーティストの人もたまにやっている勉強方法 だそうです。 【勉強方法】 一つのイラストやキャラクターを描いていると 多くの質感を描くことは少ないかと思います。 例えば女性のキャラクターを描くだけなら、 肌・髪・服ぐらいでしょうか。 また、完成までに多くの時間がかかってしまうので 色んな質感を描く経験が少ない状態になってしまいます。 ですので、 今回の勉強方法は 「様々な質感を小さく描いて数をこなす」 方法になります。 勉強方法はいたって簡単です。 次の画像にお題に描かれた質感を描くだけです。 【元URL】 円柱や球が選ばれているのは、 質感に対する光の当たり方
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
シネマグラフを知っていますか? 写真の一部だけを動かして、そこに注目を集める手法です。不思議で効果的なアニメーションが作れますよ。 シネマグラフはJamie Beck氏とKevin Burg氏がブログ「From Me to You」の中で初めて紹介した手法です。こちらで他の作品もチェックしてみてください。 早速、米Lifehackerでもサンプルを作ってみました。鼻をグリグリほじるちょっとふざけたアニメーションがご覧いただけたはずです。今回は、このシネマグラフをどうやって作ったかを紹介します。あなたも自分の作品を作ってみてください。動画で見るのが一番わかりやすいので、まずは冒頭の動画をチェックしてください。以下に、詳しい手順を書いておきます。 ステップ 1:アイデアを考え、短い動画を撮る まず、動画クリップを作成します。何か特徴的な動きが入っているといいでしょう。例えば、前出のコーヒーをス
HTML 画像とキャプションのテキストをfigure要素で配置し、divで内包します。 <div class="flip-3d"> <figure> <img src="yacht.jpg" alt=""> <figcaption>Yacht</figcaption> </figure> </div> <div class="flip-3d"> <figure> <img src="bee.jpg" alt=""> <figcaption>Bee</figcaption> </figure> </div> シャドウ用の余分なマークアップは、必要ありません。 CSS まずはfigure要素を3Dにし、各画像をfloatで配置します。 div.flip-3d { perspective: 1200px; width: 30%; float: left; } div.flip-3d figure
こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D で 描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを
dribbbleに投稿されたデザインで、コメントのやり取りがちょっと興味深いものなので紹介します。 簡単に意訳すると、 ビジター「デザインきれいだな、文字周りの処理に秘訣とかあるの?」 オーナー「文字をクリアにみせるために、Photoshopでこういう風にやってるよ。」 という感じです。
あら簡単!写真やウェブページの画像にパースをつけてかっこよく魅せるPhotoshopのアクション -Perspective Actions
こんにちは、デザイナー兼フォトグラファーのおまめ (@omame_creator) です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください! 独学でつまずいていませんか? Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして!デザイナーのマチダです。2012年4月に新卒入社し、現在はスマートフォンゲームのイラストを制作しています。 はじめに-Illustratorの仕組み-多機能によってグラフィックだけでなく文書作成などマルチに活躍できるIllustratorですが、機能の多さに最初は何をどのように使ったらいいのか戸惑うかと思います。 <illustratorでイラストを描く際に心がけていただきたいこと> 普通絵を描く時は線画を描いて着彩すると思いますがIllustratorは少々違い、"様々な形をした図形を配置"して絵を描きます。図形を上に重ねていくことで
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない! 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか!」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
Googleページとは 2011/11/08 3:00にリリースされたGoogle+の待望の新機能です。Google+ページを作成することによって、企業はSNS上でビジネスとしての展開が可能になります。例えば、新商品の紹介や、サービスの宣伝など、Google+ページはビジネスにおけるSNSの新しいカタチを提供してくれます。 Google+ページを作成する Google+ページを作成するには、すで作成されたGoogle+ページのサイトにアクセスします。 no title ここにアクセスしてみましょう。これがGoogle+ページで作成されたページです。 このページの左下に「Google+ページを作成」というボタンがあるのでこれをクリックします。 また、Google+のトップページ右カラムのメニューからもジャンプすることができます。 カテゴリを選択する クリックするとこのような画面が表示されます
シネマグラフというのはGIF画像で作られた「一部分だけが動く写真」の名称となっています。 まずは説明するよりも実際に見て頂きましょう。 このように画像の一部分だけが動くという 不思議な写真を創り出すことができるのですが このシネマグラフ、意外と簡単に作ることが可能で WindowsでもMacでも今すぐに作成することが可能です。 ちなみに以下はウチの猫で作ってみたシネマグラフです。 今回はシネマグラフの作り方を写真を交えて紹介しますので、興味のある方は以下のステップで作ってみましょう! シネマグラフの作り方まとめ 1,Photoshop CS5 Extendedを用意します。 体験版で作れるので体験版をダウンロードすればOK! 2,動画を用意します。 今回は「流れ続ける水を猫がずっと見ている」という写真を作るため、 実家の猫を使ってキッチンで動画を撮影してみました。 3,撮影した動画を先ほど
Blog Welcome to Web Design Library, the ultimate source of all sorts of info that you need in your professional life. Visualizing Success: Understanding 3D Rendering, Its Benefits, and Choosing the Right Partner There is a growing interest in effectively communicating ideas, designs, and concepts across different industries like architecture, interior design, gaming, and product manufacturing, whe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く