わいのりLABO

わいのりLABO

☆漫画・アニメ・ゲームなどについてつぶやきます☆

わいのりLABO

【カスタマイズ】グローバルメニューを設置

f:id:wainori2199:20180523130312j:plain

 

おはようございます。

最近アニメを観るのもおっくうな、わいのり研究所です・・・(´・ω・`)

 

どうしてしまったんでしょう・・・(´・ω・`)

 

さて今回は「グローバルメニューの設置」についてです。

 

 

今回紹介するサイト様

 

今回紹介するサイト様はこちら!

 

www.yukihy.com

 

「Innocent」用のグローバルメニューもありますが、今回私が採用したメニューはスマホで2列に表示できるのでカッコいいと思いました。

 

特にこだわらない方は「Innocent」用のメニューがいいと思います。

記述がラクです。

はてなブログテーマ「Innocent」のカスタマイズ(ナビゲーションバー編) - MoonNote

 

グローバルメニューのカスタマイズ

 

私は「横幅を均等にするカスタマイズ」や、「トグルメニューを2列にするカスタマイズ」を行ないました。

 

スマホではこのような表示になります。

 

f:id:wainori2199:20180523194200p:plain

 

やっべー!

アインズ様、かっけー!!(*´Д`)

 

by アルベド

 

このサイト様でも説明されてますが、「アニメ系」や「つぶやき系」の2階層目は表示されないので、「アニメ系」と「つぶやき系」というカテゴリを新たに作りそのリンクを貼っています。

 

最後に

 

以上がグローバルメニューの紹介です。

簡単ですいません。

 

上記のサイト様をご覧いただき、いろいろ試してください。

 

次回は「カテゴリの追加と整理」です。

上でちょっと触れていますが・・・(´・ω・`)

 

お楽しみに♪(*´▽`*)

 

『いやー、カスタマイズってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

今回もお付き合いいただきまして、ありがとうございました。

 

【カスタマイズ】タイトル下に注目記事(おすすめ記事)を表示

f:id:wainori2199:20180523130315j:plain

 

こんばんは。

今日の夕食は寿司の、わいのり研究所です。

  

さてカスタマイズ記事の続編です。

今回は「タイトル下に注目記事(おすすめ記事)を表示」するカスタマイズです。

 

あ!( ゚Д゚)

言い忘れてましたが、これはPCとタブレットのみ表示できます。

スマホは画面の幅の関係で表示できないようです。

 

 

「タイトル下に注目記事(おすすめ記事)を表示」

 

「Innocent」のカスタマイズページを紹介します。

 

moonnote.hateblo.jp

 

テーマを「Innocent」に決めた一番の理由がこれです!

 

私的には、この機能は外せなかったです。

 

「注目記事」はサイドバーにも表示できますが、これはタイトル下に表示してくれるので、非常に目立ちます。

 

また、自分としても、よく読まれている記事が一目でわかるので面白いです。

 

しかも「Innocent」は、この注目記事を自動で抽出してくれます。

これは「Innocent」独自のカスタマイズのようでして、私が調べた限りでは、他のテーマではできないみたいです。(できないというより、カスタマイズすれば実現可能なのかもしれません。詳しくなくてごめんなさい。)

 

設置方法

 

以下のHTMLを「ヘッダ」→「タイトル下」にコピペします。

 

Attention list

 

はてなブログテーマ「Innocent」に「おすすめ記事リスト機能」を追加しました - MoonNote」より引用

 

私のブログではタイトル下に7つ表示されていますよね?(PCの場合)

これは4行目の部分を「5」から「7」に変更しているからです。

 

data-count="5"

 

7つ表示に変更したのは、サムネイル(アイキャッチ?)を小さくすることで、上下の高さを抑えたかったからです。

5つ表示だと画像が大きくなってしまうので、上下の高さがありすぎて圧迫感がありました。

 

タイトル部分を一行で表示

 

私はこのカスタマイズも行ないましたよ。

うまく説明できないですが、やってみてください。

 


    #recommend-entries .urllist-title-link {
    background: rgba(0, 0, 0, 0.5);
    padding: 9px 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

 

最後に

 

というわけで、今回は以上です。

次回は「グローバルメニュー」を紹介します。

お楽しみに♪(*´▽`*)

 

『いやー、カスタマイズってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

今回もお付き合いいただきまして、ありがとうございました。

 

【カスタマイズ】テーマは「Innocent」!

f:id:wainori2199:20180523130327p:plain




こんにちは。

久しぶりにカスタマイズ記事を書くことにした、わいのり研究所です。

 

ホントに久しぶりなので、思い出しながら書きます(/ω\)

 

また、以前の記事を引用しますのでご了承ください。

 

 

カスタマイズの概要(一覧)

 

カスタマイズを行なった概要はこちらの記事をご覧ください。

多過ぎて項目のみの紹介でした。

 

wainorilabo.hatenablog.jp

 

テーマは「innocent」に決定!

 

テーマを決めるのに一番時間がかかりました・・・(汗)

 

というのは、有料限定のテーマだったり、やりたいカスタマイズが出来なかったりするからです。

 

なので、サブブログで検証しながら、あーでもない、こーでもないと試行錯誤していました。

 

そして最終的には「Innocent」に決定しました。

