Thursday, February 5, 2015

FortyWinks: Abstract High-Quality Photoshop and GIMP Brushes

Another day — another fresh freebie. Today we are glad to release FortyWinks abstract brush pack, 3 sets of 21 high-quality brushes, with the average size of 2500px or 2200px. These brushes were created for Adobe Photoshop CS, CS2 and CS3 and also work with GIMP 2.4.
FortyWinks abstract brush pack
The sets are created by Qbs aka FortyWinks. This set was designed especially for Smashing Magazine and its readers.

DOWNLOAD THE SET FOR FREE!

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.
FortyWinks abstract brush pack
FortyWinks abstract brush pack
FortyWinks abstract brush pack
FortyWinks abstract brush pack
FortyWinks abstract brush pack
FortyWinks abstract brush pack

Imperial Porcelain: Free Icon Set

Today we are glad to release Imperial Porcelain Icons Set, a set with 5 beautiful original icons in .png (160×160px). This set was designed by Roman Khramov and released especially for Smashing Magazine and its readers. It can be used in various settings — for instance, on hotel and restaurant websites, in e-commerce-sites or even on food-related blogs.
Imperial Porcelain Icons Set

DOWNLOAD THE ICON SET FOR FREE!

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.
Imperial Porcelain Icons Set

Free Designer’s Portfolio Icon Set (12 High Quality Icons)

Today we are glad to release a Designer’s Portfolio Icon Set, a set with 12 original high-quality icons in the resolution 256×256px. This set was designed byMediaLoot and released especially for Smashing Magazine and its readers. Both layered PSDs and transparent PNGs are included. The set contains icons related to avatar, portfolio, brushes, mail / envelope, color palette, colored pencils, tablet, laptop computer, moleskine notebook, DSLR camera, easel with canvas and coffee cup.
MediaLoot Icon Set

DOWNLOAD THE ICON SET FOR FREE!

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.
MediaLoot Icon Set

Free Professional PSD Template: BlueMasters

In this post we release a yet another freebie: BlueMasters, a free PSD template, designed by Wendell Fernandes and released for Smashing Magazine and its readers. As usual, the theme is free to use in private and commercial projects.
BlueMasters is a dark, sexy, custom theme that has a solid, professional look and a very simple structure. You can access all files and layers used in a well organized structure and naming convention, making it easier for slicing the template or modifying it. BlueMasters can be customized to fit your business brand as well as your clients’ websites.

DOWNLOAD THE THEME FOR FREE!

The theme is released for free. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.
Screenshot

TEMPLATE / PAGES

The templates set consists of 5 pages that provide multiple page template design options:
  • Home
  • About Us
  • Portfolio
  • Blog Posts
  • Blog Post Selection
  • Contact
Screenshot
“Home” page template
Screenshot
“About Us” page template
Screenshot
“Home” page template
Screenshot
“Portfolio” page template
Screenshot
“Blog” page template
Screenshot
“Contact Us” page template

Free PNG Credit Card, Debit Card and Payment Icons Set (18 Icons)

Today we are glad to release a Payment Icon Set, a set with 18 payment icons in PNG format, in the resolutions 32×32px — 128×128px. This set was designed by Phil Matthews and released especially for Smashing Magazine and its readers.
Payment Icons
The icons are i intended to be used on e-commerce websites where you can show what types of payment the shop accepts. Each icon comes in curved and straight edge variations. As usual, the set is free to use in private and commercial projects — no credit is required.

DOWNLOAD THE ICON SET FOR FREE!

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed or rented. Please link to this article if you want to spread the word.
Screenshot

Useful Legal Documents For Designers (PDF/DOC)

