RSS

カテゴリー別アーカイブ: DirectSmile VDP Studio

Vertical Address Scripting Tips 5 of 5          —宛名の縦書き Tipsパート5— 

inkpot 5

This is the last(#5 of 5 series) Tips about the vertically address scripting (wiki : Horizontal and vertical writing in East Asian scripts).
To use this tips, it is necessary that you have a Japanese version of Adobe InDesign because it use one of the build-in feature of that only available in Japanese version of Adobe InDesign.

As basic knowledge and tips of the vertical address scripting, please refer to my old post regarding the vertical address scripting.

[JP]
これは宛名の縦組みに関するTipsシリーズの最終投稿(パート5)です。本Tipsの使用は日本語版のAdobe InDesign使用を前提としています。

また、宛名の縦組みに関する基本方法は過去の投稿「宛名の縦書き」を参照して下さい。

1. Apply different text formatting only on the multiple digit number in the recipient address.
2. Force to display recipient address in one line when it doesn’t have any value which should use 2nd line.
3. Furthermore, to display second line of recipient’s address if it has over certain number of characters.

1. 住所に含まれる連続する2桁以上の数列に対して、その桁数毎に異なる文字調整を行う。
2.住所表示にが二行要する場合に、指定した文字数を超える場合にテキストサイズを変更させる。
3.但し、二行目を必要としない住所の場合は必ず一行で表示させる

This tips if for user who have below request.
このTipsは以下の様な要望をお持ちのユーザー向けです。

  • The way of Tip 3 just switch text frame to which has different text formatting when it hit a condition. So it affect not only number in address, but also normal text of recipient’s address as well. If you would like to have that text formatting only for number in recipient’s address, then please refer this tip.
    (This tip is what was integrated all tips I have posted in this series)
  • Tip 3で紹介した方法では、2桁以上の連続する数値列を認識した場合に異なる組版設定をしたテキストフレームに住所を表示する方法であったので、文字ツメをする必要がないテキストに対しても効果がかかり、見栄えが崩れてしまう。文字ツメの効果を連続する数値列のに反映させたい。また、住所表示に二行要する場合に、二行目が特定の文字数を超える時にテキストサイズを小さくしたい。(つまり、今まで紹介したTipsの統合版です)

What you can achieve with this tip?

このTipsで何が出来るのか?

This tips make you able to display recipient address by following condition.

  • Apply the kerning only for multiple digit number in the recipient’s address.
  • Display recipient’s address in one line by changing text size, especially if record doesn’t have any value which should be displayed in second line.
  • Display recipient’s address in two line if record has value for second line.
  • Change the text size of second line when text string has more than certain number of characters.

本Tipsを使用すると、以下の効果を反映できます。

  • 住所に含まれる複数桁の数列のみに対して、桁数に応じて異なる文字ツメの効果をかける。
  • 住所が二行目の表示を要する値を持たない場合は、テキストサイズを変更して、必ず一行で表示する。
  • 住所が二行目の表示を要する値を持つ場合には、住所を二行で表示させる。
  • 住所が二行目の表示を要する値を持ち、さらに特定の文字数を超える場合にテキストサイズを変更して表示する。

Preview :
プレビュー:

Vertical Scripting Tip5 - Preview

Setup
設定方法

Please refer to former post of this series regarding basic setting.

縦組みのテキストフレームに関する基本的設定方法は過去の投稿を参照してください。

    1. Create variables at outside of page layout. Those variables will be used for script.
      ページのレイアウト範囲外にスクリプトで使用するためのバリアブルを作成します。
      Vertical Scripting Tip 5 - Alternative Variables
    2. Create text frame for vertically scripting.
      宛名用に縦組みのテキストフレームを作成します。
      VerticalScripting5-VariableTextFrame
    3. Register all frames in DSM-Bridge as variable element.
      全てのバリアブル項目をDSM-Bridgeに登録する。
    4. Setup for each variables :
      All variable should have assignment like below.
      バリアブル項目への割り当て:
      以下の様に割り当てを行います。
      VerticalScripting5-Address_part1_Assignment

      VerticalScripting5-Address_part1_Assignment_Preview
      VerticalScripting5-Address_part2_Assignment
    5. Edit VBScript
      Let’s edit vbscript. I made script that named as “TextSizeChangeScript”. Here is the entire  of script code.
      VBスクリプトの編集:
      それではVBスクリプトを編集します。今回は以下のようにしました。
      VerticalScripting5-Script_Preview

      function TextSizeChangeScript()
           MaxSize = 18
           MinLen = 16
           MinLen2 = 10
           s = Var.GetS("Address_part1")
           Count = CountLength(s)
           Factor = MinLen / Count
           NewSize = MaxSize * factor
      
           If NewSize > MaxSize Then NewSize = MaxSize
           FirstLine= Var.SIZE(CDbl(NewSize)) & MojiTsume(s) & Var.tag("cs", "")
      
           t = Var.GetS("Address_part2")
           Count2 = CountLength(t)
           If Count2 > 0 Then
                Factor2 = MinLen2 / Count2
                NewSize2 = MaxSize * Factor2
      
                If NewSize2 > MaxSize Then NewSize2 = MaxSize
                SecondLine = Var.SIZE(CDbl(NewSize2)) & MojiTsume(t) & Var.tag("cs", "")
                TextSizeChangeScript = FirstLine & vbcrlf & SecondLine
            Else
                TextSizeChangeScript = FirstLine
           End If
          Var.puts "nogtips_Final", TextSizeChangeScript
      End function
      '***************************************************************************
      function CountLength(value)
          Dim address
          Dim regExp2, regExp3
          Dim oMatch, oMatches, pMatch, pMatches
          Dim aCnt, bCnt
          Dim newStr(10), new2Str(10), new3Str(10), new4Str(10)
          Dim a(10), b(10) ,c(10), d(10)
          Dim atex(10)
          Dim btex(10)
          Dim result
          address = value
      
                Set regExp3 = New RegExp
                regExp3.Pattern = "(\d{3})"
                regExp3.Global = True
                Set oMatches = regExp3.Execute(address)
                aCnt = oMatches.Count
                     If aCnt > 0 Then
                          For i = 0 To (aCnt - 1)
                               Set oMatch = oMatches(i)
                               atex(i) = oMatch.Value
                               a(i) = i
                                    If i = 0 Then
                                         newStr(0) = Replace(address, oMatch.SubMatches(0), a(i))
                                    Else
                                         newStr(i) = Replace(newStr(i - 1), oMatch.SubMatches(i), a(i))
                                    End If
                          Next
                               Set regExp2 = New RegExp
                               regExp2.Pattern = "(\d{2})"
                               regExp2.Global = True
                               Set pMatches = regExp2.Execute(newStr(aCnt - 1))
                               bCnt = pMatches.Count
      
                               If bCnt > 0 Then
                                    For i = 0 To (bCnt - 1)
                                         Set pMatch = pMatches(i)
                                         btex(i) = pMatch.Value
                                         b(i) = i
                                              If i = 0 Then
                                                   new2Str(0) = Replace(newStr(aCnt - 1), pMatch.SubMatches(0), b(i))
                                              Else
                                                   new2Str(i) = Replace(new2Str(i - 1), pMatch.SubMatches(0), b(i))
                                              End If
                                    Next
                                    CountLength = Len(new2Str(bCnt - 1))
                               Else
                                    CountLength = Len(newStr(aCnt - 1))
                               End If
                     Else
                          Set regExp2 = New RegExp
                          regExp2.Pattern = "(\d{2})"
                          regExp2.Global = True
                          Set pMatches = regExp2.Execute(address)
                          bCnt = pMatches.Count
      
                          If bCnt > 0 Then
                               For i = 0 To (bCnt - 1)
                                    Set pMatch = pMatches(i)
                                    btex(i) = pMatch.Value
                                    b(i) = i
                                         If i = 0 Then
                                              new2Str(0) = Replace(address, pMatch.SubMatches(0), b(i))
                                         Else
                                              new2Str(i) = Replace(new2Str(i - 1), pMatch.SubMatches(0), b(i))
                                         End If
                               Next
                               CountLength = Len(new2Str(bCnt - 1))
                          Else
                               CountLength = Len(address)
                          End If
                     End If
      End function
      '***************************************************************************
      function MojiTsume(value)
            Dim address
            Dim regExp2, regExp3
            Dim oMatch, oMatches, pMatch, pMatches
            Dim aCnt, bCnt
            Dim newStr(10), new2Str(10), new3Str(10), new4Str(10)
            Dim a(10), b(10) ,c(10), d(10)
            Dim atex(10)
            Dim btex(10)
            Dim result
                address = value
      
                Set regExp3 = New RegExp
                regExp3.Pattern = "(\d{3})"
                regExp3.Global = True
                Set oMatches = regExp3.Execute(address)
                aCnt = oMatches.Count
      
                     If aCnt > 0 Then
                          For i = 0 To (aCnt - 1)
                               Set oMatch = oMatches(i)
                               atex(i) = oMatch.Value
                               a(i) = "tex" & i & "t"
                                    If i = 0 Then
                                         newStr(0) = Replace(address, oMatch.SubMatches(0), a(i))
                                    Else
                                         newStr(i) = Replace(newStr(i - 1), oMatch.SubMatches(i), a(i))
                                    End If
                          Next
                               Set regExp2 = New RegExp
                               regExp2.Pattern = "(\d{2})"
                               regExp2.Global = True
                               Set pMatches = regExp2.Execute(newStr(aCnt - 1))
                               bCnt = pMatches.Count
      
                               If bCnt > 0 Then
                                    For i = 0 To (bCnt - 1)
                                         Set pMatch = pMatches(i)
                                         btex(i) = pMatch.Value
                                         b(i) = "texx" & i & "xt"
                                              If i = 0 Then
                                                   new2Str(0) = Replace(newStr(aCnt - 1), pMatch.SubMatches(0), b(i))
                                              Else
                                                   new2Str(i) = Replace(new2Str(i - 1), pMatch.SubMatches(0), b(i))
                                              End If
                                    Next
      
                                    For i = 0 To (aCnt - 1)
                                         Set oMatch = oMatches(i)
                                         atex(i) = oMatch.Value
                                         a(i) = "tex" & i & "t"
                                         c(i) = Var.tag("cTsume", "1.0") & atex(i) & Var.tag("cTsume", "")
                                              If i = 0 Then
                                                   new3Str(0) = Replace(new2Str(bCnt - 1), a(i), c(i))
                                              Else
                                                   new3Str(i) = Replace(new3Str(i - 1), a(i), c(i))
                                              End If
                                    Next
                                    For i = 0 To (bCnt - 1)
                                         Set pMatch = pMatches(i)
                                         btex(i) = pMatch.Value
                                         b(i) = "texx" & i & "xt"
                                         d(i) = Var.tag("cTsume", "0.5") & btex(i) & Var.tag("cTsume", "")
                                              If i = 0 Then
                                                   new4Str(0) = Replace(new3Str(aCnt - 1), b(i), d(i))
                                              Else
                                                   new4Str(i) = Replace(new4Str(i - 1), b(i), d(i))
                                              End If
                                    Next
                                    MojiTsume = new4Str(bCnt - 1)
                               Else
                                    For i = 0 To (aCnt - 1)
                                         Set oMatch = oMatches(i)
                                         atex(i) = oMatch.Value
                                         a(i) = "tex" & i & "t"
                                         c(i) = Var.tag("cTsume", "1.0") & atex(i) & Var.tag("cTsume", "")
                                              If i = 0 Then
                                                   new3Str(0) = Replace(newStr(aCnt - 1), a(i), c(i))
                                              Else
                                                   new3Str(i) = Replace(new3Str(i - 1), a(i), c(i))
                                              End If
                                    Next
                                    MojiTsume = new3Str(aCnt - 1)
                               End If
                     Else
                          Set regExp2 = New RegExp
                          regExp2.Pattern = "(\d{2})"
                          regExp2.Global = True
                          Set pMatches = regExp2.Execute(address)
                          bCnt = pMatches.Count
      
                          If bCnt > 0 Then
                               For i = 0 To (bCnt - 1)
                                    Set pMatch = pMatches(i)
                                    btex(i) = pMatch.Value
                                    b(i) = "texx" & i & "xt"
                                         If i = 0 Then
                                              new2Str(0) = Replace(address, pMatch.SubMatches(0), b(i))
                                         Else
                                              new2Str(i) = Replace(new2Str(i - 1), pMatch.SubMatches(0), b(i))
                                         End If
                               Next
                               For i = 0 To (bCnt - 1)
                                    Set pMatch = pMatches(i)
                                    btex(i) = pMatch.Value
                                    b(i) = "texx" & i & "xt"
                                    d(i) = Var.tag("cTsume", "0.5") & btex(i) & Var.tag("cTsume", "")
                                         If i = 0 Then
                                              new4Str(0) = Replace(new2Str(bCnt - 1), b(i), d(i))
                                         Else
                                              new4Str(i) = Replace(new4Str(i - 1), b(i), d(i))
                                         End If
                               Next
                               MojiTsume = new4Str(bCnt - 1)
                          Else
                               MojiTsume = address
                          End If
                     End If
      End function
      '***************************************************************************
      
    6. Edit variable property :
      The last thing and most important is to specify the order of variable process. If you don’t set it, or set wrong order, you will get unexpected result or simply it won’t work. Please set correct order depends on your variable assignment and script that you set.

      バリアブルのプロパティ設定を行う:
      最後にして、一番重要なTipsはバリアブルに対する「値を受け取る順序設定」です。この設定が正しくない、正しい順序で設定されていない場合は、予期せぬ表示結果を得る可能性があります。ですので、確実に順序立てて値を受け取れるように各バリアブルに対してプロパティを設定していきます。
      VerticalScripting5-Script_Order
      VerticalScripting5-VerticalScriptingTextFrame_Order

      Here is the exactly order in this sample.
      各バリアブルの値を受け取る順序設定は以下の通りです。

      ”Address_part1” = 1
      ”Address_part2” = 1
      ”TextSizeChangeScript” = 2
      ”nogtips_Final” = 3

Output Preview
出力プレビュー

VerticalScripting5-Output
以上で、全5回に渡る縦組みに関するTips紹介を終わります。日本、アジアのユーザーのお役に立てば幸いです。

広告
 

タグ: , , , , , , , , , , , , , , ,

Vertical Address Scripting Tips 4 of 5          —宛名の縦書き Tipsパート4— 

nogtips --- Vertical Scripting Tips 4 ---
This is #4 of 5 series Tips about the vertically address scripting
(wiki : Horizontal and vertical writing in East Asian scripts).
To use this tips, it is necessary that you have a Japanese version of Adobe InDesign because it use one of the build-in feature of that only available in Japanese version of Adobe InDesign.

As basic knowledge and tips of the vertical address scripting, please refer to my old post regarding the vertical address scripting.

[JP]
これは宛名の縦組みに関するTipsシリーズのパート4です。本Tipsの使用は日本語版のAdobe InDesign使用を前提としています。

また、宛名の縦組みに関する基本方法は過去の投稿「宛名の縦書き」を参照して下さい。

How to lay out the recipient name looking nicely when it should be joint signature.

宛名の連名表記を見栄え良く表示する方法

This tips if for user who have below request.
このTipsは以下の様な要望をお持ちのユーザー向けです。

  • Lay out multiple recipient name looks nicely, especially when the database contain not only full name, but also only first name as second name that should be displayed.
  • 氏名・名のみなどのレコードが混在するデータベース使用時に、宛名の連名表記を見栄え良く表示したい

Preview of the problematic text display :
問題点の画像プレビュー:

Vertical Scripting Tips 4 Preview 1

Preview 1 : Full Name for main recipient and Full Name for second recipient.
As you can see, it’s no problem at all. Both text fit into text frame, and was adjusted accordingly by Adobe InDesign text frame setting.

プレビュー1:メインの宛名が氏名、連名も氏名の場合
ご覧のとおり、何の問題もありません。どちらの宛名もAdobe InDesignのテキストフレームの設定に従って表示されています。

Vertical Scripting Tips 4 Preview 2

Preview 2 : Full Name for main recipient and only First Name for second recipient.
As you can see, it looks not nice, especially for second recipient’s name. It because this text frame have been set with “Full Justification” in vertically.

プレビュー2:メインの宛名が氏名で、連名が名前のみの場合
御覧いただける通り、連名用の名前が両端揃えにて表示されているので、見栄えが良くありません。

Vertical Scripting Tips 4 Preview 3

Preview 3 : Full Name for main recipient and only First Name for second recipient. (nogtips version)
This looks much better than above one. So we added additional space key in front of second recipient’s first name. So it start to describe her name almost same position of mail recipient’s first name.

プレビュー3:メインの宛名が氏名、連名も氏名の場合(nogtips使用バージョン)
御覧いただける通り、連名の名前がメインの宛名の苗字部分より下がって表示されているので、より見栄えが良くなっています。

What you can achieve with this tip?

このTipsで何が出来るのか?

This tips make you able to display a join signature with nice-looking. Especially, when your database contain second name that should be a part of the joint signature as recipient name even those name is full-name, or just only first name.(It because if you assign the second name to text frame, the looking of those text frame is not good when it only have first name, because it will start to describing from the top, although other name start from Last name + First name)

本Tipsを使用すると、宛名の連名表記をするにあたり、データベースに二番目の方の名前が「氏名(フルネーム)」または「名前のみ」といった値が混在する場合に、単一のテキストフレームへのテキストの流しこみをす事による見栄えの崩れを防げ、連名であっても見栄え良く表記する事が可能になります。

Preview :
プレビュー:

Vertical Scripting Tips 4 Preview 4
With this tips, even your database contain both type of name as second recipient name(Full name or only First name), it can display the recipient name with nice-looking.

このTipsを使用すると、例えデータベースのレコードが連名用の項目に「氏名」または「名前のみ」といった値が混在している場合でも、一括処理が可能になり、また見栄えを良くすることが可能になります。

Setup
設定方法

Please refer to former post of this series regarding basic setting.

縦組みのテキストフレームに関する基本的設定方法は過去の投稿を参照してください。

  1. Create variables at outside of page layout. Those variables will be used for script.
    ページのレイアウト範囲外にスクリプトで使用するためのバリアブルを作成します。
    Actual database looks like below.
    実際に使用しているデータベースは以下の通りです。
    Vertical Scripting Tips 4 Database
  2. Create text frame for vertically scripting.
    宛名用に縦組みのテキストフレームを作成します。Vertical Scripting Tips 4 Text Frame 1

    You should check maximum characters that can be displayed vertically by this text frame. I checked it by using “circle” instead of typing character. And this text frame can display 10 characters as vertical maximum number.(It’s just for checking, so you can remove those circles after you check it)With this text frame, you need to set “Full Justification” as type setting.

    宛名用のテキストフレームを作成する際は、最大何文字まで縦組みにて表記出来るのかをチェックします。今回は「○」を使用して文字数のチェックをしています。このテキストフレームには縦組みにて最大10文字表記することが可能です。

    Vertical Scripting Tips 4 Text Frame 2

  3. Register all frames in DSM-Bridge as variable element.
    全てのバリアブル項目をDSM-Bridgeに登録する。
  4. Setup for each variables :
    All variable should have assignment like below.

    バリアブル項目への割り当て:
    以下の様に割り当てを行います。

    [[Full_Name]]
    Vertical Scripting Tips 4 Variable Assignment - FullName

    [[Name1]]
    Vertical Scripting Tips 4 Variable Assignment - Name1
    Because both of them will be used as recipient name, so I addes “様” as title oh honor in the end of their name.

    これらのバリアブル項目は実際に宛名用のテキストフレームにて使用する値となるので、宛名用に最後に「様」を追加します。

  5. Edit VBScript
    Let’s edit vbscript. I made script that named as “Vertical Script3”. Here is the entire of script code.

    VBスクリプトの編集:
    それではVBスクリプトを編集します。今回は以下のようにしました。
    Vertical Scripting Tips 4 Variable Assignment -VBScript

    function JointSignatureScript()
    	Dim firstName, secondName, secondWithSal, spacekey, Cnt, work, work2, aspace, secondFullText
    	firstName = RS("氏名")
    	secondWithSal = RS("連名用")
    	spacekey=" "
    	Cnt=Len(firstName)
    	work=InStr(firstName, spacekey)
    	work2 = InStr(secondName, spacekey)
    	If work2 <> 0 Then
    		Var.PutS "JSign01", secondWithSal
    		JointSignatureScript = secontWithSal
    	Else
    		aspace = String(work, spacekey)
    		secondFullText = aspace & secondWithSal
    		Var.PutS "JSign01", secondFullText
    		JointSignatureScript = secondFullText
    	End If
    End function
    
  6. Edit variable property :
    The last thing and most important is to specify the order of variable process. If you don’t set it, or set wrong order, you will get unexpected result or simply it won’t work. Please set correct order depends on your variable assignment and script that you set.
    バリアブルのプロパティ設定を行う:
    最後にして、一番重要なTipsはバリアブルに対する「値を受け取る順序設定」です。この設定が正しくない、正しい順序で設定されていない場合は、予期せぬ表示結果を得る可能性があります。ですので、確実に順序立てて値を受け取れるように各バリアブルに対してプロパティを設定していきます。Vertical Scripting Tips 4 Process Order -VBScript
    Vertical Scripting Tips 4 Process Order -Recipient Name -TextFrame

    Here is the exactly order in this sample.
    各バリアブルの値を受け取る順序設定は以下の通りです。

    “Full_Name” = 1
    “Name1” = 1
    “Script” = 2
    “JSgin01” = 3

Output Preview
出力プレビュー

Vertical Scripting Tips 4 Output PDF Preview

 

タグ: , , , , , , , , , , , ,

Vertical Address Scripting Tips 3 of 5          —宛名の縦書き Tipsパート3— 


This is #3 of 5 series Tips about the vertically address scripting (wiki : Horizontal and vertical writing in East Asian scripts).
To use this tips, it is necessary that you have a Japanese version of Adobe InDesign because it use one of the build-in feature of that only available in Japanese version of Adobe InDesign.

As basic knowledge and tips of the vertical address scripting, please refer to my old post regarding the vertical address scripting.

[JP]
これは宛名の縦組みに関するTipsシリーズのパート3です。本Tipsの使用は日本語版のAdobe InDesign使用を前提としています。

また、宛名の縦組みに関する基本方法は過去の投稿「宛名の縦書き」を参照して下さい。

How to change text frame depends on how many digit in the customer address as maximum.

住所に含まれる番地や部屋番号などの連続数値の桁数に応じて表示するテキストフレームを変更する

This tips if for user who have below request.
このTipsは以下の様な要望をお持ちのユーザー向けです。

  • Need to display customer address in different text frame which have different text formatting, only when address contain multiple digit number in it.
  • 住所の見栄えを良くする為に、住所に複数桁数の数字が含まれている場合に、異なるテキスト設定を行ったフレームにて表示させたい

What you can achieve with this tip?

このTipsで何が出来るのか?

This tips make you able to display variable text in different text frame where you set different text formatting.(Although you can see text in each text frames in below screen shot, it is only for better understanding of differences between each Tips. By Using this VBScript, you can divide text frame for display customer address, especially depends on whether address contain any number larger than 100(3 digit) or not.)

本Tipsを使用すると、以下の様に複数桁数を含む住所を処理する際に別のテキストフレームにて表示する事が可能です。(それぞれのTipsによる表示結果の差異を明示する為に全てのテキストフレームに住所を表示させていますが、実際にこのTipsを使用した場合には、住所が3桁以上の連続する数値を含む場合にのみ、ターゲットのテキストフレームに住所を表示させる事が可能です。レイヤー・バリアブルと併せて使用することで、表示するテキストフレームを変更出来ます。)

Preview :
プレビュー:

As you can see, the text frame in the right side(nogtips3) display entire of customer address by using “MOJI-TSUME” which is the menu only available on Japanese version of InDesign:-)
So you can see 3 digit number which looks use similar width than other single characters.

