初めましてダダです
今回、前回自分のロゴ作成を行ってみましたが、少し自分以外の方のロゴ作成を行ってみます
＼＼＼前回の記事／／／
【超初心者が】Processingでプログラミング言語pythonを使って自分のロゴを作ってみた
完成図
今回は作成過程と行くよりかは、作成をしていく中で実際に見える印象との地階について書いています
文字の印象と全体のバランスについて
プログラムで作成をするため数値上のバランスと見た目のバランスをそろえるのに苦労しました
今回も名前で作品を作っていきます
今回は自分の名前ではなく、今回勝手に名前をお借りしデザインを作ってみました
名前をお借りしたのが
Twitterで出会ったKITさんです
初めにKITさんの紹介 ～KITさんってどんな人？～
KITさんはフリーのデザイナー・イラストレーターの方です
Twitter・インスタをされており、SNSでは作品の発信をされています
また、ブログでは作品を作った作品のランキングや実際のお仕事をされた経験を書かれており
勉強になる内容を発信されています。
気になる方はリンクを張っているので是非見に行ってください
Twitterアカウント→こちら
インスタアカウント→こちら
KITのブログ→こちら
まったくの初心者が、フリーのデザイナー・イラストレーターさんの名前を借りてロゴ作成とは・・・
今考えても謎ですね
そんな私を優しく許容してくれるような方で、本当に思いやりの塊のような方です
ご本人からブログ・Twitterに載せることの許可はいただいています。
実際に作品を作っていきます
初めは、全体像から作っていきます
全体像はノートを使って下書きから作りました
ざっくりなイメージから作成
プログラムの入力
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
size(900,600) fill(0) rect(0, 0, 440, 440) fill(255, 255, 0) rect(20, 20, 400, 400) noStroke() fill(0) rect(40, 40, 190, 200) fill(255, 255, 0) triangle(90 ,40, 90, 110, 180, 40) triangle(90, 240, 90, 160, 180, 240) triangle(185, 85, 185, 185, 125, 135) rect(185, 85, 60, 160) fill(0) rect(190, 190, 220, 220) fill(255, 255, 0) rect(185, 240, 110, 170) rect(350, 240, 60, 170) fill(0) rect(180, 120, 55, 200) |
出力
できた.........
色を抜くとこんな感じ
大きく四角を作り、三角と四角を使って形を作っていきました
感想
こんな感じで作ったもののなんか変
①全体的なバランスが悪い
②KIT → KiT にみえる
③もし字のサイズ感がバラバラ
ということで作り直します
全体像の作り直しの設計図
設計図を作る際
バランスをとるための基準を作った
今回は3本の縦線を軸に、大枠に対して3本の縦線が均等に来るように配置
そこに合わせて文字の整形をしていく
作成
なんか違和感がある
見た感じの印象
①Kが横長
②Tが縦長
なんで全体的なバランスがどうしても悪くなる
さらに縦棒の長さも同じにしたのに違う気がする
修正①
修正場所
・Kのの縦の長さを出して
・Tの文字の高さを低くする
文字のサイズ感はそろった感じはするけど…
見た感じの印象
①何もない空間のバランスが悪い
小さい状態で見るとそんなに違和感がなかった
大きくするとその違和感がすごく大きくなった。
修正②
修正場所
文字のサイズを1.5倍にしてみた
全体のバランス感はいい感じ
見た感じ
①が邪魔
なので刈り取ってみる
修正③
完成
まとめ
前回自分の名前を作品にしましたが、同じ文字を組み合わせることと、違う文字を組み合わせるとバランスをとることが難しかった
文字によって縦横のサイズ感が変わってくる
プログラムで作成する際には数値入力で行うので、実際の数値と見た目の印象が違うことをまなびました
印象ってなんだか抽象的で、人によっても感覚が違うから何とも言えないけど…
そういうところが大切なんだと思ってます
反省点
今回の作品は勝手に名前を借りて、書いているだけなので自己満足感がすごい
今後は、作らせていただく方の意見を聞きながら作ってみたいです。
Pythonを学びたい方はこちらの記事を参考にしてみてください
プログラミング学習を進めているけれど、まだ副収入につなげられていない…そんなあなたへ！今こそ、学んだスキルを活かして副業に挑戦する絶好のチャンスです。プログラミングだけでなく、自分のスキルや商品をネットで販売する『ネットショップ』を開設してみませんか？
ネットショップを持つことで、自分の知識やスキルをより多くの人に届け、副収入を得ることが可能です。学んできたプログラミングを活かして、ショップのカスタマイズや運営も自由自在に行えますし、もし商品作成が難しい場合でも、デジタル商品やサービス提供など、いろんな選択肢があります。
このステップで一歩踏み出せば、今学んでいることが副収入に直結し、自分の時間をより有効に使うことができるはずです！一緒にネットショップを開設し、副業の第一歩を踏み出しましょう！
プログラミングを学びたいけど、どこから始めたらいいのか分からない、自分に合っているか不安…そんな悩みを持っている方におすすめしたいのが、 無料相談 サービスです！
この無料相談では、あなたの現状や目標に合わせて、最適な学習プランを一緒に考えてくれます。どんなスキルが必要なのか、どうやって学習を進めると効果的かを具体的にアドバイスしてもらえるので、無駄なく効率的にスタートを切ることができます。
さらに、プログラミング学習には同じ目標を持つ 仲間 がいること、そして頼りになる メンター の存在がとても大きな支えになります。独学ではどうしてもつまずきやすい部分も、メンターがあなたの成長に合わせて親身にサポートしてくれるので、安心して学びを進められます。
まずは 無料相談 で、あなたに合ったプランを見つけて、スキルアップへの第一歩を踏み出してみませんか？今なら、迷っている方でも気軽に相談できるチャンスです！
完成作品の作成コード
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
size(900, 900) x = 3 y= 3.5 fill(0) rect(0 * x, 0 * x, 240 * x, 240 * x) fill(255, 255, 0) rect(10 * x, 10 * x, 220 * x ,220 * x) noStroke() rect(20 * x, 20 * x, 200 * x, 200 * x) #K fill(0) rect(20 * y, 20 * y, 30 * y, 100 * y) rect(50 * y, 20 * y, 70 * y, 50 * y) fill(255, 255, 0) triangle(50 * y, 20 * y, 50 * y, 45 * y, 100 * y, 20 * y) triangle(70 * y, 70 * y, 120 * y, 45 * y, 120 * y, 70 * y) triangle(100 * y, 20 * y, 120 * y, 45 * y, 120 * y,20 * y) fill(0) rect(50 * y, 70 * y, 70 * y, 50 * y) fill(255, 255, 0) triangle(70 * y, 70 * y, 120 * y, 65 * y, 120 * y, 90 * y) triangle(50 * y, 90 * y, 50 * y, 120 * y, 105 * y, 120 * y) #T fill(0) noStroke() rect(155 * x, 130 * x, 30 * y, 80 * y) rect(106 * x, 105 * x, 100 * y, 30 * y) #I fill(0) stroke(255, 255, 0) strokeWeight(4) rect(95 * x, 75 * x, 30 * y, 90 * y) |