プロのデザイナーが実際に現場でおこなっているやり方、Adobeソフトの作業工程が身につく解説書 -先輩に聞かずに9割解決できるグラフィックデザイン超基礎
プロのデザイナーとして最初にマスターしておきたい、グラフィックデザインの基本的な知識、プロのデザイナーが現場でおこなっているやり方をやさしくていねいに解説したデザイン書を紹介します。 Photoshop, Illustratorを中心に、InDesign, Bridge, Acrobatを含めたAdobeソフトの実務に役立つ基本操作から、グラフィックデザインにおけるさまざまな作業工程について幅広く身につけることができます。 本書は評判が高い「足し算デザイン＆引き算デザイン」「ふわっとしたデザインリクエストに応える本」でお馴染みのPower Design Inc.の新刊！ 今回はAdobeソフトの操作を中心にしたデザイン作業についての解説書です。グラフィックデザインの現場レベルの作業工程を学べます。
Photoshop 2020の新機能がかなり便利！かゆいところに手が届く改善点が盛りだくさん
10/5にアップデートされたAdobe Photoshop 2020（v21.0）の新機能と改善点を紹介します。 スウォッチのグループ分け、レイヤーのズーム、属性パネルの強化、そしてAIも更に賢くなり、すぐ便利になる機能が盛りだくさんです。 Photoshop 2020のスプラッシュスクリーン Adobe MAX2019に合わせて、Photoshopもアップデートがリリースされました。 Adobe Creative Cloudからアップデートできます。 Photoshopのアップデート つい先日、アップデートされたPhotoshop 20.0.7はバグフィックス版でした。 参考: Photoshop 20.0.7がリリース、macOS Catalinaで起きていた不具合に対応 今回のPhotoshop 21.0では、新機能が満載です！ 数が多いので、さくっと新機能を紹介します。 参考: U
【速報】実演されたiPad版Photoshop CC。軽快に動作 - ICS MEDIA
米ロサンゼルスで開催中のAdobe MAX 2018で、iPad版のPhotoshop CCの開発を発表されました。現地で見たiPad版Photoshop CCは想像をはるかに超えた軽量アプリでした。 タブレットなのに基本機能が充実 ▲iPad版Photoshop iPad版のPhotoshop CCは、PSDファイルを読み込めレイヤーやマスクが搭載されています。Apple Pencilにも正確な筆圧感知でサポートしています。 ▲Apple Pencilでブラシを使って描く ▲レベル補正のためのレイヤーマスクを作っている ▲カラーパレット ▲グラデーション塗りを、ブレンドモード「ソフトライト」で合成 ラウンドトリップ編集が可能 デスクトップ版Photoshopで編集していたPSDファイルを、iPad版Photoshopで続けて編集するといった使い方も可能。 ▲デスクトップ版Photosho
こんなやり方もあったとは！最近のWeb制作のワークフローにおけるAdobe系ソフトの効率的な使い方が詳しく解説された完全保存版の良書 | コリス
Web制作にAdobe系のソフト、Adobe XDとPhotoshopとIllustrator、そして、Creative Cloudを活用している人は多いと思います。ブラウザやスマホなどの閲覧環境が多様化する中、デザインツールや制作のワークフローも大きく進化しています。 今すぐに試したくなるテクニックが満載で、最近のWeb制作のワークフローを効率的にする解説書を紹介します。 本書は現役で活躍しているWeb制作者がAdobe系アプリを現場でどのように使用しているか、Web制作のワークフローを詳しく解説した一冊です。 初心者の人はもちろんのこと、今まで変わらず同じ使い方をしてきたベテランの人にも「こんなやり方があったとは！！」となり、きっと目から鱗だと思います。
Adobe Senseiに手伝ってもらってカンタンに写真を切り抜いてみた ｜ Tips Note by TAM
2016年のAdobe MAXで発表された“Adobe sensei”。 今年1月にアップデートされたPhotoshopCC19.1の中にも“Adobe sensei”の力を使った新機能があります。 そのなかのひとつ「被写体を選択」を試してみました。 目次 手順は３パターン 切り抜きの微調整をする方法 「被写体を選択」の精度はどのくらい？ まとめ 手順は３パターン 「被写体を選択」機能を使う手順は３パターンあります。 パターン1:メニューから選択 1.「メニュー」から「選択範囲メニュー」を選び、「被写体を選択」をクリック 2.Adobe Senseiが被写体を選択してくれます。 パターン2:ツールから選択 1.「自動選択ツール」を選択し、オプションバーの左側に表示される「被写体を選択」ボタンをクリック 2.Adobe Senseiが被写体を選択してくれます。 パターン3:「選択とマスク」の
JPEG画像の最適化には85%の品質がいいらしいので画像の最適化プロセスを見直してみた
オリジナルはPhotoshopの「書き出し」で画質を100%にして書き出した画像です。画像によっては81%にしても目視では差がわからなかったので、それくらい下げちゃっても良さそうですけど、ざっくりとしたデフォルトとしては85%が良さそうです。91% → 85%の方が85% → 81%より圧縮率がいいんですね。 サンプル画像 上の表にある「sampleXX.jpg」の画像をまとめて圧縮したファイルを用意しました。ご参考までに以下からダウンロードどうぞ。 サンプル画像をまとめて圧縮したファイル（ZIP / 3.4MB） ちなみに、表で91%と81%になっているのはImageOptimで設定できるのが、なぜかその数値だったからです。90%、80%には設定できませんでした（v1.8.0）。 職場で作業するときのプロセスはだいたい以下のような感じです。 PhotoshopやAffinity Desi
Photoshopで写真内の人や物を消す6個の超簡単テクニック 完全まとめ
最終更新日: 2022年10月3日 Photoshopで画像から人や物などのオブジェクトを除去する方法は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、除去レタッチ作業を行っているというひとは、どれだけいるでしょう。 今回は、Photoshopの各種ツールを駆使した除去、消去テクニックと、いつその技を使うのがベストなのか、各サンプルと一緒にまとめてご紹介します。これらの方法を実践することで、写真に写り込んでしまった不要なモノを、2〜3分の短時間で、スピーディーに除去することができるので、フォトショップ初心者のひとにもオススメです。
Dreamweaver 内の Extract
Dreamweaver ユーザーガイド はじめに レスポンシブ web デザインの基本 Dreamweaver の新機能 Dreamweaver を使用した web 開発 - 概要 Dreamweaver / よくある質問 キーボードショートカット Dreamweaver の必要システム構成 機能の概要 Dreamweaver と Creative Cloud Dreamweaver 設定と Creative Cloud の同期 Dreamweaver での Creative Cloud ライブラリ Dreamweaver での Photoshop ファイルの使用 Adobe Animate と Dreamweaver の操作 ライブラリから web 用に最適化された SVG ファイルを抽出する Dreamweaver のワークスペースとビュー Dreamweaver ワークスペース ビジ
超簡単！Photoshopで写真を今どきのデュオトーンに加工する方法（無料グラデーション収録）
ウェブサイトやグラフィックデザイン、音楽サービス Spotify などで見かけるようになったデザインのひとつが、鮮やかでシンプルな配色の組み合わせが特長のデュオトーン（英: Duotone）です。 デュオトーンとは、２色（Duo）の色合い（Tone）から構成されたデザインを指し、かつて60年代に生まれたポップアートの旗手のひとり、アンディー・ウォーホルの作品が分かりやすいでしょう。 今回は、たった2ステップで手軽にデュオトーンを作成できる Photoshop チュートリアルをご紹介します。また、ダウンロードしてすぐに使える、デュオトーンエフェクトに適した無料グラデーションファイル10個セットも、記事の後半で公開しています。 詳細は以下から。 Photoshopで写真を今どきのデュオトーンに加工する方法 ステップ1: 加工する写真を開こう。 まずはデュオトーン・エフェクトを加えたい写真を P
知らないと損！新しいPhotoshop CC 2018は、普段使う便利な機能もたくさん強化されている
先週リリースされ、新しくなったPhotoshop CC 2018をいろいろ使ってみました。 ブラシやペンツールといった新機能だけでなく、普段使う便利な機能もたくさん強化されています。 一番嬉しいのは、今までのPhotoshopではできなかったレイヤーのコピペができるようになったこと。「cmd + C」と「cmd + V」で簡単にコピペでき、複数レイヤーにも対応、ドキュメント間のコピペもOKです！ これだけで、アップデートする価値があると断言できます。 Photoshop CC 2018のスプラッシュイメージ ※Adobeの画像の掲載にあたり、Adobe広報様に許可を頂いています。 Photoshop CC 2018でアップデートされた機能を紹介します。 普段よく使う機能から注目してみました。 レイヤーのコピペができるようになった プレーンテキストでペースト 人工知能「Adobe Sense
デザインがレトロに仕上がる！イラストや写真に高品質なハーフトーンのエフェクトを加えるPhotoshop用の素材
イラストや写真、そして文字などをレトロ風に仕上げる、ハーフトーンのエフェクトを加えるPhotoshop用の素材を紹介します。 Photoshopのアクション、パターン、ブラシすべてがセットになっており、さまざまなクリエイティブで利用できます。 Halftone Press Photoshop Kit 素材の中身 素材のダウンロード 素材の中身 ハーフトーンの素材セットは、下記が含まれています。 .atn（Photoshopのアクション） .pat（Photoshopのパターン） .abr（Photoshopのブラシ） 作品全体に適用する時はアクションを使って1クリックで、調整して加えたい時はブラシで、テクスチャとして使う時はパターンで、イラストにも写真にも、文字のデザインにも簡単に利用できます。
【Photoshop】初心者からの脱却!! スライスの効率を上げる４つの方法｜BLOG｜株式会社エムハンド
【Photoshop】初心者からの脱却!! スライスの効率を上げる４つの方法 新人コーダーにとって、スライス作業の効率化は一つの大きなテーマではないでしょうか。 かく言う私もまだ入社して間もなく、様々な方法で作業を行い、試行錯誤の中で効率よく作業を進めていく方法を模索しています。今回は、その中でも簡単に導入できて、実際に作業の効率化を図ることが出来た方法をご紹介していきます。 imagesフォルダが作成されないようにする初期設定では、スライスした画像を『web用に保存』で書き出すと、imagesフォルダを作り、その中に画像が保存されます。わざわざ、imagesフォルダから画像を移動させて、imagesフォルダを削除という作業はもうやめましょう。 方法1.書き出したい画像をスライス後、 メニューバーのファイル→書き出し→Web用に保存（ショートカットctrl+alt+shift+s）をクリッ
たった1分で簡単補正！Photoshopのゆがみフィルター「顔立ちを調整」が想像以上にすごかった！ | 株式会社WEB企画
デザイナーさんなら誰しもが経験する顔の補正や調整。 「もうちょっと顎を細くして」とか「目を大きくして」とか「歯を白くして」などなど…あれって結構時間かかりますよね？ 今回は、PhotoshopCCから実装されたゆがみフィルターの「顔立ちを調整」を使ってみたところ、想像以上にカンタンでキレイな仕上がりになったので皆さんにもご紹介いたします。 顔の補正事例の紹介 百聞は一見にしかず。まずは補正した画像をご覧ください。どれも1分くらいでパパっとした補正です。 (※GIFアニメでBefore/Afterが確認できるようになっています。) 補正事例1 キリッとした男性の頬を少し削り目を大きく＆微笑みをプラスしました。イケメン度があがりましたね。 補正事例2 携帯で話している女の子をさらに小顔＆笑顔に。顔の近くにある携帯の歪みはそれほど気になることなく補正できました。 補正事例3 キリッとさせるだけで
SVGの各アプリケーション書き出しをあれこれを調べてみた - デザイナーのイラストノート
このブログのロゴにも使用していますが、最近よく目にするようになったSVG。イラストにはうれしい画像形式なので、とても注目しています。しかし、制作するグラフィックツールによって書き出しの設定が本当にまちまち・・・ということでいろいろ試してみた結果です。 SVGとは Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス）で「SVG」。拡大縮小しても荒れない画像形式ということで、ロゴやアイコンなどに使用されるシーンも増えてきました。テキストエディタで編集できたり、CSSで色を変えたり、グラフィックツールがなくても画像を編集することができるのが特徴です。タイムリーにも、先日MicrosoftのOfficeでも、SVG形式が利用できるようになるというニュースもありました。 SVGの利点として、変更の差分が取りやすくGitなどで管理しやすい、ということがあります。例
知っておくと便利なPhotoshopのテクニック10選
Aaron Jackson氏は、Pearson Realty社のグラフィック・Webのデザイナーです。フレズノ・シティ・カレッジとアートの専門学校で、グラフィックとWebデザインを習得しました。 UIデザイナーとして、長年のAdobeユーザーとして、私は今でもアイコン、Webやモバイルのモックアップを作成するのにPhotoshopを愛用しています。 過去５年間にわたり、日々のデザインワークを時間短縮するテクニックを磨いてきましたが、今回その中から、いくつかピックアップして紹介します。 １. ワンクリックでレイヤーを塗りつぶす 選択したレイヤーを現在の前景や背景カラーで塗りつぶすことができ、確実に時間の節約になります。 MAC：Alt+Backspace （前景カラー） または Cmd+Backspace （背景カラー） WINDOWS：Alt+Delete （前景カラー）または Ctrl+
プロのデザイナーが実践している！PhotoshopでWebデザインを素早く、効率的にするための8つの方法
PhotoshopでWebデザインのワークフローを効率的にするために、プロのデザイナーが実践している8つのテクニック・方法を紹介します。 Adobe CCのライブラリをもっと活用しよう、と思いました。 8 ways to design sites faster in Photoshop 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. ファイル管理のポイントは構造化 2. CSSフレームワークは勉強になる 3. PSDのレイヤーはコンテンツごとにフォルダ分け 4. よく使う操作はショートカットを覚える 5. Adobe CCのライブラリは使わないと損 6. イメージとベクターはスマートオブジェクトで 7. スタイルガイドをどう活用するか 8. コーダーと、そしてチーム内での共同作業 まとめ: デザインは正直に 1. ファイル
PhotoshopとIllustratorで、プロのデザイナーがよく使うショートカットを一枚にまとめたチートシート
アドビシステムズの日本法人からリリースされた、PhotoshopとIllustratorの数あるショートカットの中から、デザイナーによく使われているものをまとめた作業効率が劇的に上がるショートカットのチートシートを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アドビ、ほぼフル機能のPhotoshopをiPadに投入へ - Engadget 日本版
PSDからテキスト抽出してみる(xmp)
Webページのレイアウトをはじめ、大きな画像から小さな要素まで、黄金比を使ったデザインに利用できるPhotoshop用のデザイン素材