ご覧のとおり、一番右の今回のTipsを適用したテキストフレームでは、文字に「文字ツメ」の効果がかかっており、連続する3桁以上の数を表示するにあたっても、別の数値と近い文字幅にて表示しています。

Setup
設定方法

Please refer to former post of this series regarding basic setting.

縦組みのテキストフレームに関する基本的設定方法は過去の投稿を参照してください。

  1. Create variables at outside of page layout. Those variables will be used for script.
    ページのレイアウト範囲外にスクリプトで使用するためのバリアブルを作成します。
  2. Create text frame for vertically scripting.
    宛名用に縦組みのテキストフレームを作成します。
  3. Register all frames in DSM-Bridge as variable element.
    (Since this database has multiple column that each column has small part of recipient address. So I made another variable that can integrated 4 column that all records has value in it)
    Please refer to my last postregarding the assignment for Case1 and Case2.
    全てのテキストフレームをDSMブリッジへ登録します。
    (本Tipsは複数の項目にて住所情報を保存しているDBの使用を想定しています。ですので、始めにある程度住所情報を結合して表示するための代替用バリアブル項目([[Address]])を作成しています。またこのバリアブルへの割り当て設置段階で、ハイフン「-」を全角マイナス「ー」に置き換える設定を行います。詳細についてはTips第1弾を参照して下さい)
  4. Setup for “nogtips_Multi_Digit_Address” :
    For this text frame, we set “MOJI-TSUME” with 100 as its value. So all text will be displayed by shrinking space beteen each character.(*This feature only available on Japanese version of Adobe InDesign)
    バリアブル[[nogtips_Multi_Digit_Address]]の設定:
    このテキストフレームは「文字ツメ」効果を設定し、テキストが詰まって表示されるように設定します。これにより、複数桁数の数値を縦中横で表示する際でも、ある程度全体の文字幅を縮めて表示する事が可能になります。
  5. Edit VBScript
    Let’s edit vbscript. I made script that named as “Vertical Script3”. Here is the entire of script code.
    VBスクリプトの編集:
    それではVBスクリプトを編集します。今回は以下のようにしました。

    function VerticalScript3()
    	Dim address, s, t
    	S=Var.GetS("Case2")
    	Set address = new RegExp
    	address.pattern = *\d{3,}*
    
    '今回は明示的に表示するフレームを変更する方法を取るので以下条件に合わない場合Falseとしていますが、適宜変更してください。
    'To control a using text frame more explictly, it force to false. Threrefore please change it to suit with you.
    	If address.Test(s) Then
    		Var.PutS "nogtips_Multi_Digit_Address", s
    		VerticalScript3=True
    	Else
    		Var.PutS "nogtips_Multi_Digit_Address", ""
    		VerticalScript3=False
    	End If
    End function
    

    This script handles all text like below.
    It search if there is any number that larger than 3 digit by using Regular Expression. If it find any number that higher than 99, then it will assign a customer address to “nogtips_Multi_Digit_Address”. If not, then it assign just empty value.
    正規表現を使って住所に3桁以上の数値が含まれている場合にのみ、バリアブル[[nogtips_Multi_Digit_Address]]に対して住所を割り当てます。それ以外の場合は空の値を割り当てます。

  6. Layer Variable :
    To change display text frame depends on whether address contain multiple digit number in it, we set the condition for InDesign Layer. So layer that have a variable [[nogtips_Multi_Digit_Address]] will be used only when it match with condition.
    バリアブル・レイヤー:
    住所に複数桁数の数値が含まれている場合にのみ表示するテキストフレームを変更します。今回はバリアブル・レイヤーを使用します。

  7. Edit variable property :
    The last thing and most important is to specify the order of variable process. If you don’t set it, or set wrong order, you will get unexpected result or simply it won’t work. Please set correct order depends on your variable assignment and script that you set.
    バリアブルのプロパティ設定を行う:
    最後にして、一番重要なTipsはバリアブルに対する「値を受け取る順序設定」です。この設定が正しくない、正しい順序で設定されていない場合は、予期せぬ表示結果を得る可能性があります。ですので、確実に順序立てて値を受け取れるように各バリアブルに対してプロパティを設定していきます。

    Here is the exactly order in this sample.
    各バリアブルの値を受け取る順序設定は以下の通りです。
    ”Address” = 1
    “Case1″ = 2
    “Case2″ = 2
    “Case3″ = 2
    “Vertical Script” = 3
    “nogtips_Address” =4
    “Vertical Script 3” = 3
    “nogtips_Multi_Digit_Address” = 4