一番の理由は「タイトル下に注目記事(おすすめ記事)を表示」できるからです。

 

このサイトのタイトル下に記事のサムネイルがいくつか表示されていますよね?

これがそうです。これがしたくて「Innocent」にしました。

 

しかも「Innocent」は、この注目記事を自動で抽出してくれます。

これは「Innocent」独自のカスタマイズのようでして、私が調べた限りでは、他のテーマではできないみたいです。(できないというより、カスタマイズすれば実現可能なのかもしれません。詳しくなくてごめんなさい。)

 

あと、ほかの理由は、カスタマイズがしやすいからです。

制限がないというか、いろいろカスタマイズできる自由度があると思います。

私としては、その方が自分で好きに追加・削除できるのでいいかなと思いました。

 

「Innocent」について

 

私が使わせていただいているテーマ「Innocent」を紹介します。

 

moonnote.hateblo.jp

 

とてもシンプルでカスタマイズがしやすいです。

そのまま使ってもカッコいいです。

 

またレスポンシブデザイン対応のテーマです。

 

レスポンシブとは・・・

 

うまく説明できませんが「レスポンシブ」について調べたので紹介します。

 

レスポンシブWebデザインとは、1つのHTMLをCSSで制御し、ユーザーが閲覧するデバイスの画面サイズに応じてページのレイアウト・デザインを最適化して表示させる技術のことをいいます。

レスポンシブWebデザインについて知っておきたいこと【作り方入門編】 : ビジネスとIT活用に役立つ情報

 

とあるように、スマホタブレット・PCの画面サイズに自動で対応してくれます。

 

また、こうも書いてあります。

 

PC用サイトとスマートフォン用サイトでURLが2つ存在する場合、閲覧するユーザーのデバイスによっては適してないページを表示させてしまうこともあります。レスポンシブWebデザイン対応であれば、単一URLでユーザーのデバイスに適したページを表示してくれます。

レスポンシブWebデザインについて知っておきたいこと【作り方入門編】 : ビジネスとIT活用に役立つ情報

 

PC用サイト、スマホ用サイトと2つ作成する必要はなく、1つのサイトでスマホタブレット・PCというデバイスに対応してくれるということですね。

 

詳しくはこの引用元サイトをご覧ください。

とても分かりやすく説明してくれてます。

 

www.asobou.co.jp

 

私ではうまく説明できないので、ご自身でも実際に試してくださいね。

 

「Innocent」のカスタマイズ

 

「Innocent」の作者様が提供してくれているカスタマイズがあります。

 

1.ナビゲーションバー

 

moonnote.hateblo.jp

 

グローバルメニューとかメニューバーとか言ったりもします。

 

よく使われるメニューへのリンクを表示します。

ホームへのリンクや、プロフィール、アーカイブ(記事一覧)などをメニューに表示している方が多いですね。

あとは読んでほしい記事へのリンクも貼ったりします。

 

どこにどういう記事があるのか分かりずらいので、こういったナビゲーションバーを配置することで記事を案内しやすくします。

 

また、記事をカテゴリに分けていると思いますが、そのカテゴリへのリンクをナビゲーションバーに貼ってカテゴリの記事一覧を案内することもできます。

 

2.続きを読むボタン

 

moonnote.hateblo.jp

 

トップページの記事を短くするために「続きを読む」を使いますが、その「続きを読む」ボタンのカスタマイズです。

 

私はアーカイブ(記事一覧)を強制的に表示するようにしているのでトップページを意識することはあまりないですが、一応このカスタマイズは行ないました。

 

3.おすすめ記事リスト機能

 

moonnote.hateblo.jp

 

これが私が「Innocent」を選んだ一番の理由です!

詳しくは次回紹介します。

 

『いやー、カスタマイズってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

今回もお付き合いいただきまして、ありがとうございました。

 

降臨!SDみどりん!

f:id:wainori2199:20180424182707p:plain

 

こんにちは。

最近アクセス数が激減している、わいのり研究所です・・・(´;ω;`)

 

LABOメンネタばかりで飽きられたのでしょうか?(´・ω・`)

 

さて気を取り直して、今回はLABOメンNo.4みどりんをSD化しました!

では「SDみどりん」どうぞ!

 

 

降臨!SDみどりん!

 

f:id:wainori2199:20180519184214j:plain

 

可愛いですね♪(*´▽`*)

 

通常みどりんと比較

 

では、通常みどりんと比較してみましょう。

 

f:id:wainori2199:20180509142249j:plain
f:id:wainori2199:20180519184214j:plain

 

SDの方が可愛いかなぁ~♪(*´ω`*)

 

あ!( ゚Д゚)

ストッキング履いてる!

靴もピンクじゃなくて茶色になってる!

 

結成!「LABOメンズ」!

 

これでSD四人衆が完成したのでユニットを結成しました!

 

その名は「LABOメンズ」!
(´・ω・`)キリッ

 

f:id:wainori2199:20180512202901j:plain
f:id:wainori2199:20180514212004j:plain

 

f:id:wainori2199:20180519184217j:plain
f:id:wainori2199:20180519184210j:plain

 

SDみどりんは他のメンバーと背丈を合わせると髪がはみ出てしまいました・・・

髪を入れようとすると背丈が低くなってしまいます・・・(/ω\)

 

やっぱり、ももっちのインパクトが強いですね!

ももっちを超えるLABOメンを描きたいと思います♪(*´▽`*)

 

