忍者ブログ

ネコ日和

日々の日記とか、ホームページの更新とか、創作物(書き物やイラストなど)のコメントとかを書き綴っていきます。 最近はパソコン関連の事もメモ代わりに書いております。こういう情報にメッチャ助けられてるので、今度は自分の番かと思っております。 以前はイラストもチマチマ上げておりましたが放置気味、ちまちまとモデリングなるものをやってまっ・・・(放置気味)。 フリーソフトでどこまでできるかチャレンジしてます(ソフトの作成者様やプラグインの作成者様には感謝です)。

シルクスクリーンっぽい印刷と蝋引きを組み合わせてみた



シルクスクリーンっぽい印刷をやってみました&更に蝋引きしてみました
今回は画像が多めの記事になります。

まず、シルクスクリーンって何?
布とか紙に穴の開いた型を当てて、インクを乗せていく印刷方法みたいです。
版画の逆みたいな感じ?

蝋引きってなに?
耐水性の紙を作るときの手法の一つみたいです。
パンとかお菓子とか包んでる紙にも使われてます、キャラメルっぽい色をしてます。

トートバックや布製品への印刷を検索すると、印刷方法として「シルクスクリーン」というのが出て来たので調べてみました。
存外に簡単にできるそうなので、「じゃあ、やってみたい」「材料とか安く済むんならやってみたい」好奇心です。




■材料とか
シルクスクリーンっぽい印刷
・写真立て(100円均一)
・網戸補修シール(100円均一。ちゃんと網になっているタイプ)
・シール紙(インクジェット対応のプリンター用シール紙が自宅に余っていた)
・アクリルガッシュ・白(漫画用のホワイト。古くてカピカピになっていた)
・ガラスのコップ(アクリルガッシュを使うときの水入れだった)
・プラスチックのスプーン(アクリルガッシュを混ぜるのに使用)
・デンプンのり(100円均一。絵具を伸ばしたり、粘度を調整するのに使うそうな)
・印刷する紙(使わなくなった茶封筒を切断。「履歴書在中」って書いてたけど使ってない)
・クラフトの包装紙(何かの包装紙だったのを取っておいた。大活躍)
・アクリルガッシュ伸ばす紙(スケッパー代わりに、写真立ての紙とかクラフト紙を使った)
・ホッチキス(写真立ての枠に固定するため)
・インク漏れ防止のシール(シール紙の大きさが合っていれば不要)
・汚れてもいいように段ボール
蝋引き
・蝋燭
・キッチンペーパー(クッキーとかの下に敷くやつ)
・アイロン
・汚れてもいいように段ボール
・当て布

■シルクスクリーンっぽい印刷
材料が100円均一で入手できたので、
ブタさんのイラストを準備(線は太目)、シール紙の後ろが透けて見えたのでそのまま転写。
それをカッターで切って、網戸補修シールに張り付けます。
これ、シール紙で助かりました。ブタさんの鼻とか耳の部分が他の部分と繋がっていないのですが、しっかりと張り付いてくれました。


写真立ては木の枠組みだけを残して、他を外して使用します。
網戸補修シール(網シール)の網部分だけでは足りないので、クラフトの包装紙(クラフト紙)に網シールより一回り小さいサイズを切り取って貼り付けました。

ブタさんのシール紙がクラフト紙まで足りない部分は、他のシールを張って絵具が漏れないように補強。


裏面からホッチキスでクラフト紙を木の枠に固定。
この時、よく確認していれば尻尾が途切れていることはなかったのに……。
ホッチキスで固定する際に、木の枠が柔らかくて助かりました(固いと針が刺さらない)。


版の次は絵具です。
カピカピになっていたアクリルガッシュ・白を適量取り(今回はプラスチックのスプーンに一杯分)、デンプンのりと混ぜて溶かす。
デンプンのりの方が柔らかくて水分が多いです。
ちょっとコッテリ気味。


紙を敷いて版を乗せて絵具も載せました。
いざ、


勝負!


結果、網目つきの盛りブタさん。