Output Preview
出力プレビュー

 

タグ: , , , , , , , , , , , ,

Vertical Address Scripting Tips 2 of 5          —宛名の縦書き Tipsパート2— 

This is #2 of 5 series Tips about the vertically address scripting (wiki : Horizontal and vertical writing in East Asian scripts).
To use this tips, it is necessary that you have a Japanese version of Adobe InDesign because it use one of the build-in feature of that only available in Japanese version of Adobe InDesign.

As basic knowledge and tips of the vertical address scripting, please refer to my old post regarding the vertical address scripting.

[JP]
これは宛名の縦組みに関するTipsシリーズのパート2です。本Tipsの使用は日本語版のAdobe InDesign使用を前提としています。

また、宛名の縦組みに関する基本方法は過去の投稿「宛名の縦書き」を参照して下さい。

How to assign text with size specification when it should contain several size formatting?

同一フレームに対して割り当てるテキストを、サイズを変更した物と変更してない物で使い分け方

This tips if for user who have below request.
このTipsは以下の様な要望をお持ちのユーザー向けです。

  • Need to display customer address with different size formatting on first line and second line(Only when it require line feed. No need to change the text size when it can display in one line)
  • 改行を要する場合に、二行目のテキストサイズを変更したい。但し、二行目のテキスト数が少ない場合はサイズ変更せず、ある程度のテキスト数を超えた場合にのみサイズを小さくして表示したい。

