並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 91件

新着順 人気順

cmyk 変換の検索結果1 - 40 件 / 91件

  • 「カラー写真をCMYKに色分解して手描きする人」がいない理由が判明しました

    カラー写真って不思議。 どうして、あんなにきれいな色がでるんだろう。 自分で描けないだろうか。 と思ったので、手描きしてみました。 理屈としては知っている 過去に、印刷の工場を見学したことがあるので、カラー印刷のしくみは理屈としては知っている。 写真の色をC(シアン)M(マゼンタ)Y(イエロー)K(ブラック)の四色に分解して、色のツブツブを並べていくと、それが合わさってカラー写真に見える……ということで合ってますよね。 CMYKのしくみ カラー写真を手描きする。ということはどういうことか。 つまり、CMYKに色分解したシアン、マゼンダ、イエロー、ブラックの、点の集まりを、それぞれなにかを使って、自分でポチポチ描いていけばよいのではないか。 まず考えたのは、カラーのカーボンシートを使ったやり方だ。 カラーカーボンを差し替えて重ね塗りする CMYKそれぞれの色の版を別々にプリントアウトし、固定

      「カラー写真をCMYKに色分解して手描きする人」がいない理由が判明しました
    • Markdownで技術同人誌のPDFが生成できるOSSを公開しました - Qiita

      こんにちは、以前 FlightBooksというサービスを立ち上げていたのですが、2年ほどメンテしていなかったため、ローカル動作するOSS版として公開することにしました。 OSS版を作るにあたり、エディタ部分はVSCodeなりお好きなエディタを使ってもらうとして、 MarkdownからHTMLを生成する部分 HTMLからPDFを生成する部分 を切り出して公開しました。 ほかのサービスや技術と何が違うの? 技術書をマークアップテキストで書くプラットフォームとしては、Re:VIEW、Vivliostyleなどがありますが、FlightBooksは「出版やDTPに関する知識がなくても印刷所にだしたい」というエンジニア諸氏のために開発されました。 「商業印刷」にどこまで向き合うか ご家庭のプリンタに印刷を指示すると、ファイルの情報がプリンタドライバに送信され、そこでインクの出し方を制御するためのデー

        Markdownで技術同人誌のPDFが生成できるOSSを公開しました - Qiita
      • Illustrator初心者も安心!基本の使い方を学ぶ最新チュートリアル25個まとめ

        「Illustratorの使い方をマスターしたいけど、何から手をつけて良いかわからない。」そんなときは、Illustratorの基本的な使い方を実践的に学ぶことができるチュートリアルを活用してみましょう。 今回は、2020年に入って公開された最新Illustratorチュートリアル、つくり方をまとめてご紹介します。 覚えておくと時短につながる便利な小技テクニックや、Illustratorの基本ツールの詳しい使い方など幅広いツールや機能を学ぶことができるので、初心者のひとにもオススメしたい活用法。 Illustrator初心者も安心!基本の使い方を学ぶ最新チュートリアルまとめ 2019年のIllustrator向けベストチュートリアルは以下の記事よりどうぞ。 総まとめ!2019年のすごいIllustratorチュートリアル、作り方厳選50個 トロピカルなバンガローのイラストを作成する方法 ビ

          Illustrator初心者も安心!基本の使い方を学ぶ最新チュートリアル25個まとめ
        • 日焼けしたポスターみたいな写真を撮る

          1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。(動画インタビュー) 前の記事:ポケベル打ちでTwitterしたい > 個人サイト NEKOPLA Tumblr 日焼けポスターから感じる夏の日差し 街を歩いていると、青っぽいポスターをよく見かける。 肌が青くなった人。ありえない色なのに、見慣れているせいか特に変には思わない 長きにわたり太陽光にさらされた結果、赤のインクが退色して全体的に青くなっているのだ。これを見て、「皮膚が青い人の写真だ!」って思う人はいないだろう。脳が勝手に、「これは日に焼けたポスターだ」(なので青くて当然)と認識している。それだけ日常的に見慣れた光景とも言える。 似たようなものに、セピア色の写真がある。モノクロ印画紙が経年劣化すると、

            日焼けしたポスターみたいな写真を撮る
          • Illustrator デザイナーがたぶん知らない入稿チェック方法 | DESIGN TREKKER

            はじめに 印刷の事業でデザインだけではなく、DTP(印刷)のオペレーション業務も兼務しておるデザイナーです。両方やってるのでわかるのですが、「デザイナー側」と「DTP(印刷)のオペレーション側」の入稿作業って少し違う部分があって。 それでも、デザイナーにこれだけは知っておいて欲しいというものがあります。 もちろん色々な印刷会社で入稿方法はそれぞれ異なることもあるので、基本的なことと考えてください。前半は中級者向け、後半は初心者向けの記事になっています。 いつものIllustrator入稿データチェックに加えて欲しいこと デザイナーでこれをチェックしない人が多いのですが、なんといっても分版プレビューです。知ってる人は当たり前ですが、デザイナーはなぜか皆んなチェックしないんですよね。 分版プレビューとは デザインデータに使用しているCMYKに加えて特色などのすべての色を版ごとにチェックできる機

              Illustrator デザイナーがたぶん知らない入稿チェック方法 | DESIGN TREKKER
            • 技術書典12「プログラマーのための本気で使えるChromebook」を執筆した+付録「Chromebookで物理本を制作する」

              技術書典12「プログラマーのための本気で使えるChromebook」を執筆した+付録「Chromebookで物理本を制作する」 「プログラマーのための本気で使えるChromebook」を書いた。2022年1月22日からの技術書典12で頒布予定。 プログラマーのための本気で使えるChromebook:s2terminal どんな本なのかはリンク先に書いたのでそちらを参照してほしいけど、タイトル通り「プログラマー向けにメインの開発PCとしてのChromebookを勧める」という本。 特にDockerを使うなら純粋なLinux環境が手に入るのは大きくて、ChromebookはWindowsよりもMacよりも使いやすいと感じている。私も何年か前から開発のメインはChromebookに移していて、周りにもそういう人が増えてきた。この段階で、Chromebookをもっとプログラマーに普及させるために書

                技術書典12「プログラマーのための本気で使えるChromebook」を執筆した+付録「Chromebookで物理本を制作する」
              • コードハイライト付きの書籍をこれまでずっと作っていた - kmuto’s blog

                blog.jxck.io で(md2inao→md2indesignの進行は過去にもちょっとかかわりがあってウォッチした) もうすでにそういう製品があったり、知らないだけで全コードがハイライトされた書籍を出してる出版社はあるのかもしれないが、そういう本を少なくとも自分は見てない。 という記載があったのでちょっと書いてみる。 オーム社さん、オライリー・ジャパンさん、インプレスさん、羊土社さん、講談社サイエンティフィク社さんなどの一部の書籍では、コードハイライト付きになっていて、さらにそのうちいくつかは紙版では白黒、電子版ではカラーを使い分けていたりする。 というのも、前職の制作会社時代に私がその仕組みを作ってきたから。 組版はInDesignを使うのもあれば、TeXを使っているのもある。紙白黒/電子カラーのような使い分けは、TeXではOK、InDesignではもしデータを2種類管理しなければ

                  コードハイライト付きの書籍をこれまでずっと作っていた - kmuto’s blog
                • Affinity Publisherを最強のプロトタイピングツールとして使うために知っておきたいこと

                  この記事の内容 この記事は、2019年7月19日に開催した「Affinity User Group JAPANミーティング」というイベントで私がお話しした内容をまとめた記事です。 以前話題になった PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 という記事の続編のような内容です。 主に以下の内容について書いています。 Affinity PublisherによってWebデザインのワークフローがどのように改善するのか「Affinityは軽い」と言われるが、軽いと何が良いのかおすすめの環境設定脱Adobeへの第一歩 動画で観たい方は以下の動画をどうぞ。音声あり、約24分です。 ※他の登壇者の方の内容は、後日別の記事として投稿予定です。 Affinityが目指しているもの あくまでも私の個人的な私見ですが、AffinityはA

                    Affinity Publisherを最強のプロトタイピングツールとして使うために知っておきたいこと
                  • Illustrator文字の使い方をマスター!テキストエフェクト用チュートリアル116個【総まとめ】

                    この記事では、Illustratorをつかった文字加工、テキストエフェクト向けチュートリアルをまとめています。 当ブログでIllustratorの最新チュートリアルまとめを紹介しはじめた、2013年ごろまでさかのぼり、過去8年間のイラレ用テキストエフェクトをまとめたコンプリート集。 Illustratorがはじめてのひとから、普段使いしているプロデザイナーにもおすすめしたい、テキストエフェクトの基本を学ぶベストテクニックが揃いました。 サイバーパンク、80年代のレトロエフェクトから、メタリックな光沢感の3Dエフェクト、話題のニューモーフィズム・スタイル、面白フード系エフェクト、ネオンエフェクト、トロトロに文字が溶けたスタイル、透明ガラスなどあらゆる文字エフェクトの基本を学ぶことができます。 フォトショップのテキストエフェクト向けチュートリアルまとめ フォトショップでの文字の使い方も一緒に覚

                      Illustrator文字の使い方をマスター!テキストエフェクト用チュートリアル116個【総まとめ】
                    • Vivliostyleで市販書籍とそっくりに組んでみよう | gihyo.jp

                      上達のコツはやはり反復練習!ということで、第4回では、InDesignで作られた書籍のPDF(なければプリントアウト)をもとに、紙面デザインをそっくりに再現する方法について解説します。何度か作成していくうちに、Vivliostyleの可能性やクセがつかめてくるはずです。 CSS組版を覚える早道は……? 筆者は2023年に『Web技術で「本」が作れるCSS組版 Vivliostyle入門』を執筆しましたが、これを読んだだけで自在に本を組めるようになるかといえば、残念ながらそう簡単なものではないというのが正直なところです。 では、どうやってCSS組版を勉強すればいいのでしょうか? ひるがえって、自分がたどった道のりを思い出してみると、CSS組版とVivliostyleを使い始めたのは、書籍の原稿整理の一環として、書籍デザイン通りの字数・行数をCSS組版で再現したのが始まりでした。何度もそれを繰

                        Vivliostyleで市販書籍とそっくりに組んでみよう | gihyo.jp
                      • フォトショップで人物写真を魅力的にする加工、レタッチ向けチュートリアル164個まとめ

                        この記事では、人物写真をフォトショップで加工するレタッチ、合成向けチュートリアルをまとめています。 フォトショップの醍醐味でもある写真合成や、レタッチテクニック、ポートレイト写真加工、アクション作成、デジタルメイク、モノクロ写真のカラー化、髪の毛の切り抜き、SF風デザイン、写真のイラスト化などあらゆるスタイルを網羅した保存版。 これらのテクニックを習得することで、フォトショップでイメージ通りの世界観を表現できる魔法のレシピを集めました。 フォトショップで人物写真を魅力的にする加工、レタッチ向けチュートリアル どんなイメージ写真もピクセルアートに変えてしまう方法 Illustratorのビットマップ機能を利用したデザインテクニックで、リアルワールドをピクセルアートにしてしまいます。 風景写真をイラスト・アニメ風に加工する方法 まるで大ヒットした某映画のワンシーンをみているような、写真をイラス

                          フォトショップで人物写真を魅力的にする加工、レタッチ向けチュートリアル164個まとめ
                        • もう迷わない!illustratorとphotoshopのカラー設定 - DESIGN TREKKER

                          illustrator、photoshopのカラー設定 アドビのillustratorとphotoshop、indesignにはカラー設定という設定項目があります。 こちらはその名の通り、アプリのカラー環境設定を行うところで、設定次第で配色した色合いが変わります。 何も設定しなくても利用することはできますが、刷り物の場合は印刷会社の環境に合わせきちんとした設定をしておかないとあとで混乱したりクレームが発生する恐れがあります。 illustrator、photoshopのカラー設定を統一する 結論から入りますが、イラレとフォトショップのカラー設定は基本同じ設定にする必要があります。 何故そうすることが良いのか、以下のトラブルから説明していきます。 〈問題〉photoshopで保存した画像をillustratorに配置すると色が変わってしまった photoshopで加工した画像をイラレに配置し

                            もう迷わない!illustratorとphotoshopのカラー設定 - DESIGN TREKKER
                          • 障碍者をネタにしたやつは全員シネ

                            もしかして俺ってHDMIかもしれない https://anond.hatelabo.jp/20201123134117 30代無職なんだけど 仕事が全く続かない 学生の頃に不登校も経験してるし もしかして俺ってHDMIなのかもしれない 明らかにADHD文字ってるよな? 明らかにADHDの尊厳を考えた投稿じゃないよな? 明らかにADHDを馬鹿にしてるよな? これを投稿した奴は自分が何をネタにしたのか分かってるのか? これに乗っかってネタ書いてる奴も分かってんのか? お前らは、障害者手帳が出るような、政府すら認めてるハンデを、ネタにしてるんだぞ? お前らは手がない人間をネタにするのか?目が見えない人間をからかうのか?馬鹿にするネタに乗っかるのか? https://anond.hatelabo.jp/20201122013307 これ見てると、「はてなの人間の中には差別者がいて問題だな。そんな人

                              障碍者をネタにしたやつは全員シネ
                            • clamp() - CSS: カスケーディングスタイルシート | MDN

                              CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

                                clamp() - CSS: カスケーディングスタイルシート | MDN
                              • RGBからCMYKに変換する際なるべく色をくすませないようにする(Photoshop)|hibiki

                                タンブラーに書いてたんですが、noteに記事移動しつつ書き直します。 自分のために忘備録かねてメモ。 普通に何も調整しないと、こんな感じに色によってはめちゃんこくすんで悲しいことに 黄色、エメラルドグリーンあたりの色は特にやばいです。この例だと「メリクリ!」の文字の背景色が一番目立ちますが、肌の色や髪の毛もくすんでます。 調整方法1. RGBでクリスタなどで作成したデータをPSDで保存 2. PSDをPhotoshopでひらく 3. メニューの [イメージ]→[モード]→[Labカラー] で、Labカラーにする 4. レイヤーウィンドウの下部から調整レイヤーの[トーンカーブ]を作る 調整レイヤーは、調整したい絵などより上 5. トーンカーブのLを少し明るくする(下図のような感じに調整) 6. 4.と同様にして、調整レイヤーの[色相・彩度]を作る 7. 色相・彩度の彩度をあげる 表示を見なが

                                  RGBからCMYKに変換する際なるべく色をくすませないようにする(Photoshop)|hibiki
                                • ベクタでハーフトーン化するスクリプト – TAWAMIラボ

                                  概要 Illustratorドキュメント上の任意のアイテムを、単色(黒)のハーフトーンに変換するスクリプトです。 ハーフトーンの各ドットは、アンカーポイント4つの円形のパスになります。パスなので後から自由に色などを変更できます。 ※あくまで「ハーフトーン風のデザイン」を作るためのものです。印刷のための網点化を目的としたものではない点にご注意ください。 Illustrator CS6~CC2023(Win・Mac)で動作します。 Boothにて販売中(1000円) 更新履歴 2023-08-25 ・おまけ2として、カラーハーフトーンを作るスクリプトを追加しました Ver1.3 - 2022/10/07 ・「位置調整」機能を追加(左右/上下対称なトーンを作りやすくなりました) ・全体的に精度が少し向上しました Ver1.2 - 2022/03/30 ・スクリプト使用後にドキュメント単位設定が変

                                    ベクタでハーフトーン化するスクリプト – TAWAMIラボ
                                  • どこよりも早く、本家よりも詳しいIllustrator 24.3(2020年8月リリース)の新機能、改良点の解説 | DTP Transit

                                    新機能と呼ぶには地味なものばかりですが、「それはムリとあきらめていた…」ものが実現され、むっちゃ熱いアップデートになっています! エリア内テキストの「垂直方向:中央揃え」 グリフバウンドに整列(整列オプション) カンバス上でのロックオブジェクトの選択と解除 フォントの高さオプション グリフにスナップ それぞれを平易なことばで表現すると、次のような意味合いです。 エリア内テキスト(テキストボックス)内でテキストを天地中央に設定できるようになった どんなフォントを指定していても、図形とテキストを天地中央に整列できるようになった [レイヤー]パネルを開くことなく、オブジェクト単位のロック解除が可能に 従来の「仮想ボディ」基準のフォントサイズのほか、キャップハイト、xハイトなどの高さにてサイズを表示できるようになった テキストをアウトライン化せずに、テキストのパスやアンカーポイントにスナップできる

                                      どこよりも早く、本家よりも詳しいIllustrator 24.3(2020年8月リリース)の新機能、改良点の解説 | DTP Transit
                                    • 迷子先生のプリンタニアこぼれ話

                                      迷子 @maigo_twi これわざわざCMYKでデータ作って、シアン、マゼンタ、イエロー、ブラック、各100%のスーパーブラック、で塗り分けて満足してツイッターに上げるためにRGBに変換した無意味のかたまりのような落書きなんだ 2019-03-19 11:20:54

                                        迷子先生のプリンタニアこぼれ話
                                      • 色を奪うAdobe | p2ptk[.]org

                                        Pluralistic 信頼してきた製品を企業に壊され、何十年もかけて作ってきたものを台なしにされたら、怒りがこみ上げるのも当然である。企業もそれを承知で、サプライヤを非難してあなたの怒りを逸らそうとする。もちろん、サプライヤに非があることもある。だが、企業が非難されるべきことも数多くあるものだ。 たとえば、Appleが中国のApp StoreからあらゆるVPNアプリを削除し、中国のクラウドサーバにバックドアを設けた際、Appleはそれを中国政府のせいにした。だが中国政府は、Appleがデバイスを囲い込んでいるからこそ、中国のユーザがサードパーティ製アプリをインストールできないことをよく知っていたのである。 つまり、機能するVPNやオフショアクラウドを利用するアプリをApp Storeから削除するよう命令すれば、Appleユーザを中国政府の監視下に閉じ込めることができる。プライバシーツール

                                          色を奪うAdobe | p2ptk[.]org
                                        • 私がデザイナーという仕事にハマる10の理由。 - ゆるっと広告業界

                                          お題|私が◯◯にハマる10の理由 こんばんは、さじです。 ブログを書いているくらいですから自分がどハマりしているのは「デザイナーという仕事」です。はてなブログ10周年特別お題「私が◯◯にハマる10の理由」を書いてみればというのですが、10個で足りるのでしょうか? 01.美しいものを作る。 02.コツコツすることすらも。 03.予測、推理。 04.パズルのように組むお絵かき。 05.想像×実現。 06.コミュニケーション好転。 07.求められなくなったら辞める。 08.技術進歩を肌で感じる。 09.幅が広い。 10.芸術と商業の間で。 終わりに。 01.美しいものを作る。 人は美しいものが好きです。色の綺麗な組み合わせや完成されたフォント、写真や言葉もそうです。つぎはぎの原稿や素材を美しく整える、誰にでも出来そうで誰がやっても同じにならないのが面白いところです。0.1mmにこだわり、CMYK

                                            私がデザイナーという仕事にハマる10の理由。 - ゆるっと広告業界
                                          • 美しい組版を実現させる新しい処理システム「Twight」 WYSIWYGへの依拠を回避しつつグラフィカルな媒体を実現

                                            若い人材の発掘・育成を目的とした「未踏IT人材発掘・育成事業」にて実施されている「未踏IT人材発掘・育成事業 成果報告会」。ここで、和田氏が「強力なグラフィック機能を備えた日本語組版処理」をテーマに登壇。新しい組版処理システム「Twight」について紹介します。 組版が情報化社会で重要な役割を担う理由 和田優斗氏(以下、和田):それでは私、和田より「強力なグラフィックデザイン機能を備えた組版処理システムTwightの開発」について発表します。 あらためまして、横浜市立横浜サイエンスフロンティア高校の和田優斗と言います。春からは筑波大学の情報学部に進学します。私の趣味として、グラフィックデザインやタイポグラフィ、Webデザインといった領域に対して興味があり、そこで得た経験や情熱を活かして、未踏事業に邁進してきました。 本プロジェクトでは、新しい組版処理システムを開発しました。そもそも組版とは

                                              美しい組版を実現させる新しい処理システム「Twight」 WYSIWYGへの依拠を回避しつつグラフィカルな媒体を実現
                                            • 『D×2 真・女神転生リベレーション』でのビッグバナー画像制作事例 - SEGA TECH Blog

                                              はじめまして。セガ 第4事業部・第4開発1部・TAセクションの村上です。 アーケード向けのゲーム開発におよそ10年間携わった後、現在ではスマートフォン用ゲーム『D×2 真・女神転生リベレーション』(以下、『D×2(ディーツー)』)に3D背景チームリーダー兼テクニカルアーティストとして参加しています。 『D×2』の3D背景制作に携わる一方で、制作工程における技術的なサポートも行っています。 『D×2』は悪魔召喚・交渉・悪魔合体・3Dダンジョンなど『真・女神転生』シリーズが持つ醍醐味を踏襲しつつ、スマートフォン向けとして最適化された戦略バトルRPGです。 2.5周年を記念した「超・感謝祭」キャンペーンとイベントを開催中ですので、ご興味がありましたら公式サイトをご覧ください。 d2-megaten-l.sega.jp 『真・女神転生』シリーズとは皆様ご存知の通りアトラスさんが開発・販売されている

                                                『D×2 真・女神転生リベレーション』でのビッグバナー画像制作事例 - SEGA TECH Blog
                                              • 配色デザインに必要な機能が揃うオールインワン配色ツール&アイデア集 Dopely Colors

                                                デザインでも頭を悩ますことの多い、「配色」選びに必要なあらゆるツールやデザインアイデアを公開しているウェブサイト「Dopely Colors」を今回はご紹介します。 美しい配色カラーパレット、グラデーションを作成したり、カラーホイールによる配色選び、配色コントラストチェック、トーンツールなどの機能がずらりと揃い、あらゆるプロジェクトに最適な配色を手軽に見つけることができます。 Dopely Colors の特長 Dopley Colorsは他の配色ツールと異なり、色の用途に応じてさまざまなカラーツールが用意されています。また、配色のアイデアや参考にできるサンプル例が多数揃っている点もポイントです。提供しているすべての色の組み合わせは、なんと1億通り以上。 どのようなツールが利用できるのか詳しく見ていきましょう。 カラーパレット・ジェネレーター Color Palette Toolは、デザイ

                                                  配色デザインに必要な機能が揃うオールインワン配色ツール&アイデア集 Dopely Colors
                                                • CMYK + ホワイトの透ける色カードで色をつくろう! アナログゲーム「いろかるた」がヴィレヴァンで販売

                                                  透ける5色の“色カード”を使って遊ぶアナログゲーム「いろかるた」がヴィレッジヴァンガードのオンラインストアで発売されました。以前に「紙神経衰弱」を制作して話題になったクリエイターKino.Qさんの作品です(関連記事)。 いろかるた 名刺サイズ(55ミリ×91ミリ)で、1枚ずつ汚れ防止のPP袋入りです 透ける色カードは、印刷物で使用される色の表現法「CMYK(シアン・マゼンタ・イエロー・ブラック)」の4色にホワイトを加えた5色が用意され、透けているため重ねることでさまざまな色をつくれます。カードは各色10枚ずつで、合計50枚入り。 重ねて並べるだけでも奇麗 遊び方は、各プレイヤーにカードを配り、親プレイヤーが他の人に見えないように色をつくって、子プレイヤーがその色を予想してつくって当てる「いろ対戦」。さらに身の回りのモノから1つの色を選び、いちばん似ている色を目指す「いろ再現」など、他にも自

                                                    CMYK + ホワイトの透ける色カードで色をつくろう! アナログゲーム「いろかるた」がヴィレヴァンで販売
                                                  • gap (grid-gap) - CSS: カスケーディングスタイルシート | MDN

                                                    CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

                                                      gap (grid-gap) - CSS: カスケーディングスタイルシート | MDN
                                                    • ウェブ上で使用する画像を最適化するコツ(パフォーマンス改善)

                                                      画像をフォーマットする利点 パフォーマンス観点でのWeb用の画像最適化について 利用可能なWordPressの画像最適化プラグイン 画像最適化のケーススタディ 他の画像フォーマットと合わせてSVGを使用する 画像を使用する際のベストプラクティス 画像をフォーマットする利点 画像をフォーマットすることはなぜ必要でしょうか?利点は何でしょうか?パフォーマンスの観点での画像の最適化には利点が多いです。HTTP Archiveによると、2018年11月の時点で、画像はウェブページの全体的なページの重さの平均21%を占めています。したがって、WordPressウェブサイトを最適化する際に、ビデオの次に画像を最適化しましょう。 スクリプトとフォントよりも重要です。皮肉なことに、画像最適化は最もしやすい仕事の一つである一方、ウェブサイト所有者の多くはこれを見逃しています。 1ページあたりの平均バイト数(

                                                        ウェブ上で使用する画像を最適化するコツ(パフォーマンス改善)
                                                      • CSS スクロールスナップの基本概念 - CSS: カスケーディングスタイルシート | MDN

                                                        CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

                                                          CSS スクロールスナップの基本概念 - CSS: カスケーディングスタイルシート | MDN
                                                        • @layer - CSS: カスケーディングスタイルシート | MDN

                                                          CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

                                                            @layer - CSS: カスケーディングスタイルシート | MDN
                                                          • :scope - CSS: カスケーディングスタイルシート | MDN

                                                            CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

                                                              :scope - CSS: カスケーディングスタイルシート | MDN
                                                            • CMYKへの変換はプロに任せて、同人誌印刷の栄光がRGB入稿を推奨 | スラド IT

                                                              今CMYKで編集できるソフトはPhotoshpが代表的で、他は数えるほどしかない。 ClipStudioはCMYK保存できるだけで編集はできない。 だから黒の線はKだけにするとかは基本的にできない。 だったら自社でやってしまってもと言う事なんでしょう。 なによりCMYK入稿の最大の欠点は広域色印刷ができない事。 他社は広域色印刷を採用してる所が続々増えていて、 RGBを鮮やかに印刷してくる。 原理的には広域色印刷用のカラープロファイルを公開して、 それで変換、さらには編集してもらえると最高なんでしょうが、 かなり特殊な行程になるしデータの互換性もなくなると言って良いので、 ユーザーが行うとは思えない。酷い事故も起こる可能性高い。 さらに付け加えると、同じインクでもでも、 AM印刷とFM印刷で色が変わる。後者の方が鮮やか。 同人誌印刷だとMに蛍光ピンクを混ぜるという事もよく行われてるけど、

                                                              • Photoshop アクションの作り方/バッチ、ドロップレットでさらに効率化! | DESIGN TREKKER

                                                                はじめに ———終業時間間際 「○○くーん、君暇でしょ? 今日撮影した画像データ100枚を RGBからCMYKに、解像度350、色はすべてコントラスト強めに 明日の朝までに変えておいてね〜?」 たとえば自分の上司からこんなことを終業時間間際に言われたら、たとえ上司とはいえ誰しも頭にきますよね? しかし、大丈夫です。 そんなとき、Photoshopのアクションがあればものの数十分で仕事を終えることができてしまいます。 一体どうすればそんなことができてしまうのか、今回はそのphotoshopアクションの秘密と使い方を紹介していきます。 アクションとは アクションとは、行動、働き、活動、実行といった言葉に訳されます。 photoshopでは、一連の作業内容を記録して再生する機能のことをアクションといいます。 たとえば 画像をひらく、サイズをかえる、解像度をかえる、色味をかえる、描画モードを変更す

                                                                  Photoshop アクションの作り方/バッチ、ドロップレットでさらに効率化! | DESIGN TREKKER
                                                                • contain - CSS: カスケーディングスタイルシート | MDN

                                                                  CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

                                                                    contain - CSS: カスケーディングスタイルシート | MDN
                                                                  • イラレにも生成AI機能、プロンプトでいい感じのカラーパレットを探せる Adobeがβ版提供

                                                                    また、「フォントの再編集」も加わった。写真などで気になったフォントやアウトライン化されたベクターテキストをIllustratorに取り込み、フォントの再編集を選択すると、Adobe Fontsに収録されたものから最も近いフォントを教えてくれる。そのまま適用して画像/イラスト内のテキストを編集できる。 画像トレースの機能も強化された。ラスター(ピクセル)画像からベクターへの画像変換において、自動検出モードを実装した他、画像トレースプリセットを選択して、処理から除外するカラーを選択したり、カラーモードをカスタマイズできるようになったという。読み込んだ画像から最適なプリセットを提案する機能も搭載している。 その他、レイヤーパネルに「検索」と「フィルター」パネルを追加した他、WebP形式による書き出しをサポート。スクリーン用書き出しで、JPEGのカラーモード(RGB、CMYK、グレースケール)を選

                                                                      イラレにも生成AI機能、プロンプトでいい感じのカラーパレットを探せる Adobeがβ版提供
                                                                    • Photoshop - ある日の写真

                                                                      2004年2月11日撮影 Nikon COOLPIX 990 プログラムAE 編集ソフト:Adobe Photoshop 2020(解像度変更のみ) 知人からオススメの画像編集ソフトのことで聞かれた フリーソフトは使ったことがなく けっきょく現在まで使い続けているソフトは Adobe Photoshop Photoshopを使い始めたのはもう20年以上前 調整レイヤー機能が搭載されたバージョン4.0から 仕事で必要になるであろうと思い 個人的にも勉強しようと思い購入 当時は買い切り販売のみで価格は15万円くらいだった たけぇー! と、清水の舞台からムーンサルトして購入したので必死で覚えた それからずーっとPhotoshopの変革を見てきた バージョン5.5ではImageReadyが付属され Webデザインもこなせるようになった illustratorの方が便利そうと思いながらも Photo

                                                                        Photoshop - ある日の写真
                                                                      • Illustratorのトンボをマスターしよう!【作成、解除、プリント方法】 | バンフーオンラインショップ

                                                                        チラシやポスター、冊子など、印刷物の入稿データを作る際にはトンボは欠かせません。入稿したデータにトンボがないと、データの不備として印刷会社から戻されてしまいます。印刷物の仕上がりサイズを正確に示すしるしとなるためです。 トンボはAdobe Illustrator(アドビイラストレーター、通称「イラレ」)を使えば、簡単に作成できます。 イラレを使用した場合のトンボ作成の手順、削除やサイズ変更などの操作方法から、トンボが必要な理由まで、印刷会社の見地から入稿に最適なトンボの付け方をお知らせしていきます。 目次 イラレでのトンボ作成の手順 トンボを解除・削除できないときは? トンボをプリントアウトするとき、しないとき そもそも「トンボ」って何? トンボの種類と目的 1.イラレでのトンボ作成の手順 早速トンボの作成方法から見ていきましょう。トンボの作り方・出し方は、使っているイラレのバージョンによ

                                                                          Illustratorのトンボをマスターしよう!【作成、解除、プリント方法】 | バンフーオンラインショップ
                                                                        • 【小説書き必見!?】InDesignを使った表紙の作り方:The Typewriter Dandy —By Dōjin circle MOZA MOZA

                                                                          ■はじめに 小説書き向けのInDesignを使った表紙の作り方です。 ここではInDesign CS5を使用しますが、他のバージョンでも大体似通っているので、応用がきくと思います。 今回は並製本(ペーパーバック)の表紙です。表紙の構成は印刷では上の図のように4ページ分とカウントされます。ここでの表紙は上の部分の表1, 4を指します。普通はあまり表2, 3は印刷することないので飛ばしますのであしからず。 ■縦書き用原稿 印刷用の原稿の場合は右綴じになるので背表紙を中心に左側が表紙(表1)、右側が裏表紙(表4)になります。 原稿を作る際は3mm-5mmの塗り足し(断ち落し、断ち切り、ドブとも言う)が必要です。なぜ必要かというと、裁断の際にどうしても誤差が出てしまうので余分目に大きく作っておく必要があるのです。塗り足しは殆んどの印刷所は3mm指定ですが、印刷所によって5mm指定のところもあります

                                                                            【小説書き必見!?】InDesignを使った表紙の作り方:The Typewriter Dandy —By Dōjin circle MOZA MOZA
                                                                          • isolation - CSS: カスケーディングスタイルシート | MDN

                                                                            CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

                                                                              isolation - CSS: カスケーディングスタイルシート | MDN
                                                                            • Intel HD Audioで音を奏でよう

                                                                              PCで音を奏でるには,ビープ音を鳴らす仕組みの他にIntel High Definition Audio (以下,HD Audio)という仕様があります。スピーカー以外にもマイクといった音声入力側の制御もカバーしています。サウンドデバイスを気にしたことがないのでよく知らないのですが,現代の主流だそうです。 音のデジタル表現 コンピュータは,文字を文字コードという番号を振ることで表現し,画像は原色(RGB/CMYK)の強さ(濃さ?)の組み合わせで表現します。音はどう表現するかというと音は波の一種なので,その波形の各時間間隔での振幅値(例: 整数)で表現します。モノラルなら振幅値が詰まった1次元配列,ステレオならLとRそれぞれの1次元配列の組になります。 時間間隔を決める値がサンプリングレート(単位はHz)であり,また振幅値の表現範囲(8/16/24-bit)を量子化ビット数と呼びます。 WA

                                                                                Intel HD Audioで音を奏でよう
                                                                              • aspect-ratio - CSS: カスケーディングスタイルシート | MDN

                                                                                CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

                                                                                  aspect-ratio - CSS: カスケーディングスタイルシート | MDN
                                                                                • inset - CSS: カスケーディングスタイルシート | MDN

                                                                                  CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

                                                                                    inset - CSS: カスケーディングスタイルシート | MDN