Contracts are a source of anxiety and dismay in creative work, but they exist for a good reason. A good contract ensures that you and your client have the same expectations, and protects you in case things go south. Ideally, your contract should be a combination of industry standards, legal protection and personal preferences. To help you get started, here’s a set of 10 basic agreements for a variety of common business situations that creative professionals face.
How much do you expect to be paid in advance? What happens if a payment is late? Who will own the rights to the work, and when? Contracts can seem overwhelming, but don’t need to be. Reading through these documents is an opportunity to learn from experienced designers in a collaborative setting. Furthermore, every document comes with usage statistics and can be legally signed online for free (at least if you are in the United States). All content on Docracy, the free repository of legal documents, is open source and free to take (or even improve), so please feel free to share your own examples and experience.
Useful legal documents for designers (PDF/DOC)
Image credits: Joybot.
Here’s the full set that you can customize online:
  1. AIGA Standard for Professional Design Services
    Drafted by the premier design association in the US, this is probably the most complete designer-friendly agreement out there (works best for big projects). Multiple versions available, with different licensing options.
  2. Contract for Website Development & Identity Work, with Annotations
    A modern Designer-Client Agreement, drafted by a New York lawyer. It’s loosely based off the AIGA form, but closes some loopholes and trims the fat. Informative annotations are provided to guide you through the various clauses.
  3. AIGA/GAG Speider’s Designer Contract
    The contract that the designer/writer Speider Schneider sends to his clients, as featured on Smashing Magazine. It’s a hybrid of the AIGA and GAG (Graphic Artists Guild) models, along with some common sense changes. Plus it’s optimized for e-signing to help save some trees.
  4. Contract for Web Design
    A plain language agreement for Web design development projects, based heavily on the Andy Clarke’s brilliant “Contract Killer” article on 24 Ways. The beauty of this document is in the language: this is a non-legalese, plain English, straightforward pact that two reasonable people sign.
  5. Shortform Design Contract
    Jacob Myers, the author of this sample, is a lawyer/developer who works closely with designers. In his words: “The next time a client comes to you with a quick job, save yourself time and aggravation by sending them a Short Design Contract to be signed BEFORE you start working. The doc is basically an abbreviated contract confirming the scope of the job, the schedule, fees to be paid and essential terms and conditions. Use this style of contract for quick jobs or where a full-blown contract would make the client apprehensive.”
  6. Work for Hire
    A short and flexible work-for-hire agreement, where the contractor is an artist being hired by a creative firm for a work of design. Remember that with this kind of contract the IP rights are automatically assigned to the commissioning client.
  7. Consulting Agreement
    If you’re hiring a consultant, this is a great starting point: a model agreement by a top US law firm. If you are the consultant, you might want to mitigate some of the provisions of this client-friendly document, like this version (see changes).
  8. Shortform NDA
    The contract that everybody signs, sooner or later: The Non-Disclosure Agreement. This is a unilateral example, so if both parties are disclosing confidential information to each other, make sure you use a Mutual NDA instead.
  9. Contract for Original Illustration Work
    A simple, commissioned illustration agreement drafted by a lawyer based in Portland. This contract is pro-artist, and a flat, non-refundable commission fee is charged. All rights are non-exclusively licensed, but because most people want a “unique” piece of art, the artist agrees not to resell or publish the work, except for portfolio use (such as posting on DeviantArt, Dribbble, etc.).
  10. Simple IP Assignment
    Work is done, money is in the bank, but you forgot to give the IP rights to the client? Fix the issue with this simple IP assignment. Also useful when you hired someone but forgot to have the rights assigned in the original contract. Get this signed to tie up any loose ends.
You can also download the full set in PDF/DOC, with one single file (.zip).
Don’t forget that the legal stuff is important, and so please treat these documents as a starting point. A good lawyer can help you review these examples and tailor them to your particular project and local laws. Standard documents are useful and educational, but are never a substitute for legal advice. Docracy, Smashing Magazine and the original authors of these documents disclaim any liability connected to the use of these material without a licensed attorney.
Original Source: Smashing Magazine

Tuesday, February 3, 2015