What you can achieve with this tip?

このTipsで何が出来るのか?

This tips make you able to display variable text with different size on second line when it insert line feed in it.

本Tipsを使用すると、以下の様な改行を含む宛名表記に際して、一行目と二行目のテキストサイズを自動的に変更する事が可能になります。

Preview :
プレビュー:

As you can see in right side text frame, with this script, it can display text not only by inserting line feed when it  need multiple line, but also it can change the size of second line depends on the text length.

ご覧のとおり、本Tipsを使用したケースでは改行を挿入するだけでなく、改行後に続く行に表示されるテキストのサイズを変更する事が可能です。また、このテキストサイズの変更は二行目のテキストの文字数に応じて自動的に変更されるので、少ないテキスト数の場合はサイズ変更せずに二行目を表示します。

Setup
設定方法

Please refer to former post of this series regarding basic setting.

縦組みのテキストフレームに関する基本的設定方法は過去の投稿を参照してください。

  1. Create variables at outside of page layout. Those variables will be used for script.
    ページのレイアウト範囲外にスクリプトで使用するためのバリアブルを作成します。
  2. Create text frame for vertically scripting.
    宛名用に縦組みのテキストフレームを作成します。
  3. Register all frames in DSM-Bridge as variable element.
    (Since this database has multiple column that each column has small part of recipient address. So I made another variable that can integrated 4 column that all records has value in it)
    Please refer to my last postregarding the assignment for Case1 and Case2.
    全てのテキストフレームをDSMブリッジへ登録します。
    (本Tipsは複数の項目にて住所情報を保存しているDBの使用を想定しています。ですので、始めにある程度住所情報を結合して表示するための代替用バリアブル項目([[Address]])を作成しています。またこのバリアブルへの割り当て設置段階で、ハイフン「-」を全角マイナス「ー」に置き換える設定を行います。詳細についてはTips第1弾を参照して下さい)
  4. “Setup for Case3” :
    Open assignment window, and insert additional field in front of assigned database column which should be used in second line. Then specify the font size by using “Font” menu.
    バリアブル[[Case3]]の設定 :
    割り当てウィンドウを開き、二行目に使用するDB項目の割り当て直前に割り当てフィールドを追加します。(フィールドを選択し、右クリックメニューから新規フィールドの挿入が可能です) 次に、挿入したフィールドにて「フォント」タブをクリックし、サイズの指定を行います。ここではサイズオプションを有効化し、サイズに10ptを指定しました。ここでは有効にしていませんが、チェックボックスにチェックを入れる事で、サイズ同様にフォントの種類、色の変更も可能です。
  5. Edit VBScript
    Let’s edit vbscript. I made script that named as “Vertical Script”. Here is the entire of script code.
    VBスクリプトの編集:
    それではVBスクリプトを編集します。前回紹介したVerticalScriptを改変し、以下の様なスクリプトを記述します。

    function VerticalScript()
    	Dim Count
    	Dim Count2
    	Dim Work
    	Dim Work2
    	Dim s
    	Dim t
    		s = Var.GetS("Case1")
    		t = Var.GetS("Case2")
    		u = Var.GetS("Case3")
    		Count = Var.GetS("Case1")
    		Count2 = Var.GetS("Line2")
    		Work = Len(Count)
    		Work2 = Len(Count2)
    		If Work > 19 Then
    			If Work2 > 10 Then
    				Var.PutS "nogtips_Address", u
    			Else
    				Var.PutS "nogtips_Address", t
    			End If
    		Else
    			Var.PutS "nogtips_Address", s
    		End If
    			VerticalScript = Work
    End function
    

    This script handle all text like below.
    If entire address have more than 19 character, and second line has more than 10 character, then it use small size of text for second line. If not, use normal size.
    If entire text less than 20, then use normal size in one line.このスクリプトにより、住所としての文字列全体が19文字を超える場合は、次に二行目のテキストの文字数をカウントし、二行目が10文字以上の場合にはテキストサイズを10ptに変更させます。それ以外の場合はサイズ変更なしの二行目表示となり、そもそも一行で表示可能なテキスト数の場合は、一行で表示させます。

  6. Edit variable property :
    The last thing and most important is to specify the order of variable process. If you didn’t set it, or set wrong order, you will get unexpected result or simply it won’t work. Please set correct order depends on your variable assignment and script that you set.
    バリアブルのプロパティ設定を行う:
    最後にして、一番重要なTipsはバリアブルに対する「値を受け取る順序設定」です。この設定が正しくない、正しい順序で設定されていない場合は、予期せぬ表示結果を得る可能性があります。ですので、確実に順序立てて値を受け取れるように各バリアブルに対してプロパティを設定していきます。


    Here is the exactly order in this sample.

    各バリアブルの値を受け取る順序設定は以下の通りです。

    ”Address” = 1
    “Case1″ = 2
    “Case2″ = 2
    “Case3” = 2
    “Vertical Script” = 3
    “nogtips_Address” =4

    Output Preview
    出力プレビュー

 