原因はコチラ。
裏面から見ると分かりますがクラフト紙にちゃんと張り付いていなかった所が歪んでいたので、インクが漏れているようです。

というわけで、
版を逆にして絵具を引いてみたり、
絵具にデンプンのりと水を追加して粘度を調整したり、
何度もやっていく内に何とかブタさんらしいものができてきました。


途中で失敗して割り印になってしまったブタさん。


しかし、何度も使っていくと版が劣化してきてシール紙の部分が破けてきました。
つまり今回の材料で一番弱かったのがシール紙。
完全に壊れる前に終了。
何度も刷られた版を枠から外した物と、カッターで切り抜かれたシール紙の活用。



■蝋引き
こちらのブタさん達を蝋引きします。

実は、先に蝋引きを試しています。

A4サイズの用紙に蝋引きを試したんですが、今回は大変だったのでブタさんのサイズにしています。
蝋引きすると透過度が上がります!


蝋引きは、
段ボール、紙、砕いた蝋燭、クッキングペーパー、当て布の順に重ねて
アイロンをかけていきます。

蝋燭が溶けて紙に吸い込ませたら良い感じです。
アイロンの所為か、蝋燭が溶けにくい&紙の吸い込みに斑があるので、
紙自体は小さくても結構大変でした。

アクリルガッシュは乾くと水を弾くので良いのですが、コピックのようなペンで書いた文字は滲んだりしないのかテストも兼ねて書いてみましたが、蝋引きすると問題なく水を弾いて滲みもないようです。


これで耐水性のペーパーができたー!
わーい。
しかも裏面が透けて可愛いぞ、これ。

「何に使うの?」と聞かれて一瞬、我に返る。
「何に使おうかしら?」

穴を開けて麻ひもを通せばタグになる?(水濡れOK)
折り紙すればコースター代わりになるかな?
とりあえず、カードとして周囲に配りますww

まだ蝋引きしていないブタさんがいるので、ちょっとずつやっていきます。
(楽しいからって大量生産し過ぎたかしら?)

拍手[1回]

PR

「デザイン」って何よ? 缶バッチ編

月に一回しか書いていない状態の「『デザイン』って何よ?」三回目。

今回は缶バッチ編。
実は同人活動の復活気味・余波で缶バッチを作成しました。
同人誌などのノベルティや同人関連の販売物ではない。
便せん作成時に缶バッチを自分用に数個だけ作ったら、身内に人気だったんです。

身内の販売スペースに並んでます(笑)

自分用に作ったのが31mmの小さい缶バッチだったため、
同じぐらいの缶バッチを販売物として作成しました。
その時に悩んだので「『デザイン』って何よ?」として書きます。

缶バッチは円形、直径は31mm程度。
今までイラスト(落書き)は幾つも描きましたが、このサイズは初めてです。
というか、印刷所にお願いして販売物を作ってもらうのが、その時初めて。

幾つか缶バッチのサイズに収まるように描いて、試作してみましたが絵柄がイマイチ。
没ネタも含めて沢山描いたので(自分の中では沢山描きました)、その中で考えたこと。
・小さいと何を描いてるか分からない
・あんまり複雑な絵柄は分かりにくい
・缶バッチは丸い
・コロコロ可愛い感は線の太さで変わる
・色もRGB系のパッキリした方が分かりやすい
・背景色は白くない方がいい(というか白の割合は少ない方がいい)

RGBカラーは印刷所によって対応している、していない会社があります。
というか印刷所によって印刷の具合が違います(プリンターによってカラーが違うのと同じ感じです)。

上記の大前提で「可愛い」っていうのが必要なのですが、「『可愛い』って何よ?」という話もありますが、これは別問題なのでやめときます。

人にも見てもらって、色違いなども含めて沢山作りました。
一つずつ小分けに袋詰めしたんですが、中々な量にww
カゴ盛りされてるお菓子の状態ww
小さいし、丸いし、沢山あるのでニヤニヤしておりました。

