リーディングビュー

HTMLとCSSの知識とテクニックをしっかり学べる、Web制作の仕事に就きたい人向けの解説書 -入社1年目からのHTML&CSSとWebデザイン

※本ページは、アフィリエイト広告を利用しています。 最近はノーコードでWebサイトを制作できるツールが増えてきました。とは言え、HTMLやCSSの知識がないと使えなかったり、カスタマイズもできません。 Webサイトを制作 […]
  •  

WindowsとLinuxで共通のグラフィックツールでCMY…

WindowsとLinuxで共通のグラフィックツールでCMYKをサポートとなるとお絵描きアプリケーション「Krita」ということになるのでは と今、思った。
プラグインで画像生成に少し使ったことがある。画像生成のためのファイルが20GBぐらいあったけど、そこからモデルを追加して50GBぐらいになってたけど😋 今も作業環境内に眠っているけど…
思えば1年ぐらいは起動してない

なるほど…公式サイトによると
「Photoshop」は基本的に「Krita」よりも高機能ではありますが「Krita」はデジタルお絵描きに関連する機能を持っています。「Krita」に慣れてしまえば「Photoshop」にはなかった「Krita」の機能に気が付くことでしょう。
Inkscapeとの連携も図られているようだ

とのことで慣れてしまいたいところだ

【ブックマーク】
Photoshopユーザーガイド カラープロファイルの操作

Kritaユーザーマニュアル ソフトプルーフ

#グラフィック


-- Posted by ピー部員 〔445文字〕 No.151
  •  

イラレ(.ai)→ Inkscape(.svg)

イラレ(.ai)→ Inkscape(.svg)

ライブペイント 独立した塗りつぶしのオブジェクトになった。
拡張 → グループ解除ではない(useという謎の概念から「パスに戻す」を適用。)
通常の編集でもペイントみたいにバケツツール。独立した塗りつぶしオブジェクトを生成。

フォントはアウトライン

アートボードにかかっていないオブジェクトは省略された模様

ブレンドの構造が謎めいた模様。表面上は体裁を保つ。
そんなわけでジグザグ変形効果なども残っているが詳細不明 笑

イラレ(.ai)→ LibreOffice Draw(.odg)

グラデーション。少し粗かったが状況によるかもなどなど
パスにノイズが入るなどファイルによってはインポートの精度が少々劣る場面が見られた。しかし圧倒的に手軽。フォントも変更できる。

密着しているはずのオブジェクト間にヘアラインのようなものが出てしまう場合も…
密着しているはずのオブジェクト間にヘアラインのようなものが出てしまう場合も…


なので明確に使い分けの方向性が

一方でフォトショップのファイル。これは共通言語ともいうべきPSDですんなりGIMPで読み込み(.xcf)へ変換。おいおい馴染んでいくしか…
それにしても当環境ではなぜかサムネイルが背景レイヤーで表示されている。
スマートオブジェクトの関係か -- Posted by ピー部員 〔504文字〕 No.150
  •  

専門性が高くライフサイクルの長い医療機器のユーザビリティを向上させるために

毎年恒例、HCD-Net認定人間中心設計スペシャリスト/専門家へのインタビュー。2025年は、島津製作所総合デザインセンターのデザインユニット内にあるUX革新グループで、全社の製品開発のUXの向上活動を横断的に支援されている猪股さんに専門性の高い機器のユーザビリティをどのように向上させているか、取り組みの事例を伺いました。
  •  

デザイナーは知っておきたい! ディザリング画像処理の仕組み・やり方を解説

最近、ディザリングを施した画像をよく見かけ、人気が高まっているように感じます。 画像にディザリングを施すにはいくつかの方法がありますが、ディザリングとはいったい何なのか、ディザリングのやり方を紹介します。 @DanHol […]
  •  

これなら超簡単! CSSのclamp()によるレスポンシブ対応のフォントサイズを数クリックで定義できるツール -Size Matters

フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動 […]
  •  

LibreOffice Draw

LibreOffice Draw

イラレファイル(.ai)をそのまま開けた(PDFなんでしょうけど)
余白が出来てて整列などでずれが生じた。ページ設定で修正(余白なしに)するとアートボードと一致したようだ。そのまま別名保存でDraw標準形式の「.odg」にして編集状況を新たにする。
という感じで進めることに

それにしてもかなり操作系は別系統のアプリ 曲線の描画の操作はもう…根本的に違う感覚。
レイヤー操作がエクセルのシートタブみたいになっちゃて ハハッ 笑 パネルらしきがなさそうだし

Inkscapeはインポートするとフォントはアウトラインになっちゃってたけど、こちらは編集できるようだ。
単位はmmでの作業になるが…というかこの場合、ポイント(pt)とかに変更したほうがいいのかな、ピクセルとの比が掴みやすいかもしれん

そんなわけながら使用を継続することに


LibreOffice Draw 使い勝手はよさそうだ
LibreOffice Draw 使い勝手はよさそうだ


一太郎に吸収された往年のグラフィックツール「花子」みがあり、より整然とオフィス調にした印象を受ける。 -- Posted by ピー部員 〔441文字〕 No.149
  •  

これは便利! ついにChromeでも分割表示がネイティブに、1つのタブ内を分割して2つのWebページを表示 -Split View

1つのタブ内に2つのWebページを分割表示したい、と思ったことはありませんか? 現在はEdgeやZenなどの一部のブラウザのみが分割表示できますが、ついにChromeでも分割表示をネイティブにできるようになります。 1つ […]
  •  

商用でも完全に無料! クレジットも不要、日本人向けの生成AI時代ならではの新しい写真素材サイト -Studio.Stock

まさに次世代の写真素材サイトがローンチしました! 商用でも完全に無料、クレジット表記も不要、生成AIによる日本人のための写真素材で、写真のモデルは日本人、風景も日本風、被写体・構図・光・質感のすべてが「今のデザイン感覚」 […]
  •  
❌