『いやー、絵を描くってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

では今回もお付き合いいただきまして、ありがとうございました。

 

爆誕!SDあかりん!

f:id:wainori2199:20180424182707p:plain

 

こんばんは。

ブラインドタッチの練習をしている、わいのり研究所です。

 

手がつりそうです・・・(´;ω;`)

 

さて今回は、LABOメンNo.3あかりんをSD化しました!

ではSDあかりん、どうぞ!

 

 

爆誕!SDあかりん!

 

f:id:wainori2199:20180519184217j:plain

 

いやー、可愛いですね♪(*´ω`*)

 

通常あかりんとの比較

 

では、通常あかりんと比較してみましょう!

 

f:id:wainori2199:20180506194051j:plain
f:id:wainori2199:20180519184217j:plain

 

ポニーテールでかっ!!( ゚Д゚)

 

LABOメンSD三人衆!

 

SD三人衆を並べてみました!

 

f:id:wainori2199:20180512202901j:plain
f:id:wainori2199:20180514212004j:plain
f:id:wainori2199:20180519184217j:plain

 

いいですね♪(*´▽`*)

 

あなたはどのLABOメン!?(*´Д`)

 

こう見ると、みなみんのインパクトが少ない気がします・・・

可愛いからいいか♪(*´▽`*)

 

最後に

 

最近すっかりSD化にハマっています(´・ω・`)

 

『いやー、SDってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

次回はLABOメンNo.4みどりんのSD化をお届けします。

お楽しみに♪(/・ω・)/

 

では、今回もお付き合いいただきまして、ありがとうございました。

ファンアートを書いてみた(for 負け犬さん♪ )

f:id:wainori2199:20180423215728p:plain

 

こんばんは。

リアルブロガーのわいのり研究所です。(´・ω・`)キリッ

 

今日は嬉しいニュースがありましたね♪

藤井聡太さんが今日勝ったので6段から7段になりましたー!(/・ω・)/

しかもひふみんの記録を抜いて史上最年少記録だそうです!

高校生ですよ!?( ゚Д゚)

今後益々のご活躍を期待しております♪(*´▽`*)

 

さて今回は、ファンアートを書いてみた第2弾です!

 

今回のターゲットは「負け犬さん」です!(/ω\)

 

ご迷惑でしたらごめんなさい・・・(´;ω;`)

 

負け犬さん!
読者登録1100人突破おめでとうございます!!(/・ω・)/

 

aki1200.hatenablog.com

 

いきなり紹介しますね!

 

それではどうぞ!

 

「SD負け犬ちゃん」です♪(*´ω`*)

 

f:id:wainori2199:20180518233415j:plain

 

負け犬ちゃん、マジ神♪(*´ω`*)

 

またまたキューピー立ちですがご容赦ください(/ω\)

 

『いやー、1100人突破ってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

って!

先にさよなら言われてしまいました・・・(/ω\)

 

1100人おめでとうございます♪

私には気が遠くなる人数です・・・(´・ω・`)

 

これからも負け犬さんらしい記事を書いてください♪
楽しみにしています!
(´・ω・`)キリッ

 

では、今日はこの辺で。

 

『いやー、ファンアートってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

おやすみなさい・・・(_ _)zzz

 

ファンアートを書いてみた( for なっちょさん♪ )

f:id:wainori2199:20180424182704p:plain

 

こんばんは。

最近絵を描くのがメインの、わいのり研究所です。

 

今後は絵が描けたら記事を書こうと思います。

なので更新が滞るかと思いますがご容赦ください。<(_ _)>

 

さて今回は、ブログ1周年のなっちょさんへ私初のファンアートを書かせていただきました!(/ω\)

 

ご迷惑でしたらごめんなさい・・・(´;ω;`)

 

なっちょさん! ブログ1周年おめでとうございます!(/・ω・)/

 

www.nachore.tokyo

 

 

1周年を記念しまして、なっちょチーズさんの可愛いユニット「なっちょんズ!」 を書かせていただきました!(/・ω・)/

 

勝手に命名すんな! って声が聞こえる(´・ω・`)キリッ

 

「結衣ちゃん」

 

それでは、なっちょんズ「結衣ちゃん」からどうぞ!

 

ちなみに名前間違ってないですよね!?(/ω\)

 

f:id:wainori2199:20180517001816j:plain

 

SD結衣ちょん♪(*´ω`*)

 

ヤバい・・・
マジ可愛い・・・♪(*´ω`*)

 

「葵ちゃん」

 

続いて、なっちょんズ「葵ちゃん」どうぞ!

 

f:id:wainori2199:20180517001812j:plain

SD葵ちょん♪(*´ω`*)

 

葵ちゃん、マジ天使・・・♪(*´ω`*)

 

結衣ちゃんと葵ちゃんと並べてみた

 

せっかくなので2人仲良く並んでもらいましょう。

 

f:id:wainori2199:20180517001816j:plain
f:id:wainori2199:20180517001812j:plain

 

結成!「なっちょんズ」!(*´ω`*)

 

2人を書かせていただいて感じたのは、なっちょさんのデザインや配色のセンスがとてもいい感じだなーということです!

 

