公開日:6/23/2018
シェア:Tweet
まずは「四角形」で枠を作ります。
もし、「四角形」が「楕円」とか「線」になっている場合は、右クリックをすると四角形を選ぶことができます。
続いて、枠を描いていきます。枠は「線」で描いてみましょう。(太さは気にしなくて大丈夫です。)
さっき使った四角形を右クリックすると「線」を選ぶことができます。また、水平・垂直の線を描きたいときには「SHIFT」を押しながらドラッグしましょう。
引いた線は、選択内容(黒矢印)を押して位置や長さの調整ができます。
今回は、線種を水彩の中から。太さは絵図柄に合わせて調整します。
ここで、グループ化とグループに名前を入れておきましょう。
色の変更の方法はもう大丈夫ですね。今回は、白矢印で四角形を選択して前景色を白にします。
背景が白いのであまり変化がわかりませんが、白くなっているので、障子をロゴの上に移動してみましょう。移動は黒矢印です。
そして、忘れやすい操作で「カラーパレット」の不透明度のエリアにリンクボタンがあるので、これをクリックしてリンクを解除します。
このリンクが解除されていないと、枠と塗りつぶしの色の両方が透けてしまします。リンクが外れたら、前景色側の数字を変えて程よい不透明度にしましょう。0が透明で100が不透明です。
これで、障子っぽくなりました。最後に作った障子をコピーした右側にも設置します。
ここまでくれば完成まであと少しです!
シェア:Tweet
ExpressionDesignでイラストを描こう#08:半透明を使う
和風ロゴもずいぶん完成に近づいてきました。今回は、半透明の図形を使って障子を描いていきましょう。
「四角形」と「線」で障子の枠を描く
今回もいつものごとく新しいレイヤー(名前は「障子」)を作ってから障子の枠を描いていきます。まずは「四角形」で枠を作ります。
もし、「四角形」が「楕円」とか「線」になっている場合は、右クリックをすると四角形を選ぶことができます。
続いて、枠を描いていきます。枠は「線」で描いてみましょう。(太さは気にしなくて大丈夫です。)
さっき使った四角形を右クリックすると「線」を選ぶことができます。また、水平・垂直の線を描きたいときには「SHIFT」を押しながらドラッグしましょう。
引いた線は、選択内容(黒矢印)を押して位置や長さの調整ができます。
障子の枠の線種を変える
続いて、選択内容(黒矢印)で描いた障子を囲って選択された状態にしたら、線種と線幅を変更しましょう。今回は、線種を水彩の中から。太さは絵図柄に合わせて調整します。
ここで、グループ化とグループに名前を入れておきましょう。
障子を入れましょう(前景色の不透明度を変更しよう)
ここまでできたら障子を入れましょう。新たに四角を作ることもできるのですが、今回は最初に作った「四角形」の前景色を使って指定していきましょう。色の変更の方法はもう大丈夫ですね。今回は、白矢印で四角形を選択して前景色を白にします。
背景が白いのであまり変化がわかりませんが、白くなっているので、障子をロゴの上に移動してみましょう。移動は黒矢印です。
半透明にする
では、続いて障子の色を半透明にします。さっき障子の色を変えたときと同じように白矢印をつかって四角形を選択します。そして、忘れやすい操作で「カラーパレット」の不透明度のエリアにリンクボタンがあるので、これをクリックしてリンクを解除します。
このリンクが解除されていないと、枠と塗りつぶしの色の両方が透けてしまします。リンクが外れたら、前景色側の数字を変えて程よい不透明度にしましょう。0が透明で100が不透明です。
これで、障子っぽくなりました。最後に作った障子をコピーした右側にも設置します。
ここまでくれば完成まであと少しです!
よく読まれている記事
-
このサイトで過去に「Googleサイトを使ったWEBサイト」の作り方を紹介したことがありました。 GoogleSiteでホームページをつくろう#01:GoogleSiteで簡単にホームページが作れる GoogleSiteでホームページをつくろう#02:GoogleSit...
-
SDGsと騒がれながら、なぜパソコンはどんどん買い替えを迫られるのか?そんなことを日々考えています。挙句の果てにはWin11に対応するため、ちょっと古いパソコンは強制買い替えを迫られ「Windows10が最後っていったじゃん!」という叫びの記事もあります。 ゴニョゴニョして無理や...
-
GAS(GooleAppsScript)でスプレッドシートのデータを表示できました。次に新しいデータを入れられるようにしたいところですが、まずは「リンク」でページの移動をできるようにしましょう。 最初の画面の「追加」ボタンをおすと取引を追加する画面に移動するイメージです。 使うの...
-
GoogleBlogger(ブロガー)でオリジナルホームページを作ろう ------- 再構成した記事もあります: https://mono-kuro-palette.blogspot.com/2020/04/blogger01.html ------- Wor...
-
続いて、カルーセルを設置しましょう。カルーセルとは複数枚の画像を切り替えられるアイテムです。 絶対必要ではありませんが、ホームページのかっこよくするうえではすごく効果があるので、さっそく設置していきましょう! 画像カルーセル
-
最初に基本のアイテムを設置していきます。 Googleサイトにはたくさんのアイテムがありますので、好きなアイテムを設置していいのですが、ここでは基本的なものを紹介していきます。 下準備
-
サイトの公開ができましたが、どうにもアドレスが気に入らない!もっと短くしてくれないとかっこ悪い! そんな方にはダイナミックDNS(DDNS)に登録してアドレスを貰って、設定をすることで短いアドレスでホームページを開くことができます。 では、実際の操作方法を見ていきまし...
-
今日は、久々のテクニカルなことをやって見ようとおもいます。そう。Instagramにちょいちょい入っている、広告をプレゼンソフトの定番「パワーポイント」で作ってみるというものです。 もちろん、個人的に広告で出すようなものもなければ、外注さんに頼めるほどの仕事もないので「っぽい」と...
-
ホームページづくりも最終段階。最後はフッターにコピーライトを入れてあげます。 コピーライトというのは「写真とかテキストの著作権は私が持っている」ことを証しするもので、書き方や意味などたくさんのサイトで取り上げられています。 ただ、読んでも三者三様だったりしてちょっと...
-
「 GASでWEBサイトを作れる?実はいろいろできるみたいです 」でGoogleAppsScript(GAS)でWEBサイトが作れることを紹介しました。 せっかくGASを使うのであればデータベースなどにつないでシステムぽいものを作りたくなりますが、見た目がかっこよくないとテン...