Now click on the frame edge and resize at will.
Once you've created your mask, you can decide to "crop" your image by double clicking anywhere on the photo. NOTE: An additional benefit to this method of using a mask is that you now have the elements in place to simulate a "frame and image" paradigm like InDesign. This gives the mask a black 1 pt stroke attribute. This creates a mask at the exact bounds of the image. The image is selected (if your image already exists in your document, select it now), so if you look in your Control panel at the top of the screen, you'll see a button labeled "MASK".Once you've chosen the image, click the Place button. Choose File > Place and choose an image to place into your Illustrator document.This technique requires Illustrator CS3 and works only when your keyline will be rectangular in shape. To avoid a separate stroke, you may use a fill/nostroke rectangle in 2).Īs an alternative to 4) + 5), you may use a stroke/nofill rectangle and move the stroke outwards by half the desired width of the frame (in CS5 you may do it while creating the rectangle) and Object/Effect>Path>Outline Stroke.
Do you actually see the stroke round the image or does it only appear in the Appearance panel? What does the Layers panel have to say about the object(s)?Īt least in an older version you will have to create a separate vector object.Ģ) Create a rectangle of the same size by clicking with the Rectangle Tool and inserting the W and H seen in the Transform panel,ģ) Align the rectangle with the image (Align>Align Objects),Ĥ) With the frame object stroke selected, you may Object>Path>Offset Path by the desired width of the frame,ĥ) Select both rectangles and Object>Compound Path>Make.
Was this quick tutorial on how to use font awesome in Photoshop and Illustrator helpful? If so, please let me know below in the comments.It sounds as if you are simply placing a raster image in Illy and trying to work on that. You will now see the font awesome icon show up.Īnd that’s it! You can change colors, size, etc. Highlight the broken font and in the character field change it to “FontAwesome.” You will wind up with a block X like in the picture below. Next you need to paste it into PhotoShop or Illustrator. You can right click and copy or CTRL+C / Cmd-C. In my example, you can see I highlighted the fa-cloud icon. The trick here is you have to highlight the icon you want and copy it to your clipboard. Next, to use a font awesome icon in Adobe Photoshop or Illustrator you have to copy it from the Font Awesome Cheatsheet.
In the file you download, unzip it and install the fonts on your computer.
Either visit Font Awesome or download directly (4.5.0). Step 1įirst you need to install the Font Awesome fonts on your computer. I have literally used it in hundreds of projects, and it definitely helps speed up WordPress, since you don’t need physical images. How to Use Font Awesome in Photoshop and Illustratorįirst I want to give a shout out to Dave Gandy, the creator of Font Awesome. This is a little trick on how to use Font Awesome in Photoshop and Illustrator. Whether it is creating featured images for my blog posts or mocking up landing pages, I am always designing. So I am always in Adobe PhotoShop and Illustrator, they are two programs that never close on my computer.