シージーラボ - Revit & 3dsMax http://cglabo.blog.shinobi.jp/ Revit & 3dsMax Mon, 08 Feb 2021 01:06:01 GMT ja © Ninja Tools Inc. アイコン作成　PS/Ill イラストレーターで文字系のアイコンを作成すると、若干ぼやけることがあるので、PSで作成したほうがくっきりするピクセルの影響。


（１）文字の位置（X,Y）の小数点以下のピクセルを０にする。
https://www.asobou.co.jp/blog/web/clear-text#i-2



■  ピクセルスナップ

http://bashalog.c-brains.jp/14/01/24-160101.php

（１）ガイドのピクセルスナップ
  1. [編集] ＞[環境設定] ＞ガイド・グリッド・スライスをクリック
  2. 上記図表の赤枠部分を、グリッド線：1、分割数：1にする
  3. [表示] ＞スナップをチェックをいれる
  4. [表示] ＞[スナップ先]のグリッドにチェックをいれる

（２）図形のピクセルスナップ
PSでシェイプを作成をするとき、エッジをピクセルごとにスナップ移動させてボケがでないようにする。
図形設定バー（上部にある）の図形変更の▼をクリックして、設定を開く。「ピクセルにスナップ」にチェックを入れる。




■  その他画像の種類の違い

https://www.vanfu-vts.jp/blog/2017/03/save_for_web/

]]> Tut : PS http://cglabo.blog.shinobi.jp/%E3%83%81%E3%83%A5%E3%83%88%20-%20ps/%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E4%BD%9C%E6%88%90%E3%80%80ps-ill Mon, 08 Feb 2021 01:06:01 GMT cglabo.blog.shinobi.jp://entry/139 作業ディスプレイ設定 Adobe おかしいなと思ったら

[ Illustrator ]

：：：　描画モードにしたレイヤーを背面のオブジェクトに影響が及ばないようにする場合。　：：：

①　レイヤーをグループ化する。

②　グループ化したグループレイヤーを選択して、「Transparency パネル（透明パネル）」を開き、「Isolate Blending （描画モード）」を分離にチェック。
（「描画モードを分離」オプションが表示されない場合は、透明パネルメニューの「 Show Options （オプションを表示）」を選択するか、タブのところをWクリックする）。

[ Illustrator 作業画面設定 ]

ORIGINAL


"Windows" > "Worksspace" > "Like Photoshop"

"Layer Panel" を左に配置。

つづきはこちら]]> Tut : Ill http://cglabo.blog.shinobi.jp/%E3%83%81%E3%83%A5%E3%83%88%20-%20ill/20171020 Fri, 20 Oct 2017 03:06:15 GMT cglabo.blog.shinobi.jp://entry/138 Ill: シームレス・パターン パターンを作成するには、「スウォッチパレット」に登録。

[特徴]

●　パターンを登録するには、正方形か長方形の範囲に収まったグラフィックになる。
●　マスクやグラデーションを含むオブジェクトはパターンに登録できない。
●　作成したパターンは後から編集できる。
●　作成したパターンにすぐ名前をつけておくこと。
スウォッチを編集したいときは、スウォッチパネルにスウォッチをダブルクリックして、修正すると反映される。

Illに、既存のパターンを読み込むことができる。Windows > Swatch Libralies > Patern

ダウンロードしたパターンも読み込むことができる。(拡張子は.ai) Windows > Swatch Libralies > Other Swatch
[パターンの登録方法 2つ]

方法１:ドラッグ&ドロップで，スウォッチパレットに登録。
方法２: Edit > Swatch settings > New swatch
]]> Tut : Ill http://cglabo.blog.shinobi.jp/%E3%83%81%E3%83%A5%E3%83%88%20-%20ill/ill-%20%E3%82%B7%E3%83%BC%E3%83%A0%E3%83%AC%E3%82%B9%E3%83%BB%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3 Fri, 20 Oct 2017 03:02:42 GMT cglabo.blog.shinobi.jp://entry/137 Ill: Webアイコン ワッペン・ジグザク
丸を作成してから
“Effect” > “Distort & Transform” > “Zig zag”
を適用

ベンド
“Effect” > “Warp” > “Arc”

お花または光
“Effect” > “Distort and Transform” > “Pucker and Bloat”
]]> Tut : Ill http://cglabo.blog.shinobi.jp/%E3%83%81%E3%83%A5%E3%83%88%20-%20ill/ill-%20web%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3 Fri, 20 Oct 2017 03:01:54 GMT cglabo.blog.shinobi.jp://entry/136 test こちらからパスワードを入力してください。]]> 未選択 http://cglabo.blog.shinobi.jp/%E6%9C%AA%E9%81%B8%E6%8A%9E/test Fri, 15 Apr 2016 20:31:50 GMT cglabo.blog.shinobi.jp://entry/135 フリーフォントの使用に気をつけて! 使える範囲というのは、例えば印刷物に使用してはいけないだとか、色々と規制があります。
ただ単に、どんどんダウンロードするだけでなく、必ず使用条件を読んでください。特に海外のフリーフォントのサイトはもちろん英語で書かれていますが、必ず理解してください。

フォントを購入するタイプのものは、金額にもよりますが、質が良い、クラッシュしない、文字の種類がカバーされています。

