デザインの作業フローが大きく変わる！PhotoshopやIllustratorに予定されているAdobe Senseiの機能のまとめ
2018年1月末のアップデートで、ついにPhotoshopでもAdobe Senseiが実装され、複雑な選択範囲が1クリックで簡単に作成できるようになりました。 紹介記事: Photoshopの選択範囲の作成が驚くほど簡単に PhotoshopやIllustratorなどに実装が予定されているAdobe Senseiの機能を紹介します。Adobe Senseiの主な役割は作業的な部分の効率化で、これにより人はよりクリエイティブな部分に時間を割くことができます。 Adobe Sensei|AI（人工知能） Top 11 Tech Sneak Peeks from MAX 2017 that Wow'ed ※記事の掲載にあたり、Adobe広報様に許可を頂いています。 Adobe Senseiが最適な画像を見つけ出す -SceneStitch Adobe Senseiがデザインの要素を認識する
ろくでブログ
Adobe XDが台頭してきていますが、まだまだPhotoshopでデータ作成が必要な場面も多いです。特にレスポンシブデザインの制作では、PC、タブレット、スマホそれぞれのデータを用意する必要がある一...
ワンクリックで写真の人や物を選択できる機能「Select Subject」がPhotoshopに登場
画像加工ツールとして高い支持を集めるPhotoshopに、ワンクリックするだけで背景と物体を切り分けられる機能「Select Subject」が発表されました。これまで必要だった面倒な手作業が不要になる強力な編集機能となっています。 Select Subjectでの編集作業は以下のムービーで解説されています。 Photoshop Sneak Peek: Select Subject in Photoshop CC - YouTube Photoshopで画像加工をするときに、対象となる物や人物のみを選択しなければならないという場面はよくあります。 たとえば、人物だけを切り出して、配置を変えたり別の背景の上に乗せるといった場合です。 このような物体の輪郭に沿って切り出す作業をワンクリックで行えるようになる新機能が「Select Subject」。Adobe Senseiによるクラウドベースの
Adobe XD, Photoshop, Illustratorの注目情報が満載！Adobe MAX Japan 2017 フォローアップのまとめ
Webデザイナー、Web制作者、イラストレーターなど、Adobeのアプリを使用している人は必見です。先日開催されたAdobe MAX Japan 2017のフォローアップをまとめました。 Adobe XD, Photoshop, Illustrator, Dreamweaverなどの新機能を中心にくわしく使い方が解説されています。日常的に使用している人でも、意外と知らない機能に目から鱗かもしれません。 Select Subject in Photoshop CC なんと1クリックで、複雑な選択範囲が作成できます！ 1:03あたりから、人物を1クリックするだけで一瞬で選択範囲が作成されています。 Photoshopの次のアップデートで搭載予定の新機能で、Adobe Senseiの人工知能を使い、画像の主題を自動認識して選択範囲を作成します。「Select Subject」という名で、動画を見
動画だとすごい分かりやすい！新しくなったPhotoshop, Illustrator, Adobe XDの新機能
Photoshop, Illustrator, Adobe XDをはじめ、Creative Cloudのアプリが2017年10月19日にアップデートされました。全体的にもパフォーマンスの向上に重きがおかれているので、現在使用している人は注目でしょう。Web制作者、デザイナー、イラストレーターなどに便利な新機能が盛りだくさんとなっています。 『新しい方法で、アイデアをすばやくカタチに』 上記のAdobe様の広告画像もCreative Cloudの最新画像です。 Photoshop CC 2018のスプラッシュスクリーン Photoshopの新機能が分かる1分動画 Illustratorの新機能が分かる1分動画 Adobe XDの新機能が分かる1分動画 撮影した画像から、好みのフォントが見つけられる Creative Cloudの新機能が分かる2分動画 Photoshopの新機能が分かる1分動
フォトショップで超簡単に漫画背景を作る方法 | OWET45
漫画というのは、主にコマ割の中に「人物・吹き出し・背景」で構成されています。 漫画は人物も大事ですが、背景も非常に大事です。 ということで、今回はPCを使って誰でも高クオリティの漫画背景作りを教えます。 応用して元となる写真をコラージュすれば、ファンタジー系の背景も作れます。 「デッドデッドデーモンズデデデデデストラクション」がこのやり方なので、間違いないと思います。 「闇金ウシジマくん」や「アイアムアヒーロー」も、おそらく同じ様な感じだと思います。 参考にした動画 https://www.youtube.com/watch?v=NK-hNOIg9As この動画を参考に今回は作ってみました。 背景になる写真を用意する！ まずは自分の足を使って、背景資料となる写真を撮りに行きましょう！！ 今回使用する写真は、私がわざわざ名古屋まで足を運んで写真に収めたものです。 上記で名前をあげたタイトルの
空レイヤー名にルールを書くだけで Photoshop の自動アセットが劇的に楽になる - ろくデブログ
Photoshop CC の便利な画像書き出し機能、自動アセット。レイヤー名に必要な情報を入れておくと自動で書き出してくれる。しかし、Ratina対応などで複数サイズの画像を書き出そうとすると hog...
Adobeよ、お前もか！ WEBサービスやアプリの「嘘っこCMYK値」には気をつけろ！
忙しい人のためにざっくり要約 WEBサービスやアプリで、ある色のCMYK値を出す実装は単純な計算式によるものが多い。あり得ない値になるから、数値を信用ないほうがいいよ。 ACEを使ってプロファイル変換ではじき出した数値を出せないなら、無理に実装しないほうがいいんじゃないかな？特にAdobeさん、本家でしょ。 WEB版とアプリ版で出力値が違うのもどうにかしようよAdobeさん。 RGB→CMYKへ画像変換するサービスも、ターゲットとなるCMYKは日本国内向けではないものが多いので、思ったよりも色が変わるよ、注意しよう。 と言うわけで出自の分からない野良CMYK値はアタマから疑ってかかろう。特にロゴマークのガイドラインのCMYK値は。 Adobe Color CC、というサービスをご存じでしょうか。いろんな配色ルールを当てて、スウォッチをAdobeソフトウェアで共有できたりします。 『カラーホ
覚えて損なし！Photoshopでのスライスいろいろ - Alan Smithee!
Photoshopで普段私がやっているスライスのしかたを紹介します。 誰だって、できるなら楽したいですよね。 ごきげんよう、だれかです。 今回は私が何気に好きな作業、Photoshopでのスライスのしかたを紹介します。 スライスとは、簡単に言うと作ったデザインをコーディング用に分解して、ひとつひとつの画像にしていくことですね。webページを作成するのに欠かせない作業です。 ちなみに私、記事を書くのは挨拶含めてこれで3回目。まだちっとも慣れていません。 なもんで、ブログの記事を書く練習も兼ねてます。ドキドキだわ・・・。 スライスについて まずは、スライスの流れを簡単に説明します。 名前そのままの「スライスツール」を選択。スライスしたい範囲を枠で囲います。 必要があれば「スライス選択ツール」に持ち替えて、微調整をします。ちなみに、右クリック→「スライスオプションを編集」またはスライスをダブルク
デザインの現場は常に進化している！Photoshopの地味で時間がかかるプロのテクニックが詳しく解説された良書
Photoshopのチュートリアルの紹介で「簡単にできる！」というテクニックはたくさんあります。しかし実際にやってみると、「うまくいかない」「思っていたのと違う」ということがよくあります。 原因はそのチュートリアルとやりたいことが、まったく同じではないからです。 思い通りの結果を得るためには、Photoshopで使用するツールの機能と効果を理解する必要があります。1クリックや感覚的に操作するだけではなく、正しい知識と詳しい解説でPhotoshopの操作をしっかり学べるオススメの一冊を紹介します。 本書はPhotoshopでのレタッチのテクニックだけでなく、プロの仕事術としてフォトディレクションやRAW画像の扱い方や写真の光の扱い方など、写真をPhotoshopで扱う際に必要な知識が詳しく解説されています。 扱われている素材は人物写真という最も難易度が高い素材で、基本的なレタッチからデザイン
【ゼロからのPhotoshop】基本的な使い方から本格的な写真加工・合成テクニックまで
サルワカのフォトショップ講座は、どの書籍よりも、どのウェブページよりも、分かりやすく解説することを目指しています。初心者の方はレッスン１から、中・上級者の方は必要な部分をかいつまんで読むことをおすすめします。 随時更新していきます。 STEP.1 フォトショップの基本 初心者の方は、これらの記事を読むところから始めましょう。基本的に上から順に読み進めるのが良いと思います。どの記事も中級レベルの内容にまで触れているため、分からないところはサクッと読み飛ばしてOKです。同じ内容に何度も触れているので、読み飛ばしていても段々と使い方が分かってくるはずです。なお、フォトショップを最短でマスターするポイントは「実際に自分の手を動かしながら１つ１つ操作方法を学んでいくこと」です。是非一緒に画面を触っていきましょう。
Photoshopを使って圧倒的にリアルな超絶画像がどうやって生まれるのかを早送りで見るとこうなる
Photoshopを使った静止画加工では「できないことは何もない」というレベルで表現が可能です。クリエイターが画像加工する様子を早送りで見ると、圧倒的なリアルさを持つ画像がどのようにして生まれるのかを知ることができます。 Fire Photo Manipulation | Speed Art - YouTube リアル以上にリアルな完成図はこんな感じ。もちろんPhotoshopを使って加工した画像です。 まずは用意した人物のサンプル画の切り抜き作業から。 指などの細かな部分も丁寧に処理。 寝癖は残している模様。 メガネの中の背景も…… 丁寧に切り抜きます。 切り抜いた後はバリ取り。 人物のみを切り出せました。 背景には写真を貼り付けます。 不気味な雲は別画像を組み合わせています。 上下の画像の境目を修正してつなぎ合わせて…… 雲の色を変更。 再びバリ取り。 周囲の明るさを調整中。 背景も完
「アイキャッチってなんだろう？」1,000個以上を制作して学んだこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕は2年半くらい前にLIGのことを知って、デザイナー募集記事をきっかけにLIGへ入社しました。そして当時メディア事業部のデザイナーだった王さんからLIGブログのアイキャッチの仕事を引き継がれ、現在ではその制作数も1000を超えました。 そこで今回は、LIGブログのアイキャッチ画像について、制作過程や制作から学んだことなどをお話しします。 そもそも「アイキャッチって何？」という方は「ブログの集客を加速させる「アイキャッチ」とそのデザインについて」をご一読いただけますと幸いです。アイキャッチの概要や必要性、効果的な魅せ方について書いています。 LIGブログはなぜアイキャッチにこだわるのか 他のメディアではフリー写真素材をそのまま使ったり、ちょっとテキストを加えただけの写真を使ったりする中、LIGブログはやたら社員を出していたり、めっち
レタッチャーが伝授するポートレートの肌レタッチ！Photoshopで人物写真を印象的に仕上げよう！！ | ヒーコ | 話題のフォトグラファーによる写真とカメラのWEBマガジン
このところ美男美女のレタッチばかりしておりまして鏡を見るのが辛くなってまいりました。 おじさんだらけの国に行きたいです。 ええっとチューネンの心象風景は置いといて… それでは本題。 ナチュラルからのバリエーション なんだかえらい美しい方です。そのまんまでいいんじゃないか、って言っちゃうと記事にならないんで細々と手を入れていきたいと思います。 まずはExifの確認。 1/160 f/8 ISO 100 写真提供 あきりんくろそん ここで確認するのはシャッタースピード「1/160」っていう部分ですね。ポートレートの場合特に肌描写がシャッタースピードに影響を受けるのでここは大事。 ※ISOも絞りも見ればわかる… というか、わかったところで後からできることがほとんどない（ノイズ処理くらいかな…）のであまり深く考えない。 当たり前ですが描写が違えば手法も違います。肌の質感が変わってくるのはもちろんな
Photoshopのデザイン加工に欠かせない最新チュートリアル、作り方38個まとめ 2016年11月度
Photoshopの豊富なデザイン機能を利用して、写真加工から写真合成、テキストエフェクトやレタッチなどさまざまなデザインアイデアを実現する、最新チュートリアルをまとめてご紹介します。覚えておきたい基本的なPhotoshopテクニックから、より高度なデザインエフェクトを取得したいひとにもオススメしたい作り方をまとめています。 ますます進化するデザインツール Photoshop の実践で使えるテクニックを学んでみてはいかがでしょう。どのチュートリアルもステップごとに進めることで、細かい作り方まで分かりやすく理解することができるでしょう。 詳細は以下から。 Photoshopのデザイン加工に欠かせない最新チュートリアル、作り方38個まとめ 写真イメージを手書きスケッチ風に仕上げる方法 Photoshopの基本的な機能のみを利用し、高度なスケッチエフェクトを完成させます。作り方を覚えておけば、色
Photoshopの作業が快適になるオススメの環境設定 -Photoshop CC 2017対応
2016年は5月にPhotoshop CC 2015.5がメジャーアップデート並に機能が追加され、11月にCC 2017が新しく使う人やしばらく使っていなかった人向けにアップデートされ、この一年でPhotoshopは大きく変わりました。 Photoshopでの作業を快適にさせたい、もっとパフォーマンスを向上させたい時に見直したいPhotoshopの環境設定の項目を紹介します。 Photoshopの最近のバージョンの機能説明は、下記をご覧ください。 Photoshop CC 2017の新機能のまとめ Photoshop CC 2015.5の新機能のまとめ CC 2015.5で進化した選択範囲とマスクの作成、Photoshopの選択範囲や切り抜きはこれが一番簡単で正確！ 環境設定のバックアップと初期化 環境設定: 一般 環境設定: ツール 環境設定: パフォーマンス 環境設定: グラフィックプ
見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画のまとめ
Photoshopには写真を補正するだけではなく、デザインに必要とされるさまざまな便利な機能があります。しかし、機能の使い方だけを覚えてもなかなか実践に活用することはできません。 なので、ここでは「デザインの現場では、どの機能をどのように使っているのか？」がイメージできる、Photoshopの実践的な使い方が学べる日本語解説付き動画をまとめました。 見ているだけでもスキルアップにつながるので、実践に役立ててください。 「特訓Photoshopプロのテクニック教えます！」というすごいタイトルのフォトショップの本について：スリームデザイン著 部分的に色を変えたいときの【色の置き換え】の使い方 画像や素材の一部分だけ色を変えたいときには、Photoshopの【色の置き換え】がとても便利！ この動画では、同系色をいっぺんに変える方法だけではなく、一部分だけ色を変える方法と、一部分を残してモノクロに
こんなに早くなるとは！Photoshopの作業スピードが アップする5つのショートカット
「フォトショップでの作業に時間がかかってしまう。」 フォトショップの作業スピードをアップし、より効果的に編集できるもっとも良い方法のひとつとして、いくつかのショートカットを覚えてみましょう。 今回はこれまでパネルごとに切り替えていたデザイン作業も、キーボード操作のみで直感的に行うことができる、プロが実践で利用するショートカット5つをまとめてご紹介します。 これらのショートカットを覚えることで、より素早くストレスのない Photoshop でのデザイン制作を行うことができるようになるでしょう。 コンテンツ目次 1. より正確なズーム機能< 2. ブラシサイズと硬さを変更 3. レイヤーマスクを追加 4. レイヤーの不透明度を調整 5. Web用に保存 01. より正確なズーム機能
PhotoshopとIllustratorで、プロのデザイナーがよく使うショートカットを一枚にまとめたチートシート
アドビシステムズの日本法人からリリースされた、PhotoshopとIllustratorの数あるショートカットの中から、デザイナーによく使われているものをまとめた作業効率が劇的に上がるショートカットのチートシートを紹介します。
macOS Sierra (10.12) で Photoshop CS6 / Illustrator CS6 を使う - TeX Alchemist Online
追記：macOS 10.13 High Sierra でも使えます！ 本日(2017/09/26)，macOS 10.13 High Sierra がリリースされました。本記事で紹介している「偽装フォルダ法」は，High Sierra でも有効なようです。 追記：検証結果 本記事の方法で，Photoshop / Illustrator の CS 3～6 が全て Sierra で使用可能になる模様です。 また，報告（リンク切れ）によると，Flash 関係以外の CS6 アプリは基本的に全て動作するそうです。 Adobe CS6 Master Collection ○ Photoshop CS6 ○ Illustrator CS6 ○ InDesign® CS6 ○ Acrobat® X Pro ○ Dreamweaver® CS6 ○ Fireworks® CS6 ○ Adobe Premi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
