Decred Favicon With A Color Fade Idea

Discussion in 'Darkroom' started by Michael, Jan 13, 2016.

  1. 2017/12/15 - Decred v1.1.2 released! → Release Notes  → Downloads
  1. Michael

    Michael Jr. Member
    Designer

    Dec 26, 2015
    63
    35
    Male
    Online Business and Investment Strategy Explorer
    New Zealand
    #1 Michael, Jan 13, 2016
    Last edited: Jan 14, 2016
    I thought about creating the Decred favicon with a color fade idea set into it.

    I have so far come up with 5 different fade sets of color strengths.

    Color fade #1:
    bgfadelogo1.png

    Color fade #2:
    bgfadelogo2.png

    Color fade #3:
    bgfadelogo3.png

    Color fade #4:
    bgfadelogo4.png

    Color fade #5:
    bgfadelogo5.png

    I thought about the color fade idea, from how the colors fade together on the decred.org main page.
     
    Spayse and tacotime like this.
  2. tacotime

    tacotime Hero Member

    Dec 7, 2015
    410
    1,133
    Wow, this looks nice. Do you want to upload the source files so others can work on it too if they want? I think we can use this for sure. Can I add you to the designer user group?
     
    Michael likes this.
  3. Michael

    Michael Jr. Member
    Designer

    Dec 26, 2015
    63
    35
    Male
    Online Business and Investment Strategy Explorer
    New Zealand
    Yeah, for sure :)
    I'll upload the source files so others can work on it too.

    Thanks _ingsoc, I'm very happy to become part of the designer user group :)
     
    tacotime likes this.
  4. tacotime

    tacotime Hero Member

    Dec 7, 2015
    410
    1,133
    Is it possible to use them as vector images in different sizes? I tried Inkscape but I can't export it to .png in a crisp and sharp way. You can tell my inexperience as a designer is now showing!
     
    Michael likes this.
  5. Michael

    Michael Jr. Member
    Designer

    Dec 26, 2015
    63
    35
    Male
    Online Business and Investment Strategy Explorer
    New Zealand
    So far, I have found the same problem in the formatting myself too

    It looks like my modified image is very solid set, and doesn't currently have the vector resize flexibility, like I have seen with Microsoft clip art and other vector images before

    I'll try and see if I can convert it into a vector image or re-create it into a vector image
    I'll post an update on here, once I have tried some things out, I'll see what I can do anyway :)
     
    tacotime likes this.
  6. tacotime

    tacotime Hero Member

    Dec 7, 2015
    410
    1,133
    I really like that second one. That would be very useful and I think a nice upgrade of what we currently have as a favicon. Maybe other designers can help here and see what they can come up with too.
     
    Michael likes this.
  7. Michael

    Michael Jr. Member
    Designer

    Dec 26, 2015
    63
    35
    Male
    Online Business and Investment Strategy Explorer
    New Zealand
    Good News! :)

    I have fixed the svg image files, the vector re-sizing flexibility fully works now.

    I simply redid the fade color in Inkscape from the original favicon file, and that removed the pixel, blur and re-sizing problems! :D

    And this also now gives us much more color, blend, fade and gradient spectrum flexibility control too! :)
     
    tacotime likes this.
  8. ClokworkGremlin

    ClokworkGremlin Sr. Member

    Jan 10, 2016
    535
    381
    Male
    Whatever I want.
    I've cleaned up some artifacts from the source file that I noticed in yours. It reduced the file size almost by half, and makes it load faster on low-end computers.

    I like the fade, especially the 2nd one.
     

    Attached Files:

    tacotime and Michael like this.
  9. Michael

    Michael Jr. Member
    Designer

    Dec 26, 2015
    63
    35
    Male
    Online Business and Investment Strategy Explorer
    New Zealand
    #9 Michael, Jan 13, 2016
    Last edited: Jan 13, 2016
    Thank you ClokworkGremlin :)

    It certainly is an advantage to have cleaned up some artifacts, shrunk the size and sped up the source file for people to view and load.

    Update:
    I actually have found the 5 color selection to click on from the bgfadelogo2_revised.svg, so the modify is more perfect than I first recognized and thought!

    So Thank you ClokworkGremlin, you have been extremely helpful for us! :)
     
    tacotime likes this.
  10. ClokworkGremlin

    ClokworkGremlin Sr. Member

    Jan 10, 2016
    535
    381
    Male
    Whatever I want.
    I didn't really pay much attention to the gradient, Inkscape probably didn't save some of the fine-tuning you'd done.
     
    tacotime and Michael like this.
  11. Michael

    Michael Jr. Member
    Designer

    Dec 26, 2015
    63
    35
    Male
    Online Business and Investment Strategy Explorer
    New Zealand
    #11 Michael, Jan 13, 2016
    Last edited: Jan 13, 2016
    No worries now ClokworkGremlin, I actually found the 5 color gradient selection in your nicely clean new copy of bgfadelogo2_revised.svg file

    So everything is actually more perfect than I thought, my apologies for not trying to click and check more deeper and multiple in the bgfadelogo2_revised.svg file

    So Thank you again ClokworkGremlin! :)
     
    tacotime and ClokworkGremlin like this.
  12. anondran

    anondran Full Member
    Advocate (Reddit)

    Jan 13, 2016
    131
    119
    Male
    The second vector looks interesting
     
    Michael and Spayse like this.
  13. Spayse

    Spayse New Member
    Advocate (Twitter)

    Jan 11, 2016
    34
    23
    Male
    agreed #2
     
    Michael and anondran like this.
  14. Michael

    Michael Jr. Member
    Designer

    Dec 26, 2015
    63
    35
    Male
    Online Business and Investment Strategy Explorer
    New Zealand
    #14 Michael, Jan 14, 2016
    Last edited: Jan 14, 2016
    Since I have added another 3 different fade sets of color strengths to the original 2, I have to create a separate post with the 5 .svg vector image attachments in it, due to a maximum of 5 attachments per post

    Here are the 5 .svg vector image files:
     

    Attached Files:

  15. Michael

    Michael Jr. Member
    Designer

    Dec 26, 2015
    63
    35
    Male
    Online Business and Investment Strategy Explorer
    New Zealand
    II have been playing around and testing out some new effects with the Inkscape program, and I have so far found these interesting 3 effects:

    Effect #1 (Dark And Glow):
    bgfadelogo5_dark_and_glow_effect.png

    Effect #2 (Felt):

    bgfadelogo5_felt_effect.png

    Effect #3 (Organic):

    bgfadelogo5_organic_effect.png
     

    Attached Files:

  16. Vanputlei

    Vanputlei Jr. Member
    Translator (Nederlands)

    Jan 12, 2016
    69
    36
    Male
    Belgium
    Hi man, nice job! Really like the glowing one because imo its breathing innovation!
     
    Michael likes this.
  17. Michael

    Michael Jr. Member
    Designer

    Dec 26, 2015
    63
    35
    Male
    Online Business and Investment Strategy Explorer
    New Zealand
    Thanks for your opinion Vanputlei,
    I have now uploaded the Dark And Glow .svg file for anyone to save and use :)
     
  18. Vanputlei

    Vanputlei Jr. Member
    Translator (Nederlands)

    Jan 12, 2016
    69
    36
    Male
    Belgium
    Thx man!
     
    Michael likes this.
  19. tacotime

    tacotime Hero Member

    Dec 7, 2015
    410
    1,133
    I tweaked the #5 logo on here a bit and ended up using it on the project's GitHub. What do you guys think? I think we're getting closer to a style guide. Really nice to see everyone working together and content being created and used.
     
    Michael and ClokworkGremlin like this.
  20. anondran

    anondran Full Member
    Advocate (Reddit)

    Jan 13, 2016
    131
    119
    Male
    @_ingsoc ...it looks great. Nice selection.. Do we have a 'D' logo like $,¢,₹, a currency symbol?
    We can work on it if we do not have now
     
    Michael and tacotime like this.

Share This Page