特に葵ちゃんのスカートは凝ってますよね!

描いてて「あ、この線がこの上なんだ」とか細かい発見があって面白かったです♪

 

ホントはみなさんのようにポーズをつけて華やかに描きたかったのですが、今の私にはポーズは難関なので 「キューピー立ち」で許してください・・・(/ω\)

 

最近SD化にハマってるのでSDにしてみました♪(*´ω`*)

SD可愛いですよね♪(/・ω・)/

 

最後に

 

なっちょさん、1周年おめでとうございます!(/・ω・)/

 

私はまだ3月から始めたばかりですが、自分のペースでこつこつやっていきたいと思います。(*´▽`*)

 

「なっちょんズ」のお二人、うちの「LABOメンズ」とお友達になってください♪

よろしくお願いします!(*´▽`*)

 

「なっちょんズ」(仮)

 

『いいよー♪』  

 

f:id:wainori2199:20180517001816j:plain
f:id:wainori2199:20180517001812j:plain

 

「LABOメンズ」(仮)

 

『よろしくお願いしまーす♪』  

 

f:id:wainori2199:20180512202901j:plain
f:id:wainori2199:20180514212004j:plain

 

『いやー、SDってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

今回もお付き合いいただきまして、ありがとうございました。

 

舞い降りた天使!SDみなみん!

f:id:wainori2199:20180424182707p:plain

 

こんばんは。

昨日1日記事書くのをサボった、わいのり研究所です(/ω\)

 

だって忙しいんですもん・・・

絵を描くのが!(*´▽`*)

 

ブログのネタに描いてるのに、その絵に時間を取られてブログ書けないなんて、本末転倒ですね・・・(´・ω・`)

 

さて、今回は「みなみん」をデフォルメしました!

 

その名は「SDみなみん」!( ゚Д゚)

 

 

降臨!SDみなみん!

 

f:id:wainori2199:20180514212004j:plain

 

ピンク祭りになっちゃいました♪(*´ω`*)

 

今回の髪の影はさらに工夫しましたよ♪ぐふふ

 

肌の影はグラデーションも使ってみました。

 

線画!

 

f:id:wainori2199:20180514212222j:plain

 

ここまでくるのにかなり時間かかってます・・・(/ω\)

 

リボンに黄色が塗ってあるのは気にしないでください。(´・ω・`)

 

下塗り!

 

f:id:wainori2199:20180514212218j:plain

 

もうこれだけで

十分可愛いんですけど(*´ω`*)

 

目を描く!

 

f:id:wainori2199:20180514212215j:plain

 

やっぱり目を描くと断然可愛くなりますね!(/・ω・)/

 

いろいろ追加!

 

f:id:wainori2199:20180514212211j:plain

 

いろいろ可愛くしてみました♪(*´▽`*)

 

いろいろなSDみなみん♪

 

比較のためにいろいろ描きましたので、ご覧ください。

 

セーラー服風(水色)

 

f:id:wainori2199:20180514212703j:plain

 

これも爽やかで好きなんですけどねー(*´▽`*)

 

セーラー服風(ピンク)

 

f:id:wainori2199:20180514212708j:plain

 

先ほどのピンクバージョンです(*´▽`*)

 

スカートのラインを2重に

 

f:id:wainori2199:20180514212711j:plain

 

スカートのラインを2重にしてみました。

 

なんか淵があるのでハッキリするんですけど、かたいというか・・・。

柔らかいイメージの方がみなみんには合ってますね。

 

ギザギザSDみなみん

 

f:id:wainori2199:20180514212207j:plain

 

天使の輪ギザギザバージョンです(*´▽`*)

 

髪ハイライトSDみなみん

 

f:id:wainori2199:20180514212718j:plain

 

髪にハイライトをつけてみました。

難しいですね・・・(/ω\)

 

完成!SDみなみん!

 

試行錯誤の末、SDみなみん降臨しました!( ゚Д゚)

 

f:id:wainori2199:20180514212004j:plain

 

SDみなみん、マジ天使♪(*´ω`*)

 

通常みなみんとの比較!

 

f:id:wainori2199:20180509142810j:plain
f:id:wainori2199:20180514212004j:plain

 

 

別人とは言わないでください!(/ω\)

 

てゆーか服が違うやん!( ゚Д゚)

 

SD化にともない服も可愛い系にしました♪(´・ω・`)キリッ

 

最後に

 

みなみんのSD化は苦労しました・・・(/ω\)

 

「ももっちインパクト」が強すぎて・・・

 

ももっちはツインテールという特徴があるので強調しやすかったんですが、みなみんは可愛いけど特徴がなくて・・・

 

なのでピンク祭りにして可愛くしました♪(´・ω・`)キリッ

 

いかかでしたか?

可愛くできてますか?(´・ω・`)

 

次回は、あかりんをSD化します♪(*´▽`*)

 

『いやー、絵を描くってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

では、今回もお付き合いいただきまして、ありがとうございました。

 

降臨!SDももっち!

f:id:wainori2199:20180424182707p:plain

 

こんばんは。

今日1つ目の記事を書いてます、わいのり研究所です(/・ω・)/

 

外で1時間ほど作業してたら熱中症になりかけました・・・

頭痛いです・・・

 

炎天下での直射日光は避けて、極力日陰で作業しましょう(/ω\)

 

さて今回は

ついにミニキャラを作りました!(/・ω・)/

 

その名は「SDももっち」!( ゚Д゚)

 

「SD」といっても「標準画質ももっち」ではないですよ。(/ω\)

 

SDガンダム」とかの方の「SD」です!(´・ω・`)キリッ

 「SD」は「Super Deformed」です!

 

