tag:blogger.com,1999:blog-284166612024-03-14T01:17:32.225-05:00Tips & TechniquesDesign and Production Tips, Techniques, and NewsKeith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.comBlogger500125tag:blogger.com,1999:blog-28416661.post-15179078715614468142021-01-29T07:43:00.005-06:002021-01-29T07:43:34.650-06:00The end of the road for PostScript Type 1 fonts<p style="text-align: left;">Adobe is dropping support for the old PostScript Type 1 fonts in January 2023. See <a href="https://helpx.adobe.com/fonts/kb/postscript-type-1-fonts-end-of-support.html" target="_blank">this announcement</a>. Support for PostScript Type 1 fonts in Photoshop will <a href="https://helpx.adobe.com/photoshop/kb/announcement-end-of-support-postscript-type-1-fonts.html" target="_blank">happen even sooner</a> (this year).</p><p style="text-align: left;">If you are still using old PostScript Type 1 fonts in your workflow, now is the time to begin planning for replacing them with OpenType versions.
</p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-25334474221873917982019-06-26T14:23:00.000-05:002019-06-26T14:23:33.035-05:00Adobe Bridge update adds support for Dimension files<p>The June 2019 update of <a href="https://www.adobe.com/products/bridge.html" target="_blank">Adobe Bridge CC</a> adds support for the Dimension .DN file format, so Dimension files can be previewed in Bridge. Previews will only appear for files that have been saved with a recent version of Dimension—older files won't preview.</p><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrxUM7CwignrJb8GA1Cu2awV73xKHwbHFn_2yweN5t2tTlEP_vGUD4Ul3KafhHYDGFGFJWhWD2kcGQ4zXV8CY-5mSs9tEm3xWkL21wfD_J6WJyGEzRssGcdyrWvT1BpCelnbPz/s1600/Screenshot-009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="867" data-original-width="1600" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrxUM7CwignrJb8GA1Cu2awV73xKHwbHFn_2yweN5t2tTlEP_vGUD4Ul3KafhHYDGFGFJWhWD2kcGQ4zXV8CY-5mSs9tEm3xWkL21wfD_J6WJyGEzRssGcdyrWvT1BpCelnbPz/s640/Screenshot-009.jpg" width="640" /></a></div><div style="text-align: center;"><br />
</div><br />
<p>More information about the recent Bridge update can be found <a href="https://helpx.adobe.com/bridge/using/whats-new/2019-1.html" target="_blank">here</a>.</p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-3091170763593239422019-05-22T14:00:00.001-05:002019-05-22T14:00:52.621-05:00Adobe Dimension tutorial: Create 3D type in Photoshop and import in Dimension<p>Photoshop contains complex 3D modeling capabilities. But you don't have to know much about 3D in Photoshop to create some extruded type and bring it into Dimension for applying materials and lighting. Here's how:</p><p>1. In Photoshop, create a new document that is 1000 px square. The size isn't important, since we'll be creating a vector object to bring into Dimension. This is just a good starting point.</p><p>2. Use the Type tool to create a line of text, and make the type large. Again, the size isn't important.</p><br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzbxQ8Fr1Hsk9FlMFdO0k3T0tT51qtmAdWXW39IzIpzlCtIRubFSvF9rfOzRbbTxUVJYppoVNuZj45QKO8hjM2l47n6b230QFniGAaEcbR2Svw0bVRC1X31mfHmOZ1S_aiU5wz/s1600/Screenshot+2019-05-22+13.12.41.png" imageanchor="1"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzbxQ8Fr1Hsk9FlMFdO0k3T0tT51qtmAdWXW39IzIpzlCtIRubFSvF9rfOzRbbTxUVJYppoVNuZj45QKO8hjM2l47n6b230QFniGAaEcbR2Svw0bVRC1X31mfHmOZ1S_aiU5wz/s400/Screenshot+2019-05-22+13.12.41.png" width="400" /></a></div><div style="text-align: center;"><br />
</div>3. Choose <i>3D > New 3D Extrusion from Selected Layer</i>.<br />
<br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijczHJNHMpPA2hXbNI8w8JRhTxm17gKC7AlYnBLLUCEiGNTjrhJb2dnuPNgZJyi8Bt28T65s6-sK9gxgoXm9meK2x0n29Ozd8RcwjIsxgT5L7L1i1g8Wq0p_1TVL6HuE41_y6b/s1600/Screenshot+2019-05-22+13.15.33.png" imageanchor="1"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijczHJNHMpPA2hXbNI8w8JRhTxm17gKC7AlYnBLLUCEiGNTjrhJb2dnuPNgZJyi8Bt28T65s6-sK9gxgoXm9meK2x0n29Ozd8RcwjIsxgT5L7L1i1g8Wq0p_1TVL6HuE41_y6b/s400/Screenshot+2019-05-22+13.15.33.png" width="400" /></a></div><div style="text-align: center;"><br />
</div><p>4. Use the Properties panel to experiment with Shape Preset, Extrusion Depth, and other settings. Don't worry about position, angle, shadows, color, or texture settings, as these will all be taken care of in Dimension. Just work with settings that affect the shape, such as Extrusion Depth, Twist, Taper, etc.</p><br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBoWFVw183OekwkSohttSvyVj9nRcjLrZ9q66KoONXcuiymTMx5wGsUoaMF_qvlw1YCJoIcihOtJOvzS3nPRhneNeulD2EdZqOHUgx4SEJy1GS5YSpZNBZdFLJ2Qnmo5Pq4ujQ/s1600/Screenshot+2019-05-22+13.18.45.png" imageanchor="1"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBoWFVw183OekwkSohttSvyVj9nRcjLrZ9q66KoONXcuiymTMx5wGsUoaMF_qvlw1YCJoIcihOtJOvzS3nPRhneNeulD2EdZqOHUgx4SEJy1GS5YSpZNBZdFLJ2Qnmo5Pq4ujQ/s400/Screenshot+2019-05-22+13.18.45.png" width="236" /></a></div><br />
5. Once the model looks the way you want, choose <i>3D > Export 3D Layer</i>.<br />
<br />
6. Choose Wavefront|OBJ for the file format, and then click OK.<br />
<br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiCl6M6XAtTx9zmerf190Pudb9__oBLYcoC1bZBmoeoqLM2WigKX6oGevw-O36Mev5zDQY2u2s7WD3m50hJ358G_WZgNwaRBhY7456wHJpHaOsoQhyphenhyphenMwf8UI-pUtVJynn4T6xN/s1600/Screenshot+2019-05-22+13.22.37.png" imageanchor="1"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiCl6M6XAtTx9zmerf190Pudb9__oBLYcoC1bZBmoeoqLM2WigKX6oGevw-O36Mev5zDQY2u2s7WD3m50hJ358G_WZgNwaRBhY7456wHJpHaOsoQhyphenhyphenMwf8UI-pUtVJynn4T6xN/s400/Screenshot+2019-05-22+13.22.37.png" width="400" /></a></div><br />
7. Name the file, and save it somewhere you'll remember.<br />
<br />
8. In Dimension, create a new file.<br />
<br />
9. Choose <i>File > Import > 3D Model,</i> and select the OBJ file you exported from Photoshop.<br />
<br />
10. Choose <i>Camera > Frame All</i> to position the camera so you can see the entire line of type.<br />
<br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisDwTbgS_opzV4pFzV8m6D4L-X-_edxUGbIE92iFfXmn7Gj3vbyibIV8YkzLLqIyMlnbg4z4d6HNCEdydYq-Zino0DnqALfql7EzVMhg6ON2uaYolz26NVNm0YsiBSensFMJ0j/s1600/Screenshot+2019-05-22+13.27.05.png" imageanchor="1"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisDwTbgS_opzV4pFzV8m6D4L-X-_edxUGbIE92iFfXmn7Gj3vbyibIV8YkzLLqIyMlnbg4z4d6HNCEdydYq-Zino0DnqALfql7EzVMhg6ON2uaYolz26NVNm0YsiBSensFMJ0j/s400/Screenshot+2019-05-22+13.27.05.png" width="400" /></a></div><br />
<p>11. Apply materials and lighting and pose the type model in Dimension as desired.</p><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrvy1iBnajNRkryFo5MJTmUvK4uFNAG1OGhyphenhyphenefugOumHorr3lKEJulP4lRVwUdGMH8Gvkr4Q7i-uaNNpFCskDoimMP9JVWV9OCrEuDbwyhs-X0kz8-u7pMkh-ieLdEaJC2z3bV/s1600/Text-sample-rendered.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrvy1iBnajNRkryFo5MJTmUvK4uFNAG1OGhyphenhyphenefugOumHorr3lKEJulP4lRVwUdGMH8Gvkr4Q7i-uaNNpFCskDoimMP9JVWV9OCrEuDbwyhs-X0kz8-u7pMkh-ieLdEaJC2z3bV/s640/Text-sample-rendered.jpg" width="640" height="480" data-original-width="1024" data-original-height="768" /></a></div><br />
<p>Want to learn more about Adobe Dimension? See the <a href="http://www.peachpit.com/store/adobe-dimension-cc-classroom-in-a-book-2019-release-9780134863542">Adobe Dimension CC Classroom in a Book</a> I wrote published by Adobe Press.</p><br />
<br />
Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-37302007474156006852019-03-20T08:16:00.001-05:002019-03-20T08:16:58.571-05:00Adobe Dimension tutorial: Import a model from 3D Warehouse<p><a href="https://3dwarehouse.sketchup.com/">3D Warehouse</a> is a huge repository of free 3D models. The site is run by <a href="https://www.trimble.com/">Trimble</a>, the maker of <a href="https://www.sketchup.com/">SketchUp</a> 3D modeling software. Any SketchUp user can upload models to 3D Warehouse to share with others Many manufacturers of industrial parts, store furnishings, furniture, and other items upload models of their products to 3D Warehouse as well.</p><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE3mW5zqqZA4M9tpW3LdIYct1sw0hokOcbMUCjkDRzNhqBlrzCWDGiXCD9pVBKLbwPNP8hq55SqzhMAmKvKdrblFZBldVA8RSuLOA6EXy1DHFpe2nU3p3Hw530K5WrHzHZOHTA/s1600/Screenshot-001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="950" data-original-width="1600" height="377" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE3mW5zqqZA4M9tpW3LdIYct1sw0hokOcbMUCjkDRzNhqBlrzCWDGiXCD9pVBKLbwPNP8hq55SqzhMAmKvKdrblFZBldVA8RSuLOA6EXy1DHFpe2nU3p3Hw530K5WrHzHZOHTA/s640/Screenshot-001.jpg" width="640" /></a></div><br />
<p>All of the models in 3D Warehouse are completely free to use in compositions or modify as desired, according to the <a href="https://3dwarehouse.sketchup.com/tos.html#license">license agreement</a>. You can easily use models from this vast collection in Dimension. Here’s how.</p><p>1. Create a new file in Dimension, or open an existing file as I’ve done here. I want to place a stack of books on the coffee table in this scene.</p><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifc9WQYl8Bxjiq6P5E7iyKLmPszGrSY6aypww5-ZdoUR8MAlwrM_GOoOf4ohCAsOQnxxLPboeBVE5vOPWSn2__JuvCl7Uvt2Eoqh-fSZV2gSXeYhIz9QpydZEkfjjNCMMLCuqE/s1600/Screenshot-002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1190" data-original-width="1600" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifc9WQYl8Bxjiq6P5E7iyKLmPszGrSY6aypww5-ZdoUR8MAlwrM_GOoOf4ohCAsOQnxxLPboeBVE5vOPWSn2__JuvCl7Uvt2Eoqh-fSZV2gSXeYhIz9QpydZEkfjjNCMMLCuqE/s400/Screenshot-002.jpg" width="400" /></a></div><br />
<p>2. In a web browser, go to <a href="https://3dwarehouse.sketchup.com/">3dwarehouse.sketchup.com</a>.</p><p>3. In the search field, type in keywords to search for. I searched for “books”, and found <a href="https://3dwarehouse.sketchup.com/model/u8692b84b-ef49-4172-9b95-10f1487083d6/Livros-de-Receita">this model</a>.</p><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9phkoxACaKvym-RjOGH0F359YPRVY74RzX3bNHtHSg33eVAXKkZBOPUT7XfbdUOg4o9-NrIP1bAerhhGw_fe0ckg7OKBeVE7ApuC6gLrArArxo_AgJyabQpa5CTruOV_353_B/s1600/Screenshot-003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1183" data-original-width="1600" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9phkoxACaKvym-RjOGH0F359YPRVY74RzX3bNHtHSg33eVAXKkZBOPUT7XfbdUOg4o9-NrIP1bAerhhGw_fe0ckg7OKBeVE7ApuC6gLrArArxo_AgJyabQpa5CTruOV_353_B/s400/Screenshot-003.jpg" width="400" /></a></div><br />
<p>4. Click the download button, and choose <i>SketchUp 2018 Model</i> from the dropdown list. The file will be downloaded as a .<i>skp</i> file.</p><p>5. In Dimension, choose <i>File > Import > 3D Model</i>.</p><p>6. Select the .<i>skp</i> file you just downloaded, and click <i>Open</i>. The file will be imported, and placed in the scene. It may not be placed anywhere where it is visible...you may need to choose <i>Camera > Frame Selection</i>, or move it above other models in the scene in order to see it.</p><p>7. Position and scale the model as desired.</p><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDYMKhzcvai2WES9ewPvmFSjCbUvIQ2FOiD-OqIWMBodKN_m8MgELVCtWribrvG8CAsmerMA5xPZEjsis2oNZAoahvaBPX2mJTGDGOjDBUfzAiuUvtdcQLl675pOsAvxiuOPAa/s1600/Living_room-Current+View.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1024" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDYMKhzcvai2WES9ewPvmFSjCbUvIQ2FOiD-OqIWMBodKN_m8MgELVCtWribrvG8CAsmerMA5xPZEjsis2oNZAoahvaBPX2mJTGDGOjDBUfzAiuUvtdcQLl675pOsAvxiuOPAa/s640/Living_room-Current+View.png" width="640" /></a></div><br />
<p>Want to learn more about Adobe Dimension? See the <a href="http://www.peachpit.com/store/adobe-dimension-cc-classroom-in-a-book-2019-release-9780134863542" style="color: #6c82b5; font-family: Arimo; font-size: 14.3px; text-align: left; text-decoration-line: none; text-size-adjust: auto;">Adobe Dimension CC Classroom in a Book</a><span style="background-color: white; color: #333333; font-family: Arimo; font-size: 14.3px; text-align: left; text-size-adjust: auto;"><span class="Apple-converted-space"> </span>I wrote published by Adobe Press.</span></p><br />
<br />
<br />
Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-75012152196509262372019-03-07T13:08:00.001-06:002019-03-07T13:11:27.430-06:00Adobe Dimension tutorial: modifying material properties with a bitmap<p>You can do a lot in Adobe Dimension just using the materials found in Dimension’s Starter Assets and the materials that you can purchase on Adobe Stock. But by adding a black and white or grayscale bitmap image to your material properties, you can create an infinite variety of surface appearances. This short tutorial will show you how.</p>
<p>You can download the files used in this tutorial <a href="http://www.gilbertconsulting.com/assets/Tutorial_files.zip">here</a>.</p>
<p>1. Create a new document in Dimension.</p>
<p>2. In the Content panel, choose Starter Assets, and click on the Beverage Can model to place it in the scene.</p>
<p>3. Choose <em>Camera > Frame Selection</em> to fill the screen with the can model.</p>
<p>4. Double-click on the surface of the can to select the Can Material. </p>
<p>5. In the Content panel, click the Metal material in Starter Assets to apply the metal material to the model. </p>
<p>6. In the Properties panel, click the swatch next to Base Color, and choose RGB 255, 161, 161 for the color.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot-001.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg51YKKEdeNFWHjmxAtD9ieupI-jf3-CQoiGPl3c2a3LgmT0caxUtnHh6Jn3llZsC2InUEm24L_3nf1zall9uPikNhrVL10ISUQX1wZWuzSrezkC5j-FR2VRItrIzaOunY1kUwP/s0/Screenshot-001.png" alt="Screenshot 001" width="398" height="415" border="0" /></p>
<p>7. In the Properties panel, click the plus icon to the right of Metallic.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot-002.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMA7fOj-iDIF1imdXRWGaVOwNXepVIVlnuWJ1ivXaz9pwW3hPGmhEt-zKUctXPwxH9A6Uz9Zv8o8mpcdOgczMnbIhNGxY-eN67VU99jteTDkwNtUQlxpt-5ZSAyymVTiu3DikA/s0/Screenshot-002.png" alt="Screenshot 002" width="414" height="245" border="0" /></p>
<p>8. In the pop-up, click <em>select a file,</em> and choose the lines.png file from the tutorial files that you downloaded earlier.</p>
<p>9. Change the rotation angle to 45°.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot-003.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG7x0KS9ZJTlE3Robs3fio1vG3nxDgh_O-pQ0G4YoRAFiDvYbZXsx2NlobZqPl9nF3BdvFv0x5UVnScWq5e6JH3eHB1LI_5PkLAwzOWufCnrFmoLULje3EgdYzeeJFwknsRmhK/s0/Screenshot-003.png" alt="Screenshot 003" width="295" height="449" border="0" /></p>
<p>10. Close the pop-up. Use the Orbit tool to rotate your view of the can. You’ll see that the lines are “shinier” than the area between the lines. This is because when a black and white bitmap is applied to the metallic property, the white areas are 100% metallic and black areas are 0% metallic. In this case the lines are light gray, so they set the metallic property to about 80% metallic.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot-004.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9IATWqNERjwI5vEU_4EreCtpKU3k9SVMSTzb-x4o94rpSdTssd2CozxRd_3H65SPfKcnZycRqXap0XtiNy7Z1tLuzBXIe7s-gvnhzUKZ6c9B967PbYO8BcwROsPjVkxZtMdPK/s0/Screenshot-004.png" alt="Screenshot 004" width="381" height="350" border="0" /></p>
<p>For further experimentation, try replacing the lines bitmap with the <em>jive.png</em> bitmap. This bitmap contains four shades of gray. You can also try applying a bitmap to the Opacity, Roughness, and Glow properties.</p>
<p>Adobe has a nice visual summary of how bitmap masks affect various properties <a href="https://helpx.adobe.com/dimension/using/standard-materials.html">here</a>.</p>
<p>Want to learn more about working with materials in Adobe Dimension? See the <a href="http://www.peachpit.com/store/adobe-dimension-cc-classroom-in-a-book-2019-release-9780134863542">Adobe Dimension CC Classroom in a Book</a> I wrote published by Adobe Press.</p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-31553128843063835022019-02-25T07:36:00.001-06:002019-02-25T07:37:17.184-06:00Working with canvas size in Dimension<p>On thing that surprises new users of Adobe Dimension is that when you choose <em>File > New</em> to create a new file, you aren’t asked for a file size. For a product named Dimension it doesn’t seem to care much about dimensions! But the width and height of your Dimension file <em>does</em> make a difference and you need to pay attention to this.</p>
<p>When a file is open, click somewhere outside of the canvas, and in the Properties panel you’ll entries for Canvas Size width and height.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot-003.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIVoWJz-jZOU-xgjefeCfAboP2p-9MYc3eYBUGjDUh80gl0Bjn1YlJUmKI4WpZqxwKIByqsHk8ONmYAPNHMjQq3jrqmywI8-rA-Iv9tK9rIFMLFTt4MiCW4f3X2iKq9_Vh-uTu/s0/Screenshot-003.png" alt="Screenshot 003" width="234" height="164" border="0" /></p>
<p>If you’re creating a Dimension scene for a real-world project, you certainly have specific size requirements. Let’s say you need the final file to be 4000px wide by 3000px high. Dimension is capable of this, but you might not want to begin your project at these dimensions. This is because the dimensions of the canvas have a big effect on rendering speed. So, in the early stages of a project, you might want to work at a lower resolution, but the same aspect ratio as your final requirements. So in this case, I’d work at 1000px x 750px size while I determined where to position my models and the basics of lighting and materials. This would allow Dimension to produce low-quality renders quickly so that I can see how the file is developing.</p>
<p>Then, once I’m confident of the direction that I want to take, I can increase the resolution of the canvas. Since the 3D models are vector, they will scale up cleanly to fit the new canvas size and you can continue working and complete your scene.</p>
<p>You can do math in any numeric field in the Properties panel. So a good way to scale up the canvas is just to enter the multiplication sign (an asterisk) followed by the multiplier. If you click the small padlock icon to the right of the height field, the canvas will be resize proportionally.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot-002.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoTxauqURSphLB2iN9GnChBEL9pBMzWzsoSZRGgZnTcHwYrEBCIUJeDRxnVPCm1pTWH25Qog20tuwJWqxsk6rtyiyhouLwbTDxdt3gVnhDSyFin3IdgTSKsUL3vK72kENdPrfM/s0/Screenshot-002.png" alt="Screenshot 002" width="234" height="164" border="0" /></p>
<p>Want to learn more about Adobe Dimension? I wrote the book! See my <a href="http://www.peachpit.com/store/adobe-dimension-cc-classroom-in-a-book-2019-release-9780134863542">Adobe Dimension CC Classroom in a Book</a> recently released by Adobe Press.</p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-55373411678042887622019-02-11T10:42:00.000-06:002019-02-11T10:42:13.824-06:00How to select models in Adobe DimensionSelecting models in Adobe Dimension is similar to selecting objects in InDesign or Illustrator, with a few unique differences that you might find confusing at first.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSI43RPqpDfF4XXLTCIUT16ken1_53IzCHfebT3UK-ZqITVhb81yAv2FBuFdAoaU1zEAUG06V5Bx2qeYiqJf2C43MzoXfsLstxabW5Rt_apbyAHEcByMZm2PXs8qfjdykHhBvs/s1600/Adobe+Dimension+CC-screenshot-001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="955" data-original-width="1600" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSI43RPqpDfF4XXLTCIUT16ken1_53IzCHfebT3UK-ZqITVhb81yAv2FBuFdAoaU1zEAUG06V5Bx2qeYiqJf2C43MzoXfsLstxabW5Rt_apbyAHEcByMZm2PXs8qfjdykHhBvs/s400/Adobe+Dimension+CC-screenshot-001.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
I've put together a short video to help you understand the various ways to select models in Dimension.</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='640' height='360' src='https://www.blogger.com/video.g?token=AD6v5dx95lU6sZqKEGXoqBQOyAijrfi_tgmvbBxraEB2AgxiaYFZdCNyB4wHu1AaWu3jUnplH4jlKsPNg6M' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />
<br />
Want to learn more about Adobe Dimension? See the <a href="http://www.peachpit.com/store/adobe-dimension-cc-classroom-in-a-book-2019-release-9780134863542">Adobe Dimension CC Classroom in a Book</a> that I wrote for Adobe Press.Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-44166527062900522912019-02-05T08:46:00.002-06:002019-02-05T08:49:58.977-06:00How to transform models in Adobe DimensionIn order to use Adobe Dimension effectively you need to know how to use the “transformation widget” to move, scale, and rotate models.<br />
<img alt="Adobe Dimension CC screenshot 001" border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEEGEN_-7mg4ceo_zxUjQ0WgD2tAlit-r6Ec4-jM7FDcAZQJpCu24JaETU4ds6NK3WVlBaMyyvGGj8PpRgPwkAwJB35_hcL2ZmGkbz8lHn_6CHzqaPp5CnC2pBdnLL4gx90mHe/s0/Adobe+Dimension+CC-screenshot-001.png" style="display: block; margin-left: auto; margin-right: auto;" title="Adobe Dimension CC-screenshot-001.png" width="298" /><br />
I’ve put together a video that will help you understand how to use the transformation widget with the Select and Move, Select and Scale, and Select and Rotate tools.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='640' height='360' src='https://www.blogger.com/video.g?token=AD6v5dyMX7EfWapd6ZfWpnUy7SzWbXPNTI3FUX9GOA6FccySKal97L5sjADJL-C7gSDlxmy64g7HIk-_Z_s' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />
<br />
Want to learn more about Adobe Dimension? See the <a href="http://www.peachpit.com/store/adobe-dimension-cc-classroom-in-a-book-2019-release-9780134863542">Adobe Dimension CC Classroom in a Book</a> that I wrote for Adobe Press.Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-74322529186300988092019-01-29T08:07:00.001-06:002019-01-29T08:12:17.063-06:00Find free content to get started with Adobe Dimension<p>Adobe Dimension is a fantastic program that allows anyone to create realistic images from 3D assets for branding, identity, product shots, or just for fun!</p>
<p>But for many people, the barrier to entry to getting started with Adobe Dimension is locating 3D assets to use. Perhaps you’re a graphic designer and you’ve created an identity for a gourmet food company, and you want to show what the identity will look like on a variety of food packages such as jars, cans, boxes, pouches, etc. Or you want to show a screen from your Web site displayed on screens of various mobile devices, posed in realistic settings. To accomplish either of these things, you’ll need high quality 3D models of jars, cans, boxes, pouches, and mobile devices. Where can you get these?</p>
<p>Right in Dimension you’ll see a variety of “Starter Asset” models that are free and can be used in your project with a single click.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2019-01-29.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgboPNmn5liAHBJvs1T96O9Isi8KWRjYiEe3Yf5ja3bjTxZRjhYSjtsdDrjkUBAQvN8eoljun9X3sU1bbW2C5IJkP5XfMgvsYSovLCpCdJxUjVmrRHPysZCGi9xsbDMZ9tYzRCz/s0/Screenshot+2019-01-29.png" alt="Screenshot 2019 01 29" width="190" height="300" border="0" /></p>
<p>But likely you’ll need more than this. The best place to look next is <a href="https://stock.adobe.com/">Adobe Stock</a>. You can easily access Adobe Stock from within Dimension by clicking the <em>Add and Import Content</em> button at the top of the Tools panel and choosing <em>Browse Adobe Stock</em>.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Adobe Dimension CCScreenSnapz001.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit16E3D9wa-7JlPpv5LaM3o-SDlKWfZoQLe0sk4gWpt8IDRL5ABtHCJMRBRm59uyTzA717Jcq7qrB9cq13XH1eyDMQBwzDwrfeIUMbnqbkiW_Khu62K5AmF08Ej7Y-5u15BNM2/s0/Adobe+Dimension+CCScreenSnapz001.png" alt="Selecting Browse Adobe Stock from the Add and Import Content button" width="298" height="294" border="0" /></p>
<p>This will launch your Web browser and display a “sampler” of a few dozen free models available on Adobe Stock. </p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Google ChromeScreenSnapz003.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPlri0kw-jVZ_EIIB0l7GrxLQsR6hgYbRJmeXf9yMBeYbjNOHqF4MEAzd9IDUVDNzg8r6U4KohSllTdr6zEK68A3bxDffaAwqLXRW_Y9zliIXCbHexBY1tCNWTigNxX0IQlQJQ/s0/Google+ChromeScreenSnapz003.png" alt="Google ChromeScreenSnapz003" width="600" height="393" border="0" /></p>
<p>You might conclude that these are the only free models available on Adobe Stock. But there are actually hundreds of free images available! Unfortunately, there isn’t any way to search for only free images.</p>
<p><a href="https://stock.adobe.com/search/3d-assets?filters%5Bcontent_type%3Aphoto%5D=0&filters%5Bcontent_type%3Aillustration%5D=0&filters%5Bcontent_type%3Azip_vector%5D=0&filters%5Bcontent_type%3Avideo%5D=0&filters%5Bcontent_type%3Atemplate%5D=0&filters%5Bcontent_type%3A3d%5D=1&filters%5B3d_type_id%5D%5B%5D=1&filters%5Binclude_stock_enterprise%5D=0&filters%5Bis_editorial%5D=0&filters%5Bcontent_type%3Aimage%5D=0&order=relevance&safe_search=1&limit=100&search_page=1&price%5B%24%5D=1&get_facets=1">This link</a> will display all of the non-premium 3D models available on Stock. As of today, that is 3,474 models, hundreds of which are free.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Google ChromeScreenSnapz004.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK1byYO9Dajo5DcJ-nRA0fTYwE23MyU52EOm5LGJWgfLb_Eum5_ZtKNyBB2BAPNfrNJPWbXfUevjrUdGwicQU66LVPN4ElaLrpOL8qd41yOCszbFUXmOViYk7jOP_IUZVVcMh1/s0/Google+ChromeScreenSnapz004.png" alt="Google ChromeScreenSnapz004" width="600" height="358" border="0" /></p>
<p>Searching for “glass”, for example, you’ll discover several free images mixed in with the results.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Google ChromeScreenSnapz005 copy.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-TBvEtku7TmRobwLU83Zoc8g2C4FhmL1lTjEuLMiyl84yXslg4mivhBFgTNyUoEebJC2ov3zzf9qbjBHcIeWdrhV0uFwQKNd6YL8LifDCuhquL4A0UP5wuxXtPt21-4SNkOoq/s0/Google+ChromeScreenSnapz005+copy.png" alt="Google ChromeScreenSnapz005 copy" width="600" height="448" border="0" /></p>
<p>So, while there is no way to filter in Adobe Stock to display only free 3D models, there are hundreds available…you just need to dig. And, these models are optimized and tuned to work flawlessly in Dimension.</p>
<p>Want to learn more about Adobe Dimension? See the <a href="http://www.peachpit.com/store/adobe-dimension-cc-classroom-in-a-book-2019-release-9780134863542">Adobe Dimension CC Classroom in a Book</a> written by yours truly!</p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-74584031635190820852018-03-26T07:58:00.001-05:002018-03-26T09:00:06.325-05:00Adobe to discontinue Muse and Business Catalyst<p>Today Adobe announced that Adobe Muse and Adobe Business Catalyst will not be developed any further. I’m saddened by this, as I used both products, and believe they filled a specific niche in the industry. But apparently that niche wasn’t profitable or worth pursuing for Adobe.</p>
<p><strong>Muse:</strong></p>
<p>"On March 26, 2018 we will release the final feature improvement release of Adobe Muse. We will continue to offer technical support to all active Creative Cloud customers until May 20, 2019.” <a href="http://muse.adobe.com/product-announcement-intl.html">Read more here.</a></p>
<p>It appears that Adobe is considering extending <a href="https://spark.adobe.com/sp/">Adobe Spark</a> to allow creation of full Websites:</p>
<p>"Adobe Spark, powered by 30+ years of Adobe’s design intelligence, will soon bring a better way to build websites. Create beautiful, modular, and responsive websites from scratch—in minutes. Just add your text, photos, videos and more, and Spark will give you beautiful results.” <a href="https://spark.adobe.com/make/websites/">Read more here</a>. Oddly, there is no mention of, or link to, this effort in the Muse announcement.</p>
<p><strong>Business Catalyst:</strong></p>
<p>"Adobe is committed to delivering exceptional software and services to our customers. It’s in our nature to innovate and try new things, and it was in this spirit that we acquired Business Catalyst in 2009. As we re-focus on products that broadly provide our customers with the most value, Adobe is announcing the end of development for Business Catalyst as of March 26th, 2018. New sites will no longer be available for purchase starting with June 18th, 2018. </p>
<p>Adobe will stop hosting existing sites on Business Catalyst on March 26th, 2020. Adobe encourages customers to download their data and migrate to other systems well before March 26th, 2020. Detailed how-to information and assistance is available. Customers' data will be retained by Adobe until March 26th, 2020, after which date the data will be deleted. Data retention is for the sole purpose of allowing customers to export their data and transfer to another platform.” <a href="https://secure.worldsecuresystems.com/product-announcement#announcement">Read more here.</a> </p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com2tag:blogger.com,1999:blog-28416661.post-17694672203440038172017-09-20T11:42:00.001-05:002017-09-20T11:42:17.154-05:00Have you tried Publish Online?<p>If you’re a Creative Cloud member, and use Adobe InDesign, you need to try the Publish Online feature. It's super easy to use, and can be a great alternative to posting a PDF to a Web site. Adobe is pulling out all the stops this week and declaring this “<a href="https://blogs.adobe.com/creativecloud/indesign-publish-online-week/#">Publish Online Week</a>”. See this<a href="https://indesignsecrets.com/indesign-publish-online-week.php"> InDesignSecrets blog post</a> that contains lots of free content for learning Publish Online, as well as how to add sophisticated animation and interactivity to Publish Online documents.</p>
<p>Brian Donahue, a talented local designer, has used Publish Online for a number of projects. Here are a couple of my favorites:</p>
<p><a href="https://indd.adobe.com/view/0e7762a5-a174-44ea-ba2b-a59b7506f66f">The Center for Irish Music Annual Report</a></p>
<p><a href="https://indd.adobe.com/view/1a1978c9-5b1c-4d36-abe0-ed6d4bff209c">The Minneapolis Parks Foundation Annual Report</a></p>
<p>Also, check out the <a href="https://indd.adobe.com/view/c2c7aa96-405e-488f-8902-e1d96c1bea4f">Publish Online gallery</a> by my friend Diane Burns. </p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com1tag:blogger.com,1999:blog-28416661.post-75752069369031701512017-08-28T07:12:00.001-05:002017-08-28T07:14:37.828-05:00Compatibility of InDesign scripts with future updates<p>One of the things that occupies a great deal of my time is writing custom scripts to automate Adobe InDesign. Most of these scripts are custom solutions to solve specific client workflows, but I have a handful of free public scripts available <a href="http://www.gilbertconsulting.com/resources-scripts.html">here</a>.</p>
<p>The question I’m asked most frequently is this: “Will a script written for today’s version of InDesign continue to work in future versions of InDesign?" The short answer is “usually."</p>
<p>Scripts automate InDesign by accessing commands built into InDesign’s “document object model” or DOM. This DOM is an exhaustive, invisible-to-the-user list of commands available “under the hood” in InDesign that programmers can access to automate InDesign features and functions. </p>
<p>There are no guarantees about what Adobe might do in the future—but this DOM has not undergone any type of wholesale change in many, many years. As Adobe adds and changes features in InDesign, typically only the commands in the DOM related to those features change.</p>
<p>So, for example, if you have a script that automates some sort of find/change function, you could reasonably expect this script to continue to function in future versions of InDesign until Adobe decides to change something with the way InDesign performs Edit > Find/Change. Many scripts originally written for InDesign CS3 10 years and 7 major versions ago still run perfectly today.</p>
<p>If Adobe does change something in the DOM that causes a script to cease working properly, typically the charge to update the script is a small fraction of the original development cost of the script.</p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com1tag:blogger.com,1999:blog-28416661.post-50091985038093665722017-06-21T12:35:00.001-05:002017-06-21T12:36:08.529-05:00Handy sources for sample data<p>There are a number of reasons why you might need sample database or spreadsheet data to use for a project, and you want “real” sounding records with names, addresses, credit card numbers, company names, etc. Sure, you could mock up some fictitious data yourself, but that’s time consuming and tedious. Instead, turn to the <a href="http://www.fakenamegenerator.com/order.php">Fake Name Generator</a>™, <a href="http://www.generatedata.com">generatedata.com</a>, or <a href="http://www.freedatagenerator.com">FreeDataGenerator</a>. </p>
<p>Perhaps you’re using <a href="http://www.adobe.com/products/experience-design.html?scid=social52541916">Adobe XD</a> to prototype an app, and quickly want to auto-populate a screen with random records using the <a href="https://helpx.adobe.com/experience-design/help/create-repeating-elements.html">Repeat Grid</a> feature. Or you’re setting up a document using InDesign’s <a href="https://helpx.adobe.com/indesign/using/data-merge.html">Data Merge</a> feature and you don’t have the real data yet. Or you’re working on an XML or JSON project and need some sample data to work with. Or you’re teaching a Microsoft Excel or Google Sheets class and want to populate a spreadsheet with sample data.</p>
<p>Each of these Web sites makes it easy to generate dozens or hundreds of records of sample data. Each site offers something slightly different regarding the types of data generated and the formats that it will export the data to. Here are a couple of example data sets quickly generated with these resources:</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="NewImage.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZkBl1dy7lEtNId5yPwRn_MRsxE6PJtyImXHofalY0Uy3LHotWQATPUHTxPE9olD9kKIAEj-2-MflGBEfEmdbNC_FgrMLO_EDE0rDYmNmpwMfiO1gly1j4fOfG4SQQe0wahqSM/?imgmax=1600" alt="NewImage" width="332" height="600" border="0" /></p>
<h6 style="text-align: center;">XML data generated by FreeDataGenerator</h6>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="NewImage.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJiJzHgrG2EK2ePavP0OtlCz1aZaUv4llMjfwDGx8fxa25vKi1lj5mxAt9lU9XnY3huYKO9PyyyuSyZZ65nCK08eFLjYh2MINtfdSvVK6k2-Fb3e0LlzO4ycrIK8F62ho-eUth/?imgmax=1600" alt="NewImage" width="599" height="419" border="0" /></p>
<h6 style="text-align: center;">Spreadsheet data generated by generatedata.com</h6>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-86919323028633097722017-06-16T14:35:00.001-05:002017-06-16T14:40:57.048-05:00How to create a device mockup with Adobe Comp CC<p>Adobe Comp is one easy way to create quick mockups of your web site or app on a mobile device. Just follow these steps:</p>
<p>1. Download and install Adobe Comp CC on your device. The app is free, and available for <a href="https://itunes.apple.com/us/app/adobe-comp-cc/id970725481?mt=8">iOS (iPad and iPhone)</a> and <a href="https://play.google.com/store/apps/details?id=com.adobe.comp&hl=en">Android tablets and phones</a>. You will need a Creative Cloud plan to sign into the app.</p>
<p>2. On your tablet or phone, take a screenshot of what you want to “pose” on the device. To take a screenshot on an iOS device, press the home button and the power button simultaneously. One most Android devices, you press the volume down and power buttons simultaneously. Instead of a screenshot, you can assemble artwork in Photoshop or any other program that you wish. Just be sure to create it at the size of your device screen. Here, I just took a screen shot of my Web site on my iPad in landscape orientation.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="IMG_1153.PNG" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjTNrweNdotYSwFScaPVTBSBWRjZFfPu9dA5NjTf5Q7roRo3MnvhEcZI9WeYo0EL699U4yO0Y-O9rfXRKBamrDrucoPxLfGGozOgd7r0-AOELzX64_0oC9Rvx_lGdbPJF-yMgL/?imgmax=1600" alt="IMG 1153" width="600" height="450" border="0" /></p>
<p>3. Run Adobe comp on your device</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="NewImage.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv69JSXvjVrZO52fUJEu2nV0cQ7D4Ev_nFYUtMxdp1XIbwW2OdU9FLIBJbnHREzNdFEmBPX6z3iLbX6ZZ5opQjpUSxvngNHftfYs6bNAUMIYK5ulPL8XrnGvm5-yN6KeuS2sAc/?imgmax=1600" alt="NewImage" width="128" height="128" border="0" /></p>
<p>4. Tap the plus icon in the lower right corner to create a new composition</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="plus_sign.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YgBORJmA-HbyoY61kkF9Y4I-F-lCFV5SLo3Jd5NETV9WaN51VfqDBJxwxASckBKeq-lI6xzji9WaDg1Nt29t4LFVlB6iarcoBgDHFpWy_6nIe4gPQzBIPflNVnDmQh_eWtf5/?imgmax=1600" alt="Plus sign" width="599" height="404" border="0" /></p>
<p>5. Choose the proper size project for your device</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="page_size.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLUFWYOPizDePtxsu4bOBaNy4vhmWiFAefNTPZRhe5_w7w4vEb64Nxu2eRCNfh8D_bZv9TkS-EMqpDfd0UWvEG3C02mxN2V34fjT53Elvu1m5fvgPlQxHYo1fUqjv4_4f90mLr/?imgmax=1600" alt="Page size" width="599" height="404" border="0" /></p>
<p>6. Tap the place image button and locate the image from step 2. In my case, the image is a screen shot, so it is “On my device"</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="on-my-device.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_0z1Zo5I6RBWK2W6muGFlo2QraQ_z3MbKN9duEwqfKqI9N4sPUsy-gibQt8iHNFEEjjaKQzqMm0jppHiIj_JpcwMopU3wgX5xdBZiM2ZoLxKfdqIeCi1iysCyNzVpo4ih7mBq/?imgmax=1600" alt="On my device" width="599" height="404" border="0" /></p>
<p>7. Drag your image to the upper-left corner, and then grab the lower-right selection handle and drag it to fill the canvas</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="left-corner.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibtroS_v-3MvMMQ860FVOYTL5ijqFSXKRxAaX3naL24dILt-agl_eIxw-S8plaXSRooxd5IrQIZJ2kc0hzlZdTMfBflt4Xv0KHb-r7iSNoFVsqmzDqIKiPC2Ze_Vvp_01evJr-/?imgmax=1600" alt="Left corner" width="599" height="404" border="0" /></p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="full.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrWyOujebbemSvNIUsafKO9J9Zmnx8LSDcyev_CDc3f0tPl4F7Gi8xjXmb_z81xZ7BageK95_MtZSn164FZpBvS3qIl3W5Ex3HZ83VL210K0KOnJyf_pnbsX_YtDITS_B8NNO/?imgmax=1600" alt="Full" width="599" height="404" border="0" /></p>
<p>8. Tap the share button and choose Auto Mockups</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="auto-mockps.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpIUYwgwJthf208sDo-LvTgEuDt9UqH0VigUIb2lln73CTH-kdAsLsvCpfkt9Gp8fCwe5M9Ha9WcA_M3iAkUQqNDMrHlFG4bgzDi_P64Y-g0h88_ddONQOyvrxX1Pdjf4rDwGq/?imgmax=1600" alt="Auto mockps" width="599" height="404" border="0" /></p>
<p>9. Your artwork will appear “posed” on a device. Depending on what device you are targeting, you may have multiple mockups available, Swipe to the left to see additional mockups.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="device1.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4eZT38nzHgH1au34fCY03TtVaNq5YHJX3mK0QoxhMI2cb2H7R5oB9wzhl0j7qzNjjNv4KdGfzHIEixJg0Xn3hY5PlDgBPWUI3FQUF2gjDfLLEGLGehIlR7BFOiDcUMMh6qV7d/?imgmax=1600" alt="Device1" width="599" height="404" border="0" /></p>
<p>10. Tap the share button to save the image the finished mockup to local storage, Dropbox, etc.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="share.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrvG5jQkKdsvdkC_oeF3CJx8D3EiJ_5dkr6D0gwRr070TRUj_SA0cnF0rap6Oqs-YcPT7R7cDpD3SpcdYcXfbCHHvQy4yebEPyo2braIQYsObXI8y7wY8pgEFhkMUN7LYbcPw1/?imgmax=1600" alt="Share" width="599" height="404" border="0" /></p>
<p>The finished project:</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Project.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlZDJ4tqq5UeBpoXy9YK1PZNk6rCpRvXMKY3wQ8c_1Ym4-z1WXSTKeTgLzSdsdxGcCqhC2za5P7kozZItR9qHtLw0h5RERgMycByE3bVV1JVcuG9NyUM2EEFPdzliJdbjQJqVQ/?imgmax=1600" alt="Project" width="600" height="450" border="0" /></p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com2tag:blogger.com,1999:blog-28416661.post-66091048150594212742017-06-09T13:11:00.001-05:002017-06-09T13:11:44.034-05:00Using gradients on strokes in Illustrator<p>Gradients aren’t just for fills in Illustrator. Did you know that you can use them on strokes also? Here’s how:</p>
<p>1. Draw a path with the Pen tool, Curvature tool, Line Segment tool, Spiral tool, Pencil tool, or any other tool that creates a path</p>
<p>2. With the path selected, give the path a stroke weight (the Appearance panel is the best place to do this)</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2017-06-09 11.34.40.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Pi8jbFwVzO9A9bdUKZGUMME0fDFVx9jTPPt0kFAm-2oafhyphenhyphengFNVOVjNAwXsaGT0U_5TfI4x5hZKr7zke1Z9WWTyprisUkTplbii-eqCxhhcca4EGfcjstqGrXuzXfPbfNWM_/?imgmax=1600" alt="Screenshot 2017 06 09 11 34 40" width="599" height="413" border="0" /></p>
<p>3. Choose a gradient for the stroke</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2017-06-09 12.48.57.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYX8bC0K78FfRaf6bFRrR6H9clWK0pijPShHqIUpxgo_iCUjfY7AaK2Xn8t1-HhUvi7Lb9cRWGkdxv4Mpiix5PBsJ1cgt-35ouVmvmXwYPMATTkN3SlcPX2PU-iP9fjbxzY2X-/?imgmax=1600" alt="Screenshot 2017 06 09 12 48 57" width="599" height="414" border="0" /></p>
<p>4. In the Gradient panel, there are 3 “Stroke” buttons: the left-most button creates a gradient that just goes across the object from left to right by default.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2017-06-09 12.49.16.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7HV7v7A4Uw_o1qV3JvE_J6h-nUdolCTmrq4N2WZ_dRLA0eyMEZenH9y8NQJPzosw-vg3rLlEp_S4hCU1lZbxcpY85WAosMwMcYDJ_vsPAGkFxxVUz4gyL1OKQtfyOYXQARB2p/?imgmax=1600" alt="Screenshot 2017 06 09 12 49 16" width="599" height="414" border="0" /></p>
<p>5. The middle button creates a gradient that follows the curve of the stroke.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2017-06-09 12.49.25.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxE4C4USAtCaHf9jvKj08k4FIeUR0s0qXrBwDkP0ysIneaxa0529qLPmGWqkMQZ-aNpS69Ka-fbcE-JMtK8ffx1Zf9xw_bQs0UE0lhg-AYyIza19zaTz8DU4OOPHrsEr_U_emz/?imgmax=1600" alt="Screenshot 2017 06 09 12 49 25" width="599" height="413" border="0" /></p>
<p>6. The right-most button creates a gradient that goes across the width of the stroke.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2017-06-09 12.49.35.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8YpeAD1MCtSsN9CkdaKFeVi3Nh-hKdwAwh1NZVBERQNSLGJourH-pMYpruoX5wUqX9LCdm6CyF13bRHKX987Z8LWxba7M5ChfL1MYx0dfp7brN6JNJ9cFM97N7rN6WzVw66mF/?imgmax=1600" alt="Screenshot 2017 06 09 12 49 35" width="598" height="413" border="0" /></p>
<p>7. The Reverse Gradient button will change the direction of the gradient. This is particularly useful for gradients that follow the curve of the path.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2017-06-09 12.51.11.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvvuacRxbEJF5D3PRjKGWYQTqWkWsWA29OKAh714Mmg_9eVuJ3lLZm_BW81n3paIxJh01Ala_l_ysemtr_01G27cHwLcAZMlVOJ3t1Dg7Ue4jLmI-PwX1VSs8Ek0b0Spl_MP_S/?imgmax=1600" alt="Screenshot 2017 06 09 12 51 11" width="599" height="413" border="0" /></p>
<p>Keep in mind that the <em>Object > Path > Reverse Path Direction</em> command will also change the direction of the gradient if the gradient is set to follow the curve of the path or go across the width of the stroke.</p>
<p> </p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com1tag:blogger.com,1999:blog-28416661.post-44987213088900430422017-04-05T19:34:00.001-05:002017-04-05T19:34:10.157-05:00Tips for syncing projects between Adobe Portfolio and Behance<p>I’ve <a href="http://blog.gilbertconsulting.com/2016/05/the-easiest-way-to-create-portfolio-web.html">written about Adobe Portfolio previously</a>. Its an extremely simple (and free) way to create an attractive, responsive, easy-to-update portfolio Web site that showcases your work. If you create a Portfolio Web site, you can choose to mirror your Portfolio projects on Behance also. Why would you want to do this? What is the difference between putting your work on a Web site built with Portfolio and putting your work on Behance?</p>
<p><span style="color: #333333; font-family: Arimo; font-size: 14.300000190734863px;"><a href="https://www.behance.net">Behance</a> is “the leading online platform to showcase and discover creative work”. Think of Behance as a way to show your work and gain visibility <strong>within the creative community</strong>, and your Portfolio Web site as a place to showcase your work to <strong>potential clients</strong> and be discovered via search engines.</span></p>
<p><span style="color: #333333; font-family: Arimo; font-size: 14.300000190734863px;">When you add a project to your Portfolio Web site, you have the option to post that project on your Behance site also, and vice versa. If you stick with simple text formatting in Portfolio, assigning Header, Subheader, Paragraph and Caption styles, these styles will be mapped to corresponding styles in Behance.</span></p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2017-04-05 17.20.16.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1o-LOWlg73bvLiYcIyQST6L70moGs-8FgfxYfxZUp-NtlvHbWPSP71-gritiHVD2ZuC9iy3L6DLoEoMgR1esAJRxDtVSsvHkSdG7VH_AIgrQqDWRWUqG0oUtCYM6RAHMR_Opv/?imgmax=1600" alt="Screenshot 2017 04 05 17 20 16" width="588" height="552" border="0" /></p>
<p><span style="color: #333333; font-family: Arimo; font-size: 14.300000190734863px;">But here’s an important tip: When you Edit a Text Style in Portfolio, you can add space below paragraphs by specifying a Bottom Margin. But if you do this, the space below the paragraphs will disappear when the project appears in Behance. The solution? Instead of specifying a bottom paragraph margin in Portfolio, add add extra returns between paragraphs. These empty return characters will be honored in Behance also.</span></p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2017-04-05 17.23.07.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpSkXrYtR6jIAqasgPeA6ohmjZMponliojah68G4b4oOXdQcF3kbTertT5JyOqMH61Bfiafqmg0_P7ERZ-o66wvHHRWYkP-pPR3YFW0lUSBcya5eZozT2Coce1QZ3UNM2tUDYQ/?imgmax=1600" alt="Screenshot 2017 04 05 17 23 07" width="598" height="248" border="0" /></p>
<p><a href="https://help.myportfolio.com/hc/en-us/categories/202880248-Behance-Portfolio">Here is more information</a> about how Behance and Portfolio work together. </p>
<p><a href="https://indd.adobe.com/view/0c3ce861-5806-4d6d-b563-a352d1042f51">Here is a handout</a> from a recent workshop that I gave about Behance and Portfolio.</p>
<p> </p>
<p><span style="color: #333333; font-family: Arimo; font-size: 14.300000190734863px;"><br /></span></p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com1tag:blogger.com,1999:blog-28416661.post-72810179899462222652017-02-24T08:52:00.001-06:002017-02-28T07:24:59.776-06:00How to copy a file path on a Mac<p>This is obscure, but I ran across this recently and thought it might help someone else out. I frequently need to copy the path to a file on my Mac or on a server, so that I can include that path in documentation or in a support email with a customer. Here’s how to do it:</p>
<p>1. Select the file you want in the Finder</p>
<p>2. Choose <em>File > Get Info</em> (command-i)</p>
<p>3. Select the full path next to “Where” in the <em>Get Info</em> dialog box</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2017-02-24 08.47.46.png" src="https://lh3.googleusercontent.com/-8I6unAjx350/WLBIyrm2a_I/AAAAAAAAEvw/SqH50NDDjcM/Screenshot%2525202017-02-24%25252008.47.46.png?imgmax=1600" alt="Screenshot 2017 02 24 08 47 46" width="263" height="371" border="0" /></p>
<p>4. Choose <em>Edit > Copy</em> (command-c)</p>
<p>The file path is now on the clipboard, and can be pasted into a text document or an email. The path will look like this after pasting:</p>
<p>/Users/keithgilbert/Dropbox/Stock/Vector/Open Clipart Library/openclipart-0.18-svgonly/clipart/education</p>
<p><strong>UPDATE:</strong></p>
<p>I just discovered by reading <a href="https://www.danrodney.com/mac/">Dan Rodney’s excellent list of Mac Keyboard Shortcuts</a> that if you select a file in the finder and press command-option-c the path name is copied. This method also puts the filename on the end of the path, so in my example above, the result is:</p>
<p>/Users/keithgilbert/Dropbox/Stock/Vector/Open Clipart Library/openclipart-0.18-svgonly/clipart/education/logaritmic_diagram_01.svg</p>
<p><strong>YET ANOTHER UPDATE:</strong></p>
<p>Jamie McKee at <a href="http://mackeycomposition.com/MacKey_Composition.html">MacKey Composition</a> alerted me to this: You can right-click on a file or folder in the Finder, and then hold down the option key and choose “Copy <em>[filename]</em> as Pathname”. </p>
<p>Wow. I had no idea there were so many ways to do this. Good to know!</p>
<p> </p>
<p> </p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com8tag:blogger.com,1999:blog-28416661.post-795826647593596262016-12-27T15:26:00.000-06:002016-12-27T16:19:06.294-06:00Translating print into digital<p>I’ve worked with the great folks at <a href="https://experiencelife.com/">Experience Life</a> over the last couple of years. Experience Life magazine is available in both a print version as well as for <a href="https://itunes.apple.com/us/app/experience-life-magazine/id864174525?mt=8">iPhone, iPad,</a> and <a href="https://play.google.com/store/apps/details?id=com.experiencelife.experiencelifemag&hl=en">Android</a>. I was really impressed with how the Experience Life team translated this print layout:</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_9IcnAsyz4jLlDTpsPomJghNSzpGVDjcZZZP3imYUDO3XLFgVO9IGPopOsqOa6UBxTNmSAaNORKq9JE24FCGvtUwL-GYmds31oXXnVLaNugHqccYiodoXlk9_l5CHwSncErrG/s1600/spread.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="411" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_9IcnAsyz4jLlDTpsPomJghNSzpGVDjcZZZP3imYUDO3XLFgVO9IGPopOsqOa6UBxTNmSAaNORKq9JE24FCGvtUwL-GYmds31oXXnVLaNugHqccYiodoXlk9_l5CHwSncErrG/s640/spread.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<p>... into this digital layout:</p>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe width="600" height="338" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/j0oXiFJJ3S4/0.jpg" src="https://www.youtube.com/embed/j0oXiFJJ3S4?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<p>This is a great example of how much better a digital version can convey complex information when it is well-designed and produced correctly. In this case, the short clips of the exercises are best saved as either an image sequence or an animated GIF, depending on the final format of the document (Adobe Digital Publishing Suite, Adobe Experience Manager Mobile, Twixl, Fixed Layout EPUB, Publish Online, etc.)</p>
<div class="separator" style="clear: both; text-align: left;">
</div>
<p>See also:</p>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<p><a href="http://blog.gilbertconsulting.com/2015/06/how-to-convert-image-sequence-to.html" target="_blank">How to convert an image sequence to an animated GIF</a></p>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<p><a href="https://www.lynda.com/InDesign-tutorials/Place-animated-GIF/408236/455938-4.html?srchtrk=index%3a0%0alinktypeid%3a2%0aq%3akeith+gilbert%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2" target="_blank">Place an animated GIF</a> (From the Lynda.com course <i>InDesign: Fixed-Layout EPUB Interactive Techniques & Publish Online)</i></p>
<span style="background-color: white;"></span>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-70139662886820350302016-12-12T19:15:00.001-06:002016-12-15T07:16:03.061-06:00Upcoming seminar series in Minneapolis: Digital Publishing with InDesign<p>In cooperation with the <a href="https://creativesgroup.org">Twin Cities Creatives Group,</a> I’m presenting a special <a href="https://www.eventbrite.com/e/digital-publishing-with-indesign-tickets-30050395542?aff=GilbertConsultingBlog">January seminar series</a> in Minneapolis about Digital Publishing with Adobe InDesign.</p>
<p><a href="https://www.eventbrite.com/e/digital-publishing-with-indesign-tickets-30050395542?aff=GilbertConsultingBlog"><img style="display: block; margin-left: auto; margin-right: auto;" title="Screenshot 2016-12-12 19.10.40.png" src="https://lh3.googleusercontent.com/-_j1WOEicRM8/WE9LsMHPxhI/AAAAAAAAEuo/mMo1AipppWw/Screenshot%2525202016-12-12%25252019.10.40.png?imgmax=1600" alt="Screenshot 2016 12 12 19 10 40" width="545" height="600" border="0" /></a></p>
<p>This is a low-cost 3-session seminar series for graphic designers, production artists, art directors, and other creatives and communicators who want to learn how to create multi-screen, digital output from InDesign CC. You can attend one, two, or all three sessions held on three consecutive Wednesday mornings in downtown Minneapolis.</p>
<p>The fee is $50 per session, or register for all 3 sessions for $130.</p>
<p>If you have any interest in learning how to create digital output for Web sites, Web apps, Mobile apps, or EPUB, be sure to check out the <a href="https://www.eventbrite.com/e/digital-publishing-with-indesign-tickets-30050395542?aff=GilbertConsultingBlog">seminar descriptions</a>. I’d love to see you in January!</p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-36282638493682700872016-11-28T07:50:00.001-06:002016-11-28T07:50:42.427-06:00Scan documents with your phone directly to Dropbox <p>Dropbox recently added the ability to scan documents directly to Dropbox using the Dropbox app on your iPhone. I’m finding that I use this feature several times a week. Even though I have a <a href="http://www.fujitsu.com/us/products/computing/peripheral/scanners/scansnap/ix500/index.html">Fujitsu ScanSnap iX500 document scanner</a> on my desktop (which is awesome, by the way), the Dropbox app is great for scanning receipts while on the road, or quickly sharing a print document via email or text.</p>
<p>Available only for iPhone at this point (not iPads or Android devices), the app works like this:</p>
<p>1. Download and install the <a href="https://itunes.apple.com/us/app/dropbox/id327630330?mt=8">Dropbox app for iPhone</a></p>
<p>2. Run the app</p>
<p>3. Tap the “plus” button at the bottom of the screen</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="IMG_6016.PNG" src="https://lh3.googleusercontent.com/-FnsqmoGNAO4/WDw2Ke9WdSI/AAAAAAAAEt0/GUKobB40ylc/IMG_6016.PNG?imgmax=1600" alt="IMG 6016" width="337" height="600" border="0" /></p>
<p>4. Tap “Scan Document"</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="IMG_6017.PNG" src="https://lh3.googleusercontent.com/-WfI2O3t2aVQ/WDw2Kjcp-wI/AAAAAAAAEt4/fnHz54tMeNI/IMG_6017.PNG?imgmax=1600" alt="IMG 6017" width="337" height="600" border="0" /></p>
<p>5. Place your document on a contrasting background, aim the camera at the document, and Dropbox will find the edges of the document. Tap the camera button at the bottom of the screen.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="IMG_6018.PNG" src="https://lh3.googleusercontent.com/-kbO7BCB7gqg/WDw2Ky0T1WI/AAAAAAAAEt8/o7IY_ZjLPnQ/IMG_6018.PNG?imgmax=1600" alt="IMG 6018" width="337" height="600" border="0" /></p>
<p>6. Once the document is captured, you can add pages, perform some basic editing, or rotate pages using the buttons at the bottom of the screen. When done, tap the Next button in the upper-right corner of the screen.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="IMG_6019.PNG" src="https://lh3.googleusercontent.com/-GVghMTj1tdw/WDw2LeMmzXI/AAAAAAAAEuA/C7AVIG4JCeo/IMG_6019.PNG?imgmax=1600" alt="IMG 6019" width="337" height="600" border="0" /></p>
<p> </p>
<p>7. Choose a location by tapping on “Save to”, and then tap “Save"</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="IMG_6021.PNG" src="https://lh3.googleusercontent.com/-JmnX_Bgo9pY/WDw2MDLAZkI/AAAAAAAAEuI/D-Z9A3m0BTo/IMG_6021.PNG?imgmax=1600" alt="IMG 6021" width="337" height="600" border="0" /></p>
<p>8. The result? A PDF, filed right where you want it in your Dropbox storage.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="IMG_6022.PNG" src="https://lh3.googleusercontent.com/-O9m1WxrJC4c/WDw2MeWDGrI/AAAAAAAAEuM/Z9j_hmKbHxk/IMG_6022.PNG?imgmax=1600" alt="IMG 6022" width="337" height="600" border="0" /></p>
<p>I was previously using a separate scan-to-pdf app on my iPhone, but I find the Dropbox scanning feature more quicker, easier, and more accurate.</p>
<p>For more info about this feature, see <a href="https://www.dropbox.com/en/help/9244">this Dropbox help article</a>.</p>
<p>Are you taking advantage of all that Dropbox has to offer? Take a “deep dive” into Dropbox with my <em>Up and Running with Dropbox</em> course on <a href="https://www.lynda.com/Dropbox-tutorials/Up-Running-Dropbox/418267-2.html?srchtrk=index%3a1%0alinktypeid%3a2%0aq%3aup+and+running+with+dropbox%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2">Lynda.com</a> or <a href="https://www.linkedin.com/learning/up-and-running-with-dropbox/welcome">LinkedIn Learning</a>.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screen Shot 2015-12-08 at 10.43.24 AM.png" src="https://lh3.googleusercontent.com/-hLnD00B2Nrc/WDw2JwljxiI/AAAAAAAAEtw/GXXTM7HwyGY/Screen%252520Shot%2525202015-12-08%252520at%25252010.43.24%252520AM.png?imgmax=1600" alt="Screen Shot 2015 12 08 at 10 43 24 AM" width="598" height="337" border="0" /></p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-72951924375495653772016-10-24T13:22:00.001-05:002016-10-24T13:22:42.499-05:00Free classes this week!<p>Now through October 30, ALL training content on LinkedIn Learning is <strong>absolutely free </strong>–– including my popular <a href="https://www.linkedin.com/learning/up-and-running-with-dropbox/welcome">Up and Running with Dropbox</a> course, my <a href="https://www.linkedin.com/learning/indesign-scripting-made-easy">InDesign Scripting Made Easy</a> course, and <a href="https://www.linkedin.com/learning/search?entityType=COURSE&keywords=keith%20gilbert">more</a>! No catch, no sign-up, no credit-card necessary. Set aside some time this week to #AlwaysBeLearning!</p>
<p><img title="Twitter-600x338.jpg" src="https://lh3.googleusercontent.com/-VNqK93N-OxY/WA5RcYGQilI/AAAAAAAAEso/6GclWo1cd18/Twitter-600x338.jpg?imgmax=1600" alt="Twitter 600x338" width="600" height="338" border="0" /></p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-6989182406233659492016-08-29T16:05:00.001-05:002016-08-29T16:08:36.625-05:00InDesign Publish Online: An excellent PDF alternative<p><a href="https://helpx.adobe.com/indesign/using/publish-online.html">Publish Online,</a>a new feature first introduced in InDesign CC 2015, is by far the easiest and cheapest way to publish a pixel-perfect interactive document to the Web.</p>
<p>From any InDesign layout, just click the Publish Online button at the top right corner of the screen, answer a few questions, and the layout is uploaded to a Web site hosted by Adobe, and the URL is given to you. You can then include this URL on your Web site, in an email, or whatever you want to do with it to drive people to your content.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screen Shot 2016-07-15 at 10.31.45 AM.png" src="https://lh3.googleusercontent.com/-m2mkPRVhbCQ/V8Sjp2nBOvI/AAAAAAAAEpc/CR3C60KgHxg/Screen%252520Shot%2525202016-07-15%252520at%25252010.31.45%252520AM.png?imgmax=1600" alt="Screen Shot 2016 07 15 at 10 31 45 AM" width="304" height="331" border="0" /> <img style="display: block; margin-left: auto; margin-right: auto;" title="Screen Shot 2016-07-15 at 10.42.37 AM.png" src="https://lh3.googleusercontent.com/-mPDpW_Pl9o0/V8SjqBZgVaI/AAAAAAAAEpg/nFnbIl87EfM/Screen%252520Shot%2525202016-07-15%252520at%25252010.42.37%252520AM.png?imgmax=1600" alt="Screen Shot 2016 07 15 at 10 42 37 AM" width="334" height="195" border="0" /></p>
<p>Publish Online is ideal for richly formatted documents that include some interactivity and are free to the public. They are an excellent alternative to PDF for many uses. Here are a couple of really nice examples designed and created by my friend <a href="http://www.bedesigninc.com/books">Brian Donahue,</a> a talented Twin Cities-based designer.</p>
<p style="text-align: center;"><a href="https://indd.adobe.com/view/1a1978c9-5b1c-4d36-abe0-ed6d4bff209c">Minneapolis Parks Foundation Annual Report</a></p>
<p style="text-align: center;"><a href="https://indd.adobe.com/view/997d4357-4742-425f-b2e2-d71fdd4bafaf">The Center for Irish Music Annual Report</a></p>
<p>Publish Online works really well. But the main drawback for many people is that the content must be hosted on Adobe’s servers. You cannot download the code and put it on your own Web server. Nor can you customize the URL. It will begin with the domain indd.adobe.com. There is no way to monetize the content, or protect it with a password.</p>
<p>Publish Online not the right fit for your requirements? I’ve written a comprehensive <a href="http://ajarproductions.com/techguide/">Digital Publishing Technology Guide</a> to help you sort out your options for digital publishing from InDesign.</p>
<p>Need help creating interactive content for your Publish Online projects? <a href="https://www.lynda.com/SharedPlaylist/e5cec868c9fe4543b424c5f3d307e451">These 4 courses</a> from Lynda.com can show you how! </p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-12218214854843689002016-06-27T15:50:00.001-05:002016-06-27T15:50:10.864-05:00Never stop learning<p>If you think you know everything you need to be a creative, efficient, effective graphic designer, art director, or production artist, think again. Even if you are totally on top of your game, there is certainly more you can learn about the tools you use everyday, such as Adobe InDesign, Illustrator, or Photoshop.</p>
<p>I want to be sure that you know about 2 exciting educational opportunities that are coming in 2 weeks to the Minneapolis/St. Paul, Minnesota area.</p>
<p>First, July 10-13 is a rare opportunity to learn Illustrator and Photoshop techniques from pros such as <a href="http://www.deke.com">Deke McClelland</a>, <a href="http://www.bertmonroy.com">Bert Monroy</a>, <a href="http://www.glitschkastudios.com">Von Glitschka</a>, and <a href="http://sharonsteuer.com">Sharon Steuer</a>. The <a href="http://conference.creativepro.com">Creative Pro Conference</a> is specifically for Creative Professionals who use Illustrator and Photoshop. You can choose to attend the entire conference, just the preconference, just the Illustrator sessions, or just the PhotoShop sessions. This is going to be a great conference!</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Conference_image.jpg" src="https://lh3.googleusercontent.com/-y8vyFFfynaE/V3GRgKiP7qI/AAAAAAAAEoY/UrMNIyNL2j8/Conference_image.jpg?imgmax=1600" alt="Conference image" width="598" height="388" border="0" /></p>
<p>Second, at 7pm on July 13, Anne-Marie Concepcion is going to be the featured speaker at the popular <a href="https://www.facebook.com/tcidug/">Twin Cities InDesign User Group</a> meeting at Concordia University of St. Paul. Anne-Marie is co-founder of the <a href="http://cpn.co">Creative Publishing Network</a>, owner of <a href="https://www.senecadesign.com">Seneca Design & Training</a> in Chicago, popular <a href="http://www.lynda.com/Anne-Marie-Concepcion/107-1.html?utm_medium=ldc-partner&utm_source=CMPRC&utm_content=524&utm_campaign=CD243&bid=524&aid=CD243&cid=l0:en:pt:le:earned:prosb:s0:0:ind:cmprc:CD243-author">Lynda.com</a> author, and co-host with David Blatner of the popular <a href="http://indesignsecrets.com">InDesignSecrets</a> podcast and Web site. Don't miss this opportunity to hear one of the best InDesign presenters around!</p>
<p>I hope to see you at one of these events!</p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com0tag:blogger.com,1999:blog-28416661.post-60614214649761541312016-05-22T15:26:00.001-05:002016-05-22T15:26:36.234-05:00The easiest way to create a portfolio web site<p><a href="https://www.myportfolio.com">Adobe Portfolio</a> is a new benefit for Creative Cloud members. It is an extremely simple way for a designer to create a “portfolio” or “showcase” Web site of recent work.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screen Shot 2016-05-20 at 10.46.41 AM.png" src="https://lh3.googleusercontent.com/-EiNSQF-y7b0/V0IV8TZqdgI/AAAAAAAAEng/j9R-ZOLzGQo/Screen%252520Shot%2525202016-05-20%252520at%25252010.46.41%252520AM.png?imgmax=1600" alt="Screen Shot 2016 05 20 at 10 46 41 AM" width="598" height="329" border="0" /></p>
<p>There are many other ways to do this, of course. You could build a Web site from scratch, use a WordPress template, create a site with <a href="http://muse.adobe.com">Adobe Muse</a>, or use one of the many competing systems for building portfolio sites. But Adobe Portfolio is free for Creative Cloud members, is simple, and is easy to update with fresh content at any time. And the sites created by Portfolio are responsive, meaning they will adapt to different screen sizes and look great on all mobile devices and desktop browsers.</p>
<p>A Portfolio Web site is free with every Creative Cloud subscription. Initially, each Portfolio site will be assigned the URL <em>yourcompanyname.myportfolio.com</em>. But if you have a custom domain of your own, you can easily publish the site with your domain, resulting in a URL like <em>yourcompanyname.com</em>.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screen Shot 2016-05-20 at 3.59.46 PM.png" src="https://lh3.googleusercontent.com/--PTvNvquVmg/V0IV9eCmOJI/AAAAAAAAEnk/XFVIxAG5IGo/Screen%252520Shot%2525202016-05-20%252520at%2525203.59.46%252520PM.png?imgmax=1600" alt="Screen Shot 2016 05 20 at 3 59 46 PM" width="492" height="472" border="0" /></p>
<p>To get started with Portfolio, visit <a href="https://www.myportfolio.com/">myportfolio.com</a>, and sign in with your Adobe ID. Next, you will be prompted to choose one of a half-dozen “layouts". Now, don’t panic at this point. As a designer I’m sure you’re thinking “real designers don’t use pre-designed layouts or templates”. But these layouts are highly customizable, with each one offering a different navigation style and functionality. See the following examples to get a sense of the wide variety of looks that can be achieved using these templates as a starting point.</p>
<p><a href="http://benjaminbartling.myportfolio.com/projects">Benjamin Bartling</a></p>
<p><a href="http://cristiangirotto.com/?scid=social61619226&adbid=731846617867812869&adbpl=tw&adbpr=3405712965">Cristian Girotto</a></p>
<p><a href="http://jfathersdesign.com/projects">Joshua Fathers</a></p>
<p><a href="http://matthieu-dennequin.myportfolio.com/projects">Matthieu Dennequin</a></p>
<p><a href="http://gabrielmartins.co/projects?scid=social61391706&adbid=729944132135706624&adbpl=tw&adbpr=3405712965">Gabriel Martins</a></p>
<p><a href="http://www.rachelmayes.co.uk">Rachel Mayes</a></p>
<p><a href="http://www.mikkoumi.fr">Mikko Umi</a> </p>
<p>After choosing a template, you’ll want to upload a few projects. A project can be as simple as a simple <a href="https://indesignsecrets.com/new-indesign-script-to-export-jpegs-at-a-precise-size.php">JPEG export of an InDesign layout</a>, photography of final print or product output, a mockup showing how the project looks on a mobile device, video clips, or a combination of all of these along with explanatory text and captions. </p>
<p>Once you’ve created your projects, you can take as much time and care as you want to modify the interface, navigation, and look and feel of the Portfolio web site using the simple Portfolio interface. You can preview the results in the browser using the “Preview” button at the bottom of the screen. Once the web site functions and appears as desired, it is time to publish the site. Clicking the “Publish Site” button publishes the site to Adobe’s servers. The Web site hosting is free with your Creative Cloud membership.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screen Shot 2016-05-22 at 3.24.13 PM.png" src="https://lh3.googleusercontent.com/-0ZjQuxC0Us0/V0IV9zTgJOI/AAAAAAAAEno/EFKXBGHzi7Y/Screen%252520Shot%2525202016-05-22%252520at%2525203.24.13%252520PM.png?imgmax=1600" alt="Screen Shot 2016 05 22 at 3 24 13 PM" width="405" height="73" border="0" /></p>
<p>An added bonus of Adobe Portfolio is that you can choose to sync your projects with Behance. <a href="https://www.behance.net">Behance</a> is “the world’s largest platform to showcase and discover creative work”. Think of Behance as a way to show your work and gain visibility within the creative community, and your Portfolio Web site as a place to showcase your work to potential clients and be discovered via search engines. When you create a project in Adobe Portfolio, you are asked if you want to also publish the project to Behance. If you don’t yet have a Behance account, you will be led through the process of linking your Adobe ID to Behance.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screen Shot 2016-05-22 at 4.00.24 PM.png" src="https://lh3.googleusercontent.com/-lw_QTuqRnlY/V0IV-svzJgI/AAAAAAAAEns/I1jQDD2mryg/Screen%252520Shot%2525202016-05-22%252520at%2525204.00.24%252520PM.png?imgmax=1600" alt="Screen Shot 2016 05 22 at 4 00 24 PM" width="520" height="233" border="0" /></p>
<p> </p>
<p>Likewise, if you upload projects from Behance.net, you have the opportunity to also publish those projects to your Adobe Portfolio Web site.</p>
<p>Adobe Portfolio is so easy to use. There is no longer any excuse for any designer to go without a modern, responsive, mobile-friendly Web site. You can put together a custom portfolio web site with a few projects in the course of an evening, and then continue to build it out with new projects as you complete them.</p>
<p>Follow <a href="https://twitter.com/adobeportfolio">@AdobePortfolio</a> on Twitter to discover new Web sites that have been created with Adobe Portfolio. If you create a portfolio web with with Adobe Portfolio, let me know. I’d like to see it!</p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com1tag:blogger.com,1999:blog-28416661.post-12750145492453562422016-05-04T21:58:00.001-05:002016-05-04T21:58:17.963-05:00Use Lynda.com to sharpen your skills<p><a href="http://www.lynda.com/promo/trial/Default.aspx?lpk35=7840&utm_medium=ldc-partner&utm_source=SSPRC&utm_content=655&utm_campaign=CD14739&cid=l0:en:pt:le:prosb:s0:0:ind:ssprc:CD14739&bid=655&aid=CD14739">Lynda.com</a> is the best on-line resource for video-based training. The breadth and depth of the Lynda.com library in the “Design” category is particularly strong. Now, I’m probably biased as <a href="http://www.lynda.com/Keith-Gilbert/313370-1.html?utm_source=internal&utm_medium=redirect&utm_keyword=keithgilbert">I’m a Lynda.com author,</a> but they really do have great courses from some of the best authors in the business.</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Screen Shot 2016-05-02 at 8.57.48 AM.png" src="https://lh3.googleusercontent.com/-mtnSBZQ79Cs/Vyq2yJhEJcI/AAAAAAAAEnE/mzZYBzaXEjA/Screen%252520Shot%2525202016-05-02%252520at%2525208.57.48%252520AM.png?imgmax=1600" alt="Screen Shot 2016 05 02 at 8 57 48 AM" width="598" height="375" border="0" /></p>
<p> </p>
<p>I watch Lynda.com courses to learn new skills that are outside my core area of expertise. But it’s a constant challenge to find the time. But now there are more options for accessing Lynda.com courses than ever before.</p>
<p><strong>Can I watch courses on my iPad? My TV?</strong></p>
<p>There are Lynda.com mobile apps for <a href="http://www.lynda.com/apps/ios">iPad and iPhone</a> as well as <a href="http://www.lynda.com/apps/android">Android</a> and <a href="http://www.lynda.com/apps/windows">Windows 8+</a>. There are also desktop apps for <a href="http://www.lynda.com/apps/desktop-app">Mac OS X and Windows 7+.</a> These apps allow you to download entire courses so that they can be watched offline on your phone, tablet, or laptop. Suddenly, long flights become a great place to learn new things!</p>
<p>And speaking of flights, if you are fortunate enough to be flying on Virgin Atlantic, <a href="https://blog.linkedin.com/2016/03/15/never-stop-learning-access-lynda-com-courses-on-your-next-virgin-america-flight">you can access Lynda.com courses free on many Virgin Atlantic flights.</a> </p>
<p>If you have an <a href="http://www.lynda.com/apps/appletv">AppleTV</a> or <a href="http://www.lynda.com/apps/roku">Roku</a> device, you can access Lynda.com courses and watch them on your large TV in the comfort of your living room.</p>
<p><strong>What does it cost?</strong></p>
<p>Lynda.com training is extremely low-cost. $24.99 gets you a month of unlimited training. You can save money by purchasing a year-long subscription, or just pay for individual months as you need the service.</p>
<p>Some library systems provide free access to Lynda.com. For example, here in St. Paul, MN, the <a href="http://www.rclreads.org/research/lyndacom">Ramsey County Libraries</a> provide free access.</p>
<p>Some corporations provide access to Lynda.com company wide, as do some educational institutions. </p>
<p>Here’s a link for a <a href="http://www.lynda.com/promo/trial/Default.aspx?lpk35=7840&utm_medium=ldc-partner&utm_source=SSPRC&utm_content=655&utm_campaign=CD14739&cid=l0:en:pt:le:prosb:s0:0:ind:ssprc:CD14739&bid=655&aid=CD14739">10-day free trial</a> of Lynda.com so you can try it out!</p>Keith Gilberthttp://www.blogger.com/profile/17639216496820581739noreply@blogger.com2