タグ: , , , , , , , , , , ,

Vertical Address Scripting Tips 1 of 5 —宛名の縦書き Tipsパート1—

This is #1 of 5 series Tips about the vertically address scripting (wiki : Horizontal and vertical writing in East Asian scripts).
To use this tips, it is necessary that you have a Japanese version of Adobe InDesign because it use one of the build-in feature of that only available in Japanese version of Adobe InDesign.

As basic knowledge and tips of the vertical address scripting, please refer to my old post regarding the vertical address scripting.

[JP]
これは宛名の縦組みに関するTipsシリーズのパート1です。本Tipsの使用は日本語版のAdobe InDesign使用を前提としています。

また、宛名の縦組みに関する基本方法は過去の投稿「宛名の縦書き」を参照して下さい。

How to insert line feed depends on the number of character

同一フレームに対して割り当てるテキストを、改行を含んだものと含んでいないもので使い分ける。

This tips if for user who have below request.
このTipsは以下の様な要望をお持ちのユーザー向けです。

  1. DirectSmile automatically puts all value of record that you assigned to variable frame. Then layout of the text is not looking good. Especially, something which should be formatted as much as beautiful, like a recipient address.
    ダイレクトスマイルはテキストフレームに対して、割り当てた値をDBから自動的に流し込みます。
    この様な場合、縦組みのテキストフレームだと、特に見栄えやレイアウトが悪くなってしまう事があります。このレイアウト、組版を調整する事が可能です。
  2. Using “Adobe InDesign Output option”, you cannot use “Shrink” or “Shrink/Grow” option. So it’s not possible to display all text in one line.
    アドビ・インデザイン出力オプションを使用すると、「縮小」または「縮小・拡大」といったテキストフレームに対するオプション設定が使用出来ません。
    この様な場合でも確実に一行でテキストを表示させるというレイアウトが実現出来ます。