作った後だから書けるのですが、
「『可愛い』って何よ?」が一番の問題でした。
これは31mmなので絵柄だけなのですが、これより大きいサイズだと(缶バッチの別サイズ
)文字の配置などもあるので大変そうです。
四角い缶バッチもあるので、缶バッチのデザイン沼も深そうです。

拍手[0回]


「デザイン」って何よ? 個人サイト編

以前に書いたweb編と同じようなものだけれども、
自分のPC版ホームページを改装したいから
自分の頭の中をアウトプットしてみたい。

前提

  • 個人(相方と運営する本館のPC版)サイト
  • イラスト、漫画、小説を置いている
  • 更新頻度は低いものの小説は更新中
  • ブログ(ここ)、ツイッターなど外部もある

目標

  • 使用しているframework(BootStrap 3)が古いので新しい物を使用
  • 小説の長文を掲載することを目的に作成したPC版だったが、時代的にはスマホ・タブレットに対応が必要か
  • 途中で止まっている、更新予定のない(しかも需要が無い)コンテンツ順位を下げる
  • PC版だったので左右の分割デザインだが、html5に合わない部分が出てきているので考え直す
  • 文字メインにするなら動的に見やすくしたい(フォント、フォントサイズ、文字色、背景色を設定できるようにしたい)
  • 背景の壁紙を統一(見やすく)

思う事

殆ど目標に上げているのだけど、サイトのデザインがPC版のみだけなのでスマホ・タブレットに対応させた方がいいのかなー、という感じです。
サイト構造を流行りのものにしたい、ってのがあります。

あと、今の構造だと小説はiframeで呼び出してるので各ページの解析はできてないと思われる。小説ページは殆ど見られてないのだけれども。
頒布物の見本としてリンクしてるんだから、多少は見られるかなー?(焦)というのがある。

更に、サイト公開の当初よりも読み物が増えてしまったので、毎回ページごとにhtmlを作成するのが大変。
今回のように改装しようと思うと、その分量が壁になる。
正直、イラストだけならまだ数ページに収まっている(重いかどうかなんて考えてないから)ので何とかなるけど、
小説とか読み物は一本でも数ページになる。読み物自体も増えてるからバンバン増える(涙)。

外部サイト(有名なPIXIVとか、カクヨム、なりたい系)に放り投げた方が良いのかなーって思う時さえある。
頒布スペースに関連付けができるし、同人関連で検索してもらえる確率的には外部サイトなんだけれども、やっぱり自分で管理できるサイトは欲しい。
好き勝手にできるから。

それこそ、管理コンテンツが多い場合はWordPressとかってのが最近の流行り。
でも、直にhtmlの勉強も兼ねてるし、無意味にツールを噛ませると問題が起きた時に面倒。

端末の処理スピードが速いなら、txtを準備しておいて動的にhtmlから読み取って表示するjsを作成した方が楽かもしれない。
直書きのhtmlが速いのは知ってるけど。
管理的には別途txtを準備した方が楽だったりする。

frameworkを新しくしなきゃいけないから、全ページが更新対象なんで困るんだよねーww
一気にやらないと、後回しにしたページは公開しなくなる可能性があるので嫌なんです。
折角自分が作ってきた歴史なので残しておきたい。

拍手[0回]


「デザイン」て何よ? Webデザイン編

前置き

毎朝の起床時間が遅くなり、
7:25から見ていたデザイン「あ」を見る機会が減った今日この頃。
今年のウィルスが関係しているわけでは無く、職場環境に順応し始めた結果である。
あと、早い時間に起きて朝食の準備をすると邪魔になり始めたんです。

同人活動が復活し始めた(まだ本格的には始動していない、本だけに)頃に
ウィルス問題でイベントの延期となったので「イベント参加したい」欲のピークが過ぎそうになっている。
まだ「イベント参加したい」欲は残っているけど手をこまねいている段階の今、頒布物について考える時間ができてしまった。
目の前に締め切りがあれば勢いで考えなかったのだろう、しかし今は時間がある。
それが題名の「デザイン」って何よ? になる。

