別にてっちゃんじゃないんだけど、短い電車が走ってるとなんか和むよね？
今回は機械なので、柵とか、柱とか、窓とか色々、繰り返しパーツが多いんだよね。
何かの理由があって「手描き感」とか「ラフ感」を出すのでなければ、素直にブレンド機能を使うと良いと思う。
ブレンド機能てのは、超便利。
パーツを繰り返すだけじゃなく、異なる色同士をブレンドできたりと使ってるうち楽しくなる。
（ROBOの場合、ブレンド機能つかって配色決めたりすることもある。）
今までの小物にも言える事なんだけど、ほんのりグラデ（明暗）をつけてあげるだけで立体感が出てくる。（やりすぎ注意）。ヘタなフィルタなんか使わずに「うっすらグラデ」だけ使っておけば、短時間でいい感じのが出来るから！
前回に引き続き、今回も小物づくり
街の中央にはやっぱ教会でしょ。
なんかラクしたいための言い訳にしか聞こえない気が。。。
いや、大事だっつの。
時間は無限にあるわけじゃないんだし、脇役が主張しすぎちゃダメでしょ？なんだって。
このイラストの主役は「うさぎ」で間違いないんだけど、構図が俯瞰なんだよね、建物に比べたらうさぎは豆粒くらいになっちゃう。（一羽だけ吹き出しアップで見せるけども）。
てことで主役は「うさぎの住む街」ってトコに落ち着く。
前回も書いたけど、俯瞰図で左右奥に配置された小物が存在感あると落ち着くんだよね。全部の小物がビッチリ描きこまれてると目のやりどころに困っちゃう。
てことで今回は描き込みたい欲求をセーブして、次回「電車」で発散すべし！
パスって、細かいパーツ作ってるときに脳内麻薬でるよね？
てことで第四回はパスで家づくり
ええ話だ。数時間前にした努力が、もう報われるというね。
今回のイラストの場合、全体を引き締める役目になるのが、この家と後々でてくる電車なんだけど。この二つの小物は意識的に手を加えていくことにした。
なのでガイドも重点的にひいてある。（ハズｗ）
これぞIllustratorの醍醐味の一つ。
ひとつパス切っとけば、色変えたりするだけで数種類のパーツに早変わり。複製後にちょいと微調整しときゃ、完全に別パーツだ！プラモ感覚でシャキンシャキン切りまくりー！
ちなみに複製は奥が深い。オブジェクト全体を複製してもいいし、必要な辺（パス）だけ使ってもいい。なによりパス同士のズレも防げたりするしね。コピペで作業効率上げつつ、規則正しいパスオブジェクトを組んでいけるとキレイな家ができあがる。
増えるワカメのごとく増殖しがちなレイヤー。
面倒でもレイヤーグループ作ったり、名前つけとくなりしとこ
のちに開いた人が迷子になるどころか、てめぇでさえ混乱したりしてダサいことこの上なし。
次回も引き続き小物づくり～
第三回は舞台づくり。
建築と一緒だね、土台づくりから入る。
上の画像を見てもらうのが早いんだけど、舞台の底辺になるパスをまず作ったワケね。このパスは最終的にはスッポリ隠れてしまう。用があるのはこのパスにかける影の方。
天空の城みたく浮かして見せたいので、舞台の底辺であるこのパスにドロップシャドウをかけとく。
画像では「不透明度 45％ 乗算」ってなってるけど、コレは全体が出来てから試行錯誤した値ね。実際はアピアランスの設定をちょくちょくいじりながら進めてんの。
まず側面だけど、簡単に地層をイメージしてみた。地層マニアじゃないから、「これで地層っぽいでしょ」程度で終わり。うっすらグラデがかかってるのは、別レイヤーね。
地面（山）は、当初すんごい質感にチカラ入れるつもりだったんだけど、一面雪景色をイメージしてたから、急遽方向転換。地面パス一枚に対して「光彩（内側） 不透明度75％ 乗算 ぼかし1.2mm 境界線」をかけて完成。
ちなみに、側面（断面）のところ、積雪の厚みも表現しちゃってるんだな。
ここをサボるとなーんかね、なーんかアレよねーってなるから。やっとこうね。
次回は小物づくり、一番ワクワクテカテカするとこだね。
Illustratorがワンクリックでイラスト描いてくれたら楽なんだろうけど、そんな機能ないので素直に下絵から書く事に。ROBOの場合、デジタルイラストは下準備が命。いいすぎたｗ
根がサボり症なので、後々ラクしたいがための下準備。
まずは紙とペン。
ペンといってもフリクションペンを使う。濃い線の方がスキャニングがラクでしょ。
それに、鉛筆感覚で書き直しできるのがイイ！
ただ、調子に乗って消しまくってると紙がヨレるし汚れる。ラフだからいいじゃんって思う人はそれでもいいけど、これをデジタル処理するときに「ゴミトリ」とかすんの面倒でしょ？だからなるだけ一発描きでいく。
でも、一発描きでミスったらどうすんの？と。
ライトボックスが大活躍すんだな。
新品の紙に下絵をトレースしつつ、気に入らないトコロを描き足したり、直したり。
こんな感じで。
Illustratorはパスからガイドが作れるのが便利だね。
もうガシガシコピーしたり回転させたり、好きな角度でガイドをつけていくといい。
満足するまでトレースして下絵をアップグレードしていったら、次はいよいよIllustratorでトレース作業。後はパスでトレースするだけだ、なんてナメるヤツ。その通りです。
でも、パスなめんなよ。
早く精確に切ってこそだかんな。
目が乾くし、体の変なトコがムズムズしてくる作業は第三回から！
今回のイラストはIllustratorのみで作成。イラレの特殊機能に依存しないように作ったから、どんなバージョンでも対応可なチュートリアルになると思う。
どんなジャンルでも一緒だと思うけど、他人の作品から刺激を受ける事は多いでしょ。しかもその作品を模倣したりアレンジしてみたりするとスキルアップを実感しやすい。ってことで今回参考にさせていただいたのは、TUTORIAL: CREATE COOL INFOGRAPHICSという記事。
まずは参考元サイトを見てみると、この後のチュートリアルが分かりやすくなるかも。
あと、こういう良質な海外チュートリアルサイトを紹介してくれているPHPSPOT開発日記さんにも感謝です。
ROBOがイラスト描くときは、たいがい妄想しながら描いてる。
というか描きながら妄想してるのかな。今回は、参考元サイトを踏まえて作っていったので「3D」「町」というキーワードが出てきた。んで、年賀状なので「ウサギ」、冬なので「雪」「白」、ウサギが題材なので「ポップ」「かわいい」といったキーワードから妄想を膨らませていく。
キーワードや妄想が膨らんだら、いよいよ制作準備へ！
ちなみに今回のイラストは総制作時間19時間くらい。期間は11月29日～30日。
キーワード決めや妄想タイムも含んでおります。
第一回はこれにて終了、第二回は準備編！
Illustrator でパス使いだったらイラスト作んないとウソでしょ。ってことで Illustratorパスイラストの話。簡単なイラストだけど完成するまでの工程だよ。
その前に「何を描くか？」とか「どんなコンセプトで？」とか色々あるけど、スッとばす。
そのへんは悩むのも楽しいトコロだから、時間のゆるす限り考えたらいい。
で、まずは下絵がコレ。
ラフだけど、これを元にIllustratorでトレースするから丁寧に描いといた方がいい。
ポイントはオレンジ色の線。
この段階である程度完成イメージができているので、制作作業を短縮できるようにレイヤーのガイド線をひいた。今回はツヤっとした質感を出したいから「グラデーション」を使うつもりで線を引いてある。
スライムといえば体の丸み。曲線。
立体感を出すためにグラデーションに気を使う。
立体感を出すのに使ったレイヤーは計4枚。
メッシュ使ったりすると妙にリアルになってしまうので、あえてグラデレイヤー重ね。
アニメっぽさが少し出るようなイメージ。
題材がスライムだけに、今のままだと立体感が物足りない。
目やホッペで少しだけ凸凹感を追加してみるといい感じ。
目に使ったレイヤーは計7枚、ホッペは1枚
丸の集合体だから横着してアピアランス使ってもよかったけど、細かい作業で完成イメージに差がつく事が多いからちゃんとするべし。
全部重ねてから各レイヤーを微調整していく。
全部のレイヤーがグラデーションレイヤーなので、つなぎ目の色を調整していく。
といっても適当でOK。自分の目を信じて感覚で直すのが一番確実で早い。あ、でも時間があればカラー数値を見ておくといいかも。
ちなみに、パスのみ表示するとこんな感じ。
スライムだけだとさみしいので、タイトルロゴとセットにするために作成。
タイトルロゴもスライムと同じようなグラデーションを使用。
うーん、まあいっかコレで。ってとこで作業終わり。
性格的にいつもこんな感じで作業が終わる。じゃないとずっと満足いかず終わんないから。
満足いくまで作業できるっては贅沢なことだと思う。
気分の問題だけど、ロゴの上にスライムを配置すると、境界にあたる影がクッキリして気に入らないｗ なんか目障りなのでぼかしておいた。
うん、まずまずでしょ。
アピアランスでぼかし入れてるから、いつでも元にもどせるしね。
背景も同系色なのでロゴが少し埋もれてしまったので、ほんの少しだけロゴのうしろにホワイトのぼかしを入れてみた。超ほんのすこし。
ちなみに、今回のグラデーションはPhotoshopの青を参考したよ。
あの青、超好き。すこしくすんだ感じとか、浅めのグラデとか。
最後に、横長ロゴもつくってみた。
結構かわいくできたかな～。うむうむ。
これで少し “ 寝かす ” と違った目線でアイデアが出てくるので楽しい。
WordPressにつづいて、BaserCMSのローカル環境づくりメモ。
BaserCMS（ベーサーシーエムエス）とは、オープンソースフレームワーク「CakePHP」をベースとし、環境準備の素早さに重点を置いた基本制作支援プロジェクトから生まれた CMS（コンテンツマネージメントシステム）です。
CakePHPについては、今後勉強するってことで・・・
とりあえず、いじれる環境をつくるのが先だぁ～！
WordPressんときと一緒だけど、手順は以下の通りにやった。
注：データベース名にバージョン名をつけたのは、BaserCMSのバージョンアップ検証を行うことを想定したもの。やんないかもしんないけど。
BaserCMSファイルをダウンロードして、xampp\htdocs\ にコピー後、ブラウザでインストールという手順。今回はDドライブにインストール。
http://localhost/basercms-バージョン名/ にブラウザからアクセスすると、最初のインストール画面が出てくる･･･はずなんだけど、めっちゃwarningでてるw
しかもCSSも効いてない・・・orz
ということで、この段階で原因が分からずひたすら調べることに。
どうやら最初に確認しとけって内容だったらしい。編集手順は以下のとおりに実行した。
うむ。これで無事インストール画面のwarningが消えおった。
CSSも効いてるし、いい感じ。
問題の箇所は以下の部分。
アップロード未確認
有効にするには下記の２箇所のフォルダ内の 「htaccess.txt」 ファイルの名称をそれぞれ 「.htaccess」 へ変更してあらかじめアップロードし、「アップロード確認実行」ボタンをクリックしてください。
- / フォルダ(BaserCMSの最上位となるフォルダ)
- /app/webroot フォルダ
いろいろアホな寄り道しすぎたのでその過程は省略。
終わりよければ全てよし。おこなった手順は以下のとおり。
無事、緑色のTickがついたら次のステップへGO！
BaserCMSは、ファイルベースのデータベースも利用可能ということだが、最初にデータベースの設定をしているのでココはやってちゃんと設定しおく。登録する項目は以下のとおり。
入力が終わったら、「接続テスト」ボタンを押す。
「データベースへの接続に成功しました。」と出たら次のステップへ！
ここまでくりゃ何も難しいことはないｗ
管理ユーザーとしてIDとPASSを設定するだけ。好きに決めりゃいい。
てことで、「完了」ボタンを押す。
おっし！インストール完了！おつかれっ
無知なせいでアホなところでいっぱいつまずいたけど、基本数分で完了します。いろいろ勉強になりました。
BaserCMSは、まだまだこれからのCMSなので、期待大。他の有名CMSと違ってテンプレートとか何もないけど、それがまた良い。jobsだってきっと言うはず、シンプルが一番って。
毎日あたりまえのように立ち上がっていた相棒が、ごくたまにヘソ曲げることがある。ＰＣに強いわけでもないから、あせるあせる。今後のために症状と対処をメモメモ。
マシンスペックは以下のとおり。
いつもの通り電源を入れたら、「ようこそ」から進まない。さわやかな水色に浮かぶやさしげな「ようこそ」。これは、インターホンごしに「ようこそ」言われてんのに、鍵あけてもらえない状態だ。せつなすぎるｗ しょうがなく Ctrl+Alt+Delete を押すも無反応！
仕方がないので、電源長押しでOFF。
今回はここから長かった。
どのメニューを選択しても、この画面に戻ってくる・・・orz
うーん、セーフモードも開かないとは。
てことで、ようやく Google先生に質問することに。
次の対策は、セットアップCDを入れて再起動。
ブルーバックの画面が自動的に表示されたので、「回復コンソールを使って修復するには、Rキーを押してください」の案内どおりに Rキーを押す。
しかし、黒バックの回復コンソール画面になったものの、そこからまたも進まず。
こいつは、いよいよマズイと思い。近所のPCデポへGO！
こうなったら、HDDの中身をなんとか救出しなければ！
ということで、Groovy の「HDDをUSB」を購入。
コイツでHDDを Dell のノートパソコンにつないで、直接開けてみることに。
“ディレクトリが損傷しているため開く事ができません”・・・っだとぉ！！！
なんてこった、中身の救出もままならんとは！
あきらめる前に、もう一度Google先生に再質問することに。
「HDDをUSB」でつなげたノートパソコンで、コマンドプロンプトの CHKDSK を実行！
手順は以下のとおり
すると、ものすごい勢いでチェック＆修復がはじまったー！
つか、めちゃくちゃ長い・・・
半日以上かかってようやく終了。
これでようやく中身のバックアップができ、いよいよPCに戻すことに。
するとあっさり、起動。
なにごとも無かったかのように「ようこそ」も通過ｗ
てことで、無事復帰したけど、ほぼ1日つぶれてしもうた・・・PCよ、いつまでも仲良くしてね。
ローカル環境づくりの続き。
WordPressをインストールをしてみる。
注：データベース名にバージョン名をつけたのは、WordPressのバージョンアップ検証を行うことを想定したもの。
XAMPPのApacheにWordPressファイルを入れる。
WordPressのバージョンが分かるようにフォルダにはバージョン名を付与。
ウィザードに沿ってWordPressの設定を進める。以下はver.2.9.2のウィザード選択肢の進み。
WordPressの初期設定が終わったところで、続けてウィザードを進める。
ローカル環境用の設定のため、レンタルサーバー上の名前と区別してつける。
WrodPressにログイン後、管理しやすいパスワードに変更。
これにて、ローカル環境へのインストールは終了。
今後は、テンプレをいじったり、勉強用としてベタベタさわっていくんだぞい。
参考サイト
hiromasa.docs