Taking A Closer Look At Arabic Calligraphy

Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.
We refer to this force as visual weight and to the perceived direction of visual forces as visual direction. Both are important concepts to understand if you want to create hierarchy, flow, rhythm and balance in your composition.
Arabic calligraphy was originally a tool for communication, but with time, it began to be used in architecture, decoration and coin design. Its evolution into these major roles was a reflection of the early Muslims’ need to avoid, as their beliefs required, figures and pictorials that were used as idols before Islam was established in the Arabian Peninsula.
While the Arabic tribes preferred to memorize texts and poetry, the first Muslims tried to document their holy book (Qur’an Kareem) using the scripts that we’ll look at in this article. In order to understand how these scripts developed into the beautiful and complex shapes we know today, we have to understand the history of Arabic calligraphy.
Over the course of their development, the Arabic scripts were created in different periods and locations of the expansive Islamic Empire. There is also a close relationship between each Arabic script and its common usage throughout history. This leads us to the question of why this article is important, especially for non-Arabic speakers, and what information can be gleaned from each script.
Well, understanding the history of each script and how Arabic calligraphy evolved over the history of the Islamic Empire can expand our visual experience beyond the beautiful glyphs and forms. Some scripts reflect the time period in which they developed, such as the Musand script, which emerged at an early stage in the history of Arabic calligraphy. Others provide geographical insight into where the artwork was developed, such as the Maghribi script, which distinguishes the artwork and inscriptions of northwest Africa.
Can different scripts tell us more information, such as the geographical area where each was developed? How much is the local culture affected by each script? We will try to answer these questions, while briefly going through the history and style of each script.

The Early Development Of Arabic Scripts

Digging deep into the history of the Arabian Peninsula and the origin of the Arabic language, archeologists have found inscriptions that show a close relationship between Arabic scripts and some earlier scripts, such as the Canaanite and Aramaic Nabataean alphabets that were found in the north of the Arabian Peninsula. These inscriptions were date to the 14th century BC.

Comparison of the old scripts letters (Image source: Wikipedia)

ARABIC MUSNAD

The first Arabic script, Arabic Musnad, which likely developed from the above-mentioned languages, doesn’t have the cursive aesthetic that most people associate with modern Arabic scripts. Discovered in the south of the Arabian Peninsula, in Yemen, this script reached its final form around 500 BC and was used until the 6th century. It did not look like modern Arabic, as its shapes were very basic and resembled more the Nabataean and Canaanite alphabets than the Arabic shapes.

Arabic Musnad script (Image source: Marie-Lan Nguyen)

AL-JAZM

The first form of an Arabic-like alphabet is known as the Al-Jazm
script
, which was used by northern tribes in the Arabian Peninsula. Many researchers think the roots of this script go back to the Nabatean script, and yet the early Arabic scripts also seem to have been affected by other scripts in the area, such as the Syriac and Persian scripts.
The Al-Jazm script continued to develop until the early Islamic era in Mecca and Medina in the west of the Arabian Peninsula.

Arabic Al-Jazm script (Image source: Saad D. Abulhab)
The Al-Jazm script developed into different styles, such as the Hiri, Anbari, Makki and Madani. During this period, some other scripts developed, such as the Ma’il, which is considered the predecessor of the Kufic script. Other scripts did not make it through the development process, such as the Mukawwar, Mubsoott and Mashq (which you can read more about in “The Development of the Arabic Script: A Brief History” by professor M.J. Alhabeeb of the University of Massachusetts Amherst). Usually, these scripts were used before and during the early days of the Islamic Empire in the Arabian Peninsula.

KUFIC SCRIPT

