妖精文字フォント作ってみた

byiaf<-@hs@o5myw@r>


webフォントが表示できる環境ですと、↑に文字として表示されてると思います。
スクリーンショット↓
妖精文字フォントスクリーンショット
まあ、元ネタと言うか、知ってれば簡単に分かっちゃう文字なんですけど、なんとなくひみつのお手紙に使ったりしてました。子供の頃。
ひみつなので、コピペですぐに分からないように、キーボードのかな入力に対応させてみました。
下は編集可能エリアです。

かなが空いているキーには適当な記号とか絵を割り当ててみました。
要らないかもしれないけど一応DLリンク……。
Download妖精文字フォント

ジャンル : コンピュータ
テーマ : 無料フォント

Webフォントが表示されなかった

この記事で。→「どせいさんフォント作ってみた
デベロッパーツールのコンソールを見るとこうやってしかられてる。

Access to font at 'http://hosonoyutori.s1006.xrea.com/fonts/dosei-san.ttf' from origin 'http://hosonoyutori.blog134.fc2.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

いやいや、ちゃんと設定してあるんだけど?
おかしい。
数ヶ月前に記事をアップしたときには表示されてた気がするんだが……。

で、IEで確認してみたら表示されてるの。
ん? と思ったから色々入れて試してみた。

続きを読む(目次のリンクはこの先で有効になります)


ジャンル : コンピュータ
テーマ : ホームページ・ブログ制作

pixivに投稿したやつ_ぱか。

ぱか。

https://www.pixiv.net/member_illust.php?mode=medium&illust_id=71300167

描くたびに顔が違うと言う噂など気にしない。

Don't mind!



ジャンル : アニメ・コミック
テーマ : 自作イラスト

好きなフリーソフト

TeraPad
テキストエディタ。
他のあんま知らないからもっといいのあるのかもしんないけど、使いやすい。
編集モードを変えると、予約語とか関数名とかを太字にしたり色つきにしたりしてくれんのが助かる。
編集中のファイルを開くアプリケーションを登録してすぐ開けるのもいい。
タブを入力して改行すると、次の行にも同じだけタブを自動で入れてくれるのもいい。

リサイズ超簡単!Pro
画像変換。
パーセント指定とか、縦幅/横幅優先とか、色んなやり方でリサイズできる。
保存するフォルダとかファイル名の変更規則とか決められる(当たり前?)
シンプルで軽い。

FastStoneCapture
スクリーンキャプチャ。
全画面、アクティブウィンドウ、矩形範囲指定、とかでキャプチャするとFastStoneEditorがたちあがって、文字入れたり印しつけたりが簡単にできる。
保存すると自動でエディタが終了するように設定できる。

AzPainter2
ペイント。
軽いしすぐたちあがるので、ちょっとトリミングしたいだけ、とかいう時便利。

Unlocker
ファイルやフォルダをロックしてるアプリケーションを見つけて、ロック解除、移動、削除なんかをしてくれる。
多分同期のせいだと思うんだけど、Googleドライブ上にファイルを保存してさらに編集、保存、とかしてるとすぐ保存できなくなるアプリケーションがあるの。
そのために入れた。
右クリックのメニューに登録してすぐ使えて便利。

SketchUp
3DCG作成。
ただただ楽しい。

Mp3tag
mp3ファイルのプロパティ編集。
テキストデータからインポートしたりエクスポートしたりもできる。
大文字小文字変換とかもアクションに登録してできる。

Audacity
音声ファイル編集。
主に、音楽の一部を切り取って保存したい時とか使ってる。

Flexible Renamer
リネーム。
使いやすい。

Wave Sound Decorator
.wavファイルを.mmfファイルに変換。
私はガラケーなので、着信音とか作るとき使ってる。

Font Viewer Plus
フォントビューア。
インストールしてないフォントでも、好きな文章で試し書きとかできる。

Screen To Gif
動画キャプチャ。
キャプチャしてから文字を入れたりとか簡単。
楽しい。

フリーソフトっていいよね!

ジャンル : コンピュータ
テーマ : フリーソフト

拡張子で(擬似)ソート、アイコン変更

SVGファイルを色々作ってたんだけど、規定のプログラムがIEになってたの。
普段Chromeを使ってるので、いちいち別のウィンドウが立ち上がるのがうざくて、規定のプログラムをChromeにした。
そしたらファイルの種類とかがSVGのくせに「Chrome Document」になっちゃって、SVGファイルとhtmlファイルが混ざって表示されるようになっちゃった。
エクスプローラの並べ替えに「拡張子」って項目ないし。
今回も試行錯誤とかただの錯誤とかしましたよ。

結果としてはまあ、こうできたのです。
2018-10-11-01.jpg


