脇道を行く

ー 日々の暮らしを つれづれに・・ ー 

ブログを書く様なソフトって、ないかな・・(2)

ー インクスケープ・レポート2 ー

f:id:yakuroutan:20180921043134j:plain

 

◎ 前回のDTPの世界・・如何でしたでしょうか? もし、面白かったのならグーですし、ダメだったのなら きっと説明や押し?が足りなかったのでしょう・・「 そう云う人が居たら困るなぁ? 」 なんて気の小さい心配症の性分なので、今回もう少し行ってみたくなりまして・・

 

で、また、お付き合いをお願い出来ます? 「 Yakurou !! なんでもいいけど、おメー少しくどくね? 」なんて思ったら 工藤 って名字で、呼んでくれりゃOKですね〜 ま、一応そんな調子で

 

 

 

◎ ・・ちょっと前回の図をいくらか、おさらい的に見ていただければです・・インクスケープこと、インスケの起動画面から・・です

 

f:id:yakuroutan:20180921134927p:plain

 

 ◎ ツールだの画面なんかの事柄ですね・・実は週刊実話であのアト、こっそり書き足す・・なんて見えすいた?手を、こっそりと いくらかひっそり、シンネコでやりました

 

f:id:yakuroutan:20180923050425p:plain

 

◎ レィヤーとテキスト&フォント です

 

f:id:yakuroutan:20180921134944p:plain

f:id:yakuroutan:20180921163124p:plain

 

◎ レィヤー・・こんな感覚 !!  ぱくたその売れっ子の 河村の姫 の、現在のベストなフォト・グラフ !! 実際、最初に見た時は背中に電気が走りました カメラさんも気合入ってて、唸らされたり・・の1枚です

 

f:id:yakuroutan:20180921163419j:plain

 

◎ レィヤーのイメージ・フィーリング・・この画像? 作る側もかなり大変 !!  GIMPから抜けて、変形操作がラクファイアー・アルパカちゃんに しっかりお世話になりました

 


f:id:yakuroutan:20180921163428p:plain

 

 

f:id:yakuroutan:20181003084406p:plain

 

 

ここから試合開始のゴング 

 

 ◎ ・・で、前回やりましたのはDTPっぽい、ページ・レィアウト的な かなり印刷を意識した、オフィス方面的な方向の世界を狙いましたが 今度は逆に、ブログのネット・世界の部分をやってみようか・・?と、云った方面 !!  ただ、CSSもHTMLスクリプトも無しな世界・・練習試合の雰囲気から、GOしてみます

 

誰か人のブログの画面を借りられたら、自分も楽しく出来るんですけど 苦情が出ると野口雨情になっちまうので、あんまり飾り気のない 自分のブログを画面コピーして、持ってきました ここいらから始めますが 画面コピー=全画面がPrintScreenキーで、ブラウザーだけならばAlt+PrintScreenキーですので、ここいらはお願い致します

 

f:id:yakuroutan:20210704190727p:plain

 

◎ ブラウザーの画面をGIMPで切り取ってみたりしましたが、それでも935ピクセルあたりになってしまうので、銀ちゃんの方で 頑張って730ピクセルあたりに押さえ込みましたんで、そこいらもご勘弁の程になります

 

今回・・ブログと同じ様なモノをやってみますが、こんな場合には この画像レィヤーをなぞってしまえばOKなのです 「私は絵が描けない !! 」なんて感覚的なモノが、まずここで簡単にスポイル状態になります ・・しかし、このグローバル・メニューだのトグル・メニューだのは3ケ月あたり、堂々巡りをして やっと行き着けた汗の結晶の様なデザイン !!  想い出しても涙モノの画像・・(・・また、浪曲並に 話が長くなってきた?)

 

f:id:yakuroutan:20180923084403p:plain

 

◎ で、上からなぞる様にしたいので、レィヤーの透明度を20%あたりに迄下げ 様子をみました

f:id:yakuroutan:20180923084421p:plain

 

 ◎ 透明度を下げるには、矢印のスライダーからになります

 

