しおじのめもちょう

でざいんの片隅の方

デザインペイントソフトなどの使い方についてメモしていきます

【iPad版 Affinity Designer】 基本操作② ツールの紹介

f:id:shioaji78:20200525183156p:plain

お世話になっております。しおじです。

今回はツールのご紹介です。

 

前回↓ 

shioaji78.hatenablog.com

 

長いと思いますので、必要に応じて読んでください。

よろしくお願いします。

 

 

ツールなどの名前を見たい時

たくさん機能があって扱えるのかな…と不安になりますよね。

触りながら勉強すると結構早く慣れますので頑張りましょう!

 

こちらはワークスペースです。

f:id:shioaji78:20200525170702j:plain

薄い黄色でツールの名前などが表示されています。

この様に表させるには画面右下の「?」を押しましょう。

長押ししている分だけ文字が表示されます。

まだ使ったことがなかったり使う機会が少ないと

「なんだっけこのツール?」となってしまうので

その様な時はとても便利です。ありがたい。

 

 

【デザイナー】ツールパネルの紹介

画面左側にあります。

f:id:shioaji78:20200525170855j:plain


ホーム=ホームに戻ります。

移動ツール=長方形などのオブジェクト、線などを移動します。

 

ノードツール=線やオブジェクトの細かい所を動かせます。修正なども。

 

ポイント交換ツール=???

 

コーナーツール=コーナーに丸みや凹みをつけられます。

 

鉛筆ツール=自由にパスの線が描けます。

 

ベクトルブラシツール=自由にパスの線が描けます。鉛筆ツールと親戚?

 

ペンツール=きれいな直線、曲線が描けます。

 

塗りつぶしツール=塗りつぶしといいつつグラデーション。

 

透明性ツール=不透明度のグラデーションができます。

 

ベクトル切り抜きツール=オブジェクトのトリミングのような…使う時が来るのだろうか・・・

 

長方形ツール=たくさんのオブジェクトが作れます。触ってて楽しい!

 

アーティスティックテキストツール=テキストを入力します。

 

色選択ツール=スポイト。既存の色を選ぶとまた同じ色が使えます。

 

 

隠れているツールの見方

「長方形ツール」と「アーティスティックテキストツール」の右下に

三画がありますね。

この2つには中にツールが隠れていることを示しています。

長方形ツールを押した状態で、もう1度長方形ツールを押すと

f:id:shioaji78:20200525182625j:plain

 

隠れていたツールが出てきました!

たくさんある!

 

 

 



 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 テキストも同様です。

f:id:shioaji78:20200525182832j:plain

 

拙い紹介ですみません。

分かり次第修正します。

次回は画面右側のスタジオのご紹介です。

高速・多機能・高セキュリティ 美しいホームページを作るなら Z.com

プロメア 祝1周年!おめでとう!!


映画『プロメア』ロングPV 制作:TRIGGER  5月24日〈金〉全国公開

2019年5月24日

プロメア   

その映画は上映されました。

アニメ会社TRIGGERというだけで「見に行ってみるか。」

完全に軽いノリで。

まさかの地方なのに近場で上映していました。

おそ松さんのアニメ映画やってくれなかったのに…

 

あと私、俳優が声優をやる映画は抵抗があったのです。

どんなにドラマとかで演技がうまくても、アニメだと声が浮いてる気がして。