What you can achieve with this tip?
このTipsで何が出来るのか?

This tips make you able to display variable text in one line or multiple line depends on the number of assigned text.
このTipsでは、バリアブルテキストの文字数をカウントし、特定の数値より上の場合は、事前に用意した別のバリアブル・テキスト(改行設定つき)を使い、特定の数値以下の場合は改行設定のないバリアブル・テキストを割り当てる方法をご紹介します。
これによって、一行で全体を表示出来るものは、一行で表示させ、改行を要するテキスト長の場合は、任意の場所で改行させる事を可能にます。

Preview :
プレビュー

As you can see above preview, left frame(simple assignment) just puts all text, and when it reach of bottom of frame, it automatically go to next line, and puts rest of text. On the other hand, right side frame automatically insert the line feed after it put first part of recipient address.
上記のプレビューでご覧頂ける通り、左側のフレームは改行設定をせず、単にテキストを縦組みのフレームへ流し込んでいます。一方、右側のフレームは改行を含む設定をしており、改行を要するほどテキストが長い場合に、自動的に任意の位置で改行コードを挿入し、より見栄えの良い表示結果となっています。

Setup
設定方法

  1. At first, it expect that at least you have 2 columns that contain customer address.
    始めに:
    このTipsでは以下の様なデータベースの使用を想定しています。最低でも顧客住所は複数の項目にて構成されている様なDBが本Tipsの使用には必要不可欠です。
  2. Create variables at outside of page layout. Those variables will be used for script.
    後ほど設定するスクリプトから、参照使用する為にInDesignのデザインレイアウト範囲外にバリアブルテキストを作成します([[VerticalScript]], [[Case1]], [[Case2]])
  3. Create text frame for vertically scripting.
    縦書の宛名用に縦組みのテキストフレームを作成します
  4. Register all frames in DSM-Bridge as variable element.
    (Since this database has multiple column that each column has small part of recipient address. So I made another variable that can integrated 4 column that all records has value in it)
    Then, set the assignment for “Case1”
    全てのテキストフレームをDSMブリッジへ登録します。
    (本Tipsでは上述の通り、複数のDB項目にわたって住所情報を保存しています。ですので、始めにある程度住所情報を結合して表示するための代替用バリアブル項目([[Address]])を作成しました。またこのバリアブルへの割り当て設置段階で、ハイフン「-」を全角マイナス「ー」に置き換える設定を行います)
    その上で、残りの住所と結合させたテキストをバリアブルテキスト[[Case1]]へ割り当てます。
  5. We use VBScript to insert code for “Line feed”.
    Code of line feed in VBScript is “vbCrLf
    改行コードの挿入に際しては、VBスクリプトを使用します。
    VBスクリプトでの改行コードは「vbCrLf」です。
  6. Edit VBScript :
    Let’s edit vbscript. I made script that named as “Vertical Script”. Here is the entire of script code.
    VBスクリプトの編集:
    それではVBスクリプトを編集していきます。今回はバリアブル[[VerticalScript]]に対して、以下の様なVBスクリプトを設定しました。

    function VerticalScript()
    	Dim Count
    	Dim Work
    	Dim s
    	Dim t
    		s = Var.GetS("Case1")
    		t = Var.GetS("Case2")
    		Count = Var.GetS("Case1")
    		Work = Len(Count)
    		If Work > 24 Then
    			Var.PutS "nogtips_Address", t
    		Else
    			Var.PutS "nogtips_Address", s
    		End If
    		VerticalScript = Work
    End function
    

    This script automatically count how many character does Case1 has. And if it higher than 24, then it use Case2, otherwise it use Case1.
    このVBスクリプトではバリアブル[[Case1]]に対して割り当てられるテキストの文字数をカウントし、文字数が24字を超える場合は、バリアブル[[Case2]]を使用し、それ以外の場合は[[Case1]]を使用するといった設定になっています。

  7. Edit variable property
    The last thing and most important is to specify the order of variable process. If you didn’t set it, or set wrong order, you will get unexpected result or simply it won’t work. Please set correct order depends on your variable assignment and script that you set.
    バリアブルのプロパティ設定を行う:
    最後にして、一番重要なTipsはバリアブルに対する「値を受け取る順序設定」です。この設定が正しくない、正しい順序で設定されていない場合は、予期せぬ表示結果を得る可能性があります。ですので、確実に順序立てて値を受け取れるように各バリアブルに対してプロパティを設定していきます。Here is the exactly order in this sample.

    本Tipsにおける各バリアブルの値を受け取る順序設定は以下の通りです。

    “Address” = 1
    “Case1” = 2
    “Case2” = 2
    “Vertical Script” = 3
    “nogtips_Address” =4

