デザイン関連(Photoshop・Illustrator)に関する各種メモ書き:タグ「フォント」での検索

Google Fonts の無料フォントを IllustratorやPhotoshopで使用する

Google Fontsは基本的にはCSSを指定してWEBページで使用しますが、 レイアウトするために、IllustratorやPhotoshopで使用したい時があります。 その時は

● Google Fonts Files

https://github.com/google/fonts/

ここから全フォントを一括ダウンロードして、使いたいフォントを選んでインストールするといいでしょう。

SkyFonts

http://www.fonts.com/ja/web-fonts/google SkyFontsを使うと5台までフォントのインストール環境を共有できます。

No.993
01/06 18:34

edit

illustrator
フォント
Photoshop

ロゴ制作に便利!Illustratorの全てのフォントで任意のテキストを生成する

ロゴを制作するときなど、任意のテキストを全てのフォントで見てみたい時があります。 そんな時にこのIllustrator用JavaScriptが便利です

● 【fontsample.jsx】ダウンロードはこちらから↓

https://pgmemo.tokyo/data/filedir/788_2.zip

// fontsample.js Version 1.00
font_size = 30;
type_text = '';
type_text = prompt("テキストを入力してください。そのままリターンを押すと自動で設定されます。","");
// システムにインストールされているフォント全てを走査
for (i=0; i<app.textFonts.length; i++){
	installed_font_name = app.textFonts[i].name;
	txt = '';
	if (type_text!=''){
		txt = type_text;
	}
	else{
		txt = installed_font_name;
	}
	textObj = activeDocument.textFrames.add();
	textObj.contents = txt;
	textObj.translate(0,i*font_size);
	text_fonts_obj = app.textFonts.getByName(installed_font_name);
	frames = app.activeDocument.textFrames;
	j = frames.length-1;
	frames[0].textRange.characterAttributes.textFont = text_fonts_obj;
	frames[0].textRange.characterAttributes.size = font_size;
}

● インストール方法(MacOSX)

【アプリケーション】>【Adobe Illustrator CS4】>【プリセット】>【ja_JP】>【スクリプト】に「fontsample.jsx」

を置いて、イラストレーターを再起動します (Windowsも同様のフォルダに置きます)

● 起動方法

メニューの

『ファイル』>『スクリプト』>『fontsample』

から起動します。 起動すると作成したい文字を聞かれますので入力します。 (そのままEnterを押すと、フォント名で作成されます。) 入力すると一覧が作成されます。

わざわざスクリプトを実行するのが面倒な方はこちら https://www.fontshare.com/

添付ファイル1
添付ファイル2
No.788
02/06 09:47

edit

添付ファイル

JavaScript
illustrator
フォント

IllustratorのJavascriptでテキスト、フォントを操作する

● IllustratorのJavascriptでテキスト、フォントを操作するには以下の例のようにします

// 1. 現在選択されているテキストがあるかどうかを判別する
selectedObj = activeDocument.selection;
if( selectedObj.length == 0 ){
	alert("選択されているテキストはありません");
}

// 2. 全てのテキストを走査し、textFontプロパティを表示する
frames = app.activeDocument.textFrames;
for(i=0; i < frames.length; i++){
	family   = frames[i].textRange.characterAttributes.textFont.family;
	style    = frames[i].textRange.characterAttributes.textFont.style;
	f_name   = frames[i].textRange.characterAttributes.textFont.name;
	size     = frames[i].textRange.characterAttributes.size;
	typename = frames[i].textRange.characterAttributes.typename;
	t_contents = frames[i].textRange.contents;
	alert("textFontプロパティ\n"+"family : "+family+"\nstyle : "+style+"\nname : "+f_name+"\nsize : "+size+"pt\n"+"typename : "+typename+"\n----- contents -----\n"+t_contents);
}

● テキストの色を変える

function change_fillcolor(obj,r,g,b)
{
	var my_color = new RGBColor();
	my_color.red   = r;
	my_color.green = g;
	my_color.blue  = b;
	obj.textRange.characterAttributes.fillColor  = my_color;		// 塗りの色を指定
}

function change_strokecolor(obj,r,g,b)
{
	var my_color = new RGBColor();
	my_color.red   = r;
	my_color.green = g;
	my_color.blue  = b;
	obj.textRange.characterAttributes.strokeColor = my_color;		// 線の色を指定
}

***■IllustratorのJavascriptでフォント(書体)を指定する http://www.openspc2.org/book/IllustratorCS/easy/039/index.html

***■【Illustrator】同フォント・同サイズのテキストオブジェクト選択 http://goo.gl/DQZew

***■ Adobe Illustrator CS5 Scripting Reference【CS 5 用リファレンスpdf】 http://goo.gl/doHXD

***■ Adobe Illustrator CS4 Scripting Reference【CS 4 用リファレンスpdf】 http://goo.gl/G7bRR

No.787
01/19 21:04

edit

JavaScript
illustrator
フォント

音楽記号、楽譜記号、(音符・休符)のIllustratorデータをさがす

● 方法1. 音譜、休符の Illustratorデータをダウンロードする

http://www.emstudio.jp/free/data1034/

● 方法2. フォントをインストールしてアウトラインをとる。

■ 音楽楽譜用フォント ONGAKUN(フリーソフト)
http://www2e.biglobe.ne.jp/~shinzo/shiryou/ongakun/ongakun.html

■ Sonataフォント(シェアウェア)
http://www.fonts.com/FindFonts/detail.htm?query=music&pid=201296&page_id=11772&grab_id=0

■ Musical Symbols font (フリーソフト) http://simplythebest.net/fonts/fonts/musical_symbols.html

No.750
09/25 11:27

edit

フォント
illustrator