Y38Design

プロダクトデザインをはじめとして、
Webデザイン、グラフィックデザインなどを手がけるデザイナーY38のサイトです。

Profile Portfolio Blog

Profile

Portfolio

Blog

ISLAND 御原凛音

イラストレーション 2018年7月21日 土曜日 18:58:55

ISLAND 御原凛音 描きかけ

イラストレーション 2018年7月19日 木曜日 13:01:34

ISLAND 御原凛音

イラストレーション 2018年7月16日 月曜日 21:36:15

今期始まったアニメ、ISLAND。
まだ2話見ただけで内容は良くわかんないけど、キャラデザ…絵、だなに惹かれたので描いてみた。
描いてて気づいたのは目の描き方、色使い、かなぁと。
上手い絵と好きな絵と描ける絵は違う、というけど、このキャラ絵は「上手い絵と好きな絵」というふたつヒットしてるからかもなあ。
1枚目、一発描きだから生っぽいけどもうちっとうまく描きたい

ガンゲイル・オンライン レン

イラストレーション 2018年7月6日 金曜日 20:35:49

イラレのバグ

グラフィックデザイン

イラレのバグがふたつ、発覚した
両方ともpdfに書き出したもの。
ひとつは、書き出したpdfの最初のページだけどうやっても印刷できないと言われた。
自分のmacのプレビューからは普通に印刷できる。
ふたつめは、イラレで青の部分が全部緑になってた。
どうやっても緑になってしまい、しょうがないからjpgに書き出した。

こんなバグ今までなかったのに、突然出てきた。

環境は、High SierraのCS6。
pdfじゃないと細かい文字が読めないことが多いし、それがお客さんに渡すデータとなると困る。
CS6はとっくにサポート切れてるし、どうしたもんか。

CSSでコピック

Webデザイン 2018年7月5日 木曜日 20:34:47

ずっとやろうとしてて放置してたコレ。

ようやくやってみた。
一応htmlはクリーンな感じ。

https://y38.org/scrolltest/index3.html

 

あ、Chorome / Safari / Mobile Safariでしか確認してないので注意

 

basicscroll

Webデザイン 2018年7月4日 水曜日 12:17:47

動きの設定はまだ甘いけど、まあとりあえずは良しとして、それよりMobile Safariで見るとぬるぬる動くのにmacで見るとぎこちない動きをする
スタイルで動く要素にwill-change:transformとすれば描画前に読み込んでくれて描画遅れを防ぐ、とあったんだけど変わらないのよなあ
ガクガク動くのはカッコ悪いからなんとかしたい

テスト

Webデザイン 2018年7月3日 火曜日 9:30:40

wordpressからのsns投稿、全文じゃなくて抜粋するにはディスクリプションに一部をコピペなりしないといけないのか…
なんとかデフォルトとして設定できないものか

basicscroll

Webデザイン

fromとtoに書く、top-middleとかの意味がよくわからず、書き直してリロードしてを繰り返してたんだけど、ようやく解説してあるサイトを見つけた

https://tr.you84815.space/basicscroll/data.html

middle- bottomと書くと、要素の中央(middle)がビューポートの下部( bottom)に達した時にアニメーションが始まる、ということらしい。

これで少しは制御しやすくなったかも。

あとはpropsの中身がよくわからない。透明度は.01から.99だからわかりやすいのだけど、ここの

https://codepen.io/electerious/pen/QGNxxx

0から100pxがわかりにくい

position:relativeのことだと思うんだけど、アニメーションしてズレて動くから値が掴みにくい

このへんはもっといじってみないとわかんないな

てか素直にjqueryのを探した方が使いやすいかもしれないけど、他のjsに非依存というのは利点だと思うから、なんとかモノにしたい

basic scroll

Webデザイン 2018年7月1日 日曜日 19:34:59

なんとか導入してみたけれどまだコピペの域を出ない

内容を把握した上で弄れば多彩な表現ができるのだけど、jsなのかbasicscroll独自のものなのかわからないけど、何をどう書いたらいいのかがわからない

でもひとまずは置くことができたので少しずつ触っていこう

toTop