Web Safe Fonts については、Web,デジタル書類に関して利用するのは無償ですが、印刷物に使う場合は規制されていてフォントを購入しなければいけません。
]]> 印刷 http://cglabo.blog.shinobi.jp/%E5%8D%B0%E5%88%B7/%E3%83%95%E3%83%AA%E3%83%BC%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%AE%E4%BD%BF%E7%94%A8%E3%81%AB%E6%B0%97%E3%82%92%E3%81%A4%E3%81%91%E3%81%A6- Sat, 21 Mar 2015 14:00:00 GMT cglabo.blog.shinobi.jp://entry/134 写真編集
写真を複製し、overlayにすると、コントラストの強い写真になる。]]> Tut : PS http://cglabo.blog.shinobi.jp/%E3%83%81%E3%83%A5%E3%83%88%20-%20ps/%E5%86%99%E7%9C%9F%E7%B7%A8%E9%9B%86 Thu, 12 Feb 2015 13:35:00 GMT cglabo.blog.shinobi.jp://entry/133 ファビコンの作成とアップの仕方 ファビコン=Favorite IconWebサイトの上部のタブに表示されたり、お気に入りのブックマークで保存した場合に表示されたり、デスクトップにショートカットとして表示されるアイコンです。

作成

私は、イラレかフォトショで作成しています。それにプラスしてicoに変換するのに以下のサイトを利用しています。フォトショの場合はプラグインを入れてicoに変換することも可能です。
Favicon Converter　http://favicon.qfor.info/c/
シンプルで使い易いです。
X-Icon Editor　http://www.xiconeditor.com/
マルチアイコンが作成できます。またデザインの編集も可能です。

画像形式

ICO
PNG,GIFでも作成できますが、ICOで作成するのが無難です。（IEでは、ICOのみ対応している為）
GIFアニメーション
現在は、Firefoxでしか対応していません。あまり重くならないように気をつけてください。

サイズ

下記は基本的な値で、カスタマイズされた場合等はサイズが異なる場合があります。
16x16: ブラウザのアドレス欄やタブ
32x32: デスクトップ上のショートカット
24x24: IE 9のピン留
*大きめの画像で作成すると画像が自動で縮小されるので、画質が悪くなる場合があります。
マルチアイコン
その他、複数のサイズを１つのico形式にまとめて作成することも可能です。X-Icon Editorは、マルチアイコンが制作可能です。

webでの設定の仕方

<ヘッダー></ヘッダー>内に、
<link rel="shortcut icon" href="ファビコン名.ico">
を記述。]]> ファビコン・ウェブコン http://cglabo.blog.shinobi.jp/%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3%E3%83%BB%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B3%E3%83%B3/%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3%E3%81%AE%E4%BD%9C%E6%88%90%E3%81%A8%E3%82%A2%E3%83%83%E3%83%97%E3%81%AE%E4%BB%95%E6%96%B9 Wed, 14 Jan 2015 08:28:55 GMT cglabo.blog.shinobi.jp://entry/132 ウェブクリップアイコンの作成とアップの仕方 ウェブクリップアイコン＝スマホ用のファビコンスマホ、iPadでウェブのブックマークをホーム画面に保存した時に表示されるアイコン。

作成

私は、イラレかフォトショで作成しています。

画像形式

PNG

サイズ

152×152 px以上
iOS7から「152×152 px」
iPhone 114×114
iPod touch 114×114
iPad 144×144

webでの設定の仕方 Android

ファビコンの設定と同じように<ヘッダー></ヘッダー>内に、
<link rel="apple-touch-icon-precomposed" href="アイコン名.png">
を記述。

*Androidでは光沢の設定は出来ない。
*透過部分はAndroidでは白く表示される。
*角が自動的に角丸になる。

webでの設定の仕方 iPhone/iPad

ルートの階層に、
光沢アリ:「apple-touch-icon.png」
光沢ナシ:「apple-touch-icon-precomposed.png」
でPNG画像をアップをすると自動的に拾ってくれる。

*透過部分はiphoneでは黒く表示される。
*角が自動的に角丸になる。

]]> ファビコン・ウェブコン http://cglabo.blog.shinobi.jp/%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3%E3%83%BB%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B3%E3%83%B3/%E3%82%A6%E3%82%A7%E3%83%96%E3%82%AF%E3%83%AA%E3%83%83%E3%83%97%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%81%AE%E4%BD%9C%E6%88%90%E3%81%A8%E3%82%A2%E3%83%83%E3%83%97%E3%81%AE%E4%BB%95%E6%96%B9 Wed, 14 Jan 2015 08:28:09 GMT cglabo.blog.shinobi.jp://entry/131 最近、影響を受けたもの
最初は、仕事は一度にこない。少しずつ来る。

If you know someone looking for a designer please let me know.
]]> 日記 http://cglabo.blog.shinobi.jp/%E6%97%A5%E8%A8%98/%E6%9C%80%E8%BF%91%E3%80%81%E5%BD%B1%E9%9F%BF%E3%82%92%E5%8F%97%E3%81%91%E3%81%9F%E3%82%82%E3%81%AE Thu, 13 Nov 2014 11:20:58 GMT cglabo.blog.shinobi.jp://entry/130