Giter Club home page Giter Club logo

logo-asobi's Introduction

Logo-Asobi

logo

This is an application to generate a simple logo.

GitHub all releases

概要

デザインの才能や複雑な操作要らずでオンリーワンかつオリジナルのデザインを作るプログラムです。
オンリーワンのデザインを作るための様々な機能を備えています。
※作成できるデザインの"構図"に限りがあります。
イラストを描いてくれるプログラムではありません。

デザインは、以下の要素を組み合わせることで作成します。
・背景画像
・ワード
・フォント
・ワードの配置位置
・フォントの色(現状ランダムでの設定になっています)

このプログラムでは、デザインのもととなる材料を自分で用意していただきます。
背景画像、ワードやフォントは自分でバリエーションを拡充・拡張を行う仕様にしています。
これは限られた変数の中でデザインの自由度を高めるための選択です。

SAMPLE

sample1
sample2
sample3

※フォントや画像のライセンスや使用方法を守ってご使用ください。

Instagramでも作品を公開しています
https://www.instagram.com/kjm_design316/?hl=ja

対応OS

Windows端末(Windows10～)での使用を想定しています。

プログラム構成

background_img：背景画像を格納する
source_img：背景画像を生成するための材料となるを格納する
store_file：画像に設定するワードをテキストファイルに保存しここに格納する
複数のテキストファイルを格納することが可能
WinForm_png：作成したデザイン画像はここに保存される
excludeFont.txt：使用しないフォントをここに登録する
logfile.log：作成したデザインの情報をログとして保管する
PSImageGenarator.ps1：メインプログラム
PSImageGenarator3.bat：プログラム起動ファイル
sizefile.txt：デザイン画像のサイズを規定する値をここに登録する

使用手順

＜１＞背景画像を作る
１：source_imgフォルダに、背景画像として切り取りたい画像を格納する
※対応可能な画像の形式：jpg、jpeg、png、gif
２：batファイルでプログラムを起動する
３：「MODE SELECT」でｂを入力する
４：材料となる画像を選択する
4-1：ランダムに選択したい場合：ｒを入力する
※そのあとに続く入力は未実装の為、ENTERを押下するのみでOK
4-2：画像の切り取りモード(processing mode)を選択する
A）ランダムに切り取りを行う：rを入力する or 何も入力する(デフォルト)
⇒ランダムに切り取る座標および幅・高さが決定される
B）座標を指定して切り取りを行う：sを入力する
⇒B-1：選択された画像が表示される
B-2：画像内の座標を3点クリックすることで切り取りたい箇所を指定する
1回目のクリックでx座標およびy座標を設定する。
2回目のクリックで1回目よりも右方向にクリックすることで、切り取り幅を決定する。
3回目のクリックは1回目よりも下方向にクリックすることで、切り取る高さを決定する。
4-3：4-2で指定した値で画像が切り取られる。
保存したいファイル名(***.png)を入力することで画像がbackground_imgフォルダに保存される

＜２＞デザイン画像を作る
１：background_imgフォルダとsource_imgフォルダに背景画像を格納する
２：デザインに反映したいワードをまとめたテキストファイルをstore_fileフォルダに格納する
※1行につき1ワード
３：batファイルでプログラムを起動する
４：「MODE SELECT」でrを入力する
５：デザインの項目について設定していく
5-1：「STORE FILE」でワードを保存したファイルをモード選択する
5-2：「WORD」でデザインに反映したいワードをモード選択する
5-3：「FONT MODE」でフォントをモード選択する
5-4：「LABEL SIZE」でデザイン画像のサイズをモード選択する
5-5：「TextAlign」でワードの配置をモード選択する
5-6：「IMAGE MODE」でデザインに設定する画像をモード選択する
5-7：「IMAGE PATTERN」で背景画像のパターンをモード選択する
yの場合、background_imgフォルダから画像が選択され、画像サイズ分敷き詰められる
nの場合、source_imgフォルダから画像が選択される
5-8：「LABEL AUTOSIZE」でフォントのサイズに合わせて画像サイズを補正するか選択する
5-9：「FONT AUTOSIZE」でフォントのサイズを補正するか選択する
5-10：以上の設定からデザインした画像が表示される
画像を保存したい場合は画像左上にある「OK」ボタンを押す ※保存したくない場合には「NO」ボタンを押す
5-11：保存したいファイル名(***.png)を入力することで画像がWinForm_pngフォルダに保存される

logo-asobi's People

Contributors

massas avatar

Watchers

avatar

logo-asobi's Issues

modify the text in the generated image.

生成する画像上の文字を加工したい。
現在の機能では、文字に対して施せるのは"フォントの指定"と"文字の表示位置"と"フォントサイズの自動調整"のみ。
今後の機能拡張としては、"フォントの色設定"や"文字の立体加工"や"影付きの加工"を検討したい。

I want to modify the text in the generated image.
With the current function, we can only "specify the font", "display position of the text", and "automatically adjust the font size" for the text.
For future enhancements, we would like to consider "Font color settings" and "three-dimensional processing of text" and "processing with shadows".

Problems with documentation

このプロジェクトのドキュメントが整備できていない。
機能拡張に伴ってコードの肥大化が続いており、「どのような機能が存在しているか」「機能の詳細な挙動」「各関数の動作が正しいことの担保」が、作者自身にも時間とともに掴めなくなってきている。
使ってみたいと思う人に対しての障壁になってしまうだろうし、大きな問題。
以下の3つを整備したい。
・このプロジェクトで「何ができるのか」を表すこと（使用するための前提条件も含む）
・どのように使えばよいのか説明書を作ること
・ソースコードの実装に関してのドキュメントを作ること

Improvement of Visibility and Operability

このプロジェクトの可視性・操作性はあまりよくない。
インタラクティブに操作が可能になるような改善を行いたい。
導入する候補としては、SLMenuが興味深いと考えている。
SLMenu：https://github.com/SteveLowe/SLMenu

The visibility and operability of this project is not very good.
We would like to improve it so that it can be operated interactively.
We think SLMenu is an interesting candidate to be introduced.

the ability to edit the image as many times as needed once it has been generated.

一度生成した画像を何度でも編集できる機能を搭載したい。
例えば、フォントの再設定や背景画像の再設定ができるとより使いやすくなるはず。
そのためにはプログラムの構造を見直さないといけないと思われるため、難易度は少し高い想定。

We would like to have the ability to edit the image as many times as needed once it has been generated.
For example, it would be easier to use if the font could be reset or the background image could be reset.
The difficulty is a little higher than expected, because it is likely that the program structure would have to be revised to achieve this.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.