• 21st July 2009 - By Graphire

    Heres’ a quick and easy tutorial on using Adobe OpenType fonts. I never knew how awesome these fonts are until I used them and discovered their features. OpenType® is a cross-platform font file format developed jointly by Adobe and Microsoft. They are superset of the existing TrueType and Adobe PostScript Type 1 font formats. Aside from their cross-platform portability feature, they also provide rich linguistic support, powerful typographic capabilities, and simplified font-management requirements.

    Ok, enough of those claptrap, let’s get on with the show. They say that typography is as sophisticated as the finest bottle of wine. So we will try to demonstrate OpenType by starting off with a bottle of wine and wrap some text around it using one of my favorite font, the Bickham Script Pro, which incidentally is an Adobe OpenType font. We will work on our text and enhance it using some of the typographic features of OpenType to produce our final image shown below.

    text-wrap-around-bottle-opentype-photoshop-illustrator

    Let’s start it off with a regular looking bottle of wine shown below.

    wine-bottle-original

    We open it up in Adobe Photoshop. Then we type our sample text using our OpenType font, the Bickham Script Pro. Let me also tell you that Adobe OpenType fonts can be distinguished by the word “Pro” which normally appears as part of the font name. The bottle text in normal Bickham Script Pro appears similarly like the one shown below.

    wine-bottle-text-orig

    From within Photoshop, you can use all these OpenType special characters by selecting your text and opening the “Character Palette” and clicking the fly-out arrow to open the fly-out menu. From the fly-out menu, click “OpenType” to reveal the OpenType settings as shown below.photoshop-opentype-settings.

    The problem with using OpenType in Photoshop is that we cannot preview what characters are available for a particular font. So it’s going to be a hit and miss thing. What we are going to do is switch to Adobe Illustrator so that we can use the “Glyphs” palette of Illustrator which is not available in Photoshop.

    So what we do is select all our text, open Adobe Illustrator, create a new document, and paste our text from Photoshop. Now this is where our creativity begins. From Illustrator, go over “Window” menu, select “Type” > “Glyphs” to open the Glyphs palette.

    illustrator-glyphs-menu

    Now let’s select our first character “S” of the word “Special”. While selected, click the “Entire Font” from the Glyphs drop down menu and select “Alternates for Current Selection“.

    illustrator-glyphs-menu-alternates

    Now you will see from the Glyphs palette all available alternates for the currently selected glyph (S). All we have to do is double-click the glyph that we want to replace the current selection. Selecting the middle one for the letter S will make our word “Special” looking really special (see below).

    illustrator-glyphs-changed-s

    Select the other letters (C, h, L, F, A, O) and repeat the entire process. After changing all those letters, we will have something like the one shown below. You can select and try with as many characters as you want until you are satisfied and created a more balanced design.

    opentype-special-glyphs-1

    Another cool feature aside from Alternate Character is the “Discretionary Ligatures”. These are alternate special characters for a group of glyphs. Let us select “st” from the word “August”. While selected, scroll down again the Glyphs drop down menu and select “Discretionary Ligatures” and select something similar to the alternate “st” of the word August shown below.

    opentype-discretionary-ligatures

    Cool. Now we can go back to Photoshop and wrap those text around our bottle. Simply select the new text from Illustrator and replace the old text in Photoshop.

    wine-bottle-text-2

    We will add a little distortion effect on our text so that it will look like wrapping around our bottle. Go to the “Layer Palette“, right click on the text layer and select “Warp Text“. The Warp Text menu will pop-up. Click the “Style” drop down menu to select “Arc Upper” because we want the curvatures more on the upper part and straight towards the middle of the bottle.

    photoshop-warp-tool-1

    Adjust the curvature settings so it will appear accurately wrapped around the bottle’s contour. My settings were 15% Bend, O% Horizontal Distortion, and 10% Vertical Distortion.

    photoshop-warp-tool-2

    As a final touch, copy the bottle highlight color shown below as the text color using the “Eye Dropper” tool to realistically match the white text with the white highlight of the entire photo.

    highlight-color

    That’s it. Once more shown below is our final wine bottle with text wrapped around using and harnessing the cool features of Adobe OpenType fonts. Please be reminded that you’ll also find OpenType support in Adobe InDesign, so everything that you’ve learned here will also work and apply across the entire Adobe Creative Suite.

    text-wrap-around-bottle-opentype-photoshop-illustrator

    Here’s something for everyone to learn more about Adobe OpenType:
    Adobe OpenType resource page

  • 6 Responses to “Adobe OpenType Tutorial: Simple Wine Bottle Text Wrap”

    • Open type is really wonderful and the glyphs offered are staggering. Additionally, open type fonts are extremely addictive and thus making them cost prohibative. Too Bad!
      Vorzie Studios – Graphics and Web Design

    • Twitted by danjim on August 10, 2009

      [...] This post was Twitted by danjim [...]

    • Tomislav on August 25, 2009

      Exactly what I needed. Thanks.
      Btw, “Burgue script” is open type font worth glazing :)

    • Wine Bottle Coolers on June 21, 2010

      On the Adobe OpenType Tutorial: Simple Wine Bottle Text Wrap | Graphic Design Free Resources subject, Champagne and sparkling wine ought to very best be served at forty five°F. With that mentioned, probably the greatest methods to produce sure correct wine storage temperature is through a household cellar, but this really is unattainable for even the most significant oenophile due to cost or area constraints. Thus, wine coolers and refrigerators are an economical choice to serve your best vintages.

    • programming blog on July 25, 2010

      This guided me to complete my work with ease :P

    • Carpet Tiles · on November 4, 2010

      we just bought our wine cooler from e-bay and this stuff is really nice for cooling the wine you have at home ”

    Leave a Reply


