Category Archives: Challenges

Arabic Text In Adobe Illustrator Tip


You may never come across this problem but if you ever come into this situation, it will be a lifesaver. If you ever come into the problem of incorporating Arabic text into Illustrator, this tip is just for you. Adobe Illustrator is a type of program that only best suits the need of the English language so trying to use texts that have different letters than those of the English language will only lead to failed attempts. Though one thing should be noted; there is an Arabic version of Adobe Illustrator titled Adobe Illustrator Middle Eastern. This, of course, supports typing Arabic text correctly. This would imply purchasing it which is a waste since presumably you are using Illustrator already.

First let’s make sure that you have an Arabic language support for your PC or Mac. Add the Arabic language if you must.



Make sure that you select the right language before you start typing into a program. Make you sure you also select the right font before typing such as Arabic Typesetting or Adobe Arabic.


Now if you try typing Arabic into Illustrator without any support (plugins, etc.), you will get something similar like this. We have two problems with how Adobe Illustrator handles Arabic text. One problem is that Adobe Illustrator will normally type from left to right but this is a problem since Arabic is read and written from right to left. The second problem is that letters don’t connect at all which is a really big problem since there are rules of how certain letters of the Arabic language connect all of which depends of where they placed (beginning, middle, or end). Take for example the Arabic letters ف, ا , د , and ي which are “da”(d),  “alif” (a), “fa” (f), and “ya” (i or e) respectively. Now if I want to write my name, I have to abide rules when connecting letters. There is “f” sound in the begging so I’ll write ف in the begging. An “a” comes after so I’ll connect the “f” and “a,” فا. A “d” sound comes next but “alif” (a) can’t connect any letters after it so I’ll leave the “d” unconnected, فاد . Now an “ee” sounds comes at the end but “da” doesn’t connect with any letters after so I’ll write “ya” separate, فادي .

The left one is how adobe Illustrator will write it.

The right one is the correct way to write my name. We will see how to bring correctly formatted Arabic text into Illustrator.

Again the two problems are that Illustrator will write Arabic text from left to right and won’t connect the letters as you can see below.

Now I present two solutions to the problem.

1.) Install the ScribeDoor plugin for Illustrator.

Now this maybe costly but $89 (if purchased for Illustrator) / $119 9if purchased for Creative Suite) will be cheap in comparison to the Middle Eastern version. It’s also a good alternative since you manage the kerning and many other things inside Illustrator. You can also download a 7-day free trail if you want to try it out.

Note: When installed, you can access the ScribeDoor plugin by going to Window>ScribeDoor. You may need to adjust the ScribeDoor settings inside the ScribeDoor window if Arabic text still don’t connect or type in the right direction.

2.) Install Inkscape for free.

Inkscape is another vector program like Illustrator but it’s free. One good thing about this program is that it supports other languages so you can type Arabic letters just fine in Inkscape. Inkscape’s appearance is similar to Illustrator so it’s not too hard get acquainted with Inkscape. Select the type tool (has a symbol of an A) on Inkscape and click on your canvas to start typing.

So let’s test Inkscape if it can correctly write the Arabic word for door (Bab) or باب correctly.

Now it’s important what you do here. DO NOT simply highlight the text and copy and then paste it into Illustrator because Illustrator won’t recognize what you pasted and will react with crossed boxes as you see below.

The correct way is to select the text you wrote and right-click and copy it. Now paste it into Illustrator and you get outlines instead of text. Now this may upset some but I don’t mind it since you alter the kerning, tracking, or anything else in Inkscape if needed.

I hope you’ve enjoyed this tip and learned something new.

Resurgence


Sorry for being gone for a while. The reason for my long absence was due to my involvement in a summer enrichment program called Summer Bridge. This program helped familiarize me with the college I’ll be attending, SDSU (San Diego State University). I enjoyed my experiences and accustomed to managing an academic life and a social life. I spent at least 10 hours or more juggling classwork from two classes as well attending activities such kayaking at a beach or explore racial discrimination in a social justice group session. The program lasted for 31 days and feel like a better person from being involved in it. No doubt I will be prepared for when I’ll enter my real college setting on August 29th.

Since I feel bad for missing out on posting tutorials and other things. I’ll post some tutorials/tips this week on.

I fixed the logo up a bit from last time and changed the flier design as well. I’ve also worked on translations for this flier which include Arabic and Spanish translation. Click the flier thumbnail to see the Arabic translation. I’ll also be getting paid for my efforts.

Since typing Arabic in Illustrator gave me such a huge hassle. I’ll post in a tip on how to bring in Arabic text into Illustrator.

Graduation


As I graduated high school and get ready for college (San Diego State University) next, I hold dear to my word that I will still try to keep my blog updated with more tutorials and other content. This is one of my legacies dedicated to Valhalla and the Mac Lab.

