Procreateが完全無欠のアプリというわけではなく、これを5点満点とした際の相対評価が、他のアプリの評価だと思ってください . このウェブページをすべて表示するには JavaScript を有効にしなければなりません。有効化されないと、あなたの経験が制限され、製品を購入したり、書式を完全させたり、あるいは画像やビデオを読み込むことができません。, 当社の macOS バージョン用のアプリに最新のアップデートを行い、Apple の最新の大規模アップデート Big Sur と完全に互換性を持たせ、Apple M1 用に全面的に最適化しました。これにより著しいパフォーマンス上の利得が得られます。, 画期的なクリエイティブソフトウェアで次のレベルのプロフェッショナル向けパブリッシングを体験してください。, きわめて高速でスムーズかつ高精度な写真編集アプリでパーフェクトな画像を作りましょう。, 究極のグラフィックデザインとイラストレーションのアプリでビジョンに命を吹き込みましょう。, 一流のデジタルアーティストやデザイナーが作成した各種のクリエイティブコンテンツパックは、フォントバンドル、イラストレーションキット、ブラシパックなど魅力的な高品質のコンテンツを提供し、作品の創造性を高め、洗練された加工を加えるのに役立ちます。, Internet Explorerはサポートされていません。ブラウザをアップグレードして、エクスペリエンスを向上させてください。, 「Serif」と「Affinity」はどちらも Serif Europe Ltd. の登録商標です。, Apple、Apple のロゴ、MacBook Pro、iPad、および iMac は米国およびその他の国で登録された Apple Inc. の商標です。, Microsoft、Windows および Windows のロゴは Microsoft Corporation の登録商標です。. 脱A… Copyright © 2019 りんごロイド All Rights Reserved. 渋谷で「スマートフォン時代のWebデザインスクール」の講師をしています。, 「スマートフォン時代のWebデザインスクール」は、現在動画受講が可能です。初回体験レッスンも受講可能です。, Adobe XDをはじめ、新しいWeb技術やデザインワークフロー、新しい端末などに対応するため、授業内容はリニューアルし新しい内容となっております。, 「スマートフォン時代のWebコーディングスクール」は、これからWeb制作者になりたい方向けにスマートフォン対応のHTML・CSSコーディング手法やSass・JavaScriptの基礎などを全7回で学べる社会人向けのスクールです。, 「メインビジュアルの見せ方がワンパターン化してきた」「CSSでちょっと凝った感じに見えるメインビジュアルを作ることができれば」など、シンプルなのにいつもより少し見栄えのするCSSで実現できるメインビジュアルを紹介します。, 「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。, ここ数日、「MicrosoftがInternet Explorer 11のサポートを終了」というニュースが話題になっていましたが、誤解されている方も多いようですのでこの記事で解説します。 この記事はWeb制作者の方、およ …, ©2020 Stocker.jp Powered by WordPress : このテーマについて : プライバシーポリシー, Affinity Publisherを最強のプロトタイピングツールとして使うために知っておきたいこと, PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売, Affinity PublisherによってWebデザインのワークフローがどのように改善するのか. おすすめの環境設定 4. 東京の下北沢で、うさぎと一緒に暮らしています。 決してマイナーなアプリケーションではありません。, 脱Adobeをしたいと思っている方はもちろん、もっと快適に作業がしたいと思っている方は、ぜひAffinityを試してみてください。, このスライドファイルは以下のリンクからダウンロード可能です。Affinity Publisher形式ですが、Affinity Designer・Affinity Photoでも開けます。, 画面左下の▶をクリックすると次ページに遷移します。社内勉強会・無償の勉強会ではご自由にお使い頂く事ができます。, Affinityの初期設定からAdobe CCとの違い、使い方やほかの日本語解説サイトへのリンクなどをまとめたサイトを制作しました。, Affinity Manual – Affinity Designer・Photo・Publisher日本語マニュアル, 「スマートフォン時代のWebデザインスクール」というWebデザイン入門スクールの初回体験レッスンをご自宅で動画受講いただけます。, 新しいWeb技術、新しいデザイン手法、新しい端末などに対応するため、毎年内容をリニューアルし、Adobe XDによるプロトタイピング、UI/UXなど新しい内容に対応しています。, 11月末までの期間限定で、動画受講に限り本編受講料金を2万円引きいたします。 Affinity Photoを購入したばかりのあなたへ|厳選した使い方7選. チェックの状態をオンオフを変更するためにダイアログをいちいち閉じる必要はありません。, 左の画像は[編集可能テキストを優先する]をオフの状態で開いたものです。テキストレイヤーがラスタライズされてしまっています。 右の画像はオンの状態です。テキストレイヤーがそのまま保持されています。 見た目を優先したい場合はオフの方が良い場合もありますので、ぜひ両方でご確認ください。, そのほかPSDはAdobe XDで開くこともできますので、XDで開いてから、コピペでAffinityに持ってくるという方法もあります。, CMYKカラープロファイルは初期設定で[US Coated]になっていますが、Illustratorに近づける場合[Japan Color 2001 Coatedを選択すると良いでしょう。 そのほか[Japan Color 2011 Coated]を選択することも可能です。, macOS 10.12 Sierra以降をお使いの場合、必ずパフォーマンスの項目でディスプレイのプルダウンから[メタル]を選択してください。 メタルを選択することにより、Adobe XDと同じくらいサクサクに動作するようになります。, [Metalアクセラレーションの計算を有効化]にもチェックを入れておいてください。, ユーザーインターフェースで画面の明るさを変えることができます。UIカンマのスライダーを左右にドラッグすると明るさの微調整ができます。, ピクセルを[0]にすると、幅や高さなどのサイズに小数点が表示されなくなります。 あくまでも小数点が「隠れているだけ」で、この設定だけでは小数点が付いてしまうことがあるので気をつけてください。, 小数点を出さないようにするには、画面上のツールバーの磁石のアイコンの隣にある▼をクリックして、プリセットから[UIデザイン]を選択します。, Affinityは初期設定ではPhotoshop CC 2019のように写真オブジェクトを変形するとき、初期設定で縦横比が固定されています。そして長方形のシェイプオブジェクトは縦横比が固定されていません。これは人によっては混乱すると感じられることもあるかと思います。, Illustratorのように[shift]キーを押している間だけ縦横比を固定するには、[移動ツールの縦横比制約]というプルダウンから[デフォルトで制約しない]を選択してください。, [モディファイア微調整距離]というのは[shift]キーを押しながらカーソルキーを押したときの移動距離を指しています。 10pxの場合、[shift]キーを押しながらカーソルキーを押すと10pxずつ移動します。, [ツールUIサイズ]では、バウンディングボックスの表示サイズやアンカーポイントの表示サイズを5段階で変更することができます。, 「アンカーポイントが持って大きい方が見やすい、ドラッグしやすいのに…」と思った事がある方は[最大]にすると良いかと思います。, Affinityではアンカーポイントのことを「ノード」と呼びます。 「Affinityは軽い」と言われるが、軽いと何が良いのか 3. 以前話題になった PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 という記事の続編のような内容です。, あくまでも私の個人的な私見ですが、AffinityはAdobe CCの100%完全互換のクローンアプリを目指しているのではなく、各アプリケーション間の親和性(Affinity)を高めることで、デザインのワークフローを改善することを目指していると思います。, Adobe CCの場合、Photoshop・Illustrator・Adobe XDはそれぞれグラフィックエンジンやテキストエンジンが異なります。, そのため、Illustratorで制作したオブジェクトをPhotoshopにコピーペーストすると、スマートオブジェクトか、ピクセルか、シェイプレイヤーなどに変換しなければいけません。, 見た目を保持したければスマートオブジェクトやピクセルにしなければいけませんが、Photoshop上でそれらを編集することはできません。 Photoshop上で編集したければシェイプレイヤーにする必要がありますが、見た目を保持できない場合があります。, 逆にPhotoshopで作ったものをIllustratorで使いたい場合はPSDファイルをリンク配置などする必要がありIllustrator上ではそれを編集することができません。, Affinity Photo・Affinity Designer・Affinity Publisherの場合、すべて同じグラフィックエンジンやテキストエンジンを使用しています。, たとえばPhotoshopのような新規調整レイヤーはどのアプリでも同じように使うことができます。, テーブル(表組み)機能はAffinity Publisherにしかありません。 この記事は、2019年7月19日に開催した「Affinity User Group JAPANミーティング」というイベントで私がお話しした内容をまとめた記事です。 以前話題になった PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売という記事の続編のような内容です。 主に以下の内容について書いています。 1. ご興味ある方は、下記フォームにPCのメールアドレスをご登録いただければ、次回開講の際お知らせします。, フリーランスのWebデザイナーです。 このMacBook Proは2016年のTouch Barの中で1番安いモデルで、メモリは8GB、GPUは外部GPUなし、Intel Iris Graphics 550です。, 次に「RAWデータをそのままデザインカンプに貼り付けたり、高画素のデータをそのまま貼りつけるとファイルサイズが重くなるのでは?」と気になると思います。 Affinity PublisherによってWebデザインのワークフローがどのように改善するのか 2. 同じことをAffinity Publisherでおこなうと、613KBとなり容量は86%減少したことになります。, 続いて「写真を埋め込んだ場合は重いのでは?」と思われるかもしれませんので、このようなブログ風の4枚のアートボードによるデザインカンプを制作し、すべての写真を埋め込んでPSDで保存してみました。するとファイルサイズは60MBでした。それをAffinity Publisherで開き .afpub 形式で保存し直すだけでファイルサイズは17MB、つまり72%減少しました。もちろん画質はそのままです。, Adobeアプリで使われている用語とAffinityアプリで使われている用語はこのような違いがあります。, ツールをカスタマイズするにはメニューの[表示>ツールをカスタマイズ]をクリックします。, Macでウインドウの上の方にあるツールをカスタマイズしたい場合はツールバーを右クリックし[ツールバーをカスタマイズ]をクリックします。, 「AffinityでPSDやIllustratorのデータを開いた時に思ったように開けなかった」という話を聞くことがありますが、ぜひ[環境設定>一般]で[忠実度よりも編集可能テキストを優先する]のチェックボックスをオンの状態とオフの状態の両方で開いてみてください。, Affinityは環境設定ダイアログを開いたままでさまざまな作業をおこなうことができます。 四角形で表示されているものは尖点ノード、またはシャープなノードと言います。 これは、ノードからハンドルが伸びていない直線のノードです。, ノードからハンドルが伸びている場合は滑らかなノード、またはスムーズノードと呼びます。, Illustratorの曲線ツールで描いたようなノードのことを「スマートノード」と言います。 これらは相互接続が可能です。始点となるノードは赤色で表示されます。, 私は、Affinityのキーボードショートカットは基本的にIllustratorに合わせています。私が変更したキーボードショートカットは以下の表にまとめています。, 私はAffinityを使い始めた頃、テキストを入力して確定するとなぜかアウトライン化、つまり「カーブに変換」されていることに悩まされていましたが、それは標準のキーボードショートカットでは[command]+[enter]が[カーブに変換]だからということに気づきました。 そこで、カーブに変換のキーボードショートカットは[command]+[shift]+Oに変更しました。, Affinityの[複製]は英語版では[Power Duplicate]というのですが、Illustratorの複製よりも強力な機能です。 標準のショートカットキーは[command]+ Jですが、私はIllustratorに合わせて[command]+ Dにしました。, 標準のショートカットでは100%は[command]+1、200%は[command]+2 などはそのまま活かしたいので、Illustratorではロックが[command]+2ですが、ここは変更せず200%のままにしています。, 初期設定ではテキストオブジェクトを新規作成すると「Arial」というフォントになりますが、これを日本語フォントにしたりフォントサイズを変更するには、デフォルトにしたいテキストを制作し、それを選択して、メニューの[編集>デフォルト>保存]をクリックしてください。, Twitterでリピートグリッドの代替方法について聞かれたので、ここで回答します。, Adobe XDの場合、繰り返しの途中に広告が挟まっているとリピートグリッドを解除しなければならず面倒です。Affinityの場合、リピートグリッド機能はないのですが、私だったら[オブジェクトを別々に変換]という機能を使用します。, テキストの行数を1行や3行に変えたいときは、テキストだけを選択して[オブジェクトを別々に変換]のボタンをオンにします。 そしてバウンディングボックスを調整して高さを変更すると、すべてのテキストの高さを1行や3行に変換することができます。, 次に画像を配置する場合ですが、Adobe XDでは複数の画像ファイルをアートボードにドラッグ&ドロップするとファイル名順に入ります。 これは「プロトタイプ」、つまり「試作品」を作るには良いのですが、デザインカンプのようなものを作るのであれば「画像を入れる順番は自分で決めたい」ということもあるでしょう。, Affinity Publisherでは[ピクチャフレーム長方形ツール]を使用して画像の枠を作り、それらを選択して[ファイル>配置]で複数の画像を選択すると、クリックした順番に画像を挿入することが可能です。, これはWeb制作者向けの脱Adobeの話です。「Adobe CCをやめたいけれど、Affinityだけでは日本語組版や印刷そしてPSDのテキストレイヤーの互換性などが厳しく、Adobe CCを止められない」と思う方もいらっしゃると思います。, 私は、脱Adobeへの第一歩として「Illustrator単体プラン」をおすすめします。 そこでPSDの場合とファイルサイズを比較してみました。, PhotoshopではRAWデータをそのままデザインカンプに貼りつけることはできないため、1億200万画素のJPEG画像を1枚デザインカンプに「リンク貼り付け」してPSD形式で保存しました。すると4.5MBでした。 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、11月末まで割引&体験レッスン無料!モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 初回体験レッスンの動画受講は無料でご参加頂けます。, ご興味ある方は、スマートフォン時代のWebデザインスクール のページをご覧ください。, PCだけでなくスマートフォンにも対応したレスポンシブWebデザインによるコーディングを基礎から学べる スマートフォン時代のWebコーディングスクール はご自宅での動画受講することが可能です。 よほどIllustratorに詳しい方でなければ、Illustratorで制作したデータと区別するのは難しいでしょう。, Affinityは日本ではまだまだ知名度が無いかもしれませんが、全世界では200万ユーザーを超えています。 Affinity Designer 1.5 Overview from Affinity on Vimeo.. 先に情報が探しづらいと書いたが、この手のアプリは使い方(ショートカットキーやツールの概念・機能など)がPhotoshopやIllustrator、After Effectsといったツールとほぼ同じという事が多く、そのおかげでそれらの基本的な使い方を少し覚えてしまえば … しかしAffinity Publisherで作成した表を写真編集アプリであるAffinity Photoにペーストしても、行や列の挿入や削除ができます。, そしてAffinity Publisherには「StudioLink」という、Affinity PhotoやAffinity Designerの機能に切り替えて使うことができる仕組みが用意されています。, ウインドウの左上の[デザイナーペルソナ]や[写真ペルソナ]のアイコンをクリックすることで、Affinity Designer・Affinity Photoの機能に切り替えることができます。, 私はパブリッシャーペルソナをAdobe XD、デザインペルソナをIllustrator、写真ペルソナをPhotoshopのようなものだと思って使っています。, Adobe CCでWebデザインを作っていた頃は、カメラで撮影した写真はRAWデータと呼ばれるJPEGよりも情報量の大きい写真データをLightroomで現像して、大きなJPEGファイルをPhotoshopで読み込みLightroomではできない写真加工をしてWeb用に小さく縮小したJPEG写真を書き出し、Adobe XDに貼り付けていました。, アイコンはIllustratorで制作し、SVGデータを書き出してからAdobe XDに貼り付けていました。, しかし、Affinityに移行してからはすべてPublisherだけで済むようになりました。, たとえば写真は、Affinity PublisherのデザインカンプにRAWデータを「そのまま」貼り付けてマスクし、調整レイヤーで明るさなどを補正することができます。, これが何の役に立つかというと、デザインカンプに写真を配置した後で「やっぱり写真の明るさを変えて」と言われたり、「写真を並べると明るさや色があってないな…」と思ったときにLightroomによる現像からやり直す必要がなく、デザインカンプ上で調整レイヤーを調整するだけで済みます。, 「それってAdobe CCでもできないの?」と思う方もいらっしゃるかもしれませんが、Adobe XDやIllustratorにはRAWデータをそのまま貼りつけることはできません。, 「ではPhotoshopではできないの?」と思うかもしれません。 PhotoshopでWeb用のデザインカンプを作ってそこにRAWデータを貼り付けようとドラッグ&ドロップしても「Camera RAW」という現像ダイアログが起動してしまうため貼りつけることはできません。, 仮にPhotoshopで広い色域を維持したデザインカンプを制作しようとして、カラーモードを32bitなどの広色域にすると、[調整レイヤー]で明るさ・コントラスト・トーンカーブ・自然な彩度などが実行できなくなってしまいます。 Photoshop CCは、残念ながら多くの調整レイヤーは8bitの狭い色域でないと使用できないのです。, しかし、Affinity Publisherなどでは32 bit HDR、つまり広色域のドキュメントを新規作成し、そこにRAWデータを貼り付け、すべての調整レイヤーを使用することができます。, たとえばWebデザインカンプにRAWデータを貼り付けた状態を考えてみます。この写真は非常に暗く映っていますが、本物のRAWデータなので、レベル補正の調整レイヤーをかけて大胆に明るさを変更することが可能です。, 先ほどの滝の写真は2400万画素ですが、人によっては4800万画素など、もっと高画素のカメラを持っている方もいらっしゃるかもしれません。 そういった方は動作が重くないか不安に思うかもしれませんので、ここでは富士フイルムの新製品発表会でお借りした1億200万画素の中判ミラーレスデジタルカメラで撮影した写真をそのままデザインカンプに貼り付けて、ライブフィルターで放射状ぼかしをかけてみます。, Photoshopでは放射状ぼかしはプレビューすらできませんが、Affinityでは1億200万画素の写真に放射状ぼかしのライブフィルターをかけ、それをライブプレビューしてもサクサクと動作しています。, もしかしたら「このプレゼンで使用しているMacBook Proの性能が高いのでは?」と思われる方がいらっしゃるかもしれませんので性能をお見せします。

Line そっけない 占い 6, ウイイレ 金 トレード用 18, ロンハー Bish 動画 18, ロトム フォルムチェンジ Bw2 4, スタージュエリー たった ひとつ の恋 8, Ipadを活用 した 授業 4, ドルガバ 香水 えいと 10, みんカラ Chr 整備手帳 4, もののけ姫 こだま 動画 7, ガンダムuc 名言 マリーダ 5, 悪鬼 滅殺 四字熟語 8, 奈良 トレセン 女子 4, 公共施設 英語 一覧 5, モーニング娘 売上 ワースト 57, 絶滅危惧種 日本 虫 4, ヘッドレストモニター 配線 通し方 7, 新聞 偏向 ランキング 18, Wirst ドイツ語 発音 4, アスタキサンチン 鮭 含有量 5, 秋桜 読み方 当て字 12, 3月のライオン 漫画 完結 24, 山陰本線 時刻表 下関 6, Ark 非公式サーバー 移動 32, Unreal Engine 物理エンジン 9, 過食嘔吐 やめたい 太りたくない 8, キズナアイ チャンネル登録者数 減少 39, プラチナ チャンピオンロード 殿堂入り後 19, 椎名林檎 カバー スピッツ 9, ザ フォーク クルセダーズ 白い 色 は 恋人 の 色 4,