POPULARITY
Enjoy this recreation of The DRAGONTM Magazine Combat Computer by Laura and Tracy Hickman. As I don't have the original magazine and insert, I thought it would be interesting to re-create it as a vector file with Adobe Illustrator CC.
This post was originally published on July 3, 2017, and updated on December 12, 2019. Synopsis By adding an infographic to your blog, and giving your readers an easy way to share it, is a sure way to help build your network. We can make the infographic easy to share by adding a “share box” immediately below it. This gives other bloggers a fast and simple way to share your infographic. Here are the three simple steps that I follow in order to create and add a “share box” to my own infographics. What You Will Learn In This Post 1. You'll learn an easy and fast way to add a “share box” to your infographic. 2. You'll learn why a “share box” is an excellent and painless way to get your readers to share your infographic. 3. You'll learn why an infographic with a share box below it will help you look more like a professional blogger. Introduction Infographics are a visually compelling way to grab a reader's attention. They can very quickly help you communicate information in an easy-to-digest format. And, by adding an infographic to your blog, and giving your readers an easy way to share it, is a sure way to help build your network. We can make the infographic easy to share by adding a “share box” immediately below it. This gives other bloggers a fast and simple way to share your infographic. This share box contains an “html embed code” that other bloggers can copy and paste into their own blog. This will make your infographic appear on their blog, and it also gives your blog a backlink. Thank you to Joel Friedlander of TheBookDesigner.com for linking to my blog post from his blog Carnival Of The Indies #111 Here are the three simple steps that I follow in order to create and add a “share box” to my own infographics: Share This Image On Your SitePlease include attribution to "KunzOnPublishing.com" with this graphic. STEP # 1. Create Your Infographic I typically create my blog post first. Then I design an infographic that can explain the information in my blog post in a simple, fun, and easy-to-understand format. I try to keep it visually appealing by using colors, fonts, and images that will catch the reader's eyes. I use Adobe Illustrator CC, and then convert the finished Illustrator file into a jpg. Then I simply upload that image to my WordPress media folder. STEP # 2. Place Infographic Into Your Blog Post I then find a place within my post to place the image, such as between major sections or between paragraphs. Then I click the “Add Media” button and then choose the appropriate image from my blog's media folder. You must do this from within the “text editing” page, NOT the “visual editing” page. “By adding an infographic to your blog, and giving your readers an easy way to share it, is a sure way to help build your network.” (Tweet) STEP # 3. Add A “Share This Image Box” Under The Infographic Start by using an “embed code generator” that will help you create your share box. The best one I've been able to find so far is by Siege Media. I didn't have much luck finding a WordPress plugin that I liked, or that would do what I wanted it to do for me. But this one by Siege Media fits my needs perfectly. All of the fill-in boxes are self-explanatory. Blank embed code generator form. Form provided by Siege Media. Filled-in embed code generator form. Form provided by Siege Media. Here is a sample of the html code that i use to create the share box. THE VIEW OF THE HTML ON MY BLOG: Here is what the final HTML code looks like on my blog post's text editing page: 1. The first section in the image below is the code for the actual jpg image of the infographic that will appear in my blog post. 2. This second section in the image below is the code for the share box that will appear just below my infographic. Screenshot of the html code that I have placed into my WordPress blog. THE VIEW FROM MY BLOG: Here is what the finished infographic and share box looks like on my blog...
Adrian Frutiger,卓越的字体设计师。跨越两个世纪的造字生涯,历经了铅火到光电的技术更迭;举凡无衬线体的风格分类,总有其无可缺席的代表作品。Frutiger 的字体渗透在我们日常生活的各个角落。 本期再邀主编 Rex,回顾 Frutiger 生平之事,共赏放眼皆是的 Frutiger 经典之作。 第十六轮抽奖活动开启,截至 11 月 20 日零时前。本期奖品为 Fontsmith 出品的期刊 TypeNotes, Issue 1(创刊号),由嘉宾 Rex 从伦敦带来。 参考链接 Adobe Illustrator CC 2018 支持 OpenType SVG 字体及 variable font 在 Adobe Illustrator CC 的 22.0.0 版本中,日文标点避头尾和标点挤压功能存在问题,22.0.1 版本已修复 11 月 11 日,方正字库在北京举办一系列活动,包括秋冬新品发布会、设计论坛;东京 TDC 2016—2017 作品选展也在同日开幕 Tokyo TDC Vol. 28(东京 TDC 第 28 期年鉴)发售 艾米尔·鲁德(Emil Ruder)著,周博、刘畅译.《文字设计》(Typographie: A Manual of Design).北京:中信出版集团,2017. Adrian Frutiger,瑞士著名字体设计师 下森(Unterseen),瑞士城镇,Adrian Frutiger 出生地 苏黎世应用艺术学校(Kunstgewerbeschule Zürich),苏黎世艺术大学的前身 Walter Käch,字体设计师,Adrian Frutiger 的老师 Charles Peignot,ATypI 创始人及第一届主席,Deberny & Peignot 铸字厂创办人;ATypI 后来以他的名义成立 Prix Charles Peignot 奖项,表彰 35 岁以下的优秀字体设计师 Univers,Adrian Frutiger 设计的 neo-grotesque 风格的无衬线体,Deberny & Peignot 出品;基于 Univers 家族,Frutiger 首创了两位数码的字重及样式编号系统 斜体(oblique type)有别于意大利体(italic type) 1972 年慕尼黑奥运会形象系统,由德国设计师 Otl Aicher 主导设计,采用了 Univers 字体 VAG Rounded,Adobe 出品的几何无衬线圆体,Apple 曾在键盘键帽上使用该字体 Univers Next,Linotype 基于 Univers 复刻的新字体家族,Nadine Chahine 参与设计,2010 发布 西蒙·加菲尔德(Simon Garfield)著,吴涛、刘庆译.《字体故事:西文字体的美丽传奇》.北京:电子工业出版社,2013 年. Frutiger,Adrian Frutiger 设计的人文主义无衬线体;原型是为法国戴高乐机场所定制的导示字体,名为 Roissy;后又为正文印刷改进设计,命名为 Frutiger Frutiger Next,Linotype 基于 Frutiger 复刻的新字体家族,2000 年发布 Neue Frutiger,Adrian Frutiger 晚年与小林章合作重新设计的 Frutiger 家族,2009 年发布 Myriad,Robert Slimbach 与 Carol Twombly 设计的人文主义无衬线体,Adobe 出品 Avenir,Adrian Frutiger 设计的几何无衬线体,Linotype 出品 Avenir Next,Adrian Frutiger 晚年与小林章合作重新设计的 Avenir 家族,完整的字体家族于 2017 年发布 OCR-B,Adrian Frutiger 基于 ECMA 标准设计的一款 OCR 字体,Monotype 出品 OCR-A,American Type Founders 基于 ANSI 标准出品的 OCR 字体 Heidrun Osterer, Philipp Stamm, & Swiss Foundation Type and Typography. Adrian Frutiger – Typefaces: The Complete Works. Basel: Birkhauser Verlag AG, 2008. 嘉宾 Rex Chen:Type is Beautiful 建立者、主编 主播 Eric:字体排印研究者,译者,Type is Beautiful 编辑 蒸鱼:设计师,Type is Beautiful 编辑 欢迎与我们交流或反馈,来信请致 podcast@thetype.com。如果你喜爱本期节目,也欢迎用 PayPal 或支付宝向我们捐赠,账户与联络信箱一致:podcast@thetype.com。
In this episode of Adobe Creative Cloud TV, Terry White shows the NEW 64000% zoom level in Adobe Illustrator CC 2015.
In this episode of Adobe Creative Cloud TV, Terry White shows off the 10x faster performance of Adobe Illustrator CC 2015 over CS6.
In this episode of Adobe Creative Cloud TV, Terry White shows the NEW CC Charts Technology Preview for Adobe Illustrator CC 2015. Create vector data driven charts with ease!
The Moleskine Smart Notebook is Creative Cloud connected and allows you to take your ideas from paper to vector with a click of your iPhone. Draw or sketch by hand, then use the Companion App to sync your files to the Creative Cloud and immediately open your image in Adobe Photoshop® CC or Adobe Illustrator® CC for refinement.
In this episode of Adobe Creative Cloud TV, Terry White shows the new features in the October 2014 release of Adobe Illustrator CC. Also see the NEW Adobe Shape CC, Adobe Brush CC and Adobe Color Apps.
In this episode of Adobe Creative Cloud TV I'll show you the top new features in Adobe Illustrator CC for June 2014.
In this episode of Adobe Creative Cloud TV, Terry White uncovers 5 or more hidden gems in Adobe Illustrator CC. See the little things in Illustrator that will improve your workflow and make using Illustrator easier.
Formez-vous à Adobe Illustrator CC, version mars 2014, le logiciel de dessin vectoriel incontournable auprès de tous les professionnels du print et du web. Dans cette formation Illustrator CC en tutoriel vidéo, vous apprenez pas à pas à maîtriser cet outil puissant. Avec Loïc Humez, formateur en infographie, certifié Adobe Illustrator, vous apprenez les bonnes méthodes pour démarrer efficacement. Découvrez toutes les nouvelles fonctionnalités dans cette formation Illustrator CC comme la nouvelle retouche de texte ! Apprenez à maîtriser l’outil courbes de Bézier et à modifier ou casser les vecteurs, déplacer les points et modifier vos courbes… Des exemples concrets et pratiques pour illustrer chaque leçon, comme la réalisation de 3D isométrique avec Illustrator CC. Tuto Illustrator : Zooms, défilements et zone totale de travail
In this episode of Adobe Creative Cloud TV, Terry White gives a first look at the New Adobe Illustrator CC features released in the January 2014 Update.
In this episode of Adobe Creative Cloud TV, Terry White helps you get started with Adobe Illustrator CC by showing the 10 things beginners want to know how to do.
In this episode of Adobe Creative Cloud TV, Terry White shows how to use bitmapped images as custom Brushes in Illustrator CC. See how he prepares the image first using Photoshop CC.
In this episode of Adobe Creative Cloud TV your host Terry White gives us a walk through of the new Kulier App for iPhone. Mix colors, capture colors around you with your iPhone camera, sync to the Kuler website, and automatically into Adobe Illustrator CC.
Have a 1st look at the NEW Adobe Illustrator CC and My Top 5 Favorite Features #creativecloud