New Proposed Design For Shotcut Open-source

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@patricjames·
0.000 HBD
New Proposed Design For Shotcut Open-source
#### Details
![Introxxxhdpi.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516712696/egefjetljpuailrmypjq.png)
Hi everyone, I have here my new proposed design for the open-source application Shotcut. This is application is a free to download video editor developed by MLT. It supports almost all the video and audio formats that is used today. You can check it out here : https://shotcut.org/
<br>
### Original vs. Official Icon
As you can see in the official icon of the application, It dont have its own designed icon and they only used the icon of of the developer itself which is MLT.
![Asset 11xxxhdpi.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516713477/n6agsquv1qazspskhddk.png)
<br>
### My Concept
My concept in this design is creating a new icon of the application based on its use and title. At the same time, incorporating the developer initials like the original.
![conceptxxxhdpi.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516713683/dgsguqodki4uregiyxec.png)
<br>
### Different Color Backgrounds and Color Codes
I created two color variations for my new design. I just swap the colors from the first one to another. As a result we can see the design in exact opposite of the first design.
![Asset 13640x154.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715993/ehvbwwcu1hxh4e0cmeif.png)

<br>
### New Icon one-color version on black and white theme
For the purpose of visibility check i also created a one color version for the design to determine conflicts in outlines and unwanted lines.
![bnwxxxhdpi.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516714108/lwustaxrxe7kjuwxeo4m.png)
<br>
### New Icon Mock-up and Web View
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516714276/xwjyw1cs0hrcagbhqmt7.png)
<br>
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516714313/dzncalabz0172m0ko1l6.png)
<br>
### Icon Sizes without Text
256x256
![icon256x256.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516714414/lp0y6bpifnqz5d2cmmyz.png)
128x128
![icon128x128.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516714427/la4d1837iuvkazwdw6bl.png)
64x64
![icon64x64.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516714442/jwombottirvi99vjyh2g.png)
<br>
### Icon with Text in Web View Size
640x154
![with text640x154.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516714894/q0mvdkhilhaaqlo8kymu.png)
1280x308
![with text1280x308.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516714909/cmx0499fytjlror5dobd.png)
<br>
### Fonts Used: I used Adobe Illustrator fonts in creating and presenting this design. 
"Tw Cen MT Bold"
![Fontsxxxhdpi.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516714973/sddllbqws69mwirlugja.png)
<br>
### Proof of Works
<br>
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715611/om2rsedfuilqymr2vs3o.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715627/gtp5ocone9hzuo8oy9ek.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715643/rn91zz2cnbvaukwfuazn.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715666/wlnh03wzh5gjdutdhdg4.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715688/dublyfrh8yoki6fsixbu.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715707/iezpfbkwmw0fwjkkuio4.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715726/dy5gt3m4eveqdtb85jnh.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715744/escfgf6i7k1rhszo6ij5.png)
<br>
#### Benefits / Improvements
I can say that my design will be beneficial to the application for they will have another concept and options like other contributors do in presenting their designs. My Design is created in vector format 
 and all the files will be accessible for future use.
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715304/sx0r3sjer8iaiy2wxkvw.png)
<br>
#### Tools
I used only Adobe Illustrator CC 2017 Version in designing this new Icon including the presentation. You can see below that the designs i made was all at the same file.
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516715439/ta053shbughx0ypt8ata.png)
<br>
#### Original files
Here are the links of the files i used in creating the design.
<br>
### All files and presentation materials i used in this design are all originally created by me.
[ALL FILES(Ai,eps,png,svg,pdf)](https://drive.google.com/open?id=1z5Bx5MWYv3C-5H1CH1UWRNrIYfJOrDGD)
[GithubLink](https://github.com/mltframework/shotcut)
I provided adobe illustrator available export formats.


### Thank you for your time viewing my design :)
    

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@patricjames/new-proposed-design-for-shotcut-open-source">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍 , , , , , , , , , , , , , , , , , , , , , ,