PHVsPjxsaT48c3Ryb25nPndvb19hZF9mb290ZXI8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2Zvb3Rlcl9hZHNlbnNlPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fYWRfZm9vdGVyX2ltYWdlPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tL2Fkcy93b290aGVtZXMtNDY4eDYwLTIuZ2lmPC9saT48bGk+PHN0cm9uZz53b29fYWRfZm9vdGVyX3VybDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbTwvbGk+PGxpPjxzdHJvbmc+d29vX2FsdF9zdHlsZXNoZWV0PC9zdHJvbmc+IC0gZGVmYXVsdC5jc3M8L2xpPjxsaT48c3Ryb25nPndvb19hdXRvX2ltZzwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzE8L3N0cm9uZz4gLSA2OTRGNUQ8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMTE8L3N0cm9uZz4gLSBBMzk1OEE8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMTE3PC9zdHJvbmc+IC0gNjY4NTc1PC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzEyNzwvc3Ryb25nPiAtIDRCNjI2MjwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xMzI8L3N0cm9uZz4gLSA0QzYyNEI8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMTMzPC9zdHJvbmc+IC0gNjQ0RjUwPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzEzODwvc3Ryb25nPiAtIEEyODY5NDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8xNjU8L3N0cm9uZz4gLSA4NkEyOTM8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMTY4PC9zdHJvbmc+IC0gNjI0QjRDPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzE4Njwvc3Ryb25nPiAtIDM1MzU0NjwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8yMDE8L3N0cm9uZz4gLSA2MjRCNTc8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMjA1PC9zdHJvbmc+IC0gNjI1NjRCPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzIxNzwvc3Ryb25nPiAtIDRCNTc2MjwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8yMTg8L3N0cm9uZz4gLSA1NzYyNEI8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMjU8L3N0cm9uZz4gLSA0QjYyNTY8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMjcxPC9zdHJvbmc+IC0gNEI0QzYyPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzI5PC9zdHJvbmc+IC0gNjQ2MzRGPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzM8L3N0cm9uZz4gLSA2MjYyNEI8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMzA4PC9zdHJvbmc+IC0gNEY2OTVCPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzMxMTwvc3Ryb25nPiAtIDU2NEI2MjwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl8zMjA8L3N0cm9uZz4gLSA2MjRCNTc8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfMzM8L3N0cm9uZz4gLSA2OTdBODY8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfNDc8L3N0cm9uZz4gLSA0NjM1M0U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfNTc2PC9zdHJvbmc+IC0gNjM0RjY0PC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzU3Nzwvc3Ryb25nPiAtIDY0NTg0RjwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl81Nzg8L3N0cm9uZz4gLSA4QzY5N0M8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfNzUzPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzc3PC9zdHJvbmc+IC0gNEY1MDY0PC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzc3NDwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl84MDE8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfY29sb3JfODA0PC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY2F0X2NvbG9yXzg0Njwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl84NTwvc3Ryb25nPiAtIDRGNjQ1ODwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl85MTwvc3Ryb25nPiAtIDg1NjY3NjwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9jb2xvcl85NDwvc3Ryb25nPiAtIDM1NDYzNTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8xMTwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8xMTc8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTI3PC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzEzMjwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8xMzM8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTM4PC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzE2NTwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8xNjg8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMTg2PC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzIwMTwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8yMDU8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMjE3PC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzIxODwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8yNTwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8yNzE8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMjk8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMzwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8zMDg8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfMzExPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzMyMDwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl8zMzwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl80Nzwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl81NzY8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfNTc3PC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzU3ODwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl83NTM8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfNzc8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfNzc0PC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzgwMTwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY2F0X25hdl84MDQ8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2NhdF9uYXZfODQ2PC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2Xzg1PC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2XzkxPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbmF2Xzk0PC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jdXN0b21fY3NzPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY3VzdG9tX2Zhdmljb248L3N0cm9uZz4gLSBodHRwOi8vd3d3LmRlc2lnbmZyZWViaWVzLm9yZy93cC1jb250ZW50L3dvb191cGxvYWRzLzgtZGVzaWduZnJlZWJpZXMtZmF2aWNvbi0zMngzMi5wbmc8L2xpPjxsaT48c3Ryb25nPndvb19mZWVkYnVybmVyX3VybDwvc3Ryb25nPiAtIGh0dHA6Ly9mZWVkcy5mZWVkYnVybmVyLmNvbS9kZXNpZ25mcmVlYmllcy92d2dzPC9saT48bGk+PHN0cm9uZz53b29fZ29vZ2xlX2FuYWx5dGljczwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2xvZ288L3N0cm9uZz4gLSBodHRwOi8vd3d3LmRlc2lnbmZyZWViaWVzLm9yZy93cC1jb250ZW50L3dvb191cGxvYWRzLzctZGVzaWduZnJlZWJpZXMtbG9nby0yMDEzLnBuZzwvbGk+PGxpPjxzdHJvbmc+d29vX21hbnVhbDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9zdXBwb3J0L3RoZW1lLWRvY3VtZW50YXRpb24vd29vdGhlbWUvPC9saT48bGk+PHN0cm9uZz53b29fcG9zdF9zaXplPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19yZXNpemU8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX3Nob3J0bmFtZTwvc3Ryb25nPiAtIHdvbzwvbGk+PGxpPjxzdHJvbmc+d29vX3NpZGViYXJfYWRfaHJlZl8xPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tPC9saT48bGk+PHN0cm9uZz53b29fc2lkZWJhcl9hZF9ocmVmXzI8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb208L2xpPjxsaT48c3Ryb25nPndvb19zaWRlYmFyX2FkX2hyZWZfMzwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbTwvbGk+PGxpPjxzdHJvbmc+d29vX3NpZGViYXJfYWRfaHJlZl80PC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tPC9saT48bGk+PHN0cm9uZz53b29fc2lkZWJhcl9hZF9pbWdfMTwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9hZHMvd29vdGhlbWVzLTEyNXgxMjUtMS5naWY8L2xpPjxsaT48c3Ryb25nPndvb19zaWRlYmFyX2FkX2ltZ18yPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tL2Fkcy93b290aGVtZXMtMTI1eDEyNS0yLmdpZjwvbGk+PGxpPjxzdHJvbmc+d29vX3NpZGViYXJfYWRfaW1nXzM8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vYWRzL3dvb3RoZW1lcy0xMjV4MTI1LTMuZ2lmPC9saT48bGk+PHN0cm9uZz53b29fc2lkZWJhcl9hZF9pbWdfNDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9hZHMvd29vdGhlbWVzLTEyNXgxMjUtNC5naWY8L2xpPjxsaT48c3Ryb25nPndvb19zaW5nbGVfdGh1bWI8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX3RoZW1lbmFtZTwvc3Ryb25nPiAtIG15d2VibG9nPC9saT48bGk+PHN0cm9uZz53b29fdXBsb2Fkczwvc3Ryb25nPiAtIGE6NTp7aTowO3M6ODc6Imh0dHA6Ly93d3cuZGVzaWduZnJlZWJpZXMub3JnL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvOC1kZXNpZ25mcmVlYmllcy1mYXZpY29uLTMyeDMyLnBuZyI7aToxO3M6ODM6Imh0dHA6Ly93d3cuZGVzaWduZnJlZWJpZXMub3JnL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvNy1kZXNpZ25mcmVlYmllcy1sb2dvLTIwMTMucG5nIjtpOjI7czo4MzoiaHR0cDovL3d3dy5kZXNpZ25mcmVlYmllcy5vcmcvd3AtY29udGVudC93b29fdXBsb2Fkcy82LWRlc2lnbmZyZWViaWVzLWxvZ28tMjAxMS5wbmciO2k6MztzOjgwOiJodHRwOi8vd3d3LmRlc2lnbmZyZWViaWVzLm9yZy93cC1jb250ZW50L3dvb191cGxvYWRzLzUtMy1kZXNpZ25mcmVlYmllcy1sb2dvLnBuZyI7aTo0O3M6Nzg6Imh0dHA6Ly93d3cuZGVzaWduZnJlZWJpZXMub3JnL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvMy1kZXNpZ25mcmVlYmllcy1sb2dvLnBuZyI7fTwvbGk+PC91bD4=