f:id:yakuroutan:20180923085725p:plain

 

 ◎ 透明度を変えたので、字のレィヤーを作っておいて 字をどんどん打ち込んで行きました インスケでは、たとえば インスケ みたいに打ち込みしたのを一つ作っておいて これを、CTRL+Cでコピーをいくつか作っておき、色を変えたり サイズを変えたり・・と、云った作業でやってますし、かなりこれがラクです

 

f:id:yakuroutan:20180923084504p:plain

 

◎ その打ち込んでおいたモノを打ち直す状態ですが、今回の様に サイズが何種類か違ったり、色などが違う場合は特に効果的です ・・で、字のパーツが出来ました

 

f:id:yakuroutan:20180923084524p:plain

 

次に図形をやってきます

 

◎ 今度は パンくずリスト での項目の四角や、グローバル・メニューの四角部分をやっていきました これも今と同じ様に一つを作っておいて、コピーをいくつか作っておいてやった方がラク・・一つ々をやっていると、疲れてしまいます これも四角だけのレィヤーを作っておいてますが、ドラッグで字のレィヤーの下に配置してます

 

f:id:yakuroutan:20180923084541p:plain

f:id:yakuroutan:20180923110337p:plain

 

◎ 大きさの調整などをしておいてから、ドラッグですべて囲んで 線種の線幅調整をし、中に色を塗るモノはフィル(内側)で色を塗ります 現在は中が塗られていないのでフィルの部分には、色が乗っていません もし、塗られたモノでしたらば X の部分をクリックすれば、色は無くなります 線の場合はShift+の操作になりますので・・。(上の図)

 

f:id:yakuroutan:20180923084556p:plain

f:id:yakuroutan:20181003084406p:plain

 

 

グローバル・メニューの仕上げ部分 

 

 ◎ ・・で、ココにへんなのがありますでしょ・・?

 

f:id:yakuroutan:20180923084611p:plain

 

◎ 仕上げにコイツを置いて行きます

 

f:id:yakuroutan:20180923084634p:plain

 

◎ これで了解いただけたかと思います メニューの境界線です

 

f:id:yakuroutan:20180923084651p:plain

 

◎ 線に見えますが、一応は4角枠なのです

 

f:id:yakuroutan:20180923084708p:plain

 

◎ 全部を配置したので、ドラッグで選択の状態 !!

 

f:id:yakuroutan:20180923084722p:plain

 

◎ ここで、カラー・パレットから 白を選んでます フィル(内側)の表示が白に変わってますでしょ?

 

f:id:yakuroutan:20180923084737p:plain

 

◎ 我がグローバル・メニューらしきが出来上がり !! ブログではモス・グリーンですが、DTP世界を考慮してにしてます

 

f:id:yakuroutan:20180923084752p:plain

 

画像を挿入

 

◎ そしたら画像ですね !!  印刷方面世界なので、これもGIMPで モノ・トーンの画像にしておきました

 

f:id:yakuroutan:20180923084811p:plain

 

◎ ブログの世界が インスケ の中で、バッチリ出来上がりつつ・・の状態 ただ、脇道を行く / Yakurou の Y が はてなブログは、かなり変わったカンジのフォント? ここだけが真似出来てません

 

f:id:yakuroutan:20180923084828p:plain

 

◎ ブログらしさを狙って、行単位で字を・・

 

f:id:yakuroutan:20180923084902p:plain

 

◎ これが、何だか解らないのですが、前回みたいにスパーンと、素直に画面が受け入れてくれないで ラリルレロ・・? 右のテキスト画面にして、何とかペースト出来ましたけど どぅしちゃったんだろこのコは !!  あと、インスケも前回の銀ちゃんの様に 縦書きがOKらしいのですけど、自分はまだやってません 

 

f:id:yakuroutan:20180923084918p:plain

 

 ◎ GIMPだと英語文字が横になってしまい、「 ワシが必死こいてるのに、このヤロ寝てんじゃね〜!!  」 なんて風に、ノイローゼになってしまって、そのウチ入水したくなったりするので 縦書きはキライ? で、今回はおしまい !!   

 

毎回画像が45コあたりだけど、今回は半分? ・・それにしても、イヤ〜CSSをやらされないで 胃が痛くならないし、ホント良かった