How to Create Islamic Style Poster in Photoshop

| October 17, 2011 | 10 Comments

Articles about creating posters in Photoshop are one of the most common tips on the web, because they help you to learn how to use the different Photoshop tools and features through real, practical examples. In our Photoshop tutorial today, we will learn how to create an Islamic style poster in Photoshop using Islamic calligraphy style and motives.

photoshop tutorialHow to Create Islamic Style Poster in Photoshop

This Photoshop tutorial will guide you through the different steps of creating this poster effect and will show you how to add text to it. You can download the PSD source file of this tutorial by clicking the download button at the end of the article.

Related posts:

 

Now, let us start with our Photoshop tutorial:

Step1

Begin by opening a new file of A4 size, with the dimensions of 210mm x 297mm.

1How to Create Islamic Style Poster in Photoshop

Step2

Set the resolution to 300 ppi and the mode to CMYK (the suitable resolution and mode for print).

2How to Create Islamic Style Poster in Photoshop

Step3

The first step is to make a radial gradient with the following colors:

  • First Color, Light teal: Color #1c7a92
  • Second Color, Dark teal: Color ##041114

3How to Create Islamic Style Poster in Photoshop

4How to Create Islamic Style Poster in Photoshop

Step4

You can save the color swatch to your swatch palette by clicking “Add to swatches” and giving it any name you like.

5How to Create Islamic Style Poster in Photoshop
6How to Create Islamic Style Poster in Photoshop
7How to Create Islamic Style Poster in Photoshop

Step5

You can also save the gradient color to your gradient colors by clicking “New”.

8How to Create Islamic Style Poster in Photoshop

Step6

Click and drag from the center to the upper area to get these shades.

9How to Create Islamic Style Poster in Photoshop

Step7

We will duplicate the gradient layer by right clicking, choosing “Duplicate layer” and giving it any name.

10How to Create Islamic Style Poster in Photoshop
11How to Create Islamic Style Poster in Photoshop

Step8

Flip it vertically by choosing Edit > Transform and then „Flip vertical”.

12How to Create Islamic Style Poster in Photoshop

To obtain this effect, we will change the mode of the layer to “Soft Light”.
13How to Create Islamic Style Poster in Photoshop
14How to Create Islamic Style Poster in Photoshop

Make a new layer.
15How to Create Islamic Style Poster in Photoshop

Step9

Make a circle selection with the elliptical marquee tool while holding down the “Shift” button (to make it a perfect circle, not an elliptical).

16How to Create Islamic Style Poster in Photoshop

Step10

We will fill the circle with a gradient of the same light teal we have used before with transparent, after you chose the color for the foreground. First Color, Light teal: #1c7a92.

17How to Create Islamic Style Poster in Photoshop

You will find this gradient as the second one on the palette.

Step11

Drag from top to bottom to get a slightly soft color then fade it to transparent.

18How to Create Islamic Style Poster in Photoshop

Step12

Duplicate the layer many times and flip them horizontally and vertically. Duplicate the layers until you get this shape.

19How to Create Islamic Style Poster in Photoshop
20How to Create Islamic Style Poster in Photoshop
21How to Create Islamic Style Poster in Photoshop

You can also scale it to make it a little bigger. To keep the scaling proportionally hold down “Shift”.
22How to Create Islamic Style Poster in Photoshop
23How to Create Islamic Style Poster in Photoshop

You can also manipulate them as you like to get different wonderful shapes.
24How to Create Islamic Style Poster in Photoshop

Step13

We will gather all the shapes in one folder “group” by clicking on the first layer while holding down “Shift” and then clicking on the last one. Then choose “New Group from Layers” from the layer panel options.

25How to Create Islamic Style Poster in Photoshop
26How to Create Islamic Style Poster in Photoshop

Step14

Name the layer group “Light”or any other name you like.
27How to Create Islamic Style Poster in Photoshop
28How to Create Islamic Style Poster in Photoshop

Step15

Then Duplicate the group” Light”. You can move it a little to blend them with a nice effect.

29How to Create Islamic Style Poster in Photoshop
30How to Create Islamic Style Poster in Photoshop

Step16

To make the colors completely different, we will add a new adjustment layer “Hue and Saturation” on top of the new group.
31How to Create Islamic Style Poster in Photoshop

Step17

Drag the “Hue” slider to get a very diverse color as it moves on the color wheel.
32How to Create Islamic Style Poster in Photoshop
33How to Create Islamic Style Poster in Photoshop

Step18

Or to make the color brighter blue we will change the layer mode of the group to “Linear Dodge (Add)”.
34How to Create Islamic Style Poster in Photoshop

Step19

Now we will begin adding the text. Write the word” Mohamed” in the font “Alpha Flight Solid”, size 70pt, width: 99% in yellow color: #ffcf10.
35How to Create Islamic Style Poster in Photoshop
36How to Create Islamic Style Poster in Photoshop
37How to Create Islamic Style Poster in Photoshop

Step20

Add a drop shadow from the layer style options which are in the layer palette.
38How to Create Islamic Style Poster in Photoshop

Step21

Add “What do you know about” in the font „Aller Light”, size 31.67pt, and a yellow color: #ffcf10.
39How to Create Islamic Style Poster in Photoshop

Step22

Add “the last” in the font „Aller Light”, size 30.52pt, and a white color: #ffffff.

40How to Create Islamic Style Poster in Photoshop

Step23

Add „Prophet”, in the font “Alien Encounters Solid”, size 58.52pt, and a cyan color: #34c6f4.