CAUTION!
今回はレジストリをいじりまくります。
悪くするとWindows自体が起動しなくなる恐れがあるです。
自己責任でお願いします。
やるとしたらちゃんとバックアップはとりましょう。




  1. エクスプローラ拡張ソフトでなんとかならないものか

  2. 拡張子関連の、なんか仕組み的な

  3. SVGがどうなってたか

  4. 謎の拡張子「.yutori」を作って実験

    1. 規定のプログラムを変える

    2. 拡張子についての設定をする

    3. 「.yutori」用の「ProgId」を登録、アイコンも変更する



  5. もうちょっと説明

    1. PerceivedType

    2. REG_SZとかREG_BINARYとか

    3. DefaultIcon



  6. アイコンファイルを作る

  7. レジストリを編集できないとき


続きを読む(目次のリンクはこの先で有効になります)


ジャンル : コンピュータ
テーマ : Windows

スマホ用テンプレートって言うか、画像を切り抜く話

スマホ用のテンプレートを改造して、個別記事ページ以外の一覧表示にサムネイル画像を表示するようにしたんだけど、なんか画像がぼやけてるのが気になってた。
その原因と解決でございまする。

  1. なんでぼやけてたか
  2. まずhtmlの変更
  3. cssの設定
  4. 横道-要素をいろんな形に切り抜く
    1. 円形に切り抜く
    2. ギザギザに切り抜く
      1. clip-pathに合わせた枠線
      2. 更に横道-要素をひとつ置きにスタイル指定
      3. clip-pathに合わせた枠線(続き)
      4. 枠線のスタイル指定の説明-positionとボックスモデルについて
      5. 枠線のスタイル指定の説明-stroke-miterlimit
      6. 枠線を太くしたとき見切れちゃうのの対処
    3. clip-pathを使うときの注意
    4. フリーのSVG素材を使ってクリッピング
      1. カメラの形にクリッピング
  5. 横道-要素を円形に切り抜く&円形のボーダー
  6. 安心めな設定

続きを読む(目次のリンクはこの先で有効になります)


ジャンル : コンピュータ
テーマ : ホームページ・ブログ制作

pixivに投稿したやつ_Wリバース



https://www.pixiv.net/member_illust.php?mode=medium&illust_id=71085317

そういうとこが好き。

ジャンル : アニメ・コミック
テーマ : 自作イラスト

IE8はtextContentすら……

甘かった。
私が甘かった。
もう……いいや……って思ってからIEの開発者ツールも起動してなかった。
なんとなくその気になって起動してみたら、「ステータス」の各数値が空になってる。
あれー? このスクリプトでブラウザ振り分けとかしてなかったよなぁ?
DOM Explorerで見てみたらこうなってた。

<td id="author-level" textContent="572"></td>

まじかよ……。

確かにNode.textContent - Web API インターフェイス | MDN「Polyfill for IE8」って項目があるわ……。
ブラウザ実装状況見たら大丈夫そうだから普通に使ってたのに。
これそのまま使わせてもらった。
よく分かってないくせに。
こういうPolyfill? なんて言うのこういうの、こういうの自分で書けたらいいのになぁ。

でもね、Can I useとか見るともうね、いいんじゃないかと。
IE8、0.16%とかだし。
なんかよっぽど特別な事情がある人が使ってるんだ。
そうに違いない。と思うことにする。

ジャンル : コンピュータ
テーマ : JavaScript

ClipStudioPaintでうごくイラスト

クリスタにせっかくアニメーション作成機能があるんだから作ってみた。

18-09-28_はねるスライム04

出来は置いといてください。


  1. 新規ファイルを作る

  2. 新規アニメーションフォルダーを作って背景にする

  3. セルに線画を描いていく

  4. ライトテーブルを使う

  5. レイヤーを整理する

  6. 途中経過1

  7. タイムラインを色々変更したりとか

  8. 途中経過2

  9. 運動曲線とやら

  10. 途中経過3

  11. 色を塗る

  12. 最終結果


続きを読む(目次のリンクはこの先で有効になります)


ジャンル : コンピュータ
テーマ : ソフトウェア

ClipStudioPaintの色調補正(?)

色調補正のうまいやり方がどうもわからない。
こういう画像があったとして

色調補正01

黄色いところだけ変えるにはどうするの?
トーンカーブで頑張ってみたけどこんな感じにしかならない。

色調補正02

色域選択とかすればいいのかもしれないけど、なんかもっとこう……ないの?


  1. グラデーションマップで頑張ってみる

  2. オートアクションで色調補正レイヤーを挿入しまくってみる

  3. アイテムバンクを使って頑張ってみる


続きを読む(目次のリンクはこの先で有効になります)


ジャンル : コンピュータ
テーマ : ソフトウェア

ステータス
細野ゆとり
あそびにん
せいべつおんな
レベル
ちから
すばやさ
こうげき力
しゅび力
EX
最新記事
カテゴリー
月別アーカイブ
全記事表示リンク

全ての記事を表示する

おえかき
ブログ内ページランキング
その他SNS
検索フォーム
オンラインカウンター
現在の閲覧者数:
カレンダー
09 | 2018/10 | 11
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -
リンク
カウンター
RSSリンクの表示
QRコード
QR