Đang tải... (xem toàn văn)
7 hiệu ứng cho chữ trong Microsoft Word
7 Best Text Effects in Microsoft Word LASS G Václav Krejčí Best Text Effects GLASS in Microsoft Word Václav Krejčí GLASS Copyright © 2013 by Vaclav Krejci All rights reserved Václav Krejčí e-mail: upir@upir.org web: www.upir.org Twitter: @upiir Facebook: www.fb.com/BestTextEffectsInWord/ First edition, September 2013 All trademarks and copyrighted items mentioned and shown in this book are the property of their respective owners Disclaimer: The views and opinions expressed in this book are those of the authors and not necessarily reflect the official policy or position of any other organization, specifically Microsoft Corporation I have no connection with this company – yet Ahoy Ahoy is a commonly used greeting in the Czech Republic, comparable to “Hello” Ahoy, my name is Václav Krejčí, and I have this crazy idea: “Explain graphic design to everyday users using software they are already familiar with” This book is just the first in a series – but I need your help If you like it, please share it, talk about it, follow me on Twitter, Facebook, or send me an e-mail It will take you minutes, but it means a lot to me It gives me the energy to continue Thank you Introduction Table Of Content Introduction What you need to know (and have) 10 Why Microsoft Word? 11 Tutorials 13 Start with a blank document 14 Glass text effect 16 Twirls & Curls text effect 20 Color tails text effect 24 Dance! text effect 28 Freeze text effect 34 Vegas text effect 40 Stickers text effect Tutorials! 48 When everything goes wrong 56 Inspirational websites 62 Tutorials inspiration 64 This is (not) the end 68 Table of content Introduction During my high school studies back in 2003, I had a great side job I was teaching senior citizens computer science at a local university Despite their age, they were all novice users The plan was to teach them everything about computers The first lesson was a nightmare Everyone was bored and confused – does anyone really think one needs to know the binary system in order to work with a computer? I had to completely revise the approach Since I was studying graphic design by myself, I came up with a simple but nice looking series of documents to be recreated – each one with a slightly different graphical style and taking less than one hour to complete Each one was created using nothing more than Microsoft Word I was shocked They all knew very little about computers but, with proper guidance, my “students” were able to create stunning documents while having fun Introduction They were creating birthday party invitations for their grandchildren, calendars for their families, labels for Christmas presents and a great deal more Ten years later, everything fitted together My English is better, I have a strong graphic design background, the current version of Microsoft Word contains all the necessary functions for advanced graphical effects, and iBooks Author allows me to publish this book for the iPad on my own and without the need for a real publisher When working on the tutorials, bear in mind that miracles not happen overnight While all the tutorials can be finished in a short time, you will need much more time to master them Remember that it is much easier to learn when you have fun – as my students found However, despite the “class party” sample document from my class (sample at the bottom), I have no evidence that they were actually having any parties At least not with me! Ribbon Quick Access Toolbar - adjust it to your needs What you need to know (and have) All the tutorials in this book are created for Microsoft Word 2013 (sometimes referred to as version 15) and Office 365 Most tutorials can also be completed using the previous versions (2010, 2007 or 2003), but it will take more time and effort An internet connection can be handy if you want to look for inspiration, and of course, if you want to share your creations with your friends, but it is not required You also not need anything other than what you already have installed on your computer Only fonts which come with Windows and Office are used, and there is no need for any other plugin or third-party software Text Box Those styles are for average, boring people - not for you This all means that you can try the tutorials on the work computer (when nobody is looking), or in school (and pretend that you are learning – which you are) Also, you can create the best looking document during a job interview and amaze the employer – of course, only if you have not already done so with your great looking résumé You need to have at least a basic computer and Microsoft Word skills to successfully finish all the tutorials That means that you should know how to create a new document, how to write, and how to set different formats like font color, size or paragraph justification You should know how to insert special symbols, draw basic shapes and how to change the outline and fill Finally, you should know how to save your document, open it and print it or send it via e-mail You really not need much more than that – still, the book is not intended for someone who encounters Word for the first time If this is your situation, then not worry – there are plenty of books and online tutorials covering the basics, and you can learn them in few days, if not hours What you need to know (and have) Text box with no outline and no fill = preferred way for working with text 10 6/6 The next part is the shadow in between the folded corner and the sticker Again, the chord shape will be used, but this time it is easier to draw it from scratch, that is from the menu Insert › Shapes › Basic Shapes There is no need to press the (Shift) key while drawing this time – we want to have this object egg-shaped Adjust the yellow handles accordingly and change the fill color to RGB 0, 128, 128, and outline to No Outline Then rotate it by –45° and move it over the folded corner 38 42 When the shadow is in the right place, we can use the Soft Edges effect (39) to blur it, this time with Size set to 10 pt (40) Once blurred, play with the size of the object and the shape using the yellow handles to show the blurred shadow below the folded corner (41), but not on the sides (42) 39 41 40 42 Stickers text effect We want to have this shadow below the folded corner, and over the sticker itself We can use the right click menu and the Bring To Front / Send To Back commands, but with all the objects we have, using the selection pane will be much easier If not already displayed, open it by clicking ribbon Home › Select › Selection Pane As shown on the left, you can double click any item name to rename the object, which is a good practice when working with multiple objects What is more important to us right now – is that you can grab any item and move it below or under other objects Which is exactly what we need to with the shadow object (39) And this is it The final result on the first page has a few additional circles around the text, which are nothing more than white Oval objects drawn with the (Shift) key pressed and moved below all the other objects I’m pretty sure that if you were able to reach this stage of the tutorial, you will know how to draw a few more circles If not, check the other tutorials and come back here later And get some rest, you definitely deserve it! 55 When everything goes wrong All the tutorials in this book are very short There is a clear reason for this – if you get stuck, like completely stuck, you will be mad that you have just wasted 20 minutes of your time However, it will still be better than losing two hours, don’t you think? When I was browsing the internet trying to find common problems with Word, one comment caught my attention – “I hate Word I not feel like I’m in control, and I’m still fighting with it” And really, Word is trying to make a lot of things easier and “guess” them for you Everything is fine as long as it is working But if you want something non-standard, you can easily get hot under the collar When something like this happens, pause for a moment Instead of getting angry, take a break and a deep breath And keep reading I’ve covered most of the usual problems which you may encounter If none of those pieces of advice help, you can still try to finish some easier tutorials first and then come back to the difficult one later The difficult tutorials are designed with the assumption that you have already learned something during the creation of those simple ones Different view than Print Layout Word offers three different views of your document – Read Mode, Print Layout and Web Layout They are accessible from the View ribbon (1) or in the bottom right corner of the main window (2) You can easily recognize when you are in the Read Mode – you cannot make any changes But the Web Layout is trickier Button (3) is very close to the zoom slider, and you can easily click it by accident It is not a big deal, but not seeing the actual page borders may be confusing In other words – make sure that you are always working in the Print layout view When everything goes wrong 56 Problems in the zoomed-in view The usual Word workflow is to create a new document and start typing For our purpose, let’s call this text a Body text In this book, this is not a usual process, and therefore this body text is most often empty – you can only see the text cursor (4) What is important to know is that Word always makes sure that you can see the text you are typing Even if you may not realize it, as you type, the current view changes and moves so you can always see the text cursor In the 100% view, this is not very obvious and the view often changes only when you jump between the pages But try to zoom in to 500% and start typing – the current view will move with almost every word How can this cause a problem? Say you have only one rectangle in your document (5) (and, of course, an empty body text), if you click on the rectangle, it becomes selected If you click anywhere else, Word assumes that you want to work with the body text and shows the text cursor (4) This is perfectly fine if you have your document displayed at 100% size But with the very same document, imagine that you zoom in to only see the rectangle, so you can make some tweaks (6) When you accidentally click outside this rectangle (7), the rectangle is not only unselected, but the view completely changes and moves to show the text cursor for the empty body text (8) When everything goes wrong This may be very frustrating as accidental clicks outside the selected objects are quite frequent The best approach to keep your hair on is to use the Selection Pane for selecting objects in complex documents The usage of this pane is described in many tutorials, for example, in the Stickers tutorial 57 Invisible rotation handles Dragging the rotation handle (9) with the mouse is the fastest way to rotate an object But if you resize the object to a very narrow shape, there is no way this handle can fit in there, and therefore it is hidden (10) 10 You can right click the object, select More Layout Options, and on the Size tab, set rotation manually But typing the actual number is not as intuitive as dragging the handle with the mouse Fortunately, there is an easier way When your rotation handle is not being drawn due to the small object size, zoom in until the rotation handle appears again You would need an extremely narrow shape not to display the rotation handle in the 500% view Text box content vs text box shape When you create a text box, it is made of two parts – the text itself, and the shape (in which the text is placed) While they are different objects, they both can have fill and outline And if you not pay attention, you can easily start tweaking the outline for the shape even if you want to add it for the text instead 11 With the Format shape pane opened, there is a toggle to switch between the text and shape settings – Shape options and Text Options (11) In most tutorials, the shape fill and outline are set to none (i.e transparent), and we are working with outline and fill only for the text When everything goes wrong 58 Selecting text box with no outline and no fill 12 Since we are using text boxes with no outline and no fill in almost all tutorials, it is good to know how to select these objects The easiest (and preferred) way is to use the Selection pane (12), where clicking any item in the list will select the corresponding object To show the selection pane, use the Home › Select › Selection Pane command The very same command is also on the ribbon Page Layout There are cases where you not need, or want, to have the selection pane displayed – maybe the document is very simple with just a few objects, or maybe you want to see as much from your document as possible Although the selection pane is useful, it takes up some screen space 13 15 A much easier way is to click into the text itself (14), which will reveal the borders of the text box – shown as the dashed line (15) To select the text box itself, all you need to is to click on this dashed line (16) It will turn to a solid line 14 16 When everything goes wrong Selecting a text box without the selection pane is still quite easy – when you know how to it properly The worst approach is trying to guess where the borders of the text box are It is possible – the borders are not visible, but when you move the mouse over them, the cursor changes from typing to arrow (13), but it can take forever Now you can use the arrow keys to move the object, or the (Delete) key to delete it You can also use the arrow keys together with the (Shift) key to change the object size while not affecting the font size This is quite a useful keyboard shortcut as it resizes the object while keeping it center aligned 59 Hidden or invisible functions It is possible that your application window will look slightly different than all the screenshots in this book It is because Word changes its layout depending on the window size, and also because you, as a user, can customize it a lot 17 18 Invisible ribbon There are very few good reasons to have the ribbon hidden, which means that the usual case of a hidden ribbon is the unwanted random click on the arrow on the right side (17) You can still view the ribbon by clicking on any ribbon tab on the top, but to show it permanently, you have to click on the pin icon, which will be on the same spot as the arrow was (18) Different looking button(s) in the ribbon When you resize the main Word window to the smaller size, some buttons will hide their labels in order to fit (19) As you keep resizing the window to an even smaller size, some buttons may group together and form dropdown buttons for the categories It is not only confusing, but it also slows down the work For these reasons, it is better to keep the windows bigger (if not full screen) Different ribbon tabs You can customize which tabs you want to have displayed by right clicking any tab name and selecting Customize the Ribbon (20) By default, some ribbons are hidden – like the Developer ribbon (since it is targeted at advanced users) You can even rearrange the order of the ribbons, but the default settings seems to be just fine Just not panic when you see a different set of ribbon tabs Focus on labels, not on the exact positions When everything goes wrong 19 20 60 Renamed, removed or missing functions I have done my best to keep all information up to date, but it is possible that some function(s) will be renamed, moved or removed in the future If this happens, please try to use your common sense and find something that seems to be the desired function 21 22 23 24 You can even see some inconsistency in the application itself One example – on the Format ribbon, the outline of the object is called Shape Outline (21), and you can set it to No Outline (22) In the Format Shape pane, the very same thing is called just Line (23), which can be set to No Line (24) Absolutely the same function, just different wording Copying and pasting objects press Ctrl key! Although this is described in every tutorial in this book, I want to specifically repeat this one again There is nothing wrong with copying and pasting objects using the well-known shortcuts (Ctrl) + (C) (for copying) and (Ctrl) + (V) (for pasting) But on some rare conditions, the pasted object can be on a different page or simply in a wrong spot You can save a lot of time if you remember that dragging the object with the (Ctrl) key pressed creates a copy, and positions it at the same time For me, this is one of the best time-savers By the way, this also works for text And one last note – most other applications have this functionality built in, but often use a different shortcut key, such as the (Alt) key When everything goes wrong 61 Inspirational websites Whenever you feel stuck, bored or just not know how to continue, the best thing to is to study others’ work to get some inspiration (and new ideas) I’m not saying you should copy or steal others’ work, but you cannot live in a bubble and ignore the outer world And if you take and reuse 1% of every masterpiece you see and like, it is not stealing, it is inspiration If you have not seen them already, check the videos titled “Everything is a remix” (www.everythingisaremix.info) You will realize how rare it is to have an idea that is totally original and is not based on anything else The key is to be better, create unusual connections and see what others cannot see I have collected a few great pages, most of which even contain tutorials Obviously, no tutorial is made for Microsoft Word, but that should not discourage you As already mentioned, the workflow and naming in Word is pretty similar to the professional applications Of course, you cannot recreate most of the effects, but the tutorials in this book should show you that you still have a lot of possibilities Your tools are limited, but your imagination should not be Tuts+ Abduzeedo hub.tutsplus.com Possibly the best site with tutorials about almost anything, including a lot of typography tutorials for Photoshop and Illustrator, as well as for Inkscape (free vector application) Inspirational websites www.abduzeedo.com Great blog about design, including tutorials for Photoshop, Illustrator and a few others, as well as countless collections of visual inspiration 62 Bēhance www.behance.net Dribbble www.dribbble.com Online portfolios to keep you busy for days Unlike the other portfolio webpages, works published here often show how they were made, so you can see the process Dribbble is a place to explore design While the “shots” (screenshots) are often small or cropped, membership based only on invitations guarantees only the best quality designs Smashing Magazine deviantART www.smashingmagazine.com Great source for graphics inspiration including text effects Hint: not ignore the web stuff CSS (styles for web pages) have limited functions for text effects, and can easily be reproduced in Word Inspirational websites www.deviantart.com This page used to be the ultimate source for graphic inspiration in the past, yet it has aged over time Still, you can find some great stuff in there Not only inspiration, but also user-created tutorials 63 Tutorials inspiration “The Secret Of Creativity Is Knowing How To Hide Your Sources.” As said by Albert Einstein – who has probably hidden the source for this quote It is very similar to a saying by Pablo Picasso: “Good artists borrow; great artists steal.” Both quotes say that you should not work without any sources, and if you have already watched the “Everything is a remix” video from the previous page, you know that it is impossible not to be influenced by others – even if unconsciously The key is to take what’s already there and combine it in an unexpected manner to create something new, better and useful Not to hide your sources, but to overshadow them I will reveal my sources for the tutorials in this book so you can see how much I was influenced by the work of others Most of the tutorials were based on the already existing tutorials, even if I had to create a new process because of the Microsoft Word specific functions (or lack of functions) You will see that some effects have been done a thousand times, so you cannot really tell who did them first In the end, it does not matter The “first” means nothing (not only in the internet discussion), being the best is a more important attribute Broken glass tutorial Breaking things is fun, not only in the real world, but also on a computer The number of tutorials for this topic clearly shows that The broken glass effect, or shattered glass text effect is as old as Photoshop It has been done in almost every application, and often uses photographs or 3D renders of glass to emphasize the effect This is also visible on the first image with the glass overlay in the middle The second image is worth mentioning because the output is very similar to ours – even if it uses a different method and application (Illustrator) The text is broken into pieces, but unlike our Word effect, it does not stay editable GLASS Tutorials inspiration 64 Twirls & Curls tutorial There are plenty of tutorials describing how to make this effect You can find them under different names – swirls, curls, floral patterns, ornamental design elements or flourish ornaments They vary in difficulty quite a lot – some even describe creating those shapes from scratch (like the green sample picture “spring”) What’s more interesting for everyday users are all the pre-made shapes which we can use (like we did in the tutorial) If we stay in Word, the shapes ready to download are most likely in an unsupported format But there are plenty of free (and paid) fonts which can be installed and used, and they look great Color tails tutorial I remember seeing the tutorial about this effect in Photoshop many years ago – describing that you have to copy the text, move it to the right and bottom, copy again, move again it was definitely not fun But times have changed, and now it takes a few minutes, even in Word (see the tutorial) Tutorials inspiration If you focus on the third picture, it is from the tutorial about making this effect using CSS styles (styles for web design) Those CSS styles have only limited functions, just like Word, and therefore can be a great source for inspiration, even if you not plan to any web work at all 65 Dance! tutorial You can see a clear inspiration from the third picture here, which is from vector tuts+ (using Illustrator) Illustrator also has quite limited capabilities for rendering 3D objects, but once you create them, you can tweak them with all the other tools You cannot anything like that in Word By the way – most Photoshop tutorials about this effect are outdated (like the second picture) Photoshop did not have this function for quite a long time, so all the tutorials used plugins, third-party software or even some crazy techniques Still, to get the best looking 3D text, it is best to use a dedicated 3D application Freeze tutorial This tutorial is made from three different effects – the bokeh effect (as shown in the second picture), vignetting (which is very easy to create) and the icicles (as inspired from the third picture) While it may look quite complicated (and not even very nice), it was created using only Photoshop’s default wind filter Tutorials inspiration This filter started an avalanche of tutorials about icy text, frozen text, snowy text, etc The web was crowded with those winter tutorials, but this was many years ago If you want to find a decent up-to-date tutorial about one of those topics, you are out of luck Global warming has also struck the tutorials 66 Vegas tutorial Text effects like this spread widely when Photoshop introduced layer styles They allow us to add all kinds of effects (drop shadow, glow, gradient overlay, stroke, etc.) while keeping the text still editable It is also possible to save those effects and use them on any other text, or even export them for future use There are websites where you can download or buy many pre-defined layer styles for Photoshop – the second image is from one of them (graphicriver) And there are countless tutorials on this topic With the recent introduction of “layer styles” in Word, some of them could possibly be recreated in this application as well Stickers tutorial The roots for these tutorials are very old – starting with the Corel Draw application and the effect for the folded corner As usual, this was quite a nice effect, but heavily overused over time You can find countless tutorials about this effect for almost every application (with the exception of Word, of course) Tutorials inspiration The “sticker” effect – i.e a very bold outline, is indeed inspired by real stickers, where you need a solid shape without much detail Since it requires only adding the bold outline, it can be created in almost every application which has this function It is strange that the Word tutorial was still missing (until now) 67 This is (not) the end I really hope that you like the book and had a great time creating some amazing stuff by following the tutorials I hope you have learned something new and had fun at the same time This book is over, but there is more to come But I need your help This book is free, it costs nothing, but I would like to ask for minutes of your time Please share it, talk about it, follow me on Twitter, Facebook or just send me an e-mail Spread the word, and if you like this book a lot and want to see another one soon, please everything you can This is (not) the end Last but not least, be sure to check my website www.upir.org, where you can download all the tutorials as Microsoft Word docx files, so you can tweak them on your own And this is it Thank you for your time spent with this book, I hope it was worth it Talk to you soon 68 ... need it! Why Microsoft Word? Microsoft Word is definitely not the best application in the world Like anything else, it has its pros and cons There are three reasons why I’ve chosen Word for the... This book is an attempt to teach you how to work with Microsoft Word Instead, it teaches you how to create text effects using Microsoft Word You can reuse the gained experience in Photoshop,... book are created for Microsoft Word 2013 (sometimes referred to as version 15) and Office 365 Most tutorials can also be completed using the previous versions (2010, 20 07 or 2003), but it will