【css】positionで要素を中央に配置する方法

https://arts-factory.net/position/

HTML


<div class=”box”>
<p>テキストテキスト</p>
<img src=xxx.jpg width=”600″ height=”400″ alt=”xxxx” >
</div>

CSS

.box{
    position: relative;
}
.box p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

【デザイン】紙もの入稿データでCMYKの確認

CMYK確認手順

「ウィンドウ」「ドキュメント情報」ウィンドウを開いて右のハンバーガーメニューから「オブジェクト」を選択します

その状態で、印刷物のオブジェクトを全選択(トリムマークは除く)

選択されたオブジェクトの内容が表示されますここに文字とか、特色とか、CMYKとか、パスとかがいくつあって、、みたいな情報がすべてでるので、文字情報が残ってないかとか、RGBがないかとか、そちらでチェックしています!

オブジェクトをCMYKに変換するにはオブジェクトを選択して「編集」「カラーを編集」「CMYKに変換」すると変換できます!

特色の版の考え方

特色の指定をしないで特色いれたまま印刷だしたことないのであれですが、、料金がかかるというより、印刷されたものから特色の部分だけ抜けることになるんじゃないでしょうか?

特色ということは、特色を設定してそこだけ別の版で印刷するということだと思うんです

C版で印刷

↓M版で印刷

↓Y版で印刷

↓K版で印刷

↓特色Aで印刷

↓特色Bで印刷

おわり

といったかんじで順番に違う版を使って印刷するんだと思いますので、特色使うときは「パントーンのこの色と、DICのこの色を使います」みたいなことを印刷会社に指定することと、特色の版用に別ファイルか、別レイヤーのデザインが必要なはずなので、根本的に作りが違うかんじになったと思いますたしか。

ただ、オンデマンド印刷のような簡易印刷(版を使わないで会社のプリンターのように簡易に印刷するやり方)だと、ただただ色がおかしくなるだけのきがします、、、

特色の考え方

特色って、パントーンとか、DICとかの色の会社がつくった、その色だけのインクなので、CMYKに分解すれば分解できちゃって、そうしたら特色ではなくなります

CMYKで印刷すると、印刷の状態や紙の状態などで、たまに色転び(思った色じゃなくなる)と言うことが起こります

グリーンとか起こりやすいですなので、企業のロゴとかは、色転びしたくなくて、Jリーグの赤はJリーグの赤としてこれはだしたい!!というときだけ特色をつかいます

DIC1010のインクをつかってください!

という特色指定するかんじですすると、どんな状況でもちゃんとJリーグの赤になります

なんせその赤用のインクなのでもう赤ですw赤なんでもともとあまり転ばないですけどもwとはいえ、厳密にしなくていいことがほとんどなので指定の特色をCMYKで分解してしまえば、それはそれでだいたい同じ色なので普段はこちらを使うのが普通です

【css】cssでいろんなアニメーションをつける

https://b-risk.jp/blog/2021/01/anim-reference/

@keyframeでアニメーション

https://into-the-program.com/slidein/

テキストにマスクをしてアニメーションする

https://b-risk.jp/blog/2019/10/text-mask-animation/

パスのマスクサンプルジェネレーター

https://ics-creative.github.io/210604_mask_variations/css_sample.html

マスクの使い方

https://github.com/ics-creative/210604_mask_variations/blob/main/canvas_sample.html