「超デフォルメ」ってことですね!( ゚Д゚)

 

 

 

爆誕!SDももっち!

 

それでは「SDももっち」どうぞ!

 

f:id:wainori2199:20180512202901j:plain

 

いかかでしょう!?(/・ω・)/

 

可愛いですよね♪(*´▽`*)

 

通常ももっちと比較してみましょう!

 

f:id:wainori2199:20180510223441j:plain
f:id:wainori2199:20180512202901j:plain

 

ツインテールでかっ!!( ゚Д゚)

 

次は製作過程を見ていきましょう!

 

SDももっち線画!

 

f:id:wainori2199:20180512203055j:plain

 

ここまでの過程はかなり飛ばしてます(/ω\)

目とか、頭部はほぼももっちです!

 

リボンとツインテールを強調してみました。

 

下塗り!

 

f:id:wainori2199:20180512203051j:plain

 

とりあえず塗ってみました!

下塗りですね。

 

デフォルメ!

 

f:id:wainori2199:20180512203048j:plain

 

デフォルメが足りないと感じたので、ツインテールを強調してみました。

ソックスも忘れてたので履かせました(/ω\)

 

いろいろ完成!

 

f:id:wainori2199:20180512203041j:plain

 

目とか、影とか、手とかもろもろ完成しました。

 

影は今回ちょっと工夫しましたよ♪ぐふふ

 

なにげにソックスがピンクになってます(*´ω`*)

 

完成!SDももっち!

 

f:id:wainori2199:20180512202901j:plain

 

どうですか??

 

「う~ん、どうでしょう!?」

読売ジャイアンツ終身名誉監督長嶋茂雄

 

セコムしてませんけど!(/ω\)

 

 

可愛いですよね?(*´ω`*)

 

天使の輪もいい感じにできたと思います!

 

 

あ!( ゚Д゚)

 

 

「アインズ様っ!!

 

胸が、なくなっていんすっ!!」

by シャルティア

 

 

強調するのを忘れてました・・・(/ω\)ぐすん

 

最後に

 

今までの集大成がこの「SDももっち」だと思います!(´・ω・`)キリッ

 

ミニキャラ作りたかったので超うれしいです♪(*´▽`*)

 

他のLABOメンも挑戦しますよ!(/・ω・)/

 

では、今回もお付き合いいただきまして、ありがとうございました。

【わいのり講座】HDとSDについて

f:id:wainori2199:20180511130947p:plain

 

こんにちは。

ガンプラを処分しようと思っている、わいのり研究所です。

 

完成品でもヤフオクで買ってくれるようです。

 

本棚にガンプラを飾っているのですが、部屋に本があふれてきたので背に腹はかえられません・・・(/ω\)

 

さて今回は、昨日こだまなおや先生(id:mofublog)からご質問いただきました「HD」について説明したいと思います。

 

私も詳しくは知らないので、間違えていたらごめんなさい・・・

 

 

「HD」とは?

 

HD 【 High Definition 】

 

ハイデフィニション / ハイデフ / 1280×720

 

「Definition」は、(レンズ・録音・テレビなどの)鮮明度、精細度のことです。

なので、HDは「高精細」ということですね。

 

綺麗ってことですね!(´・ω・`)キリッ

 

HDとは、テレビなどの映像の画質・解像度の水準を表す用語の一つで、旧来のアナログテレビよりも有意に高い解像度を持つ高精細なもののこと。

 

厳密な定義が決まっているわけではないが、画面を構成する画素数が概ね1280×720ピクセル前後か1920×1080ピクセル前後のもの(および、これより大きなもの)の総称として使われることが多い。1920×1080ピクセルの解像度のことは特に「フルHD」(Full HD)と呼ばれることがある。

 

引用元:HD(ハイデフ)とは - IT用語辞典

e-words.jp

 

「SD」とは?

 

SD 【 Standard Definition 】

 

SDとは、テレビなどの映像の画質・解像度の水準を表す用語の一つで、旧来のアナログテレビ相当のもののこと。HD(High Definition)ではない映像。

 

厳密な定義が決まっているわけではないが、画面を構成する画素数が概ね640×480ピクセル前後か720×480ピクセル前後のもの(および、これより小さいもの)の総称として使われることが多い。NTSCやPAL、SECAMなどのアナログテレビ放送方式や、ビデオテープやDVDなどがこれにあたる。

 

引用元:SD(Standard Definition)とは - IT用語辞典

e-words.jp

 

「ibis Paint X」のSDとHD

 

「ibis Paint X」について

 

私は「ibis Paint X」というアプリで絵を描いてます。

 

f:id:wainori2199:20180511134119p:plain


IOS版(App Store)とアンドロイド版(Google Play)があります。

 

「ibis Paint X」の使い方についてはこちらをご覧ください。

https://ibispaint.com/lecture/index.jsp

 

「ibis Paint X」のSDとHD

 

「ibis Paint X」で新規作成する際に画像サイズを選びます。