デザインっていっぱいあるんだなー、の長々とした話。
長いので分割することにしました、なんでデザイナーじゃないのに「デザイン」について書いているんだろう?
今回はWebデザインの話。

Webデザイン

  • 見た目
  • 使いやすさ
  • 間違い難さ
実は職業がSE(システムの方ね)で、フロントエンドとサーバーサイドのプログラムを書いている底辺プログラマーである。
(PHPは数値系のバグを生産できる言語だと思っている。)
フロントエンドとはいえ、「見た目」じゃなくて表示させるだけがメインだった。
まぁ、でも人数が少ない現場ではプログラマーとはいえ「見た目」には多少携わらなければならなかったのが現実。
仕様書や設計書の段階で「デザイン(見た目・使いやすさ・間違い難さ)」が準備されていて、一貫していればプログラマーとしてはプログラムを「書く」だけのはずなのだが、プログラムが大きくなればなるほど一貫させていくのが難しい。

見た目

特に伝票内容の入力などは、その入力ページだけで内容が確認できなければいけなかったり(内容を通して見て不具合が無いことを確認するため)、横スクロールなんてさせられなかったりする(一目で分からないから)ものだから他のページ(画面)とは変わってくる。
一つ例外ができると、他のページ(画面)でも無理矢理詰め込んでいたのが「こっちも例外で良くない?」なんてことになる。
そんなことをしていると、全体で一貫性がなくなっていくのが現状。
これが「デザイン(見た目)」の一つ。

使いやすさ

次に「デザイン(使いやすさ)」は説明が難しい。
例えば、ページのナビゲーション(大体上の方にあって、トップページだの概要だのが一列に並んでる奴)にクリックする(押す)と細かい内容が出てくるボタンがあるとする。
「商品一覧」ボタンをクリックすると、すぐ下に「オンデマンド印刷」とか「オフセット印刷」とかって出てくる感じ。

これがフォーカスを外す(画面の矢印みたいなのが別の所にいく)と隠れてしまう。
パソコンだと「あー見えなくなった」だけど、
スマホとかだと、そもそもフォーカスを外す行動は「別の所をタップ(クリック)」だから「見なくなったものが隠れた」になる。

上記の例は「動作」がメインだけど、もっと分かりやすい例なら「ボタンの大きさ」がある。
画面(ディスプレイ)の大きさにcmを使うのは妙な気分だけど、自分が分かりやすいのでcmを使う。
パソコンだと1cm未満のボタンだって平気でクリック(押すことが)できる。
スマホだと1cm未満のボタンは押せなかったりする(当たり判定の問題)。
指の小さい人は押せるけど、指の大きい人は拡大したり何度か押したりするかもしれない。

間違い難さ

デザイン(使いやすさ)にも関連するけど、操作を間違えにくくするのもデザインの一つ。
例えば、ボタンが幾つも並んでいる場合。
ボタンが小さくて、隣との間隔が狭ければ押し間違えるかもしれない。
スマホなら特に問題で、押すときに結局はボタンが指で隠れて見えない。
パソコンなら矢印で完全に隠れてしまうことは少ないし、位置を合わせた後にクリック(選択)すればいい。
だから指で操作する端末とパソコンとで表示が変わってたりする。
幾つも並んだボタンでも、ボタンが指より大きければ間違えは少ない。

大きさだけではなく、色、形を変えて見分けを付けるのも方法の一つ。

特に、「リセット」「取り消し」など消してしまうボタンなどは色を赤くして見分けやすくするのが主流。赤が警戒色になるからね。

Webデザインで見つけただけでも、こんなにあるww
しかも、見つけた全てが絡み合って、色や形に意味があるともっと大変。

拍手[0回]


消費税があがががが

消費税が上がりやがりましたね。。。
そいつのせいで、先月末から初日は辛かった。
夜間からの作業だけで済むんだから、先月末の昼間から値札を変えていた方々よりはましなんですが。

その疲労が抜けやらぬ内に締切状態がきたので(二つも)、バタバタしてます。
現在進行中ですよ?

とりあえず、最近ブログを更新できてないので書いてみる。

拍手[0回]