Giter Club home page Giter Club logo

logos-per-banks's Introduction

LogoS: Banks and Payment Gateways of Iran

LogoS-cover-Iran-Banks-Githubfe7fd81f94a329ef.jpg

V 1.01 (Read Changelog here) LogoS is a design project about logos, In clean vector and organized as libraries to use by designers. This one includes logos of Banks and Payment Gateways of Iran.(نسخه فارسی را اینجا بخوانید)

License

This project is available under CC0 1.0 Universal. In short:

  • It's FREE for personal and commercial use;
  • Reselling the file, or even the individual items inside the file is not allowed.

Formats

There are 4 formats in this file, and also a ready-to-use folder of SVGs. Head to each section for instructions.

About This project (Some TL;DR)

  • I'm obsessed with being up-to-date, and will review and update my files once in a while. If you see a change, got a feedback, or got a bank or gateway and want to see your logo in my file, awesome! Contact me :)

  • I put a considerable amount of time and effort on creating flawless and updated file for each platform. Every logo you see here has been manually traced, nodes and layers managed. I managed to get a few ones using the formal sources like their websites, or bank-related companies, and used the ones with good quality in my file.

  • Want to spread the world? Wow how nice of you ^_^ Use this hashtag in your tweets and stories: #logos_project

  • Hate github and want to use another source which is ...more aligned with your sense of beauty maybe? Oh well, I'll submit and update my files in the following websites too: Uplabs, Dribbble, Sketchappresources. No need to tell you that Like and comment makes me so happy :)

Instructions

Sketch

Adding Library Using Sketch Cloud

You can use this URL to add this document as a library in your sketchapp and get updates directly through cloud. Life made easy :)

2019-07-19_15-01-17.gif

Using Symbols

After adding library, you can easily select and use symbols

2019-07-19_15-08-18.gif

Resizing Issues in Sketch

Sketch tends to misplace the layers inside a shape when scaling. (Pay attention to petals below)

2019-07-25_17-18-29.gif

To avoid this, insert symbol, scale to desired size, and detach from symbol after resize.

2019-07-25_17-19-09.gif

Changing Style of Monocolor Logos

Monocolors have styles set in their shape, which means you can easily switch them with the ones you have in your document or your other libraries.

2019-07-19_15-07-04.gif

Updating Library Using Sketch Cloud

Whenever a version is uploaded to sketch cloud, you will be notified to update your library. After downloading the latest version, you can update the symbols in your documents.

2019-07-19_15-20-46.gif

Adobe XD

Using Components

To use components, simply head to assets tab on bottom left corner of the screen. simply drag the components to the screen.

Loading the components in other files

To load components in another file, first save your LogoS document to the cloud, then use the assets tab to load cloud Assets.

2019-07-26_19-09-10-1.jpg

Figma

Opening The File

You can open The .fig file using figma.com on web, or install its application on the desktop.

Duplicating the file to your drafts

You can view the file using this URL. Once opened, simply open the file settings near the file name and click duplicate. This will duplicate the file on your drafts for your personal use.

2019-07-25_14-46-50.jpg

Adding a file as Library

Figma uses team projects to manage libraries, so you can add the file as a library using the menu on the top left under "Libraries". Having a public link is a paid feature, so I'm afraid, you have to update your files manualy.

2019-07-19_18-30-18-4.jpg

Adobe Illustrator

Making Symbols

You can make resusable symbols by selecting the group, and make a new symbol from it using either symbols Window, or Properties tab.

2019-07-25_22-43-29.jpg 2019-07-25_22-13-28.jpg

Save the symbol as "Dynamic Graphic Object" to be able to resize it.

2019-07-25_22-43-59.jpg

Loading Symbols Universally throughout Ai

There is a symbols file in Illustrator folder which you can use to manage and reuse instances quickly throughout documents. To load symbols in Ai, you can either:

  • load the symbol by selecting "Other Library" and select the symbol file.

2019-07-26_01-00-54-1.jpg

  • Or, drop the symbols file to your Adobe presets folder to Autoload it in your list of graphic symbols.

Mac: Applications/Adobe Illustrator/Presets/en_US/Symbols

Windows: C:\Users\Yourusername\AppData\Roaming\Adobe\Adobe Illustrator\Presets\Symbols

2019-07-26_01-04-41.jpg

SVG Assets

The SVG files have been created with viewbox enabled in them in 48px boundary. This makes all of the containers stay in the middle of a square box which makes managing their size and position easier. below you can see the comparison between an SVG image without (Left) and with viewbox (right)

Untitled-1cfd05ad380f70e51.jpg

SVG groups have also been carefully considered to avoid unwanted clutter.

2019-07-25_16-59-08.jpg

That's All. Thanks for reading. Hope you have a good time using the files. :)

logos-per-banks's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

logos-per-banks's Issues

Sadad Gateway

First of all, thank you for making your work available for others.
I've noticed you misspelled Sadad to Sedad.

E namads

Add Etemad electronic logos for UI work

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.