I was enjoying much of my summer vacation so far yet still I want to keep my blog updated. So I will post more experiments and tutorials for the next days/weeks.

Currently, I am also working on an iParent poster over the summer and hope to finish it soon.

Cork Board Texture Tutorial


This tutorial will guide you on creating a cork board texture using the Effect Gallery.

What You’ll Be Making:



Tools:

  • Illustrator
  • Effect Gallery
  • Texturerizer
  • Crystallize
  • Craquelure

Steps:

1. Create a rectangle/square as big as you want it to be. Change the color to a light brown or RGB: 177, 141, 90 or #B18D5A.

2. A. Select the rectangle then go to Effect>Texture>Texurizer.

B. A window should pop up. For Scaling, enter a value of 170. For the Belief, enter a value of 5. Finally, change the light to Top. Then click OK.

C. It should look like this. See picture below.

3. A. Make sure your object is still selected then go to Effect>Pixelate>Crystallize.

B. A window should pop up. Enter a value of 10 for the Cell Size. Then click OK.

C. It should look like what you see below.


4. A. Make sure your object is still selected then go to Effect>Texture>Craquelure.

B. A window should pop up. Enter 60 for Crack Spacing. Enter 2 for the Crack Depth. Enter 8 for the Crack Brightness. Then click OK.


6. It should finally look this afterwards. Granted I used altered methods for my poster, this one is still usable for your artistic needs and you’re free to alter values if needed.

I hoped you enjoyed this tutorial and learned something new.

District Art Show


I finished and submitted this piece to the art show. Hopefully I can win another prize like the last one from 2008.

T-Shirts Time


As I’ve been tasked with redesigning buttons/brochures, I have also been tasked to redesign the AVID 2011 T-shirts. Since the AVID team voted for a certain T-shirt design, I’ve been told to illustrate the design onto a computer version. I started this project today and this is its progress so far.

Look out for a tutorial tomorrow.

New Years Revolution


Sorry for not posting much information/tutorial during Christmas Break but I was terribly sick and had to bear with Pneumonia. I’m feeling better now and I can’t wait to produce more spectacular art this year.

Current projects i am working as of now include: Desktop Wallpaper Calendar, logos, self-portraits, secret project (with Phillip), etc.

I plan to also develop a simple game in Unity later in the year.

Since I didn’t make any tutorials during the break, I’ll post some new ones starting tomorrow (gradient tip *cough*).

It also fun meeting my old friend Ben Dulay today in the Mac Lab. If you have time, check his blog later (he made it today).

P.S. Sorry for accidentally deleting someone’s comment on my logos (it was marked as spam).

Update 2


Sorry hat I haven’t posted in a while but I will make it up.

ZIPBUDS: So you’ve probably heard that I helped with the ZipBuds ad if you’ve read the Mac Lab post a week ago. I did help in a small part (helping make 3-D version of a company’s  icon vector file). I was asked if I could manage it to make a 3-D Extruded ZipBud icon by Steven Moyer  (alum). Though it was tricky to bypass the grey boxes you get from glows/effects, I saved day by using clipping masks. Phillip also tried to do an extruded Zipbud but failed (again grey boxes from Zipbuds) but he manage to make a good psd version. Either way, Steven Moyer still had a hard time impelling 3-D objects into Aftereffects so you won’t see it in the ad.

I didn’t just helped with the icon dilemma. I also helped in the practice shootings for the commercial in the Summer and the start of Spring semester. It was really fun shooting those silly scenes at school. At lunch time, we ate mostly pizza or just go to Alberto’s.

ELAC: I was also tasked with doing a poster and logo for  English Learner Advisory Council. Since I didn’t choose the job, only assigned, I procrastinated a lot (2 weeks) till I managed to make something good.  Just making a logo for something related to english learners was tricky enough.

DEVIANTART: I made my icons available to download on DeviantArt and I was slightly surprised by the outcome. Currently, each of my four icons (Chrome, Safari, Firefox, and Waterfox) averaging 50 70 downloads each. But I also fixed my icon shelves so it’s symmetrical horizontally and vertically. Download if you wish by clicking this link to my DeviantArt page.


Better Versions


Just some a better version of the notecard and poster. In these versions, you can see I added more information such as the keynote presentation. I also spent lost of time using grids to get everything in place right. I also fixed a vector GUHSD icon that I made a while ago for the menu job.

Revisions


I fixed the poster and I also created the notecards. I resized the poster so it would be 11″ by 17″. I made the notecard 4.5″ by 6″ and created slightly different graphics than those I used for the poster. I just need some criticism so I can fix anything wrong with them.

%d bloggers like this: