/logos-per-banks

LogoS is a design project about logos. In clean vector and organized as libraries to use. This one includes logos of Banks and Payment Gateways of Iran

Creative Commons Zero v1.0 UniversalCC0-1.0

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. :)