主人公ガロティモス(CV.松山ケンイチ) リオフォーティア(CV.早乙女太一

そのほか堺雅人さん、古田新太さん、ケンドーコバヤシさんなど。

おおおーー

どうしよう。声優じゃなく俳優だ。

映画を見ろと私の背中を押したのは2つの理由です。

そのほか声優さんがキルラキル出身だったということ。

 流子ちゃん、皐月様、生徒会四天王のみんな。これは見ねば。

主人公の声が松山ケンイチだったこと。

 特にファンだというわけではありません。

 ただ同じ県民だったということ。応援したいじゃないか。

 

あとは見に行くだけでした。

上映され2.3週間後の6月中旬、

初日から結構経ってから行くといつもガラガラなのに

プロメアはほとんどの席が埋まっていました。

男女比率も女性が少し多いかな?くらいでしたね。

ちょっと1人で行って寂しかったな。

 

上映中・・・

さすがトリガーさんは映像が美しい!

動きがヤバイ語彙力なくす。いや元からない。

音楽が澤野弘之さん!!!!!盛り上がらないわけがない!!!

話が辛い!シーマ!!

リオ様ーーーーーーー、一生ついて行くーーー

ガロ服着てるときの方がエロいーーーーーーー

キャパオーバーして何起きたか分からず

最後どうなったか覚えていない。

 

結果:見に行って本当に本当によかった。3回映画館行った。

 

松ケンの演技上手…自然で熱い演技がよかったです。

リオ様の声の早乙女さんとても合ってた…すばらしい。

俳優の声の演技よかったな…苦手克服か

 

 

1年経っても私の中のプロメアが消えていません。

ああ、映画だけで終わってほしくないな…と思う今日この頃。

あとね、プロメアの「M」がポケモンダイノーズの鼻に見えて仕方ない。

とにかく来年も祝いたい。

 

▲配信サービス

Amazon Music Unlimited

Apple Music

AWA

・dヒッツ

・KKBOX

・LINE MUSIC

・Rakuten Music

・Rec Music

Spotify

YouTube Music

ほか

 

【iPad版 Affinity Designer】 基本操作① アートボードの作り方

f:id:shioaji78:20200524212700j:plain

低予算でグラフィックやデザインをしたい!

いつでもどこでも触れるようにしたい!

と思い、iPad版Affinity Designer(アフィニティデザイナー)

購入しました!

 買った経緯など詳しくはこちらの記事より↓

shioaji78.hatenablog.com

Affinity Designer

Affinity Designer

  • Serif Labs
  • グラフィック/デザイン
  • ¥1,220

現在半額の1,220円です!!!!!!!!!! 

PC版(半額で3,060円)も欲しいけど悩んでいます。PCブログ以外であんまり触らないので…

もう少し悩もう!

 

 

 公式チュートリアルあります

アフィニティさんではアプリ内にたくさんの取扱説明を載せてくれていて

とても便利なのですが、

f:id:shioaji78:20200524195949p:plain

 文字がビッシリ…小さくてもピンチインで拡大もできないし…

日本のアプリケーションではないため少し理解しにくい日本語も…

 

公式チュートリアルもあります。

iPad向けAffinity Designerのチュートリアル

 字幕あってよかった…

 

説明書を読むより最初から触って覚えよう!と思ってしまう私なので

使えるようになったら各操作をメモしようと思います。

初心者ですがためになるような記事を書いていきたいと思いますので

よろしくお願いいたします。

 

 

 

ドキュメントの作成の種類

アプリを開き画面右端の「+」を押すとこの画面になります。

f:id:shioaji78:20200524195945p:plain

 

・新規ドキュメント

 =新しくアートボードを作ります。


クリップボードから新規作成


・テンプレートから新規
・Cloudから開く
クラウドから読み込む

 =クラウドにあるデータを開きます。まだ違いが分からない…

 
・Photosから読み込む

 =写真を開きます。

 

・新規プロジェクト

 =ドキュメントをまとめるフォルダができるのかな?と認識しています。

 7種類ありますね。私は大体「新規ドキュメント」使用します。

 

 

新規ドキュメント作成

左上の新規ドキュメントを押すとこちらの画面になります。

f:id:shioaji78:20200524200538p:plain

主に変更するところ(オレンジ)だけ紹介します。その他は追々。

・カラー

 RGB/8 ・16 ・・・ パソコンスマホの端末で表示するのに向いている

 グレー/8 ・16 ・・・ グレースケールになり白黒灰用

 CMYK/8・・・ ・・ 印刷する時に向いている。色の表現は少ない。

 LAB/16・・・・・・ 人間の視覚を近似するよう設計されている(wikiより)

 専らRGBかCMYK ですね。8か16だと「16」を選んだ方がいいと思います。

 

・寸法

幅と高さを変更します。

幅の数値が書かれた所を押すと数値が入力画面が表れます。

f:id:shioaji78:20200524200543p:plain

数値の下の<>で単位変更も可能です。

数値をうってOKを押しましょう。

+ー×÷と計算機能もあるので便利ですね。

高さも同様に変えましょう。

 

数値の変え方がもう1つあります。

数値を押しながら上下左右にスライドしてみてください。

下と左だと数値が減って、上と右だと増えますね。

こちらはいろんな所で使えるジェスチャーなので覚えておきましょう。

f:id:shioaji78:20200524201521j:plain

※幅と高さの数値を逆にしてしまった時

下のオプション「向き」で縦横変更できます。

交互に押すと幅と高さが入れ替わるのがわかりますね。便利。

 

幅と高さの横に並んでいるDPIは密度の単位です。

数値が高いほど拡大してもきれいですがデータが重くなります。

RGBは72DPI、CMYKは350DPIくらいがいいと思います。

 

・アートボードを作成

押しておきましょう。押すと青くなります。

後から便利です。

 

設定できたら下の「OK」を押します。

 

アートボードが完成しました!

f:id:shioaji78:20200524200006p:plain


 

 

サポートされているファイル形式

読み込めるファイル(19種類)

Adobe Illustrator/AI AdobeFreehand Adobe Photoshop/PSD BMP
EPS GIF HEIF JPEG
J2K JP2 JPED-XR/JXR(WDP/HDP) PDF PNG 
RAW SVG TGA TIFF 
WEBP OpenEXR Radiance HDR  

 聞いたことのないファイルもあってすごい…

 

 

保存できるファイル(10種類)

Adobe Photoshop/PSD EPS GIF JPEG
PDF PNG  SVG TIFF 
OpenEXR Radiance HDR

 AIがない!?しかたないのか…

 PDF、EPS、TIFFあたりで代用できるかな

 

次回は画面とツールの紹介です。

ありがとうございました。

格安ドメイン名取得サービス『エックスドメイン』

アニメこの音とまれ!で泣いた。

f:id:shioaji78:20200523212143j:plain

父親にiPad取られてイラスト描きたくても描けない…

休日はずっとyoutube見ていて返してくれない…

生粋のテレビっ子だったのが現代っ子みたいにネット見始めて。

レンタル料発生させようか悩む。

 

 

遅ればせながらアニメ「この音とまれ! 」を2期まで見ました。

1期は放送されたらすぐ見ていたのですが

2期はなぜか溜めてしまいその後一気に見ました。

 

この音とまれ!の主な登場人物

高校の箏曲部(琴)で頑張る男女のお話です。

お琴といったら女性が弾いているイメージですが

この高校では半分以上が男の子です。

 

しかも主人公久遠愛(くどうちか)って男の子が不良っぽい感じで

おま、琴弾くんかいっていつも思われがち。

悪い子ではないんです、いちご味の物には目がない可愛い不良です。

おじいちゃんが琴を作ってたのでそれで琴を弾くよ。みたいな

見た目で判断されてしまって可哀想な目にあっています…

センスがよくていつも周りを驚かせる。私もそんなセンス欲しかったな。

そして声が内田雄馬。最高。思春期の不良声がお似合いよね。

 

1人しかいない箏曲部を守ろうとする健気なメガネの倉田武蔵くん。2年生。

1年の愛にタメ口聞かれてるけどちゃんと信頼されてきていていい関係だな!

自分ではかっこいいこと言ってるの気づかない系男子。

可愛い。絶対いいパパになる。

声が榎木淳弥。なんか遠くから「かねさん」って聞こえてきそう。

 

1年の凰月さとわちゃん。美人。お琴の家元に生まれる。

琴はめちゃくちゃできる。人付き合いが苦手そう。

お母さんにちゃんと見てもらいたくて中学の時大会で選曲以外の曲を

叩きつけるように弾いたら母に破門される。

中学生で破門?なんかもうレベルが違う。

 

 他にも部員はいますがここでは省略します。

とにかく1人1人の過去が辛い…

 

2期最後の見所

この大会で選べれなかったら2年生はもう終わりなんです。

ここで終わりたくないみんなの葛藤、

そしてさとわちゃんを破門したお母さんが大会を見にくるんですよ!

 

大会には強豪校が出ているんですが、

彼らの演奏はその強豪校の生徒も唸るほど!

とにかく琴が分からない私でも「美しい演奏だ!」 って思うんです。

 さとわちゃんが1番最初に1音鳴らすんですけど

そこでなぜか目頭が熱くなりました。

終わってる頃には涙が頬を伝っていましたね。

みんな演奏後はすっきりした顔して。

最高の演奏でした。

 

私は高校の時、帰宅部で家が近く誰よりも早く帰っていたので

帰宅部のエースと呼ばれていました。

今は学生の時に熱くなれるものがあればよかったな

なんて思うアラサーです。

ジャンプの部活って青春、熱い、自分に無かったものが得られる感覚があって

見ていて楽しい。

ただの絵の練習

あーーー、ブログ更新毎日したいと思ってたのに!!

いつもはMacBook Air使ってブログ書いてるんですけど、スマホからできないかやってみたら案外かかるんですね!便利!!

でもブログのデザイン全然反映されてなくないか?まあいいか。

 

今日は映画名探偵ピカチュウ地上波でノーカットだったのでリアルタイムで見てました!

映画館でもみたんですけどね、どうしてもリアタイしたくて…

本当にポケモンかわいい…

映画で出ていたポケモンの中ではキモリが好きです。少しリアルすぎましたが。

そしてライムシティの永住権獲得したい。

 

そんなこんなでポケモン見てたからブログ書けずに間に合わなかったのです…言い訳。

家にいるからさほどネタもないので一昨日からちまちま描いている模写を載せ逃げして寝ます。zZ

 

ポーズと衣装を参考にしたのは俳優の吉沢亮さん。

f:id:shioaji78:20200523000951j:image

今回はシワを見ながら着色しました!

本当に服のシワは美しいですね!!

特にシャツ、パーカーのシワ、服によってもシワって全く違うんですよ。

観察すればたのしいですな。

 

絵の練習ってするけど、塗りの練習ってみんなどこでやってるんだろう…と疑問に思います。

教えて欲しい…

それでは。

 

 

【はてなブログ】見出しデザインをたまたま変更できちゃった

「質素なブログのデザインだなー。」

「どうにかして少しでも見やすいブログができないかなー。」

と悩んでいました。

私、2週間くらいですがWebについてHTMLとCSSの勉強を

すこーしやっていたのでこの少しの知識でも

変更はできちゃったりしないのかなー。なんて思いながらいじっていたら

たまたま見出しのデザインを変更できてしまい、

とても簡単だったのでご紹介したいと思います。

 

f:id:shioaji78:20200521213104p:plain

 

こんな感じです↓

f:id:shioaji78:20200520202321p:plain

変更前↓

f:id:shioaji78:20200520202208p:plain

これ以外にもたくさんの種類が作ることができます。

 

コードをコピーして貼り付けるだけでできます。

アレンジしたい方は少し触って色なども変えられますのでぜひ!

 

 

見出しの作り方はこちらから
shioaji78.hatenablog.com

 

 

 

見出しデザインを変更しよう

f:id:shioaji78:20200521194347p:plain

①アカウントをクリック
②デザインをクリック

f:id:shioaji78:20200521194549p:plain

③カスタマイズをクリック

④{}デザインCSSクリック ここを押すと「/* <system section="theme" 〜」

と長々と文章が入っている四角が出てきますので、

この中のどこでもいいのでクリックします。

そうすると下のような画面になります。

f:id:shioaji78:20200521194854p:plain

安心してください。

この長ったらしい「/* <system section="theme" 〜」は全く触らなくてOKです。

私はこの下に↓を入れています。

h4{
position: relative;
padding: 0.5em;
background: #a6d3c8;
color: white;
}

h4::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

これを入れるだけで先程の緑の見出しになるのです。

 「なんだこれ」と思われるかと思いますが、

HTML,CSSの知識がなくとも大丈夫です。

こちらのサイトを開いてください。

サルワカ CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選  

サルワカさんのサイトを見てHTMLとCSSの勉強させていただいています。

一方的にお世話になっております。

 

サイトを開き、最後までざっと見てみてください。

見出しデザインがたくさん出てきますね。

本当に助かります。

とりあえず1番上のシンプルなデザインに変更してみようと思います。

f:id:shioaji78:20200521202306p:plain

画面真ん中くらいにあるオレンジのバー「コードを表示」をクリック。

下にグレーの背景が出てきますね。

これが「CSS」コードです。

デザインを変えるためのものだと思っておいて大丈夫です。

グレーの中身のh1〜}まで全てコピーし、

「{}デザインCSS」の中にペーストしましょう。

f:id:shioaji78:20200521210056p:plain


border-bottom: solid 3px black;
これを解説すると「下線を実線に、太さを3px,色を黒にする」という意味です。

/*〜*/の部分はメモとして使っています。ここでは分からなくてOKです。

 

ペーストしたら四角の外どこでもいいので押すと

更新されます。

 

そうすると、あっ…

f:id:shioaji78:20200521205500p:plain

見出しではなく、ブログタイトルと 記事タイトルの下に

適応されてしまいました。

 

ここで修正するのがCSS1番始めの「h1」です。

ここを修正します。

大見出しの場合=h3

中見出しの場合=h4

小見出しの場合=h5

に直します。

今回の場合中見出しのデザイン変更なので「h4」 に直します。と

f:id:shioaji78:20200521210011p:plain

f:id:shioaji78:20200521205855p:plain
中見出しに無事適応されました! 

 

 DMM FX

 

色を変更したい

68種類も見出しデザインがあるので好みのものが見つかると思いますが、

ブログデザインに合わせたいと思うと色を変更したい。

と思われるかもしれません。

ですので色の変更方法を紹介します。

 

先程変更したシンプルな見出しの下線の色を変更してみます。

 

h○ {

/*線の種類(実線) 太さ 色*/

border-bottom: solid 3px blue;

}

 

これは線が青になります。

redは赤、greenは緑のように色名を入れても変わりますが、

もっと 好きな色にしたい場合もありますよね。

 

そんな時はカラーピッカーを使用します。

Googleで「カラーピッカー」と調べてもOKです。

○をいじってみてください。

左側に好きな色が出たらカラーピッカーすぐ下、

HEXに囲まれた「#○○○○○○」がありますね。

6桁の数字やアルファベットが混ざった文字があるのでそれをコピーし

色名を消してこちらをペーストします。

そうすると変更されます。

ちなみに私の好きなカラーコード#788f8a

ここら辺の色が大好きです。

 

長い文章読んでいただいてありがとうございました。

少しでもご参考になれば幸いです。

 

 

【はてなブログ】目次の作り方が簡単すぎた

f:id:shioaji78:20200520215832j:plain

今月12記事ほど描いて閲覧数が100PV突破いたしました!

本当にありがとうございます!

こんな雑記ブログでも見てくれている方がいて泣いています。

頑張ろう!!

 

2記事前くらいから目次機能を使用していましたが、

「目次の使い方ややこしいなー」と思って作っていました。

ですが私が余計な操作をしていたせいだと気づき、

忘れないように目次の作り方ブログにメモしてシェアしようと思います。

マジで拍子抜けしました。

 

 

 

目次について

 

目次は読むときに記事にアクセスしやすく、

文字が太くなり見やすいブログが作れるのでとても便利です。

f:id:shioaji78:20200520202208p:plain

f:id:shioaji78:20200520203111p:plain

 

前回の記事の見出しです。

「•」が中見出しで「。」が小見出しです。

大見出しは省きますが、小中同様、大が中より頭が少しでるイメージです。

 

見出しを作ろう

文章を先に全部うってしまいましょう。

最後に見出しを作った方が楽だと感じます。

f:id:shioaji78:20200520204427p:plain

①見出しにしたい部分を選択

②見出しのサイズを選ぶ(今は中見出しにしておきます)

 

見出しにしたいところを全て選択します。

 

 

目次を挿入しよう。

見出しにした部分が目次に表示されます。 

f:id:shioaji78:20200520205140p:plain

①目次をおきたいところにカーソルを当てる

②「目次」をクリック

 

[:contents]←が出ます。 

 

その後プレビューでみると目次が出来上がっているのが確認できます。

(プレビューはこの画像中央の1番上にあります。)

 

 感想

目次作るのは難しいと思っていましたが、

とても簡単でびっくりですね。

 

今まで何やっててんだろう…ってくらい

変な操作していました。

 はてなブログは奥が深いですね。

少しずつデザイン変更とか頑張っていきたいです。

 1時間2円から、国内最速・高性能レンタルサーバー【ConoHa WING】