この時に「SD」と「HD」が出てきます。

 

f:id:wainori2199:20180511133506p:plain

 

画像の大きさと画素数、最大レイヤー数などが違います。

 

素数とは「画像のきめ細かさ」だったと思います。違うかな・・・?

素数が多いと綺麗ということです。(/ω\)

 

レイヤーは「層」のことです。

・・・詳しくは調べてください。(/ω\)

 

・画像の大きさ:HDの方が大きいです。
・画素数:HDの方がきめ細かいので綺麗です。
・最大レイヤー数:HD28層、SD128層まで作れます。

 HDの方が少ないですね。

 

例えばSDで作った画像を拡大すると画素数が少ないので粗くなりますが、HDは画素数が多いのできめ細かいですし、もともと画像が大きいです。

 

最初の頃はSDで描いてましたが、拡大したい時に粗くなるので、最近は最初からHDで描いてます。

 

HDはファイル容量が大きくなる

 

ただ、HDは画像のファイル容量が大きくなります。

 

「HDももっち」で7.75MBでした!( ゚Д゚)

 

あれ?

でもiCloud画像共有でWindows側で取り出したらファイル容量は184KBです。

iCloud画像共有って勝手に圧縮するのでしょうか?

まあ、その方がありがたいですね。

 

私の場合は、HDで作りますが、ブログにUPするときは「はてなフォトライフ」で圧縮しているのでファイル容量はあまり気になりません。

 

iPADiPhoneの容量は確認した方がいいかもしれませんね。

私のiPADはまだまだ余裕ですし、iCloudに保存していますしお寿司。

 

ちなみに「HDももっち」(800ピクセル)のファイル容量は22KBです。

はてなフォトライフ」に保存する時に70%に圧縮していますから。

 

この品質で22KBなら問題なしですね!

 

f:id:wainori2199:20180510223441j:plain

 

最後に

 

ということで、HDは「高精細」という意味だそうです。

勉強になりましたね♪(*´▽`*)

 

『いやー、わいのり講座ってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

では今回もお付き合いいただきまして、ありがとうございました。

 

LABOメン製作記録~ももっち編(HD化)~

f:id:wainori2199:20180510214641j:plain
f:id:wainori2199:20180509142810j:plain
f:id:wainori2199:20180506194051j:plain
f:id:wainori2199:20180509142249j:plain

 

こんばんは。

シュタインズ・ゲート ゼロを観るよりも絵を描いている、わいのり研究所です。

 

寝る前に観ます。(/ω\)

 

さて、今回はももっちをHD化しました!

それでは早速ご覧ください!

 

HDももっちです!( ゚Д゚)

 

 

HDももっち!

 

f:id:wainori2199:20180510223441j:plain

 

線が綺麗でしょ?(*´ω`*)

粗くなってないですね!

 

では、SDももっちとHDももっちを比較しましょう!

 

SDももっち、HDももっちを比較!

 

左がSDももっち、右がHDももっちです!

 

f:id:wainori2199:20180510080840j:plain
f:id:wainori2199:20180510214641j:plain

 

SDももっちをいちからトレースして描いてるので若干違うところもあります。

 

胸の形が違うとか言わないでくださいね!

( ゚Д゚)

 

SDももっちは線が太いですよね?

それに比べてHDももっちは線が細くて綺麗ですね。

 

SDももっちも好きですけどね♪(*´ω`*)

線に「頑張って描いた感」がありますから。

 

HDももっちの線が綺麗なのは、線の描き方を変えたのも影響してます。

 

ちなみに顔は変えてません。

 

顔の部分はHDですが、線が太いし「いびつ」ですよね?

それは「補正」を使ってなかったからです・・・

知らなかったんです・・・(/ω\)

 

「ibis Paint X」の補正機能

 

「ibis Paint X」には「事前補正」と「事後補正」があります。

詳細はまたの機会にしますが、私は「事後補正」が使いやすかったです。

 

コツは要りますが、ほとんど手ぶれしないので修正しなくていいくらいです。

線の結合部分を消しゴムで整えるくらいですね。

 

胸の形は補正してくれませんよ・・・

(/ω\)

 

HDももっちの顔以外は事後補正を使って描いたので、線の修正がほとんどなくて綺麗に仕上がりました(*´ω`*)

 

今までは補正を使ってなかったので、手ぶれしまくりで線が波打つし、描き直すと線が重なるので太くなります。

それをひたすら消しゴムで消していました・・・(/ω\)

 

補正を使ったら、今までの苦労は何だったの??と思いました・・・( ゚Д゚)

補正を使わない手はないです!

 

じゃあ、いつ使うの?

 

今でしょ!(´・ω・`)キリッ

 

最後に

 

補正は早く知りたかったですね・・・(/ω\)

勉強不足でした。

「ibis Paint X」の説明サイトをちゃんと読めばよかったです・・・

 

最後にもう一度HDももっちを見てください♪(*´▽`*)

 

f:id:wainori2199:20180510223441j:plain

 

可愛いですね♪(*´ω`*)

 

顔もトレースして補正で描き直してみようかなと思います。

 

いろいろ勉強できるのが楽しいです♪(*´▽`*)

 

『いやー、絵を描くってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

では、今回もお付き合いいただきまして、ありがとうございました。