Following the Arabic Musnad and Al-Jazm, the Kufic script evolved as the next stage of Arabic calligraphy’s development. Unlike those two old scripts, we can identify known letter shapes in the early development of the Kufic script.
As the Kufic script developed over the 7th century, it played an essential role in documenting the Muslim holy book (Qur’an Kareem). The Kufic script is one of the oldest Arabic scripts that persisted in common use until the 13th century.
Its name refers to the city of Kufa in Iraq, where it first appeared, yet most instances of this script were found nearly a thousand kilometers to the south in Medina in the Arabian Peninsula, where the Prophet Mohammed stayed after moving from Mecca.
In the early stages of its development, the Kufic script did not include the dots that we know from modern Arabic scripts. The letter dots (Nuqat) were added during the later development of this and other scripts. Also, at a later stage, Abul Aswad Al Du’ali (688 CE) and Al Khalil Ibn Ahmed Al Farahidi (786 CE) developed the diacritical marks (Tashkeel) that indicate the vowels of the letters.
If we examine Kufic script inscriptions, we’ll notice particular characteristics, such as the angular shapes and long vertical lines. The script letters used to be wider, which made writing long content more difficult. Still, the script was used for the architectural decoration of buildings, such as mosques, palaces and schools.
These characteristics affected the usability of the script and made it more suitable for architectural and written Islamic titles, instead of long texts.
The Kufic script continued its development through the different dynasties, including the Umayyad (661 – 750 CE) and Abbasid (750 – 1258 CE) dynasties. Below are some examples of Kufic scripts and their different developmental stages:

Kufic script from the 9th – 10th centuries (Image source: Will Schofield)

Kufic script from the Holy Qur’an, 11th century (Image source: Smithsonian’s Museums of Asian Art)

Royal Mosque (Imam Mosque) minaret decorated with square Kufic (Image source: Patrick Ringgenberg)

Islamic Derham from the Abbasid period with Kufic scripts on both sides (Image source: Hussein Alazaat)
While Kufic has been used for a long time and is one of the more common scripts across the Islamic civilization, some versions of it were developed in particular areas, such as Egypt and Iraq. Understanding how the script developed in different areas and being able to identify each variation of it will help us identify the origins of the artifacts where they appear. Variations and developments of the Kufic script include the following:
  • The thick Kufic script
    This is one of the earliest forms of the Kufic script and was used in the early copies of the Holy Qur’an, known as the Uthman Qur’an.
  • Magribi Kufic script
    This script was used in Morocco and includes curves and loops, unlike the original Kufic script.
  • Mashriqi Kufic Script
    The letters in this script are similar to the original Kufic, with a thinner look and decorative lines.
  • Piramouz script
    This script is another version of the Mashriqi script that was developed in Iran.
  • Ghaznavid and Khourasan scripts
    These two other forms of the Kufic script were developed in Iran. These scripts have the same thickness as the original Kufic script, with long vertical lines and decorative ends.
  • Fatimid Kufic
    This form developed in North Africa, especially in Egypt. It was written in thick lines and short curves.
  • Square Kufic
    This form is very noticeable, with its straight letters and no curves at all.
As an Egyptian citizen, resident in Cairo, I enjoy the Fatimid Kufic as part of my daily life because it can be seen in the architectural decorations on the old Islamic buildings. This script was used with decorative motifs in the characters themselves or as a background. The letters are marked with straight lines and angles, with short curves for some letters at the ends of words. One of the leading scholars and an award-winning researcher in the Fatimid Kufic script is Bahia Shehab, Professor of Professional Practice at the American University in Cairo.

The Fatimid Kufic script appears in the architecture of Bab Al Nasr, a gate built by Babr Al-Jamali, a minister of Fatimid Caliphate (909 – 1171 CE), on the northern wall of Fatimid Cairo (Image source: Md iet)

The Fatimid Kufic script appears here on the Sultan Hasan mosque in the Fatimid Cairo. (Image source: Stars in Symmetry)

Abbasid Dynasty

After the Umayyad dynasty came the Abbasid dynasty (750 – 1258 CE), bringing advancements to Arabic calligraphy. During this period, Thuluth and Naskh were developed. The three calligraphers responsible for these developments were Ibn Muqlah, followed by Ibn Al Bawwab (11th century) and Yaqut Al Musta’simi (13th century).
Ibn Muqlah restricted the scripts’ proportions to six cursive styles, including the Thuluth, Naskh and Muhaqqaq. These rules are based on four elements: the rhombic dot, the alif, the circle and the similarity system. These changes helped to develop the Kufic script with the cursive styles shown below.

