/Generator-of-watermarks

Генерация водяных знаков

Primary LanguageCSS

[English description] | Описание на русском

Generator of watermarks

###[Go to the site] (http://filimonow.ru/ "Generator of watermarks") | Git Pages ![Project] (https://github.com/6thSence/Watermark-Generator/raw/master/README/image/ENG/project.png)

Description

This service solvs a problem of adding watermark for imagine. It is simple and friendly!

How to use it

Download the imagine which will be applied on the watermark.

![Upload the imagine] (https://github.com/6thSence/Watermark-Generator/raw/master/README/image/ENG/download_1.png)

Download the watermark.

![Upload the watermark] (https://github.com/6thSence/Watermark-Generator/raw/master/README/image/ENG/download_2.png)

Move the watermark

With the help of “spinner”: if you click on the arrows to the right of digital values you will move the watermark to the appropriate area of imagine

![Upload the imagine] (https://github.com/6thSence/Watermark-Generator/raw/master/README/image/ENG/move_1.png)

With the help of sectors: if you click LMB(left mouse button) on any of them you will move the watermark to the appropriate area of imagine.

Upload the imagine

With the help of mouse: Place mouse over the watermark, hold down the LMB, move mouse in any direction.

Upload the imagine

###Settings of watermark clarity

With the help of transference “slider”: If you hold down it with LMB and move in a horizontal plane you will change thickness of watermark

![Upload the imagine] (https://github.com/6thSence/Watermark-Generator/raw/master/README/image/ENG/opacity.png)

Be sure in your choice of „tile mode“(click left mouse button on button )

upload the imagine

With the help of “spinner”: if you click on arrows to the right of digital values you will can increase indent between watermarks or decrease ( if indent seems too big)

upload the imagine

###Download the imagine

Click LMB on button “Download”

Upload the imagine

Get back the original settings

Click LMB on the button “Reset”

Upload the imagine

#Download the project

 1. git clone https://github.com/6thSence/Watermark-Generator.git  WatermarkGenerator
 2. cd WatermarkGenerator
 3. npm install
 4. bower install
 5. gem install compass
 6. gulp

Developer

Git Email Work in the project
Pushkarskaya Darya 6thSence d.pushkarskaya.pr@gmail.com Teamleader
Parshin Dmitry Kossmat gasperoid@yandex.ru Frontend-developer
Erofeyev Aleksey AlexeyErofeyev punkjeki@yandex.ru JS-developer
Bulavintsev Ilia IliaBulavintsev twintipper@mail.ru JS-developer
Filimonov Andrey andrefilimono andrefilimono@gmail.com PHP-developer