並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 188件

新着順 人気順

illustratorの検索結果121 - 160 件 / 188件

  • 第61回勉強会 | DTPの勉強部屋 | study-room

    第61回勉強会の開催が決定しましたのでお知らせいたします。 今回は、Illustratorのスペシャリストである鷹野雅弘さんと茄子川導彦さんをお迎えして、特別なセッションを開催します。それぞれのセッションに加え、新たな試みとして「Tips対決」も準備しています。 Illustratorを長く使っている方も、最近始めたばかりの方も、デザイン制作に役立つたくさんのヒントを持ち帰れる絶好のチャンスです。ぜひご参加ください! セミナー参加希望の方は、「参加お申し込み」ボタン(Peatixへのリンク)からお申し込みください。 なお、受付での混雑を緩和するために、Peatixによる事前入金をお願いしております。

    • Illustratorでの原稿作成

      home トップページ chevron_right 原稿作成・入稿ガイド chevron_right データ原稿の作り方 chevron_right Illustratorでの原稿作成

      • トーンカーブの使い方やテクニックをマスターする-Adobe Lightroom Classic CC – カメラ×旅ブログ

        トーンカーブの使い方トーンカーブは、写真全体の明るさやコントラストを変えるだけではなく、RGB別で調整すれば写真の色調も変更できるツールです。Adobe Lightroom Classicでは階調と外観パネルで写真の明るさやコントラストを調整できますが、決められた箇所と調整幅でしか調整ができません。しかし、トーンカーブを使用すると自由な場所のコントラストや明るさなどを調整できるようになるため、写真の最終仕上げなどでも活用する事ができます。 基本の操作明るさを変える トーンカーブの一番左側はブラックポイントで、下の画像の場合はホワイトレベルが0となり真っ黒の部分をコントロールするポイントになっています。Lightroomの場合は0~100%で表現しますので、この場合は黒が0%、一番明るい白が100%となります。 上の画像のように中間を左クリックしてコントロールポイントを作って上に持ち上げると

        • アーティスティック プロファイルを使いこなす-Adobe Lightroom Classic CC – カメラ×旅ブログ

          はじめに 2018年4月にAdobe Lightroom ClassicやCamera RAWが大幅アップデートを行い、従来のAdobe RAWやカメラプロファイルの他に新たにCreativeプロファイルとしてアーティスティックやビンテージ・モダンなどが追加され、従来はサードパーティ製のプリセットを導入する事で利用可能となっていた機能が、最初からアーティスティックのプロファイルとして使えるようになりました。 今回はこのプロファイルが写真にどのように作用するのかを検証してみようという企画を行いました。 カメラ標準 基本となるのは、2018年4月7日に撮影した船岡城址公園から眺める白石川堤一目千本桜です。この写真とカラーチャートを基本にして各プロファイルがどのように影響をするのかを検証していきます。 アーティスティック01

          • Photoshopデザインからのコーディングのやり方【Zeplin導入で爆速に】|しょーごログ

            Photoshopからのコーディング方法を知りたいけど、Figmaとかより難しいって聞くなぁ。どうやるんだろ。 実はPhotoshopからのコーディングは「Zeplin」で行うと神的に楽になります。 そこで今回は「PhotoshopとZeplinを連携して爆速コーディングする方法」を紹介します。 Photoshopは実はWeb制作案件ではまだまだいっちょ前に活躍中なので、是非操作方法をマスターしておいてくださいね! CSの案件見ていたらPhotoshopカンプ多いですね! 慌てて↓始めました。 おすすめの通りZeplin導入したらXDの様に使えて快適! 【即戦力編】Photoshopデザインカンプからのコーディング練習|Shogo(しょーごログ運営) @samuraibrass #note https://t.co/PiVgiCTVHz — なすよ@webコーダーと農のくらし (@z5cm

              Photoshopデザインからのコーディングのやり方【Zeplin導入で爆速に】|しょーごログ
            • Photoshopで超簡単にデュオトーンに加工する方法!

              こちらの記事はアプリ「Adobe Photoshop」を使ったTipsになります。持っていない方や更新間近の方は「Adobe CCをおトクに購入する方法」も参考にしてみてください。 Photoshopで作る『デュオトーン』加工方法 【Step1】グラデーションマップを使う デュオトーンに加工をしたい写真を開いたら、レイヤーパネル[新規調整レイヤー]→[グラデーションマップ…]を選択します。 【Step2】グラデーションの適用 グラデーションの設定を上記のように設定します。 左側のカラーを明度が低い色(暗い色)、右の色を明度が高い色(明るい色)に設定するのがポイントです。 この色の設定がうまく選定できないと、上手くデュオトーンが再現されないので、色んな色を試しながらやってみましょう! 2ステップでデュオトーンに加工することができました。 なかなか使い所がないかもしれませんが、写真をスタイリッ

                Photoshopで超簡単にデュオトーンに加工する方法!
              • 鶴田直樹 | INTERVIEW | SHOOTING

                鶴田直樹さんは、ピクトリコが発売しているデジタルネガフィルムTPS100(以下、デジタルネガ)を使い、 銀塩カラープリントの作品を制作している。 モノクロのプリントを作ることが主目的とされていた製品で、敢えて難しいカラープリントにトライしている鶴田さん。 そのきっかけから「デジタルネガ→銀塩カラープリント」の魅力について聞いた。 (註:デジタルネガの説明は http://old.shooting-mag.jp/pictorico02.html を参照) デジタルネガ→銀塩カラープリント作業フロー 01.デジタルカメラで撮影した画像をPhotoshopで開く。 02.画像を反転させる。 03.Photoshop上で制作したオレンジベース。 04.トーンを調整後、オレンジベースをのせた画像。 05.レタッチ中の鶴田さん。 06.デジタルネガをMAXARTで出力。 07.暗室で、印画と密着させて

                • Illustrator 2024(28.1)アップデート情報|DTP Transit 別館

                  2023年12月にIllustrator 2024が「28.1」にアップデートされました。 → 新機能や改良ポイントついてまとめました。 なお、2024年1月3日の時点で、日本語版のリリースノートは公開されていません。リリースされてから3週間。サボりすぎですー!!! 英語版のリリースノートこちら 1. 【新】寸法ツール新しく[寸法ツール]が追加されました(アドビのヘルプ)。 ツールパネルの[寸法ツール]をクリックすると、ウィジェットが表示され、長さ、角度、径の3つのツールを切り替えられます。 長さ、角度、径のツールを切り替えるキーボードショートカットはありません。 設定もできません。長さ、角度、径(半径/直径)を計測しながら入力できます。描いたものは「寸法オブジェクト」と呼びます。 計測方法基本的には次の手順で計測します。 計測の始点でクリック 計測の終点でクリック 寸法オブジェクトを置き

                    Illustrator 2024(28.1)アップデート情報|DTP Transit 別館
                  • 柄がずれてる!パターンだけを動かす方法と中央にそろえるコツ|Illustrator TIPS|イラレのカテキョ・えみたぬ

                    オブジェクトにパターンを適用させた時、必ず起きるこの問題。 なんでズレているかはともかく、ズレているのは解消しておきましょう。 デザインしている自分でも気になるのですから、それを見る人も気になります。 無駄なストレス情報を無くすのはいいデザインの基本の一つです。 使うモノキーボードの~(チルダ)キー。(右上の方にある「へ」の文字キー) 変形パネル 準備パターンのついたオブジェクトを選択 変形パネル右上の三をクリック。 「オブジェクトのみ変形」にチェック。 (※↑パターンのみ動かしたいのに!オブジェクトのみを選びます) オブジェクトのみを選びます。パターンのみではなくパターン(柄)だけ動かす方法パターンを動かしたいオブジェクトをクリックし選択。 キーボードの「〜」キーを押しつづけたまま、ドラッグ操作を行う。 以上です。 微調整する方法キーボードの「矢印キー」を使います。 マウス操作と同じく「

                      柄がずれてる!パターンだけを動かす方法と中央にそろえるコツ|Illustrator TIPS|イラレのカテキョ・えみたぬ
                    • GIMP 初期状態に戻す、パスツールを使う

                      画像編集には通常 Photoshop を使っています。しかし、自宅は Linux ですので同等のものと言いますと GIMP しかなく(そうでもないかもしれない…)、これまで直感的操作でやってきたのですが、あれこれやっているうちに設定が変わってしまい初期状態がどうであったかわからなくなってしまいました。 初期状態に戻す方法と、これまで簡単な作業にしか使ってこなかったのですが、この際もう少し使いこなせるようになろうということでまずは必要にかられているパス操作を確認しようと思います。 GIMP の設定を初期状態に戻すSVG ファイルで画像を切り抜く円形のパスを引くパスを編集するパスを svg に書き出す画像を clip-path で切り抜く 01GIMP の設定を初期状態に戻す GIMP の設定を初期状態に戻すには設定ファイルを削除すれば戻ります。個人用設定ファイルは通常は ~/.config/

                        GIMP 初期状態に戻す、パスツールを使う
                      • 【無料】ずるいけど便利すぎるPhotoshopモックアップ素材50選【2024年版】

                        「つくったデザインをもっと魅力的にみせたい」 「クライアントやお客様が納得するビジュアルが欲しい」 「最終的なデザイン完成予想がなかなか伝わらない」 商品やブランド、Webサービス、パッケージ制作などのプロモーションやプレゼンテーションを行う時に、あなたもきっと悩んだことがあるでしょう。 しかし日々の業務に追われるクリエイターにとって、あまり時間をかけることができないのも事実。 そんな時に活用したいのがフォトショップの「モックアップ」素材です。 画像を配置するだけで完成のラクラク編集で、作業はほんの数クリックのみ。 まるで本当に撮影したようなリアルな仕上がりを、誰でも簡単に手に入れることができます。 前回のまとめからおよそ1年ぶりとなる今回は、2024年上半期に見つけた無料モックアップを中心にご紹介します。 目次モックアップとはモックアップの使い方すべて無料、だけど英語Adobe Stoc

                          【無料】ずるいけど便利すぎるPhotoshopモックアップ素材50選【2024年版】
                        • 商品写真の背景を生成AIで簡単に変える方法【Photoshop編】 | イーカイ

                          ECサイトで欠かせないのが「商品写真」です。商品ページを作るときには、気合を入れて立派な商品写真を撮影しているECサイトがほとんどだと思います。 商品ページを作った後で、別の商品写真が必要になることもありますよね。そのときに、社内に撮影環境が整っていなければ、予算や時間の都合で、改めて、しっかりとした商品撮影をするができないことがあります。とくに1枚の商品写真を撮るためだけだと、スタッフだけでなんとかしないといけないこともあるでしょう。 いざ商品撮影をしようとすると、意外と望む背景を作るのに手間がかかってしまうこともあります。そんなときに、商品の写真を物撮りだけして、背景を生成AIで作ると手間もコストも時間も節約することができます。 今回は、AdobeのPhotoshopを使って、生成AIで商品写真の背景を変える方法をご紹介します! Photoshopの生成AIを使って商品写真の背景を変え

                            商品写真の背景を生成AIで簡単に変える方法【Photoshop編】 | イーカイ
                          • これからのIllustraorでPDF作るなら「書き出し形式」を使うべき - 実験る~む

                            ある意味どうでもいいことや、役立つかどうかもわからないような中身を、日々脳内から適当に垂れ流しまくりつつ、今日をなんとか生き存えることを思案してます。 ということで、タイトルだけで終わってはいるし7月の件だから多少古い話ですが、あえて詳細を記す件です。 Illustrator Ver.28.6からは書き出しメニューのほうでPDFを生成できるようになりました。 今までだと「別名で保存」「コピーを保存」(古いのだと「複製を保存」)あたりでPDFを作ることがお約束だったわけですが(※)、それ以外の選択肢が増えた、というわけで。 Illustrator 機能の概要(2024 年 7 月リリース) 従来のメニューは残っているので「じゃあ面倒だから今までと同じでいいでしょ」と思う人もいるかもしれませんけど、これからなら、書き出し一辺倒にするべきだけの理由があるわけで。 なので敢えてそこを深堀りする、と

                            • Photoshopで和紙をちぎったような質感を出す | Designmemo(デザインメモ)-初心者向けWebデザインTips-

                              Photoshopを使って和紙をちぎったときに出るギザギザした質感を作る方法です。和風テイストのデザインでちょっとした手作り感を出したいときに使ったりすると、それなりの雰囲気も出てやわらかな印象にもなるでしょう。 和紙の作り方 まずは、土台を用意します。そして、質感を出したい場所で選択範囲を作ります。

                                Photoshopで和紙をちぎったような質感を出す | Designmemo(デザインメモ)-初心者向けWebデザインTips-
                              • Adobe BridgeとPhotoshopを使用した写真の無劣化RAW現像ワークフロー! – カメラ×旅ブログ

                                写真や動画データを含むファイルの一元管理アプリケーション、Adobe BridgeとCamera RAWで現像したRAWデータを劣化させずにRAWデータのままPhotoshopで開くワークフローについて記事にしました。 Adobe BridgeとPhotoshopを使用した写真のRAW現像ワークフロー! Adobe Bridgeとは? Adobe Bridge(アドビ ブリッジ)とは、Adobe Creative cloudのフォトプランやコンプリートプランを契約していると無料で使用できる写真データなどのファイル一元管理ソフトウェアです。 沢山の写真や動画を撮影していたり、編集をしていると、フォルダーやファイルが増え続けて、どこに何があるのか分かりにくくなりますよね。 そんな時にフォルダーやファイルの検索をしやすくするとても便利なアプリケーションです。 今のPCの環境は、映像データも扱って

                                • 描画モードの加算と覆い焼リニアの違いについての質問

                                  /t5/after-effects%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0-discussions/%E6%8F%8F%E7%94%BB%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E5%8A%A0%E7%AE%97%E3%81%A8%E8%A6%86%E3%81%84%E7%84%BC%E3%83%AA%E3%83%8B%E3%82%A2%E3%81%AE%E9%81%95%E3%81%84%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E3%81%AE%E8%B3%AA%E5%95%8F/td-p/12901721 Apr 24, 2022 Apr 24, 2022 描画モードについて質問です。 今実験をしているんですが、答えが出なくて困っています。 after effectsの加算

                                    描画モードの加算と覆い焼リニアの違いについての質問
                                  • Puppet Warp Tool in Photoshop #photoshop #shorts

                                    🔴 Subscribe for more videos : ) ‎@LayerGraphics https://youtube.com/@LayerGraphics?si=iysDT7LPEu0X7UnM⭕ Follow☑️ Instagram : )https://www.instagram.com/...

                                      Puppet Warp Tool in Photoshop #photoshop #shorts
                                    • RAW現像 桜の花を美しいピンク色にレタッチ-Adobe Lightroom Classic CC – カメラ×旅ブログ

                                      日本の春の風物詩と言えば桜ですが、よく見かけるソメイヨシノは特に白っぽく見える被写体なので、せっかくRAWで撮影したなら花びらがピンク色になるようにadobe Lightroom Crassic CCを使用してレタッチをしてみます。 RAW現像 春の桜を美しいピンク色にレタッチする画像編集を始める前に 日本の春の風物詩と言えば桜が有名ですが、せっかく撮影したのに何か物足りなく感じてしまう事もあるのではないでしょうか?今回は桜を美しいピンク色の花びらにして春らしい写真に仕上げるレタッチの方法を解説していきます。 まず大前提として適正露出と正しいホワイトバランスで撮影するように心がけなければなりません。RAWデータを現像する時にある程度は調整できたとしても、極力補正を少なくした方がレタッチした後の写真の品質も良いですし、同じ撮影設定であれば1枚RAW現像した後に、プリセットに保存して他の写真に

                                      • Photoshopの16bitのモードの利用例 画質の劣化を防いでレタッチする

                                        カラーマネジメント、フォトレタッチ、画像や印刷関連の知識、Photoshopやカラーマネジメントツールの具体的な操作やテクニックなどを紹介するブログです。

                                          Photoshopの16bitのモードの利用例 画質の劣化を防いでレタッチする
                                        • 本日の日記/ブラウザで使用できるPhotoshop webが(正式版なのに)あまり知られていない - Diary 2024/08/18|CreativeEdge Vlog

                                          本日の日記/ブラウザで使用できるPhotoshop webが(正式版なのに)あまり知られていない - Diary 2024/08/18 Ce journal est une sorte de mémo sur les activités quotidiennes du projet Generative AI. 8月18日(日)午前3時高校講座:Adobe Firefly のアフターフォローの時に「合成という表記はおかしくないですか?」と質問を頂き、何のことだろう、と思いつつ確認。 英語だと「Composition」で変化なし。言語を日本語に切り替えると「構成」になる。 Composition Reference(左のUIパネルの表記)….はずが、なんと「合成」になっていた。 「構成」から「合成」に変更されていました。最近ですよね。 「構成」が「合成」に変わっているリファレンス機能なので、

                                            本日の日記/ブラウザで使用できるPhotoshop webが(正式版なのに)あまり知られていない - Diary 2024/08/18|CreativeEdge Vlog
                                          • 【Photoshop】簡単!台形と平行四辺形の作り方

                                            Photoshopで長方形や正方形を変形したい! Photoshopで台形はどうやってつくるの? そう思っている人いると思います。 こんな方におすすめの記事です! 長方形を台形にしたい人 長方形を平行四辺形にしたい人 パスの変形を学びたい方 Photoshopの[パスの変形]を使えば簡単に「台形」や「平行四辺形」にすることができます。 新規ファイルを作成 任意のサイズで新規ファイルを作成します。 [ツールバー]の[長方形ツール]を選択 [オプションバー][塗り]から好きな色を選択 カンバス上をクリック&ドラッグして長方形を描きます。 変形する [編集]メニューから[パスを変形]→[ゆがみ]を選択 カーソルを□にもっていくと白矢印に変化します。 □をクリック&ドラッグして引っ張ります。 いろんな方向に動かしてみてください。 カタチが決まったらEnterキーを押し[選択範囲]メニューから[レイ

                                              【Photoshop】簡単!台形と平行四辺形の作り方
                                            • Mac製品で作成されたデータのPDF変換方法 | 冊子印刷なら超!激安【スピード冊子印刷.com】

                                              作成したデータを、PDFで入稿される場合は以下の設定をしてください。 正しくない書き出し設定でPDFに書き出された場合は、データ不備となり、印刷作業に進むことができません。 データのご修正と再入稿をしていただく必要がございます。 Illustratorの場合 「ファイル」から「別名で保存」 ファイルの種類を「Adobe PDF」を選択して保存。 InDesignの場合 「ファイル」から「書き出し」 ファイルの種類を「Adobe PDF(プリント)」を選択して保存。 「一般」のプリセットを「プレス品質」を選択。 「圧縮」のカラー・グレースケール・白黒の「ダウンサンプルしない」を選択。 「トンボの裁ち落とし」の天地左右を全て「3mm」に設定して「PDFを保存」してください。 フォントの埋め込みについて PDFでご入稿の場合は、基本的に全てのフォントを埋め込まなければ意図しない出力結果となります

                                              • 【緊急速報!!】ついに『Overload2』登場!! 最安で買う方法を話します(7月28日まで)

                                                【Toolfarm】『Overlord』販売ページ▶︎https://www.toolfarm.com/store/cart/referral/referrer/NEXTIS/url/battle_axe_overlord/target/buy*5%OFFコード『MYCART 』*7月29日以降に取得した有効なラ...

                                                  【緊急速報!!】ついに『Overload2』登場!! 最安で買う方法を話します(7月28日まで)
                                                • 円形フィルターを使用して被写体を際立たせる-Adobe Lightroom Classic CC – カメラ×旅ブログ

                                                  Adobe Lightroom CCの部分補正機能である円形フィルターは、円の内側や外側を部分的に明るくしたり暗くする事のできるツールで、被写体を目立たせたり周辺減光のような効果を演出する機能です。今回は円形フィルターの使用方法について説明します。 円形フィルターの基本的な使い方 写真のRAW現像ツールAdobe Lightroom Classic CCの部分補正機能である円形フィルターは、選択領域の中心から円を描いた範囲の中や外側を部分的に補正できる機能です。上の写真では一見するとどこに円形フィルターを使用しているかわからないようなものですが、一体どこにかけているかわかる人はいるのでしょうか? 答えは下の写真です。 Adobe Lightroom Classic CCでRAW現像モジュールの円形フィルターを適用したスクリーンショットですが、上の2箇所の円の部分に適用して、スポットライトを

                                                  • Illustratorのグラデーションメッシュの使い方とPhotoshopでアレンジした背景の作り方

                                                    Illustratorのグラデーションメッシュ機能を使うことで、少し複雑でユニークなグラデーションを作り出すことができます。 今回はIllustratorのグラデーションメッシュの基本的な使い方とあわせて、Photoshopと組み合わせてバナーやグラフィックなどで使えるアレンジした背景の作り方をご紹介します。 通常グラデーションツールでは、指定している角度に対して一方方向のグラデーションになってしまいますが、グラデーションメッシュを使うことで複雑でユニークなグラデーションを作ることが可能です。 グラデーションメッシュを使った背景の完成図 Illustratorのグラデーションメッシュ機能の使い方に加えて、Photoshopを組み合わせ使い、AFTERのような背景を作っていきます。 美容系や飲料系の広告デザインやバナーデザインで使えるテクニックなので覚えておくと便利です。 今回の、完成図では

                                                      Illustratorのグラデーションメッシュの使い方とPhotoshopでアレンジした背景の作り方
                                                    • 合成フォントを作り込むアイデア|DTP Transit 別館

                                                      自分の場合、配布資料やプレゼンのスライドで使うフォントを決めています。 極力、個別の微調整を行わずに済むようにIllustrator、InDesignで合成フォントを作り込んでいます。 カッコ類を軽く多くのフォントは、ウエイトが太くなるほどにカッコ類も太くなります。 ちょっと“重い”ため、軽くしたいとき、《合成フォント》で設定すれば、入力するだけで済みます。 小カギ/大カギ最近、大カギに慣れてしまって、言われることが少なくなりましたが、「小カギにして!」というオーダーも《合成フォント》で設定すれば、入力するだけで済みます。 小書きのかなデジタルフォントは、小さい文字サイズで使われる想定で「小書きのかな」が大きめに作られています。改めて見比べると、不自然に大きいです。 キャッチコピーなどでは文字サイズを調整しますが、これを《合成フォント》で設定すれば、入力するだけで済みます。 フォントのウエ

                                                        合成フォントを作り込むアイデア|DTP Transit 別館
                                                      • Camera Matchingプロファイルを使いこなす-Adobe Lightroom Classic CC – カメラ×旅ブログ

                                                        Adobe Lightroom CCやPhotoshop CCのRAW現像モジュールのプロファイル機能、Camera Matching(カメラマッチング)は、各カメラメーカーが標準で採用しているピクチャースタイルやピクチャーコントロールをシミュレートしてRAWデータを撮影時と同じ色調に近付ける機能です。この記事ではカメラマッチングプロファイルの使用方法や違いについて説明します。 はじめにAdobe LightroomやPhotoshopで写真の色がイマイチ合わないとか、色がくすんで見えて変だ・・とか思いながら試行錯誤を繰り返してしまう事はないでしょうか?Adobe製品の写真編集ソフトの現像モジュールには、使用しているカメラのプロファイルをシミュレートしたカメラプロファイルという設定項目がありますので、今回は設定の仕方や違いについて紹介させていただきます。 撮影に使用したカメラはNikonの

                                                        • 補正ブラシを使用して部分的に明るさを変える-Adobe Lightroom Classic CC – カメラ×旅ブログ

                                                          Adobe Lightroom Classic CCでRAW現像をしている時に外観や色調を調整しても一部分だけ明るすぎて困ってしまう事はないでしょうか?そんな時に役立つのが補正ブラシで、一部分だけの明るさやホワイトバランス、明瞭度などを変更できるツールです。 補正ブラシとは? Adobe Lightroom Classic CCの部分補正機能である補正ブラシは、段階フィルターや円形フィルターのような特定の形ではなく、自由な形で部分的な明るさやコントラスト、明瞭度やホワイトバランスなどを変更できるツールで、逆光で暗くなってしまった部分や特定の部分だけを明るく補正するような事が可能になります。 このツールの使用方法は、以下の項目から解説していきます。 補正ブラシの使用方法 補正ブラシを使用する下準備 補正ブラシを使用する前に、あらかじめ一眼レフやミラーレスカメラで撮影したRAWデータのホワイト

                                                          • Webデザインのフォントサイズ単位の選択:ピクセルvsリム、最適な方法とは?|DAD UNION – エンジニア同盟

                                                            Webデザインの世界は日々進化していますが、デザイナーや開発者が直面する基本的な問題の一つに、フォントサイズの単位の選択があります。 この記事では、Photoshopをはじめとした伝統的なデザインツールと、Webデザインツール(Sketch, Figma, Adobe XDなど)の両方に焦点を当て、フォントサイズの単位としての「ピクセル(px)」と「リム(rem)」の特徴と最適な使用場面、あわせてポイント(pt)とその問題点について詳しく解説します。 フォントサイズ単位とは? フォントサイズ単位は、文字の大きさを定義するための数値のことを指します。Webデザインにおいては、そのサイズがどれだけの大きさで表示されるかを定義する重要な要素です。 ピクセル(px)の特徴 精度: ピクセルは固定のサイズ単位であり、デザイナーが意図した通りのサイズで表示されることが保証されます。 互換性: すべての

                                                              Webデザインのフォントサイズ単位の選択:ピクセルvsリム、最適な方法とは?|DAD UNION – エンジニア同盟
                                                            • 【不具合】合成フォントを使っている.aiファイルのPDFデータ部分が破損してしまうトラブル

                                                              合成フォントを使ったIllustratorファイルに要注意 Illustrator 2022(26)やIllustrator 2023(27)を使用している人は保存の設定を見直ましょう! 問題の状況としては以下のものです。 保存されたIllustratorファイルをInDesignに貼り込むと、真っ白になる。 再現方法は以下のとおりです。(Illustrator UserVoiceの該当ページ[リンク]から一部内容を編集して転載します) ■使用アプリ Illustrator 2022(26) Illustrator 2023(27) ■環境設定 「ファイル管理」の項目の「バックグラウンドで保存」「バックグラウンドで書き出し」にチェックを付けた状態 ■手順 合成フォントをすべて削除する 新規ドキュメントを作成 合成フォントを新規作成 テキストツールで文字を入力 3.で作った合成フォントを4.

                                                                【不具合】合成フォントを使っている.aiファイルのPDFデータ部分が破損してしまうトラブル
                                                              • 株式会社MIERUNEと株式会社地理情報開発、QGIS上で作成した地図をIllustrator上で完全再現できるプラグインを共同開発 | MIERUNE

                                                                株式会社MIERUNEと株式会社地理情報開発、QGIS上で作成した地図をIllustrator上で完全再現できるプラグインを共同開発 ~2023年11月7日(火)・8日(水) G空間EXPO2023でデモ展示~ 株式会社MIERUNE(本社:北海道札幌市中央区、代表取締役 CEO:朝日 孝輔 ※1)と、株式会社地理情報開発(本社:東京都千代田区、代表取締役社長:篠崎 透 ※2)は、MIERUNEのQGISプラグイン開発技術と地理情報開発が開発・販売するAdobe Illustrator向けプラグイン「Plug-X」を連携させたサービスを共同開発しました。QGISのプラグインである「QGIS to Illustrator with PlugX」とAdobe Illustrator向けプラグイン「PlugX-QGIS/.ai」を活用することでQGIS上で作成した地図をIllustrator上で

                                                                  株式会社MIERUNEと株式会社地理情報開発、QGIS上で作成した地図をIllustrator上で完全再現できるプラグインを共同開発 | MIERUNE
                                                                • 【解決】Photoshopでもテキストを行ごとに分割したい!

                                                                    【解決】Photoshopでもテキストを行ごとに分割したい!
                                                                  • Adobe Photoshopのハイパスフィルターを使ってシャープ感のある写真にレタッチ! – カメラ×旅ブログ

                                                                    写真編集ソフト Adobe Photoshopのハイパスフィルターを使用して、解像感の無いボヤけた写真をとても簡単にクッキリとしたシャープな写真にレタッチするRAW現像テクニックをご紹介します。 Photoshopのハイパスフィルターを使ってシャープ感のある写真にレタッチするハイパスフィルターとは?Adobe Photoshopのハイパスは、オーバーレイでハイパスフィルターを適用したレイヤーを重ねる事によって写真のディテールをクッキリと際立たせる事が出来る機能で、ぼやけた写真もシャープな画像に仕上げる事ができる素晴らしい機能です。 ハイパスのみを適用した写真がこちら。 画像全体がニュートラルグレーになって、かすかに被写体の輪郭部分が浮き出ているようにも見えるのですが、単一周波数から低周波情報を除去して高周波のみを透過させるフィルターであるようです。 実際の所は、どんな仕組みでこうなっている

                                                                    • 写真の手振れを補正しピンボケを修復できるソフトウェア Topaz Sharpen AIのレビュー – カメラ×旅ブログ

                                                                      手の付けようが無いほどに酷い手振れやピンボケを強力に修正して鮮明な写真に生まれ変わらせる事が出来て、Adobe Photoshopのプラグインとしても使用できるソフトウェア、Topaz LabsのSharpen AIのレビューと使用方法を解説します。 Topaz LabsのSharpen AIが凄い!Topaz Labs Sharpen AIを導入したきっかけ有償案件のおまけで何も説明をしないで写真を撮らせのが悪いと言うか、マニュアル設定とワンポイントAFに設定したままカメラを渡してしまった筆者が一番悪いのですが、超ドアンダーな写真とフォーカスが合っていない写真を量産してしまいました。 求められていたのは音のリアル感を伝える映像だったので、写真は元々求められていなかった・・・けど、一度少しぐらいは写真を撮ると言ったら期待をされちゃって、終わってみたらとんでもない事になっていたのです。 RA

                                                                      • 【フォトショップ】遠近感のある壁にデザインを自由に貼る方法

                                                                        この記事では、フォトショップで遠近感のある壁にポスターなどのデザインを貼る方法をご紹介します。 「遠近感がずれてしまい、うまく貼り付けられない」という経験がある方へ。 このテクニックを利用すれば、壁などどんな表面にも思い通りのグラフィックを貼り付けることができます。フォントでも構いません。 むずかしいことはありません、フォトショップの基本的な機能だけで、1分もかからずできるお手軽さです。

                                                                          【フォトショップ】遠近感のある壁にデザインを自由に貼る方法
                                                                        • 個別に色を調整するHSL/カラーパネルの使用方法-Adobe Lightroom Classic CC – カメラ×旅ブログ

                                                                          Adobe Lightroom Classicで一眼レフやミラーレスカメラのRAWデータを現像している時に色のバランスが悪かったり特定の色だけが濃くて悩んでしまう事は無いでしょうか?そんな時に使用するのがHSL/カラーパネルで、どのような操作をして色の変化させるかをこの記事で解説します。 HSL/カラーパネルとは? Adobe Lightroom Classicの現像パネル右側、トーンカーブの下にある項目で、8色に分けられたスライダーと3つの調整項目があり、このスライダーを左右に動かすことによって特定の色を調整できる素晴らしい機能です。 ライトルームの現像パネルにあるHSL/カラーパネルを拡大したのが上の画像です。上から順番にレッド・オレンジ・グリーン・アクア・ブルー・パープル・マゼンタと並んでいて、それぞれ色相・彩度・輝度の各項目で調整できるようになっています。この機能をどのようなシーン

                                                                          • Illustrator(イラレ)で手作り風、手書き風をデザインする方法

                                                                            こちらの記事はアプリ「Adobe Illustrator」を使ったTipsになります。持っていない方や更新間近の方は「Adobe CCをおトクに購入する方法」も参考にしてみてください。 ゆるい線がかわいい手書き風イラストに イラレでイラストを描くとパスがツルッとした綺麗な線なりますが、人の手書き感があるようなタッチのイラストにしたい場合もあるかと思います! そんなときに便利な「ラフ」機能で、手書き感を出す方法をご紹介します。 「ラフ」効果を選択 手書き感の効果を加えたいパスを選択後、上部メニュー[効果]→[パスの変形]→[ラフ…]を選択します。 「ラフ」効果のオプションを調整 「ラフ」オプション数値は、イラストの大きさや、線の太さによって変わってくるため、右下の『プレビューをチェックを入れ』任意で調整するようにしてください! サイズ→線のギザギザの深さを調整 詳細→ギザギザの細かさ ポイン

                                                                              Illustrator(イラレ)で手作り風、手書き風をデザインする方法
                                                                            • Illustratorで文字に画像を埋め込む方法。 | 合同会社イーマージ

                                                                              埋め込むだけならとっても簡単です♪ この作業はPhotoshopでも簡単に行えます、ただ装飾を施すとなるとIllustratorの方が使い勝手がいいと思います。 たとえば下のような画像↓ 文字の打ち込み➡コピー(背景ボカシ用)➡クリッピングマスク➡線の設定➡ボカシガウス➡WEB書き出し Altで文字をコピーします。 文字の後ろに使いたい画像を持ってきます。 文字と画像を選択した状態でクリッピングマスクを選択します。 これで画像のくり抜きは完成です。ここからは装飾です。 まずはくりぬいた文字に白線をかけます。 そしてボカシに使う文字のカラーを決めます、枠線も同じカラーで塗りつぶし線は外側に揃える方が見栄えがいいかもです。 整列で位置を揃えてあげます。 ボカシガウスでボカシます。 これでひとまず出来上がりです。 あとは文字を全選択してオブジェクトからアートボードで選択オブジェクトに合わせると、

                                                                              • イラレでリッチなUIを作ろう|ネコアップ

                                                                                タイトルで「イラレ」と略しましたがAdobe社製のillustratorのことです。 (※以降はイラレと書きます) 僕はゲーム制作で絵素材を作るときにメインでイラレを使っていて、 今回、ゲームのUIを作る際に便利だった機能を紹介してみます。 イラレには3D効果があるイラレ上で適当な図形を選択して、上のメニューから 効果>3Dとマテリアル>押し出し・ベベル… を選びます。 一発で3Dになりました。簡単ですね。 3D効果の中の「押し出し」そして丸みを持たせたり、質感(マテリアル)を付けたりできます。 丸みとか質感を変更できる簡単にできるのですが、ぶっちゃけ簡単なことしかできません。 あとは物体の向きとライトを調整するくらいしかできないのですが、 これでも十分使えますよ。 ボタンを作ってみる実際にボタンを作ってみます。 ただの円に、効果>3Dとマテリアル>押し出し・ベベル… を付けると、以下のよ

                                                                                  イラレでリッチなUIを作ろう|ネコアップ
                                                                                • 【Photoshop】CornerEditorで様々なコーナーデザインを作る方法【スクリプト】

                                                                                  Webデザイナー、UI/UXデザイナーの@sdesignlaboです。 Photoshop(フォトショップ)の「CornerEditor」というスクリプトを追加し、長方形のシェイプオブジェクトのコーナーデザインを簡単に作る方法をフォトショ初心者の方に解説します。 Webデザインやチラシや雑誌などの紙面デザイン、ゲームUIデザイン等でよく使うフレーム形状が超短時間で作れる便利スクリプトを活用した制作テクニックです。 初めてPhotoshopのスクリプトを使われる方でも安心して導入できる内容ですよ! 何が作れるの? CornerEditorを使えば上図のようなコーナーデザインをあっという間に作れます。 通常の角丸はPhotoshopで作れますが、内側にくぼんだ角丸、ベベルのような角、正方形でえぐれたような角のデザインが数値入力だけで作成できる優れもの! Photoshop初心者の方でもフレーム

                                                                                    【Photoshop】CornerEditorで様々なコーナーデザインを作る方法【スクリプト】