The rhombic dot as a guide to proportions (Image source: The Metropolitan Museum of Art)

The alif and circles as a guide to proportions (Image source: Fayeq Oweis)

The measurements of the Arabic letters showing similarity, according to Ibn ar-Rawandi, Rahat as-sudur (Image source: Annemarie Schimmel)

THULUTH SCRIPT

The name “Thuluth” means one third, which might refer to the size of the pen used to write the script. It is one of the cursive scripts that was commonly used to decorate mosques and different types of texts.
The Thuluth script was first developed in the 11th century during the Abbasid dynasty and was refined by calligrapher Seyh Hamdullah during the Ottoman dynasty. It is the basis of scripts that appear later, such as the Jeli Thuluth, the Naskh and the Muhaqqaq, the last two of which we will cover later in this article.
The Thuluth script is marked by its clear structure and readability, which make it suitable for a number of purposes, even today. The cursive letters and long lines make it easily readable and usable for both titles and long texts.
Therefore, it was used in the Holy Qur’an and in architectural decorations in many regions of the Islamic Empire. Below are some examples of the Thuluth script.

Thuluth script in Sultan Ahmet Mosque in Istanbul, Turkey (Image source: Puccaso)

The exterior decorations of the Taj Mahal in India, written in the Thuluth script (Image source: Habeeb)

A modern instance of the Thuluth script is the flag of the Kingdom of Saudi Arabia (Image source: Wikipedia)

NASKH SCRIPT

During the same period, the 10th century, another main script was developed. Used to copy books, especially the Holy Qur’an, Naskh, which means “copy,” was later refined by Islamic calligraphy master Seyh Hamdullah (1436 – 1520) during the Ottoman dynasty.
Known for its readable glyphs, the Naskh was traditionally used for long texts and inscriptions. Its use continues today in the design of printed Arabic books, due to its modern look and cursive letters.

One page from the Holy Qur’an, written in the Naskh script (Image source: US Library of Congress)

Pottery drinking vessel, with Naskh script, from the 13th century CE (Image source: A. Davey)

Safavid Dynasty

After the Abbasid dynasty, the Safavid dynasty (1502 – 1736) was established in Persia and made substantial contributions to Islamic arts and calligraphy. It developed the existing Ta’liq script and produced a more developed version, called Nasta’liq, during the reign of Shah Islma’il and his successor, Shah Tahmasp.

TA’LIQ SCRIPT

The word Ta’liq means “suspension” and was inspired by the shape of the script’s lines, which look hung together.
Widely used for a variety of purposes, such as messages, books, letters and poems, the Ta’liq script was formed during the 11th century, was refined during the 13th century in Persia and is still used today.
As mentioned, the words appear hung together and connect to each other, and the letters are rounded and have a lot of curves. While this makes it less legible, the script is often written with a large distance between lines to give more space for the eye to identify letters and words.
While the spaces between lines are helpful, they consume the page, which is obviously a disadvantage when space is limited or the text is long.

Example of Ta’liq script (Image source: Wikimedia)

NASTA’LIQ SCRIPT

The Nasta’liq is a refined version of the Ta’liq script, although with elements of Naskh. It developed during the 15th century and continued until the 16th century in Persia and Turkey.
Merging the characteristics of both scripts, such as the short vertical lines of Naskh and the long curved horizontal strokes of Ta’liq, it is still used in Persia, India and Pakistan for writing in Persian, Urdu and Punjabi. In terms of legibility, it’s an improvement on the Ta’liq but harder to read than Naskh.
The letters are a little hooked, similar to those of the Ta’liq script, and vary in thickness. Although the arrangement of letters flows smoothly and in harmony, it is hard to write and is less readable than many other scripts. Both the Ta’liq and Nasta’liq scripts have left their mark on Persian art and architecture, and you can easily identify Persian inscriptions by the type of scripts they’re written in.

Example of Nasta’liq (Image source: Wikipedia)

Decorative paper with Nasta’liq (Image source: Wikipedia)

The Maghribi (North Africa)

Maghrib refers to the west side of North Africa in the Islamic Empire. This area is distinguished by the Maghribi script, used in writings, inscriptions and monuments. The Maghribi script developed during the 10th century and is still used today in Spain and western North Africa, particularly in Morocco, Algeria and Tunisia. In this way, the Maghribi script drifted away from the scripts discussed above that developed in the Middle East and Arabian Peninsula.
The Maghribi script is marked by descending lines written with very large bowls and by letters of a unified thicknesses. The special form of its letters gives it a unique beauty and makes it easy to read, even in long text. Because of its decorative appearance, The Maghribi script is suitable for decorations as well as titles.

Verses from the Holy Qur’an written in the Maghribi script (Image source: Wikimedia)

Verses from the Holy Qur’an written in the Maghribi script (Image source: Chester Beatty Library)

Ottoman Dynasty

During the Ottoman Empire (1444 – 1923), Arabic calligraphy went through a noticeable evolution, not only because of the development of a new script but also because of the enhancement of existing scripts. Most Arabic scripts reached their final and modern form during the period between the 15th and 19th centuries. The Ottoman reign is considered a remarkable period in the development of Arabic calligraphy, second only to the Abbasid dynasty.
Throughout the four centuries of the Ottoman Empire, many scripts were developed, such as Diwani, Riq’a, Jeli Dewani, Tughra’a and Siyaqat. Many calligraphers contributed to this development of Arabic calligraphy, including Mustafa Halim (died 1964), Nejmiddin Okyay (died 1976) and Hamid Aytac Al-Amadi (died 1982).
We’ll cover two commonly known scripts from this era, the Diwani and Riq’a scripts.

DIWANI SCRIPT

The name of this script derives from “Diwan,” the name of the Ottoman royal chancery. It was used in the courts to write official documents. Developed during the 16th century, it reached its final shape in the 19th century and is still used today.
It is defined by its beautiful curved letters, merged to form complex shapes and decorative forms. This complexity makes it harder to use with long text, so a simpler version of the script is needed if a calligrapher is to use it for that purpose.

Example of Diwani script (Image source: Wikimedia)

Another complex instance of the Diwani script in the shape of a boat (Image source: Wikipedia)

RIQ’A SCRIPT

As we’ve seen, the names of some scripts come from the geographical area where they developed. In this case, the name “Riq’a” derives from how the script was used: written on small pieces of paper or cloth. It seems to be one of the more recent scripts, developed in the 18th century, and is still used today.
The Riq’a script is known for its simple form, making it perfect for paragraphs and long texts. The way its letters are connected makes it particularly easy to convert into a digital font. However, it is not especially attractive in titles or decorations because it does not have the sophisticated letterforms of the Diwani, Thuluth and Kufic scripts.

Paper from the Holy Qur’an in Riq’a script (Image source: Wikimedia)

Paper from the Holy Qur’an in Riq’a script (Image source: Wikimedia)

Conclusion

Arabic calligraphy has developed for over 14 centuries in various regions around the world. This history and diversity has enriched Arabic scripts with ever more complex and artistic forms. During this long period, the Baghdadi and Ottoman eras contributed the most to its development.
Arabic calligraphy is still today one of the most widely acknowledged arts and continues to develop both in traditional methods as well as in digital and computer-generated arts. Arabic calligraphers from around the world continue to develop their own styles and artwork based on existing scripts and their own letters and scripts. Free modern scripts contribute to the art just as much as traditional scripts have done.

RESOURCES

Below are links to some master calligraphers of today who enrich Arabic calligraphy with their artwork and masterpieces:
In researching for this article, I relied on the following resources: