The Highlander Blog

0800 156 0777

Creating SVGs manually

To show you how easy it is to create and use svg elements, here is a simple example.

<svg xmlns="http://www.w3.org/2000/svg" width="500px" height="300px" viewBox="0 0 1500 300">
 <text x="250" y="150"
      font-family="Verdana"
       font-size="250pt">
   Hello
 </text>
</svg>

How to use SVG on the web

What do you do when you want a crisp logo or infographic, and have to worry about the plethora of screen resolutions and sizes? Apart from using hi-res images or make different versions of said images and then having to work out how to serve them up, SVG is a good way to go. It means that you just need one file, and no matter the resolution of the display screen or wether you zoom in a lot or not, it will always be as sharp as possible.

Below you can see an example of an SVG on the web, and if you zoom in you will see the image retains it's quality and there is no pixelation.

What is Adobe Comp CC

Adobe Comp CC is a new app for the iPad which Adobe Creative Cloud subscribers can download and use.  Comp lets you create layouts on your iPad quickly and easily, allowing you to pull in assetts from your CC libraries, such as images, vector artwork and colour swatches.  These layouts can then be pushed out to InDesign, Photoshop or Illustrator for completion on the more comprehensive desktop packages.

Using graphic styles in Illustrator

Get Faster with Graphic Styles

Graphic Styles in Illustrator are great way to store Appearance settings so they can be re-used within a single document, across several documents or even shared with others when working on collaborative projects.

Today’s post is a Quick-Tip aimed at those already familiar with the process of using Graphic Styles but I’ll briefly outline the process below.

Pages