Category Archives: Updates

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.

Advertisements

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.

iParent 2011Poster and Logo


You may have noticed this bears a very similar design to the Got Plans? poster and this is due to my Got Plans? poster not being chosen as the best design choice. Since I was working on another poster for people that also managed Got Plans?, they wanted me to use the Got Plans? poster design for the iParent. I was working over the summer and met with my clients to discuss further changes to the poster. Thus, I implemented design changes such as the raffle tickets, large text/papers, placement of objects, etc. I was also asked to make a logo if it was possible. So here are the current drafts of the poster and logo.

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.

Gradual Change


With the events after the art show, I had ran out of things to work on. With day after day, I decided to help some students with tutorials they follow such as mine or others. Luck would have it, no one has worked on an iParent poster and that the competition for Got Plans was still open. With those two in mind, I decided to put some effort in these last days of high school.

This is the final efforts on my Got Plans? poster. I will have an exuberant amount of time for the iParent poster, which is what my current focus is as of now.

I will make a tutorial on how to create a cork-board effect in Illustrator.

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.

Game Physics


Finally updated my Physics poster to the current state that I’m happy with. There might be some mistakes in there but I can fix them.

Getting right on Track


Sorry for my absence, I had quite a busy week(s) with AP tests and prom and all that jazz.

I finish the buttons and shirt but I still have to fix the Senior Awards brochure.

What I’m working currently on is my AP Physics Poster for my class. I’m still trying to fix my Force problems. Hopefully, I can finish this soon so we can print it later.

I’m also taking up doing this year’s Got Plans? poster.

I meant to re-record video tutorials but seeing how my mic makes me sound like nails on a chalkboard, I’ll try to buy a better one soon.

Also, big news, I won a $60,ooo scholarship to attend San Diego State University.

First Video Tutorial


In light of the confusion faced on my recent tutorial. I came to the decision to make a video (without audio) tutorial to quickly show the steps I used. I plan to reupload a better version with sound.

Sorry, forgot it was blocked at school. Go here to view it.

3-D Billiard Ball Tutorial


This an adaption of the 3-D Peelings tutorial. It uses the same steps and methods. This can be used for both striped/solid colored balls.

What You’ll Be Making:



Tools:

  • Illustrator
  • 3-D Revolve
  • Map Art
  • Symbols

Steps:

1. A. Create a perfect circle using the Ellipse Tool (L).

B. Select its most left/right anchor point.

C. Click delete to remove the anchor point to form a semi-circle.

2. A. With the shape selected, go to Effect>3D>Revolve.

B. An options window show pop up.

C. Since the lightning and coloring is not where we need it, me must change it on our own.

D. Click More Options if you haven’t done so already. Change the surface to Diffuse Shading, the Ambient Light to 30%, and the blend steps to 100. Also add a new light button under the 3-D Sphere widget. Drag the lights all the way diagonally across on the sphere.

3. A. Leave away the circle for now. Draw a grid of 6×12 square grid (this matches the Map Art grid).

B. Draw a rectangle and make it as large ass the grid for a solid colored ball or about 2×12 for a striped-colored ball.

C. Draw a white circle in the center of the rectangle and make it about 1.5×1.5 squares large.

D. Use the type tool to create some numbers and choose a font like Arial. Type out a number and make it start from 9 to 15 for stripes or 1 to 8 for solids.

For stripes, make sure to also draw white rectangles that are as large as the red rectangle. Make sure that combined, they don’t exceed the grid size of 6×12 squares.


4. A. When you have your symbol ready, delete the grid since you don’t need it anymore.

B. Open up your symbol window by going to Window>Symbols. Drag all of your symbol together into the symbol window space. An options window will pop up. Name it anything then click OK.

C. You will now see a new symbol inside the symbol window. Now you’re ready for the next step.


5. A. Select the sphere again and click the 3-D effect inside of the Appearance window so that we can alter it some more. Click the Map Art button when the options window opens up.

B. Click the symbol drop-down menu and select the symbol we’ve previously created. The symbol will automatically be placed dead-center.

C. Click Scale to Fit to fill up all of the grid. This is what we wanted to happen. Make sure to also check the box for shade artwork.


6. A. Take time to drag around the cube (it won’t change the lighting) but will change the position of the symbol graphic.

B. Now click OK to have your new billiard ball 3-d graphic.

I hoped you enjoyed this tutorial and learned something new.

%d bloggers like this: