YandiDesigns: Tutorial

How to Access Extra Glyphs in Windows 10, Illustrator and MS Words

Yandi 8:12 AM Comment

This quick tutorial is about , How to access extra glyphs in Windows 10, Adobe Illustrator and MS Word. So, if you have download or purchase fonts that contain extra glyphs like ligatures, stylistic set, swash etc. And you don't really know how does it works. Hope, this tutorial can give you some explanations.

How to install fonts in Windows.

Ok, We use Windows 10 in this tutorial, because I don't have Mac T_T. But, I think this will very similar way to install fonts. Just follow simple steps bellow.

Fonts info : I use Khanza Script by Rachma , for example.

If you get .ZIP files. Just unzip it.
Choose .OTF files , so you can access Open Type Features in some software editor. It's mean , you can access extra gylphs. I tried install .TTF , but I can not access the extra glyphs. So, I suggest you to choose .OTF files in this chase.
Just Double Click .OTF files then click Install. Done !

To check , your font has been Installed correctly. Just go to Your System (C:) > Windows > Fonts.

How to access Glyphs on Illustrator

I use Adobe Illustrator CS2 , you can download it here from Adobe, Legally. It's very old , but still works , he2 :).

Let's try !

Open your Illustrator , make New Document and Write some text.
To change fonts styles, just block your text then in the fonts options toolbar, you can choose what you like here even change the size too.
Go to Type > Glyphs. Then, choose your fonts , for example, Khanza Script. Now, you can access the extra glyphs.

How to access Glyphs on MS Words

Mmm... We try using MS Word because , I think it can be used to general people , both Designer and Non Designer. So, this section, we will show you , How to use extra Glyphs.

A. How to enable Ligatures in MS Word.

Open your MS Word (I use MS Word 2013).
Write some text.
Block that text that you want and Right Click your mouse then choose Font . Change the fonts style , for example Khanza Script.
In Advanced menu, just select "Standard Only" in the Ligatures:
Try some ligature word, for example "tt" , and done !

B. How to enable Stylistic Glyphs in MS Words.

If you want to access swash or stylistic set , just follow this steps bellow,

Folow step 1-3 above.
Go to Advanced menu, In Stylistic Set , choose the sets number and see the preview. It's depend what you like to add in the character.

That's all . I am sorry for my Bad English, Hope you will more understand what I mean by seeing the Image in Action . :)

I have design some MS Word template with affordable price , please check it out.

Align and Distribute in Inkscape

Yandi 8:09 AM Comment

When you're designing a vector in Inkscape. Sure you want to work neatly. Therefore, this time we will share tips on Align and Distribute in Inkscape. Hope, so that we can make a neat design and precision.

We will give some tips on Align and Distribute in Inkscape. Namely, consists of three types as follows.

A. Align and Distribute in the Page

From the picture above, we can see the vector that is not well organized, very messy. If we want collated into a line manually, of course, it is very difficult and imprecise. So, we will flatten some random vector on a page, the easy way. 1. Please go to menu Object> Align and Distribute. It is generally right side will show the Align and Distribute toolbar as shown below.

2. Block all vector that want to set. Then, on the Relative to:, select Page. This is because we will arrange the objects in a page. 3. If you want to organize a vector into one line. Then click: Center on horizontal axis on Align. Then, click Distribute centers equidistantly horizontally ". Tada!, All vectors will be neat, well organized and precision into one line. You can try to organize vector as you like.

B. Align and Distribute to Object It's self

Ok, we have 3 different objects as shown above. Then we want the three objects well organized into one object. Let's doing the following easy steps bellow. 1. As always go to Object> Align and Distribute to display the Toolbar Align and Distribute. If it appears, leave this step. 2. Block all objects. Then, as in the Relative to: Choose, Last Selected. 3. On the Align, click the Center on Vertical Axes and Center on Horizontal Axis. You're done!. Please feel free to play around with the buttons to add experience.

C. Align and Distribute The Nodes

In Inkscape, we can also arrange the Node to precision. It is very easy. 1. If you have made a vector path or line, Doubleclick vector path or line until all nodes appear. Then select nodes that want to set. 2. Go to Align and Distribute Toolbar. Then, will come out the other display as shown below. Well, Just choose the button that you like, and see what happens.

Both Thus Few Tips inspired by the work of Aron Nieze tutorial with little change from our editorial staff. May be useful. Don't forget to share , like to support us. Thank you :) . Yandi

How to Bulk Export Design in Affinity Designer

Yandi 8:05 AM Comment

I think Affinity Designer have a lot of export format specially best compatible with SVG , EPS and PSD. The more nice feature is Export Persona that allow you to bulk export or mass export with Slice Tool. This is very useful if you want to export bunch of individual object like icon in single click.

Today tutorial is about "How to bulk export design in Affiliate Designer".

Before we started, I will use last resources from tutorial "How to make flat isometric block like Minecraft with Affinity Designer"

If you ready. Click Export Persona icon in the left corner of the toolbar.

Choose Slice Tool or press S key.

Then drag your mouse around the object that you want to export individually. Slice them carefully. Please see the image bellow.

Well done..

I already slice them individually . Now, It's time to export.

Select the Slice object that you want to export.

Go to default tab . In the Preset menu choose the format files that you want. For example , I want to export them to PNG files . So , all selected Slice will be exported to PNG files with single click.

Just click Export Slices ( bellow layer ) to make it happen.

Again, Just one click and tadaaa ... Now you have bunch of ready PNG files.

That is all, thank you very much.

How To Make Flat Isometric Block like Minecraft Affinity Designer

Yandi 8:05 AM Comment

I just purchased Affinity Designer for Windows and really love play around with this software. Today I will show you quick design tutorial using Affinity Designer .

We will make flat isometric block like Minecraft block with Afinity Designer. Sure this is not totally like Minecraft block , they are popular, maybe their arts are far better than what we will did in this tutorial. But , no problem, we can make this simple.

How To Make Flat Isometric Block like Minecraft Affinity Designer

Well, you will need basic skill of vector designing , like how to draw line and coloring your design 😜. Don't worry, it's very easy. And , sure you will need software editor , we will use Affinity Designer in this tutorial as the main title. However, you can also use Adobe Illustrator or Inkscape or what you have in your computer , if you like, because I think, the method will little bit similar .