<![CDATA[Blog]]> https://mami-kids.com/blog/ JP Sun, 11 Feb 2024 09:25:00 +0900 Incomedia WebSite X5 Pro <![CDATA[ただいま毎日お絵描き中です]]> imblog ]]> Sun, 11 Feb 2024 00:25:00 GMT https://mami-kids.com/blog/?------------- https://mami-kids.com/blog/rss/00000000E <![CDATA[イラスト]]> imblog

少し手足が長い等身の4人家族を描きました。

いつもよりポーズがつけやすそうです。

が！


また気を付けないといつの間にか3等身くらいになってしまうので
このイラストを元に等身が低くならないように
（グリッド）などを見ながら違うポーズを描いていきたいと思っています。
]]> Fri, 10 Mar 2023 00:30:00 GMT https://mami-kids.com/blog/?post-4 https://mami-kids.com/blog/rss/000000007 <![CDATA[写真加工]]> imblog
普段photoshopで写真加工の仕事もしています。

背景が植物や空だとかなり人物を消すのは簡単なんですが、

・後ろに誰かが重なっていたり
・元の背景が分からない場合

勝手に想像して書き足すしかないんですが
時々そういう事もやっています。

今回は「写真AC」さんで写真素材を借りてきて
サンプルを作ってみました。

３つとも人物を消すだけじゃなく、
何かを書き足さないといけない加工をやってます。
]]> Thu, 02 Mar 2023 14:00:00 GMT https://mami-kids.com/blog/?post-3 https://mami-kids.com/blog/rss/000000006 <![CDATA[ドット絵をWeb Site Pro X5で表示する時の覚書]]> imblog
Web Site X5 Proでドット絵を表示させる覚書








ドット絵のサイトも作り直したいので
レスポンシブでデバイスの大きさが変わっても
にじんだ感じに拡大や縮小しないように
タグを入れるんですが、

ドット絵を作ったサイズのまま表示するには
「そのまま画像をして入れる」が良かったので覚書。


ドット絵を作ったサイズより大きく指定して表示するには

・ページ
↓
・HTMLコードを選択して表示したい箇所に入れる
↓
・コンテンツを押して
↓
・HTMLコードに
<img class="pixel" src="images/〇〇〇.gif" width="任意px" height="任意px">
↓
・エキスパートに
.pixel {
 image-rendering: pixelated;
}


を入れる。

または！

・HTMLコードに
<img class="pixel" src="images/〇〇〇.gif">
↓
・エキスパートに
.pixel {
image-rendering: pixelated;
}
img {
width: 100%; height: auto;
}


下記サイトが一番わかりやすかったので参考にしました。

]]> Thu, 23 Feb 2023 14:00:00 GMT https://mami-kids.com/blog/?post-2 https://mami-kids.com/blog/rss/000000005 <![CDATA[Web site X5 proを使ってみた感想]]> imblog
Web Site X5 proを半年ほど使ってみた感想です。

こんにちは。kumamiです。

　去年「レスポンシブ対応のサイトを作りたい」と思い立って
Web Site x5 proを購入しました。

私がソフトに求めていた条件はこちら。
*******************************************************************
  1. とにかくレスポンシブのサイトを作りたい
  2. メールフォームは絶対に必要
  3. 初心者でも操作が簡単
  4. 自分好みにデザインをカスタマイズできる（しやすい）
*******************************************************************

で、半年ほど使ってみた結果ですが
*******************************************************************
  1. プレビューを見ながら4サイズのviewportの表示を確認できる
  2. メールフォームをとても簡単に設置できる
  3. 一見とっつきにくく感じましたが初心者でも操作が簡単
  4. 自分好みにデザインをカスタマイズできる（しやすい）
*******************************************************************
でした。

  • プレビューを見ながら4サイズのviewportの表示を確認できる

基本、レスポンシブのサイトを作るためのソフトなので殆ど設定しなくてもOKでした。
でもヘッダーやフッターのロゴの配置などは設定しないとレイアウトが崩れてしまうので、そこは設定しなくてはいけないのと
スマホサイズで表示するにはどの文章・画像をどんな順番で表示するのか。等も少し設定しないといけない部分が有ります。

  • メールフォームをとても簡単に設置できる

CGIを使わずに自分でサーバーで設定する等なしでメールフォームが簡単にできます。
記入項目も増やしたり減らしたりが簡単です。

  • 初心者でも操作が簡単

長年ホームページビルダーでサイトを作っていたので
初めはソースを見れない事に驚き
細かい指定はどうやってやるんだろう？と不安にもなりましたが
画像を入れたいことろ
文章を入れたいところ
空白にしたいところなど
指定してそれぞれに入れていく感じになれれば簡単だと感じるようになりました。

  • 自分好みにデザインをカスタマイズできる（しやすい）

テンプレートのまま画像と文章を入れ替えても見栄えのいいサイトにはなるんですが
やはり自分好みにカスタマイズがしたいので
「空白」のテンプレートも3種類あるのでそれを使って色々な部分をサイズを変えたりして使っています。

wordpressも一度設置してみましたが私の使っているサーバーでは設置が面倒だったので
このWeb Site X5 proが今のことろ簡単でいいと思っています。

※ブログの装飾が少ないけど、これは画像を入れれば見た目は変わりそうです。
（画像を用意しないと……。）

]]> Tue, 21 Feb 2023 14:00:00 GMT https://mami-kids.com/blog/?post-1 https://mami-kids.com/blog/rss/000000004