Result
出力結果

 

タグ: , , , , , , , , , , , , ,

Vertical Address Scripting —宛名の縦書き—

Happy Halloween!Happy Halloween!

今年も10月となって、残す所あとわずかなんて台詞が聞こえてきますね。
そこで、年賀状シーズンへ向けたTipsを1つご紹介します。

MicrosoftのWordをはじめ、宛名印刷用のソフトウェアは非常に沢山あります。DirectSmileもバリアブル印刷用のソフトウェアですので、当然宛名印字も得意機能の1つです。

基本的には住所などの宛名表記をする際は、住所番号には漢数字を使用することが推奨・礼儀であるとされています。ですので、データベース上で漢数字への変更をされた場合には、縦組みテキストフレームへのバリアブル設定方法のみお読みください。
英数字を含む住所を縦組みにて表記されたいという場合は、このTipsに沿って設定を行なって下さい。

縦組みテキストフレームへのバリアブル設定

縦組みのテキストフレームは、Adobe InDesign(日本語版)の機能を使用します。
(アドビヘルプページからテキストフレームの組み方向変更方法紹介ページを参照)

はじめに、新規DSM ジョブを作成し、Adobe InDesign にて新規のドキュメントを作成して保存します。続けて任意のデータベースファイルを読み込ませます。

作業画面スクリーンショット

図1.DSM ジョブ、InDesign ドキュメントを作成し、データベースをインポートした状態

次にInDesign ドキュメントにテキストフレームを作成します。
この時、作成するテキストフレームを従来使用していた「横組み」のテキストフレームから、「縦組み」に変更します。

「縦組み」へ変更するには、InDesign のメニューバーからテキストフレーム設定のアイコンを2 秒ほどクリックし続けるとサブメニューが表示されます。表示されたメニューの中から「縦組み文字ツール」をクリックすると、テキストフレームが「縦組み」へと変更されます。

縦組み文字ツール
図2.「縦組み」への変更

縦組み文字ツール選択状態
図3.変更後のテキストフレームのアイコン

「縦組み」へ変更されたらInDesign ドキュメントにテキストフレームを作成します。

バリアブルテキストフレームの作成図4.縦組みのテキストフレームを作成

作成したテキストフレームにバリアブルタグを記入し、このテキストフレームをブリッジにバリアブル項目として登録します。
注意 : 登録の際に、「フレームのプロパティ」ウィンドウ下部のオプション「Adobe InDesign 出力」と「平体効果をかけられたフレームのプロパティを保存する」に必ずチェックを入れて登録します。この設定をしないと、出力したPDF で縦組みでのテキスト表示が出来ません。

Adobe InDesign出力オプション図5.バリアブルテキストフレームとして登録する

それではInDesign プレビューを確認してみましょう。

InDesignプレビュー図6.InDesign プレビュー

ご覧の様に、バリアブルテキストが縦組みで表示されています。
ただ半角の英数字は90 度右方向に回転して表示されています。これはInDesignの仕様が原因で、初期設定のままでは半角英数字が「縦組み」テキストフレーム内で縦ではなく、横に表示されてしまいます。

次にこの現象を回避するための方法をご紹介します。

「縦組み」フレーム内の半角英数字を縦に表示させる

Adobe InDesign の仕様では、縦組みフレーム内に記述された半角英数字は横に寝た状態で表示されます。これを回避するには、InDesign の機能から「縦中横」という機能を使用します。

ただし、この機能は設定したテキスト箇所全てが横になって表示されてしまうので、バリアブルテキストとして流し込まれるテキストの半角英数字のみに作用させることが出来ません。ですので、「縦中横」機能ではなく、「自動縦中横設定」を使用します。

自動縦中横設定は、「段落」メニューを表示させ、メニュー右上のオプション表示アイコンをクリックすると表示されるサブメニューから選択できます。

段落図7.段落メニューを表示させる(上部メニュー「書式」⇒「段落」)

自動縦中横設定図8.段落メニューから「自動縦中横設定」を選択

自動縦中横設定のウィンドウが表示されたら、「組数字」の桁数を設定します。
これは、連続する文字列として扱う桁数の設定です。
(例:「東京都世田谷区北沢1 – 23 – 456 – 7890」という住所が入力された場合に「3桁まで」と指定していたとすると、「1」と「23」と「456」は連続する文字列として認識されるので、それぞれ縦方向に表示されます。ですが「7890」は4 桁あるので、この制限をオーバーしていると認識され、横報告に「7890」と表示されます。)

組数字3桁まで
図9.自動縦中横設定ウィンドウ

それではプレビューを確認してみましょう。

自動縦中横設定を行ったあとのInDesign プレビュー図10.自動縦中横設定を行ったあとのInDesign プレビュー

設定が反映されましたが、表示結果は変わっていません。

これは、先ほどの自動縦中横設定にて、3 桁という制限を設けたことが主な原因です。というのは、この文字列に含まれる「-」(ハイフン)も含めてカウントされているので3桁をオーバーしていると認識されているためです。

これを回避するには、2 つ方法があります。1 つはデータベースファイルを変更する方法と、もう1 つはDSM のバリアブル割り当て設定で、ハイフンを別の文字列に置き換える方法です。

次に2 つ目のDSM のバリアブル割り当て設定を変更する方法をご紹介します。

まずは、現在の割り当てを編集するためにフィールドの割り当てを表示します。

バリアブル割り当て設定
図11.バリアブル割り当て設定を変更する

フィールドウィンドウ図12.フィールドウィンドウ