祝!読者様200名様突破!

f:id:wainori2199:20180421183316j:plain

 

こんばんは。

今日パソコン教室受講初日の、わいのり研究所です。

 

午前中行ってきました。

優しい先生だったので安心しました(*´Д`)

 

MOS取るのは通過点です!

 

目指せ!パソコン教室講師です!(/・ω・)/

 

他にWebデザインコースやプログラミングコースもあるので興味津々です。

 

さて、本題に入ります。

 

本日なんと

読者様200名様突破しましたー!(拍手) (/・ω・)/

 

f:id:wainori2199:20180510192849p:plain

 

これも皆様のご支援があったればこそです!

改めて御礼申し上げます!Dankeです!!(/・ω・)/

 

 

では、最近のアクセス傾向などを見ていきましょう!

 

アクセス数

 

f:id:wainori2199:20180510192841p:plain

 

過去最高は、1日211アクセスです!

最近はなかなか届きません・・・(/ω\)

 

アクセス元

 

f:id:wainori2199:20180510181141p:plain

 

はてなブログが圧倒的です!

皆様ありがとうございます!!(/・ω・)/

 

アクセス先の傾向

 

アクセス元ごとに、そのアクセス先の傾向を見ていきましょう。

 

はてなブログのアクセス先

 

f:id:wainori2199:20180510181138p:plain

 

最近私はLABOメンネタばかりですからね・・・(/ω\)

 

でも絵を描くのは楽しいです♪

好きなことを記事に書くのが私のモットーです!(´・ω・`)キリッ

 

Googleのアクセス先

 

f:id:wainori2199:20180510181419p:plain

 

PSvita咲-Saki-全国編Plus」とヴァイオレット・エヴァーガーデンの記事が人気のようですね。

 

このブログを始めたのは、PSvita咲-Saki-全国編Plus」のことを書こうと思ったのがきっかけなので、たまにはプレイして記事を書こうかなと思います。(/ω\)

 

はてなブックマークのアクセス先

 

f:id:wainori2199:20180510181416p:plain

 

YouTube結構人気なんですね!

 

Twitterのアクセス先

 

f:id:wainori2199:20180510181410p:plain

 

みどりん人気みたいです♪(*´▽`*)

 

Yahooのアクセス先

 

f:id:wainori2199:20180510181407p:plain

 

YahooもPSvita咲-Saki-全国編Plus」が人気のようです。

そろそろ記事書こうかな。(´・ω・`)

 

はてなブログパーツのアクセス先

 

f:id:wainori2199:20180510181405p:plain

 

はてなブログパーツ」ってなにか知りませんが・・・(/ω\)

 

はてなブロググループのアクセス先

f:id:wainori2199:20180510181503p:plain

 

どこのグループからかは不明ですが・・・(/ω\)

 

Danke schön♪

 

100名様突破が4月10日なので、ちょうど1ヵ月前ですね。

150名様突破が4月24日でした。私の誕生日の前日です。(*´Д`)

 

スターをいただいたり、コメントをいただいたり、読者様になっていただいたり、ラジバンダリ・・・(*´Д`)

 

それで元気をもらって、また記事を書きたいと思うわけです。

 

なので、記事を書けるのは皆様のおかげというわけですね!(/・ω・)/

 

最後に

 

ということで、今後も可愛い女の子を描き・・・皆様に喜んでいただける記事を書きたいと思います!(´・ω・`)キリッ

 

『いやー、記事を書くってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

それでは、今回もお付き合いいただきまして、ありがとうございました。

 

Ein herzliches Danke schön!

 

こちらもご覧ください♪(*´ω`*)

 

wainorilabo.hatenablog.jp

 

wainorilabo.hatenablog.jp

 

wainorilabo.hatenablog.jp

 

LABOメン製作記録~ももっち編(影)~

f:id:wainori2199:20180510080840j:plain
f:id:wainori2199:20180509142810j:plain
f:id:wainori2199:20180506194051j:plain
f:id:wainori2199:20180509142249j:plain

 

おはようございます。

今日からパソコン教室に通う、わいのり研究所です。

 

MOSのエキスパート?(上級)取得のためのコースです。

MOSといっても「モスバーガー」ではありません。

ボビー・オロゴンのギャグでもありません。

 

さて、今回はももっちの全身に影を入れてみました。

それでは、早速どうぞ!

 

 

全身ももっち(影あり)

 

f:id:wainori2199:20180510080840j:plain

 

可愛いやん♪(*´ω`*)

 

脚のツヤ(ハイライト)がポイントです♪

 

では、影なしと比較してみましょう。

 

影あり、影なしの比較

左が影なし、右が影ありです。

 

f:id:wainori2199:20180508200234j:plain
f:id:wainori2199:20180510080840j:plain

 

立体感が出ますね!

Cカップが強調されてます♪(*´ω`*)

 

ももっちのHD化(予定)

ももっちは初期作品のため、HDの存在を知らずSDで描きました。

体はSDです。顔は最近の修正版なのでHDです。

 

体はSDからHD用に拡大しているので、画質が粗いです。

なので、今の体をトレースしてHD用に描き直してます。

乞うご期待!

 

でも、はてなフォトライフで圧縮すると粗くなるかも・・・(/ω\)

 

最後に

ももっちはほぼ完成ですね♪(*´▽`*)

 

あとは「ミニキャラ化」してみたいと思います。

 

あっ!( ゚Д゚)

表情もいくつかパターンを作りたいですね!

 

まだいろいろやりたいことがあって楽しいです♪(/・ω・)/

 

『いやー、絵を描くってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

では今回もお付き合いいただきまして、ありがとうございました。

 

LABOメン製作記録~みどりん編(顔)~

f:id:wainori2199:20180508191649j:plain
f:id:wainori2199:20180509142810j:plain
f:id:wainori2199:20180506194051j:plain
f:id:wainori2199:20180509142249j:plain

 

こんにちは。

免許証の更新手続きに警察署へ行ってきた、わいのり研究所です。

 

今日は手続きだけでした。

次回講習受けて、そのまた次回に免許証受領だそうです。

 

頼むから1回で済ませて!(/ω\)

 

さて、今回はみどりんの顔を完成させました。

それでは、どうぞ!

 

 

全身みどりん

f:id:wainori2199:20180509142249j:plain

 

見づらいですね・・・

では、顔を拡大します。

 

顔拡大みどりん

f:id:wainori2199:20180509142901p:plain

 

目が綺麗ですね♪(*´▽`*)

 

では新旧比較してみましょう。

 

新旧比較

まずは全身を比較します。

左が旧バージョン、右が新バージョンです。

 

f:id:wainori2199:20180505211151j:plain
f:id:wainori2199:20180509142249j:plain

 

次に顔を比較しましょう。

 

f:id:wainori2199:20180506063633p:plain
f:id:wainori2199:20180509142901p:plain

 

新バージョン(右)の方が目がぱっちりですね♪

 

今回の作業項目

今回は、以下の作業をしました。

 

1.各部をレイヤーに分けた

この頃はレイヤーに分けることを知らなかったので、1レイヤーでした。

線画と各部(色をつける部分)をひとつずつ各レイヤーに分けました。

切り取って貼り付け・・・の繰り返しです。

 

これが一番面倒くさ・・・大変でした。(/ω\)

 

2.耳を描いた

恥ずかしながら、前回耳を描いてなかったようです・・・

 

3.ほっぺと顔の影をつけた

ほっぺをピンクでぼかしました。

 

あと、前髪や首の影をつけました。

今回はあまり目立ってませんね・・・

影難しいです・・・

 

4.目を描き直した

最近気に入っているバージョン2の目に変更しました。

目で印象がガラッと変わるので、目って本当に大事ですね!

 

5.髪の影をつけた

ぼかしは面倒くさ・・・調整が難しいので「乗算」で影をつけました。

これは楽ちんですね!(/・ω・)/

 

6.天使の輪

この天使の輪いい感じにできたと思います♪

もう一度見てみましょう。

 

f:id:wainori2199:20180509142901p:plain

 

両端がミソですよ!

この効果でさらに輪のようになりました!

 

LABOメン集合!

ではLABOメン4人をご覧ください!

 

f:id:wainori2199:20180508191528j:plain
f:id:wainori2199:20180507190505j:plain
f:id:wainori2199:20180506194756j:plain
f:id:wainori2199:20180509142901p:plain

全身もご覧ください!

 

f:id:wainori2199:20180508191649j:plain
f:id:wainori2199:20180509142810j:plain
f:id:wainori2199:20180506194051j:plain
f:id:wainori2199:20180509142249j:plain

 

華やかですね♪(*´ω`*)

 

最後に

みどりんも描けたので、次は服の影と肌のツヤの表現を勉強します。

 

NEW LABOメンも描きたいですけど!(/ω\)

 

『いやー、絵を描くってホントにいいもんですね!』

金曜ロードショー水野晴郎

 

『それでは、さよなら。さよなら。さよなら。』

日曜洋画劇場淀川長治

 

では、今回もお付き合いいただきまして、ありがとうございました。

またまた絵の本を買ってみた

f:id:wainori2199:20180424182716p:plain

 

おはようございます。

最近4時、5時ごろに起きてしまう、わいのり研究所です。

 

まあ、寝坊するよりはマシですが・・・(´・ω・`)

 

さて、またまた絵の本を買っちゃいました!

今回買ったのはこちら!

 

そのまま使える女の子ポーズ500 CD-ROMつき (KOSAIDOマンガ工房)

そのまま使える女の子ポーズ500 CD-ROMつき (KOSAIDOマンガ工房)

 

 

いろんなポーズが載ってます。

 

かわいいコスチュームが描ける本

かわいいコスチュームが描ける本

 

 

上の2冊を参考に、衣装とポーズを勉強します。

 

CD付 デジタルイラスト 色塗りメイキング講座 (Digital Illust Creators’)

CD付 デジタルイラスト 色塗りメイキング講座 (Digital Illust Creators’)

 

 

この本は初心者向きではないと思います。

分からない部分が多々ありますが、参考になります。

 

これまでに購入した本はこちら!

 

wainorilabo.hatenablog.jp

 

wainorilabo.hatenablog.jp

 

いやー、本を買っただけで勉強した気分になってしまうのは、私の悪いクセですね・・・(´・ω・`)

 

ちゃんと読んで勉強します!(/ω\)

 

では、今回もお付き合いいただきまして、ありがとうございました。