41How to Create Islamic Style Poster in Photoshop

Step24

Add “?”, in the font „Alien Encounters Solid”, size 398.96pt, width: 99%, and a yellow color: #ffcf10.
42How to Create Islamic Style Poster in Photoshop

Step25

Add “Mohamed ibn Abdullah ibn Abdul Muttalib”, Font: “Timeless”, 22.98 pt, width: 99%, and a yellow color: #ffcf10.

Rotate it by 90 degrees CC (which means “counterclockwise”, the opposite of the clock’s direction) by choosing Edit > Transform and then „Rotate 90 CC”.

43How to Create Islamic Style Poster in Photoshop

Step26

Add “He was born to a noble tribe to the lineage of the leaders of Makkah His name comes from the Arabic root “hamd” and literally means “praised one.” People at his time and until this very moment, praise him many times per day, may Allah exalt his mention.” Font: “Timeless”, 12.50 pt, width: 99%, and a white color: #ffffff.

44How to Create Islamic Style Poster in Photoshop

Step27

Add “He never fell into the common practice of his tribesmen to worship statues, idols or man-made gods. He believed that God was truly One God, and as such, He was to be worshipped alone, without any other “gods” beside Him. He held the Name of God in the highest of reverence and never took God’s Name in vain or for any vain glorious purpose.” Font: “Timeless”, 16 pt, width: 99%, and a white color: #ffffff.

45How to Create Islamic Style Poster in Photoshop

The add the text  ”He taught that Jesus, may Allah exalt his mention, was the immaculate conception and miracle birth of Mary, and that she was among the best creation of Almighty God. He insisted even to the Jews of Medina, that Jesus, may Allah exalt his mention, was the Messiah, the Christ, the one predicted to come in their Torah (Old Testament). He said Jesus, may Allah exalt his mention, did many miracles by the permission of Almighty God, curing the lepers, restoring sight to the blind and even bringing a dead man back to life. He stated clearly that Jesus, may Allah exalt his mention, was not dead, rather Almighty God had raised him up. He stated clearly that Jesus, may Allah exalt his mention, was not dead, rather Almighty God had raised him up.” Font: “Timeless”, 16 pt, width: 99%, and a yellow color: #ffcf10.

Step28

Add “He never lied, never broke a trust never bore false witness, and he was famous with all the tribes in Makkah and was known as: “The Truthful” (Al-Ameen).” Font: “Impact”, 16 pt, width: 99%, and a yellow color: #ffcf10.

Set the words “The Truthful” and “Al-Ameen” to an orange color: # f5841f.

46How to Create Islamic Style Poster in Photoshop

Step29

Now we are going to write on a path.

Draw a curve that fits with the curve of the “?” using the pen tool.

After drawing and the path is still active (which means that it looks like a virtual line with two ends), use the type tool and roll over the path. You will notice that the sign of the type tool changed to show a sign of writing on path.

Add “www.rasoulallah.net”, Font: “Arial”, 17.52 pt, width: 99%, and a yellow color: #ffcf10.

47How to Create Islamic Style Poster in Photoshop

Step30

To hide the sign of the path open the path panel from the Window Menu then Path and click on an empty place within the panel, or simply choose another layer in the Layer Panel.

51How to Create Islamic Style Poster in Photoshop

Step31

Now we are going to add an Islamic touch to the design by adding an Islamic Motive to the “?”.

Download the Islamic Pattern, open it and drag it above the layer of the “?”.

To make the pattern visible on the area of the “?” only, we will use the “Clipping Mask” tool. Let’s choose “Create Clipping Mask” from the Layer Menu.

53How to Create Islamic Style Poster in Photoshop

Step32

To give the pattern a nice look we will change the layer mode of the pattern to “Color Burn”.

56How to Create Islamic Style Poster in Photoshop

I hope you enjoyed making this Abstract Text Poster as much as I did and do not forget to download the source file for this tutorial. If you do not have the fonts used in this Photoshop tutorial, you can simple use any available for for the text.

If you are already a Premium Member then just sign in and you can download source file for this tutorial.

Not a member? Sign up today or read more about our Premium Member area.

download nonmemberHow to Create Islamic Style Poster in Photoshop

Tags: , ,

Category: Photoshop tutorials

About the Author ()

My name is Abeer Mohamed, I'm a Graphic Designer and InstructorGraphic Design is my way and my great area of inspiration. Doing what you love is the secret of being happy unles doing some thing not allowed by God.It's not enough to love something, you must work hard to get it and do your best to reach its top. You can view my profile here

Comments (10)

Trackback URL | Comments RSS Feed

  1. designfreak says:

    great job!!! keep uploading Islamic stuff and tutorials!!!!
    thanks

  2. Mustafa says:

    Excellent Tutorial. Thanks

  3. Ayaz Khan says:

    Great tut
    ThNks for sharing

  4. reda ibrahim says:

    Great idea, and the design very well. I greet you on your intelligence

  5. AHMAD RAZA says:

    As salam o alekum my namy name is ahmad raza i am learning photoshop cs4 .I see your tutorial i like this i want some more tutorial can you send me i am waiting your replay.

    Excellent Tutorial. Thanks

  6. Great that you like the tutorials, we will add more tutorials very soon and if you like to see more, you can just use the google search to find more resources to learn from.

  7. really it’s sample and creative tuts , thanx so much Abeer & Rafiq for your efforts , ^_^

  8. Thanks, Abeer Mohamed. Good tutorial!

  9. real super tut! thanks for sharing, useful for beginers :)

Leave a Reply