ここでは、データベースのレコード内の「-」の前後にスペースキーを入力し、半角英数をそれぞれ独立した文字列として認識させるように変更します。
タブメニューから「公式」を選択し編集を行います。また、このとき、フォーマットは「テキスト」に指定します。

ウィンドウ下の「機能」フォルダ以下のツリー表示メニューから「テキスト内の文字を置き換える」を選択します。

Replace 機能図13.Replace 機能を選択する

Replace(<Field>, “Find”, “ReplaceWith”)という公式が表示されます。
これは<Field>にデータベースの項目名を入れると、そこから“Find”で指定した文字を検索し、”ReplaceWith”に入力した文字列に置き換えるという機能です。

それでは以下のように設定します。

<Field>にはデータベースから住所が入った項目<address>を選択。
“Find”にはハイフン「-」を入力
“ReplaceWith”にはスペース、ハイフン、スペース「 – 」と入力

Replace関数

関数プレビュー図14.入力した結果

設定がおわったら、OK ボタンをクリックして割り当てを終了します。

それでは再度プレビューを確認します。

InDesign プレビュー2図16.InDesign プレビュー

ここでもまだ、未完成です。住所のラストにある「6C」という文字列だけが横に表示されています。これは「C」という文字が半角の英字であるため、「6C」という文字列だけが区別されて認識されているためです。

そこで、再度「自動縦中横設定」ウィンドウを開き、設定を変更します。

原因は以下の設定の中で「欧文も含める」にチェックが入っていなかった為です。
ですので、「欧文も含める」にチェックを入れます。

自動縦中横設定1
図17.自動縦中横設定の「欧文も含める」にチェックが入っていない

自動縦中横設定「欧文も含める」
図18.「欧文も含める」にチェックを入れる

それではInDesign プレビューを再確認します。

InDesign プレビュー3図19.InDesign プレビュー

今度は「6C」も問題なく表示できています。

ただしここでも更なる問題点が発生しました。ハイフンも横から縦に変更されています。
これはハイフンも欧文の文字のひとつなので、先ほどの設定の影響が現れているためです。

この問題は回避できないので、ハイフンを全角のものと置き換えます。
割り当てフィールドを再度開き、”ReplaceWith”で指定した文字列「 – 」を「―」(全ダッシュ)に変更します。

全角のダッシュ
図20.半角のハイフンを全角のダッシュに変更

これで最後にInDesign プレビューを確認します。

InDesign プレビュー4図21.InDesign プレビュー

すべての設定が終了し、縦書きの宛名表示ができました。最後にPDF 出力をしたあとの他のレコードの結果を確認します。

PDF 出力結果

以上のように3 桁までの文字列はひとかたまりで表示されます。
この方法を使用すれば宛名面での縦組みテキストフレームの使用が可能となります。

本来なら3年以上前に思いついた事なので、もっと早く皆様にお届け出来ればよかったのですが、色々あって今年まで引っ張ってしまいました。日本のお客様、長らくお待たせしました:-)

皆さんのお役に立てば幸いです。

 

タグ: , , , , , , , , , , ,

Transformation Grid — 変形グリッド —


アーティスト

今日はDSM-Setのデザインに関するTipsを取り上げます。

DirectSmileでは以下の3種類のフォントが使用出来ます。

      • システム・フォント
      • クリップ・フォント
      • ピクチャー・フォント

いずれのフォントを使用した場合でも、

      • テキストフレーム(赤線で表示されるフレーム)、
      • ピクセル変形グリッド(青線で表示されるグリッド)

が適用出来ます。

また、クリップ・フォントを使用した場合のみ、

      • クリップ変形グリッド(黄線で表示されるグリッド)

が使用可能になります。

今回のTipsはこれらのフレーム、グリッドの機能・違いについてです。
それでは実際のDSM-Setを使って説明しましょう。先ずは、DSM-Setを作成します。

  1. 背景画像を読み込む
  2. テキストフレームを描写する(初期設定でシステムフォントが選択されます)

始めにテキストフレームと、ピクセル変形グリッドの機能・役割についてご説明します。

テキストフレーム

テキストフレームの機能はとてもシンプルです。
フレームの大きさと表示されるテキストの大きさは連動しています。フレームを拡張すればそれだけ表示されるテキストのサイズが大きくなり、逆に縮小するとフレームの大きさに応じて表示されるテキストも小さくなります。

ピクセル変形グリッド

次にピクセル変形グリッドについて説明します。
*ピクセル変形グリッドを表示させるには、ウィンドウ左上のフレーム、グリッドボタンをクリックすることで表示出来ます。

ピクセル変形グリッドを使うと、表示するテキストを変形出来ます。フレームの四つ角、交差するポイントをドラッグしながら動かす事で、背景に合わせて画像を変形(歪める)する事が可能になります。
このフレームを使用すると、テキストのベクトルではなく、画像(フレームにて表示される部分)そのものを歪めるといった効果が得られます。

クリップ変形グリッド

最後にクリップフォント変形グリッドについて説明します。

先ほどと同様、背景を読み込み後テキストフレームを描写しました。フォント・タイプを「クリップ・フォント」に変更しました。
今回は用意したギャンブル用のチップコインをクリップとして使用します。


クリップ用変形グリッド(黄線のグリッド)を選択します。

すると、以下の様に初期設定のグリッドが表示されます。
ピクセル変形グリッドと同様に、グリッドの四つ角や交差ポイントをドラッグしながら動かす事で描写フレームを変形し、奥行きを出したり立体的にするなど描写が可能になります。

ここで、ピクセル変形グリッドと、クリップ変形グリッドの最大の違いをご紹介します。

  • ピクセル変形グリッドはフレーム画像自体に対しての歪みを表現します。
    また、レンダリングにより時間が掛かります。
  • クリップ変形グリッドはクリップフォントのベクトル(クリップを表示するためのパス)自体に対しての変形を行います。ですので、表示されるクリップ自体が変形の影響を受けて歪むわけではありません。つまり、クリップ画像自体は基本的に登録状態と同じ画像が配置されるという事になります。
    また、レンダリング時間はより短いです。

この違いは以下のサンプル画像がご理解頂きやすいかと思います。以下の2つのDSM-Setデザインは、それぞれのグリッドを使用して同様の変形を加えています。

では、より拡大して見てみましょう。

クリップフォントを使用したデザインの場合は、基本的なフレームに対する変形はクリップ変形グリッドで行い、奥行きや立体具合を追加したい場合に更にピクセル変形グリッドを使用して効果を追加するという方法が最適です。

これで出来上がりです!

これらの違いをご理解して頂いた上でデザインを行なって頂くと、よりリアルで処理に適したSetを作成して頂けるかと思います。

以上、今回のTipsでした:-)

 

タグ: , , , , , , , ,