Slate
Blackcurrant
Watermelon
Strawberry
Orange
Banana
Apple
Emerald
Chocolate
Marble
Slate
Blackcurrant
Watermelon
Strawberry
Orange
Banana
Apple
Emerald
Chocolate
Marble
-
Content Count
17,191 -
Joined
-
Last visited
Never -
Feedback
N/A
Everything posted by Rss Bot
-
The power of ZBrush means that by following some tutorials and getting in plenty of practice, any budding 3D artist can soon produce great-looking results. However, if your aim is stunning results that are suitable for the big screen, then you're going to have to up your game a lot. The 17 best ZBrush tutorials To help you out, we asked three A-list artists – Maarten Verhoeven (tips 01-05), Gaurav Kumar (tips 06-10) and Madeleine Scott-Spencer (tips 11-15) for their pro tips on getting the most out of ZBrush to produce work that stands apart from the rest. Here's what they had to say. 01. Set work screen Make sure you're not wasting any screen space A very basic but important thing to do is set your work screen in a way that lets you utilise it fully. Go to Document in the toolbar and set the size of your document monitor resolution to make sure there are no unused areas. You can also change the ZBrush screen from grey to gradient black for a consistent background screen. Thirdly, I would suggest that you change the material from MatCap Red to MatCap Grey or basic grey material. 3D art: 27 stunning examples to inspire you 02. Customise your UI Speed up your workflow by moving your favourite features onto the interface This is a very effective way to increase the speed of your work. Go to Preferences in your toolbar, select Config > Enable Customize. By pressing ctrl+alt you can move any button, pallet or brush onto your ZBrush interface. Once you've added your most-used brushes and options to your UI go back to Config and click Save UI and Store Config. This will help to make your creative process easier and faster. 03. Use the timeline With the timeline you can easily check your model from all angles This is a great way to move quickly from one angle to another. When working on a large model it becomes difficult to see it from all sides, so you can go to Movie in the toolbar and under Timeline turn on Show. This will put the timeline camera on the top of the screen, so you can position your model and click on the timeline to add a keyframe. This can be done in any position that you may need to see again or work on quickly, and you can move through them quickly using the arrow keys. 04. Create basic forms in low subdivision It's easier to manage a lighter mesh than a heavy one Create most of the shapes of the model in the lowest subdivision so that the forms can be made correctly with the least poly. It's much easier to manage and edit a lighter mesh than a heavy one. Always try to sculpt in the same flow of muscles or skin to make the model look real. 05. Transpose smart masking Transpose will mask an entire surface, leaving out any raised spaces Transpose is a smart tool for masking certain areas of your model. If you hold ctrl then click and drag the model, you can mask with the Transpose Smart brush. It will look at the surface and mask the rest of the area, leaving any raised spaces, as seen in the image. 06. Amp detail the easy way Ryan Kittleson's Macro script can really enhance sculpted details Go and search Ryan Kittleson's Macro script. It could save you some time when sharpening up your sculpted details. Install the script and find it in your Macros folder, then sit back and let it work its magic. 07. Make use of Sculptris Pro Sculptris Pro is another handy way to add details to models You can use Sculptris Pro to add details to your already-decimated models; instead of re-DynaMeshing your prepared sculpt, just go in again with Sculptris Pro without the restrictions. You can easily modify and add small details until you're happy. 08. Use Polypaint to add colour A little bit of Polypaint can go a long way Polypaint is very useful when it comes to adding colour to your piece. The most important thing, however, is to let the sculpt do its magic. All the sculpted details will pick up the highlights. When applying the Polypaint start rough and tweak it with the RGB value of your brush. A little bit of Polypaint can get a big result when it comes to the final image. 09. Shrink wrap retop Retopologising your sculpt can be much more animation-friendly One of the main ways to create stunning models these days is to sculpt the initial form in programs like ZBrush or Mudbox and then retopologise the sculpt. This is the process where you create new geometry that is more animation-friendly, more predictable with contiguous edge loops and much lower in polygon count, making it more efficient. You can of course do this in Cinema 4D with tools like the Polygon. To make it even better you can download scripts like the HB Modelling Bundle that make Cinema 4D into a perfect retop solution, enabling you to draw new geometry right onto your sculpt. Find a range of options here. 10. Utilise skin alphas Try blending different types of alphas with positive and negative values Try to blend different types of alphas with a positive and negative value over each other. Try switching out between big ones and small ones to give it a natural blend. Also, for adding veins a small trick that I use is to go down a few subdivisions and draw in the vein – if you step up again, it will blend in perfectly like it's under the surface, instead of laying on top. 11. Use Accurate Curve Mode for spines/spikes AccuCurve will give you a much sharper Move brush One aspect of the Move brush is that the falloff tends to create a rounded centre to the brush effect, making it difficult to create a sharp protrusion like a spine, spike or peak. To fix this you can edit the settings of the Move brush. Select the Move brush then go to Brush > Curve and turn on the AccuCurve button. This forces ZBrush to use the brush curve in this menu to define the falloff of the brush. The result as you can see is a sharp, precise Move brush. 12. Adjust the smooth brush settings Try editing your Smooth brush to make it more effective on open geometry edges and single points When using the Smooth brush many users realise how difficult it can be to smooth border edges on poly geometry or single stray points that have been shifted from the original model, as sometimes happens when projecting geometry. Smoothing these geometry types can often produce unsatisfying results. A good tip is to edit your Smooth brush settings to allow the brush to be more effective on open geometry edges and single points. Go to the Brush > Smooth Brush Settings menu and lower the Min Connected slider to 1. The Smooth brush will now be much more effective in these areas. 13. Use Polish Features to clean up panel loops Give your model a nice machined look by polishing by features When generating panel loops from polygroups, we often find that the edges of the mask and the resulting polygroup creates an irregular shape to our panel loop geometry. A great way to correct this and give the model a nice machined look is to polish by features. This slider is found under Tool > Deformations. After you have generated your panel loops open the Deformation sub-menu and click on the Radial button on the Smooth by Features slider. This will look like a black dot in a circle rather than a white dot. Now raise the slider incrementally and you will see the edges of your loops clean up and look far more pleasing. 14. Use Draw Size and Dynamic mode buttons ZBrush now lets you enable a per-brush Draw Size and Dynamic mode Often when I'm working in ZBrush I will make changes to my draw size and in many cases the Dynamic setting on my brush. Previously this setting was global for all brushes, so if you were to make a change to your draw size whilst working in curves it would impact any other brushes in use. In the new ZBrush you can now enable a per-brush Draw Size and per-brush Dynamic mode. Simply enable the buttons at the top of the screen to have far more control over each brush setting. 15. Use Morph Targets to help blend off detail The Morph brush can be much better for blending textures than the Smooth brush One of the trickiest aspects of adding fine details to a model is finding the best way to fade one texture into another, or to fade out details completely. We want to avoid a uniform 'stamped-on' look. Before I start to add fine details I will store a morph target of my model in its undetailed state by going to Tool > Morph Target > Store MT. Now as I detail the mesh I can use the Morph brush to blend back out to the undetailed surface. This is much better than smoothing because the Smooth brush erases detail while the Morph brush will gently reduce its intensity. It's a much more effective blending brush. This article was originally published in issue 239 of 3D World, the world's best-selling magazine for CG artists. Buy issue 239 here or subscribe to 3D World here. Related articles: ZBrush 2018 review 14 ZBrush workflow tips ZBrush at the movies View the full article
-
It's nothing new to promote the idea that accessibility should be a key consideration at the start of any design project. In reality, tight budgets and timescales can often render the big features needed to make our digital products fully accessible either neglected or considered ‘something to add in later’. The end result is that while broad-brush accessibility best practices get implemented, many of the finer elements of accessibility or inclusive design can often be overlooked. Fortunately, as you’ll see, many of these oversights can be addressed with minimal effort. 7 hot web trends for 2019 Taking just a handful of these points into consideration may help empower an additional percentage of your audience to better engage with your digital products in ways that they otherwise wouldn’t have been able to. 01. Remember alt text In a world in which uploading visual assets to the internet is as commonplace as starting your day with a coffee – Instagram alone estimates 100 million images are added daily to its platform – we can easily overlook the need for alt text on images and videos when adding content to our own websites and apps. Consider the percentage of your audience that may be using screen readers to consume your content; if you’re anything like GOV.UK, you may not be catering for 29 per cent of your users . When choosing your visuals, be sure to consider the alt text that will accompany them in order to provide context in relation to the rest of the elements on the page. You’ll be catering for screen readers, users viewing as text-only and failed loading states. Naming your image layers in your design files with their alt text labels will challenge you to really question the suitability of the images you’re selecting, as you’ll read them for what they are. 02. Consider animations carefully The Arche 68 menu taking you for a spin Those gorgeous parallax sites and GIF-tastic web pages you’ve been designing have certainly pushed the online storytelling experience no end, but with 35 per cent of people over the age of 40 suffering from a vestibular disorder, there’s a chance you may make users suffer nausea and motion sickness by going too heavy on the animation. The Arche 68 front page menu is an amazing experiment in animated typography, but can leave even those with the strongest stomachs feeling a little giddy after a minute or two of scrolling. To address this you could consider providing the option to either disable scrolling animations or to provide a static alternative for viewing your content. Slack provides the option to hide animated images and emojis, demonstrating that motion can be an optional enhancement rather than a must-have feature for all users. 03. Think about other languages Accents overlapping when translating from English to French with a tight line-height Not all projects you work are going to require the content to be translated into multiple languages, but remember that accessibility and inclusivity extends beyond the need to cater for those with visual or auditory impairments. Making your line heights too tight can cause all manner of issues when translating into French, for example, as character accents such as the accent grave (à, è, ù) may be overlapped and get lost, rendering an entirely different meaning – for example à = ‘to’ versus a = ‘has’. Other languages like Arabic read right to left so will have a big impact on the way blocks of text are rendered and consequently the way that page flows will be read. 13 best pieces of user testing software When designing for a global audience, your templates and design systems have a better chance of scaling if you consider the myriad ways alternative languages can affect type layout at the start of the design process. Try mocking up your design files in one or two alternative languages to see if they’ll stand up to translation; it’ll make things easier should this requirement be added later. 04. Keep it straightforward Given the estimation that around one per cent of the UK population are on the autistic spectrum, it’s important to consider words at face value. Emojis and quirky copylines are great fun and help give brands personality but when addressing serious subjects, writing in plain English will help negate any ambiguity for users, especially when helping them to make important decisions. Be mindful of the diversity of your audience and the tone in which you intend the copy to be read in to keep your message on point. 05. Use simple colours and shapes The Spectrum plugin for Chrome enables you to simulate different levels of colour blindness Shapes and colours are so important for various reasons and can have a huge effect on a user’s experience. When we consider the autistic spectrum, colour blindness and other visual difficulties, your choices of colour can be extremely challenging to differentiate between or even recognise. It is considered that bright and high-contrast arrangements of colours can be hard and overwhelming for autistic users to process; their attention can be easily lost, so try to use simple colours and shapes. Equally, a user with colour blindness will rely heavily on contrasting colours. Approximately one in 12 men and one in 200 women around the world are affected by colour blindness. Choices like red and green, green and blue, blue and purple and green and brown can be troublesome. Try using a colour-testing tool like the Chrome plugin Spectrum. This enables you to analyse your web pages and simulate colour blindness scenarios. You could also use Userway’s Contrast Checker to test your text and background colours and see if they are WCAG 2.0 AA or AAA compliant. 06. Empower the user Imagine a digital experience that gives you the opportunity to consume content in the way that best suits your needs. With Harry Potter, you can read the book, watch the film or listen to the audiobook. These three methods empower fans to enjoy the story in the way that suits them and is inclusive of those that are deaf, dyslexic or visually impaired. Reveal News does this brilliantly with a number of its online long-form articles, the sexual abuse investigation story Rape on the Night Shift being a great example of this. It offers up the options to either read, watch or listen to the same story all within the same interface. Next time you’re planning your content strategy, it may be worth considering the multiple ways it can be served up, as you’ll not only benefit those with disabilities, you’ll actually provide a much more flexible way for all users to enjoy your offering. 07. Offer multiple options Communication can be challenging for users with visual or hearing difficulties. It may be that a user is hard of hearing or deaf and requires the option to respond to a request in writing, or that they have a visual impairment, in which case a phone call may be the preferred means of contact. Providing communication preferences can be a really important consideration to successfully engage with people who face these challenges, so always keep this in mind when designing your next contact page. 08. Offer customisations It’s so easy to get caught up with how a brand should be visualised online. Sometimes your brands, typography and colour may not be enough or just obstruct an accessible experience. Ideally, you should enable users to customise their viewing preferences, changing themes (light/dark or colour variations) and text sizes. A study by E-Check concluded 70 per cent of websites are potentially breaking the law and are at a significant potential commercial, PR or legal risk. There are many factors but providing the user with a customisable experience can help them visualise content better. Take the Guide Dogs website as an example, where users are able to alter text size throughout the website and even change the colour mode. It is known that contrast is very important for users with visual restrictions, so providing alternative themes can be really useful. 09. Think about tabbing It’s easy to get lost when trying to navigate Pinterest armed only with a keyboard Over 50 per cent of internet traffic now originates from mobile devices, though as a designer you’re pretty likely to still be equipped with a keyboard and mouse, much like the remaining half of the population. Of that population, there are a number of people (an estimated 7 per cent of working adults) with ‘severe dexterity difficulty’, rendering them reliant on a keyboard alone to navigate menus and webpages on their computers. The impact this has on design is twofold. The first concerns page layout: can users with a keyboard tab through your page in the order you intended the content to be read? Ever tried tabbing through Pinterest’s masonry grid? It’s near impossible to work out where you are in the flow of the page because the focus jumps. The second concern for tabbing is the actual visual representation of the focus state. Most browsers have default focus states out of the box but some websites like Smashing Magazine have gone the extra mile to create their own style that adopts a thick dashed red line rather than the generic light blue boxes of Chrome or Safari, which don’t work so well if your backgrounds or buttons are light blue themselves. To truly cater for keyboard-only users, it’s worth taking the time to consider how each of the components of your design system or style guide will appear in their focused state and then work with your developers to perfect these in the browser. 10. Don't forget the bots Human beings are not the only ones that read websites; bots do too. Consider voice-controlled devices and those clever little Google bots that crawl the web every waking hour. Websites are being scanned and analysed by many technologies, including assistive software. Screen readers are just one of the many types of this assistive software and are used by 90 per cent of people with varying levels of visual impairment. The way your website is structured is really important. The formatting of content and alt text is what is mostly read by screen readers. Think about how the HTML is ordered and if the flow of content matches your own visual experience of the web page. 11. Get the right line length and amount of text Engagement is needed to capture an audience’s interest but it’s easy to forget that words matter when it comes to keeping your user focused. The challenge is to write enough to be informative, while at the same time keeping reading fairly light work. Large textual areas can be quite intimidating. It’s not just about how much text you have though; it’s the way you display it that can often make reading a challenge for some users. The line length for your text can help with that. If a line of text is too long, the reader’s eyes will have a hard time focusing, as the line length makes it difficult to gauge where the line starts or ends. It can also be difficult to continue on to the correct line in large text blocks. Furthermore, if a line is too short the eye will have to travel back too often, breaking the reader’s rhythm. Shorter lines also tend to stress readers, making them begin on the next before finishing the current one. To help with this, it is considered that 50 to 60 characters per line will ensure comfortable reading. Take a look at Medium for a masterclass in how reading can be a pleasure. 12. Avoid anxiety-inducing prompts The Ticketmaster countdown in full flow We’re all familiar with the flashing ‘In high demand!’ and ‘Last chance!’ messages on Booking.com. We’re also distinctly aware of the countdown in the corner of the screen when ordering tickets on Ticketmaster. One can only imagine the rise in conversion rates due to these features, but what if these experiences cause genuine anxiety for some users? More than one in 10 people are likely to suffer a ‘disabling anxiety disorder' at some stage of their life and as designers we should do what we can to avoid contributing towards this problem. There are a number of UX patterns that aim to rush users into taking actions, especially booking processes, where timeouts are an inevitability. As a forward step we can look to cater for those who will take longer to use our applications by gently notifying them that a time limit is in place and giving them the option to extend the time needed as appropriate. When designing your next booking flow, make sure you include the timeout scenario as part of the sequence and that you strive to create an interface that empowers users to complete, rather than sending them into a panic. 13. Add in verifications and checks Monzo offers three layers of verification when making payments For sufferers of anxiety, there is nothing worse than being left to question the validity of information or data submitted into the digital ether unintentionally. Getting to the end of a lengthy form or booking process rich with important information and pressing ‘next', only to discover that your data has been submitted without the option to undo can be a stressful experience, especially when money is involved. When designing flows that have a consequential call to action at the end, it’s well worth bearing in mind that many users – including those suffering from anxiety – will appreciate the option to double-check that they’ve filled everything out correctly. Monzo does this brilliantly when sending payments, offering customers three layers of verification in one tidy interface. At the final stage of making a bank transfer, you can perform a final check of the amount to be sent, the sort code and account number of the recipient, as well as having to enter your card’s PIN number to confirm the transaction. 14. Confirm the end of a user journey A lot of energy can go into understanding user journeys and providing the best user experience but you can find yourself falling short in some scenarios. When a user comes to the end of a process, interaction or submission, the final screen should confirm their actions and inform them of what’s next, even if it’s simply a message that says something like ‘Let’s take you back to the home page’. Any form of confirmation can be really rewarding to the user and lower any anxieties they may have. This article originally appeared in issue 314 of net magazine; subscribe here. Lead image: Taras Shypka Read more: 20 best UI design tools The world's biggest websites take on the 10 year challenge A guide to Google's web tools View the full article
-
Originality in design is a thorny subject. While direct, intentional rip-offs are rightly condemned by the international creative community – as well as falling foul of trademark law, of course – it's not always that clear cut. As Oscar Wilde reportedly once said, tongue firmly in cheek: “Talent borrows, genius steals." But regardless of whether you steal deliberately, unless your logo design is particularly unusual, the chances are that someone, somewhere will have had a similar basic idea. This is especially true when it comes to simple shapes, monograms, and visual metaphors. When similar logos overlap sectors, however tenuously, that's often when lawyers get involved The skill in creating an original logo design comes in finding that differentiator – from a simple but clever flourish, to building a rich brand world in which the logo is just one small part. The other key consideration is whether the similar logos occupy the same sector – W+K's Formula 1 logo famously fell foul of compression tights manufacturer 3M in 2018 because F1 also produces clothing, and the logos (above) were too similar to ignore. Read on to discover eight more pairs of logos that bear striking similarities to each other... so much so that in some cases, lawyers got involved. 01. Airbnb vs Azuma Drive-In Designed in 1975, the logo for Japanese drive-in Azuma (left) bears remarkable similarities to Airbnb's Bélo When DesignStudio announced its new Bélo symbol for Airbnb in 2014, a symbol of "coming together" and "belonging anywhere", the internet went wild – comparing it to everything from genitalia to Peter Griffin's chin. But it also attracted comparisons with other logos, from Habitat to Monocle magazine and, as Erik Spiekermann pointed out on Twitter at the time, lesser-known brands Automation Anywhere (which has since rebranded) and Network. But look even further back, and you'll find an even more remarkably similar symbol employed by a Japanese drive-in called Azuma, designed in 1975. Did DesignStudio rip off Azuma? We seriously doubt it – the symbol, drawn with a single flowing line, is just too satisfyingly simple not to have been independently created before. 02. National Film Board vs Virtual Global Taskforce How many ways can you draw an eye with legs? Sometimes the same visual metaphor crops up in very different sectors When it comes to visual metaphors, however smart, there's always a chance someone else will have thought of it – albeit with a different meaning in mind. A giant eye, combined with a stick figure so that the pupil doubles as the head, formed the National Film Board of Canada's distinctive 1969 logo. Known as 'Man Seeing', it was intended to symbolise a vision of humanity – and has since been reworked to crop in more tightly for its modern-day logo. Meanwhile, Virtual Global Taskforce – an organisation that tackles online sexual abuse of children – somehow arrived at a remarkably similar visual representation for its rather different line of business, depicting an all-seeing eye roaming the internet and watching over children. Coincidence? Well, yes. It seems so. 03. Starbucks vs Starpreya American coffee giant Starbucks lost a court battle with similar-looking South Korean brand Starpreya Next we come to a David vs Goliath-style clash of similar logos within the same sector: Seattle-born, global coffee giant Starbucks, and Elpreya, a relatively tiny South Korean company that sells coffee under the brand Starpreya – a name derived from the Norse goddess Freja. Elpreya began trading in 1999, the same year Starbucks opened its first South Korean store. Both brands featured the brand name wrapped around a green circle, and a female character in the centre, white on a black background. And more crucially, they both sold coffee. 33 graphic design books every designer should read Starbucks claimed copyright infringement, but the Korean Intellectual Property Tribunal disagreed, arguing that the marks were too dissimilar to be confused. The Tribunal's degree of impartiality is another question – but the underdog won this time. In 2011, with Lippincott's help, Starbucks later ditched its green circle and made the mermaid an even more distinctive, ownable brand asset. 04. Ubuntu vs Human Rights First These stylised depictions of people holding hands in a circle both represent collaboration, but in very different sectors Rather like the eye with legs in our second example, the remarkable similarity between these logos for dramatically different businesses can surely be put down to the universal nature of some visual metaphors. Ubuntu is an open-source software operating system, while Human Rights Foundation (hrf) does as the name suggests. Their common ground is communities working together towards a shared goal, and the simple graphic representation of a circle of people linking hands expresses that equally well in both sectors. 05. Gucci vs Chanel Fashion brands Gucci and Chanel both employ monograms based on interlocking geometric characters Monograms are common in the world of fashion logos, so it's no surprise that two big-hitting high-fashion brands have found some common ground when it comes to interlocking similarly shaped characters together. The fact that Gucci's two 'G's and Chanel's two 'C's are both based on a geometric typeface doesn't help, as you essentially end up with overlapping circles at the core of the logo. But there are notable differences: the Gs face inwards, while the Cs are back to back. Gucci employs a thinner line weight, and the logomark is also used smaller relative to the wordmark than Chanel. Gucci has had bigger concerns than Chanel in recent years, however: its nine-year legal battle with Guess over its own interpretation of interlocking Gs (in this case, four rather than two), as well as other alleged design imitations, finally came to an end in 2018 with an undisclosed agreement. 06. Beats by Dre vs Stadt Brühl Lots of designers will have put a 'b' within a circle to make a logo. It's what you do with it that counts... We'll be brief with this one. If common ground is likely to be found with monogram logos, when a business uses a single letter to represent itself it is inevitable that there'll be a coincidentally similar logo to be found in another sector. Such is the case with the logo for Beats by Dre, which fits a lowercase 'b' in the Bauhaus typeface inside a circle, to resemble headphones. Is it strikingly similar to Anton Stankowski's 1971 identity for the city of Stadt Brühl? Well, yes, but it seems like an unlikely source of inspiration to say the least. 07. Sun Microsystems vs Columbia Sportswear These logos may seem similar in structure, but the smart use of a graphic ambigram takes the Sun logo to the next level Designed by computer science professor Vaughan Pratt in the 1980s, the Sun Microsystems logo is a 'rotationally symmetrical chain ambigram' – which in layman's terms means it reads 'sun' whichever way you rotate it. On a brutally simple level, if you screw up your eyes and ignore that all-important graphic flourish, Columbia Sportswear's logomark is certainly similar. It's formed from interlocking shapes with rounded ends, rotated at the same angle, and is usually locked up with the wordmark on the left-hand-side, at the same scale. Columbia's stylised interlocking shapes symbolise a textile weave pattern, but the logo is missing the smart twist that takes Sun's logo to the next level. That twist also ensured the Sun logo stood the test of time until the company's 2010 acquisition by Oracle. 08. PayPal vs Pandora PayPal customers were confused by the similarities with the new Pandora logo, and these complaints even formed part of the proceeding court case We finish with another battle between similar logos that ended up getting the lawyers involved – and proves that the universal approach of using a single letter to represent your brand isn't necessarily safe territory after all, especially if there is more than one similarity to your logo and another brand's. When music-streaming service Pandora unveiled its logo in 2016, complete with a filled-in counter within its cyan-coloured letter 'P', PayPal wasn't happy. Its two overlapping blue Ps, both sporting filled-in counters, certainly had some striking similarities – particularly when seen small as an app icon. Indeed, as part of its 2017 court case, PayPal submitted over 100 pages worth of social media posts from users who were confused between the two apps. A settlement was agreed, and three months later a new, jazzy, multi-coloured Pandora logo was rolled out – the same outline shape with a filled-in counter, but decorated with wavy lines that added purple, red and orange to the original blue. Read more: Which logo do you wish you'd designed? Where to find logo design inspiration 20 iconic logos drawn hilariously from memory View the full article
-
When you think of good ol' Blighty, then perhaps images of Big Ben, red phone boxes and the Union Flag spring to mind. And when your everyday Brit thinks of crisps, chances are they think of Walkers. As part of a rebrand, Walkers has now brought the worlds of British icons and potato snacks together to strengthen its connection with shoppers. Designed in partnership with PepsiCo and Vault49, the Walkers redesign sees the packets of its core range of flavours get a patriotic new look that packs a modern, premium feel. Unveiled yesterday, the packaging design for the crisps sees the distinctive red and yellow Walkers logo drop from the top of its bags to sit squarely in the middle. 38 standout packaging designs Surrounding the logo are playful hand-crafted illustrations that sum up modern Britain in a whimsical way. Look closely and you'll spot a pigeon wearing John Lennon-style sunglasses and a squirrel sporting a bowler hat and scampering around famous British landmarks such as the Angel of the North. Walkers crisps and Britain, together at last Cementing a connection with the British public makes sense when you consider that Walkers sells more than five times as many packs of crisps to people in the UK than its nearest rival. And for a company that makes seven million packs every day, that's a heck of a lot of crisps. "It's one of those rare brands that taps into something deeper than the feelings people usually have for companies," says Jonathan Kenyon, co-founder and executive creative director at Vault49. As if this wasn't a strong enough tie to the public, the new bags also proudly announce that Walkers crisps are made out of 100 per cent great British potatoes. It's a nice little reminder that will help bring the brand even closer to shoppers. See the new design in action below. Featuring a mix of gloss and matte finishes, the new design is intended to stand out on the shelf and outshine pretenders to the throne – including any copycat brands. But with this rebrand, Walkers will stand head and shoulders above the competition. "The eye-catching new design makes it easier for UK consumers to find their favourite crisps and will deepen the already special relationship they have with the Walkers brand," says David Marchant at PepsiCo's UK Design Centre "We feel honoured to have been asked to work with PepsiCo to keep Walkers in this enviable market position," adds Kenyon. "We've had great fun bringing the element of storytelling to life, creating a design that Britain can be proud of and excited to buy, but without losing sight of the importance of communicating the heritage and quality of such an iconic brand." Related articles: Online packaging archive is a design delight 6 times brands temporarily changed their packaging 4 top tips for successful seasonal packaging View the full article
-
Search engine optimisation is a powerful thing that can push your website's rankings higher up in Google or Bing results. But it can be complex to master. Enter SERPstash Premium: Lifetime Subscription. This $29 course teaches you how to identify keywords and add backlinks in ways that improve your SEO. You'll even be able to run a complete audit of your website to figure out what needs improving and what's good to go. You'll also be able to find out what types of websites are linking back to yours. Get SERPstash Premium: Lifetime Subscription for just $29 – that's 94 per cent off the regular price. Related articles: Climb the Google rankings: How to master SEO 10 must-know SEO tools for search success 17 top tools in Google Analytics View the full article
-
It's many designers' ultimate goal to become the creative director of a successful agency. Not everyone gets to achieve their dream – you need more than a great creative resume to make it as a great creative director. It takes skill, talent, top-notch management skills and plenty more besides. However, you can put yourself in a better position to achieve your goal if you pay heed to advice from those who have been there and done that. So what kind of qualities do you need to become a creative director? In this article, we've asked creative directors from leading studios for their advice on how to make it. 01. Treat every project like it's your first "My responsibility is to ensure all creative is to the high standard we set here," says Martin Widdowfield, creative director at Robot Food (the studio behind the opening image for this article). For Widdowfield, an easy way to do this is to treat every job like it's your first – with all the excitement and fear that comes with that. "Every job, big or small should be given the same energy. Complacency is the killer of good creative and spreads like wildfire if left to do so." 02. Trust your team As creative director, it's your job to look after your team and encourage them to flourish. And that means one of the most important qualities you need to have is the ability to trust others to do a good job. "It's incredibly hard, as most creative directors are creatives who have worked really hard to get to the position where they are listened to," say the Gary Holt, David Law and Simon Manchipp of SomeOne. They have all this knowledge and skills that they naturally want to pass on to their juniors – but that, the trio say, is not what a creative director is there for. "No hot young designer wants some 45-year-old droning on about photosetting and waxers. They want their ideas approved and published. The client wants the best, most exciting, progressive, and effective idea to create a monopoly for their product, service or organisation. Not something dug up from a 1980s sketchbook. Great creative directors hire really, really good people. Then let them do really, really creative work." 03. Don't run a dictatorship A major part of the creative director role is to do with mentoring your team. "I’m a firm believer that everyone has ideas and my job is to help bring them to fruition," says Widdowfield. "It doesn’t matter if you’re a senior or straight from university, everyone at Robot Food has the opportunity to put their mark on the agency and is encouraged to do so." Robot Food took inspiration from tattoo culture in this project for beauty brand Electronic Ink 04. Give good feedback "Look after your studio family and encourage them to flourish," say the SomeOne CDs. "See the good in everything they do, but be consistent in your advice. Widdowfield agrees, stressing the importance of good feedback in particular. "CDs need to be confident and decisive, yet patient enough to help nurture ideas without stressing the designer. I’ve had too many experiences in my early career, where a CD gets frustrated on an idea and doesn’t offer any form of constructive feedback to help." 05. Get your hands dirty sometimes As is common the further up you move in a design company, becoming a creative director tends to result in less time in front of Photoshop and more time managing and guiding others. "My own role still involves some hands-on design/copywriting, but very often it's about me taking the lead on a project, working with the client on the overall approach and then briefing my team to create something wonderful," says creative director Chris Jones. That means checking in on the project throughout its development, and making sure it's staying true to the brief and providing what the target audience wants. But be careful not to lose touch completely. "I believe creative directors should get their hands dirty sometimes," says Widdowfield. "It's all too easy to dictate some instructions and let the creative struggle to translate that idea on their own." 06. Be happy to be hated As a creative director, you'll be responsible for guiding artistic decisions. And to truly stand out, you'll need to be willing to take some risks. "It is far too easy to be liked; you just have to be accommodating and hold no strong convictions," say SomeOne. "Then you will gravitate towards the centre and be average. That cannot be your role." SomeOne knows the importance of pushing boundaries – such as in this work for the Natural History Museum 07. Stay true to your studio's vision While it's important to keep things fresh and push new ideas, you also need to have a clear understanding of your company's identity. "A good creative director has to have a clear understanding of their agency vision," says Widdowfield. "Without this, work is not going to deliver on the image the agency wants and in turn won’t attract the desired work in the future." 08. Know when to shut up "Whether it's clients or your own team, creative directors should spend a lot of time listening. Really listening," stresses Jones. In order to really get to the bottom of what a client's issues are, he tries to sit back and mainly listen in meetings, only speaking when he has a really good question to ask. "It should be all about the client, not the agency," he adds. "Similarly, in-house you need to take the time to listen to your team and accept that you can learn from them." SomeOne echoes Jones' advice: "Great creative directors may listen to their clients for hours. Because somewhere deep in all those spreadsheets, PowerPoints, briefs and data is the spark that they can pass on to the creative minds that will put pen to paper. They must choose that spark very, very carefully, or risk a fire that can take down the entire ship." 09. Don't let bad things happen to good ideas "The best creative directors do something entirely different," says SomeOne. "They trust talented people to do talented things. Then stop bad things happening to the work, and to the people. Often without the people even knowing it." Gary Holt, David Law and Simon Manchipp have all been creative directors of SomeOne 10. Share the love Share what you know with the wider world. It's helpful for less experienced designers, and helps strengthen the design community as a whole. "Don’t keep it to yourself and don't be paranoid about sharing your expertise, even with competitors," says Jones. "Writing blogs and speaking at conferences are both great ways of getting stuff out there and have the added benefit of helping you meet new people and sparking debate." 11. Create the right environment For creatives, the right studio environment have a big impact on the work created – everything from what's on the walls to the mood in the studio is important. "It's very difficult to define, but the perfect working environment for me is generally relaxed, with occasional bits of Victorian mill owner-style discipline thrown in to keep standards high," shares Jones. "Equally, encouraging creatives to let off a bit of steam by throwing stress balls at each other or flying the office's remote control helicopter around is just as important." 12. Keep your mind open "Be a sponge for as much culture (both high and low) as you can fill your mind with," suggest the SomeOne creative directors. "Then forget about it. It will remind you when it's needed." Many studios will specialise in one particular area, as of course, you'll need to know your particular discipline inside out. However, it's vital to be aware of what's going on in other specialisms, too. Jones works for a digital agency (you can see some of his work in the video above), but still keeps an eye on what's going on in the branding and advertising segments. As well as making sure your work is well rounded and being open to any new developments, this can help keep you inspired within your own specialism. 13. Preach "There's nothing worse than seeing a project presented by someone who doesn't really get it. Doesn't understand it, or really like it. If the person presenting doesn't believe in the work, there is no reason for the audience to care," says SomeOne. "Great creative directors pick their fights very carefully, but once they have committed to a route, they believe that it is the greatest idea on the planet. And they make a stand for that work. They protect it. They enhance its chances, co-ordinate people who could help it, channel it to concentrate it. They become evangelical. They believe. You, as the designer, may never see any of that in the studio – but they will be out there fighting the good fight for a cause they passionately believe in: a great idea." 14. Don't get bogged down While it's pressurised at times, the creative industry can be a wonderful place to work – and many would agree that great ideas can happen when you relax and have fun. "The best creative work comes when the mind isn’t bogged down with stress," says Widdowfield. "Yes, deadlines loom, and that concept can be a struggle to crack, but you’ve got to just put that to the side and enjoy it." Related articles: Careers advice: How to become an art director 18 things they didn't teach you at design school 9 design trends we'd like to see in 2019 View the full article
-
Major fashion chain Zara has released a new logo, and incited the wrath of every designer on Twitter, thanks to some over-enthusiastic kerning . The original logo, pictured below, was an all-caps wordmark that was – we'd say – a little too spaced out for our liking. But it seems to have overcorrected the issue for its new look (above), in which the letterforms are so enthusiastically overlapped as to be barely legible. The old Zara logo was rather spaced out In defence of the new logo, we're pleased to see Zara has not joined the hoards of fashion brands stripping away personality and heritage from their logos in favour of classy but bland sans-serif wordmarks. Zara's new logo retains visual links to its original font, but has livened it up further with overlapping characters and serifs, and a new, curvy 'R'. So it's not lacking in personality, and it'll certainly stand out in a sea of increasingly similar-looking high street logos. But there isn't much else positive to say about this new logo design. Erik Spiekermann called it 'the worst piece of type I've seen in years', while others suggested it looked like it was kerned by a robot. Designers have also been quick to point out the logo's similarity to The Met's 2016 rebrand by Wolff Olins, which similarly failed to draw much praise (it was memorably compared to a typographic bus crash). What do you think of the new Zara logo? Let us know your thoughts on Twitter or Facebook. Read more: A designer's guide to typography and fonts Typography trends in 2019 to look out for The best new logos of 2018 View the full article
-
It only feels like yesterday when I was role-playing with high school friends in fantasy worlds full of knights, wizards, barbarians and treasures hidden in dungeons. As teenagers, the most treasured possessions we owned were the RPG handbooks. Among them, the bestiary books were my first contact with the world of concept art and character design, and that’s what made me interested in pursuing a career in art. Almost everything back then was still painted traditionally in acrylics or oils. My preference for clear brush strokes and canvas or paper texture visible in print has stayed with me over the years, and for a long time I looked for a way to create the same effects in my digital paintings. Corel Painter includes a range of features to help you mimic traditional art effects What’s so beautiful about traditional art is its unpredictability. There are so many happy accidents that give traditional painting a soul. The way that every hair in your brush tip leaves an individual mark. How pigments don’t just mix, but 'sing' a magical song together. With Corel Painter 2019, I found the perfect tool to recreate some of these art techniques digitally. In this tutorial, I'll show you how you can use Corel's different features to mimic oil paints. Above you can see the final version of the painting we'll be working on. Click the icon in the top right of each image to enlarge it. 01. Establish your concept and composition Consider interesting colour combinations when planning your composition The first thing to do is to work out your composition. My rough initial thumbnails are done in just few minutes – I often think in colours, seeing what combinations creates interesting harmonies. Gather reference pictures while sketching and developing the idea. I use free software PureRef to organise my photographs: I can save my collection and return to it any time. I keep it visible on my secondary monitor. You want to make sure you've fully decided on the composition, colours and details, before you start work on the final piece. Make sure the figure’s anatomy and perspective is correct and the key shapes balance nicely (for advice on this, take a look at our how to draw tutorials). 02. Create a burnt sienna underpainting This is a common step when creating traditional oil paintings This step is taken straight from the traditional oil painting process (learn more about underpainting here). Painters use it to create monochromatic value composition, by setting up a basic environment of light and shadows. I open the Mixer window in Painter and create a gradation of Burnt Sienna to black and white. I make sure that the contrast is interesting and strongest in points of interest (mainly the face). 03. Bring in colour Use Corel's Glazing brush range to add colour In traditional art, the next step would be to create thin layers of paint to colourise the monochromatic picture. This process is called glazing. Corel Painter 2019 has a new family of Glazing brushes for this very step. I set the layer mode to Colorize and apply various colours. I let some of the underpainting show through and avoid having flat shapes of the same hue or colour. This creates a mesmerising mosaic of brushstrokes. 04. Keep an eye on the big picture Having your Navigator window open enables you to keep an eye on how the image is progressing as a whole At this point 80 per cent of the image is completed. The remaining 20 per cent will take five times as long, as I polish all the details. I never stop controlling the whole picture. Even when I’m zoomed on a portion of the painting, I keep the Navigator window open (Window > Navigator or ctrl+7) on my second monitor, and constantly compare my progress across the whole image. 05. Try the Distorto brush Distorto is equivalent to Photoshop's Liquify – and it's incredibly useful In Corel Painter 2019, the Distorto brush is an alternative to Photoshop’s Liquify tool. I use this brush on a low Strength setting (around seven per cent) to correct the position of any elements that feels 'off'. You can use this tool to do anything from moving the nose slightly to the right, to aligning eyes or changing the shape of the face. You can find the Distorto brush within the F-X brush group. 06. Jump around Don't focus too long in one area, or your painting will become uneven I force myself to never work in one spot for too long. I want my picture to develop evenly. My aim is to leave some parts looking quite rough, but I make sure I have full control over the painting’s development. How it graduates from focus points to less-important areas. I use a mix of Artists’ Oils and Sargent brushes for realistic touches. 07. Use the floating colour wheel The floating colour wheel is new to Painter 2019 Painter 2019 now offers a floating colour wheel, which gives me full control over my colour choices while using the stylus. I paint directly with the colour I picked from the canvas, but only when blending. Otherwise I select a colour and suitable alternatives using the colour wheel. I change its temperature to warmer or cooler, make it brighter or darker, more or less saturated, and so on. 08. Correct values Turning the image black and white will show up any areas where it's becoming flat For a readability check, I turn the picture black and white. I notice how flat my value composition becomes when a green background and a warm skin share a similar brightness. Knowing how difficult is to print vibrant greens and cyan, I decide to darken the background. This also makes the character pop. 09. Mimic the glazing process with Multiply Add a Multiply layer to dull down darker colours The magic of digital art is all the shortcuts you can access. I stopped feeling guilty about using them long ago, knowing how much 'cheating' was applied in traditional painting. Maybe the Old Masters didn’t call it a Multiply layer, but glazing darker colours to dim down large areas of a painting is nothing new. That’s what’s I do here: use Multiply mode to darken the background. 10. Make final tweaks Play around with your settings to check you have the best version of your image I correct the contrast and colours to create the most appealing version of the picture. I have a tendency to paint at a very low contrast, so to create more visual interest I play around with different settings. To finish up, I use Equalize and Correct Colors from the Tonal Control option under the Effect tab. This article was originally published in issue 166 of ImagineFX, the world's best-selling magazine for digital artists. Buy issue 166 or subscribe. Read more: Our pick of the best graphics tablets in 2019 Create portrait art in Corel Painter The best software for digital artists in 2019 View the full article
-
Want to make it in Hollywood? You don't have to spend thousands on expensive film school. Learn how to write, produce, and distribute a film with Film & Cinematography Mastery Bundle: Lifetime Access. This bundle offers a bootcamp in video production, as well as a masterclass teaching you everything you need to know about cinematography. You'll also learn some essential skills that will arm you for writing and distributing the film that could be your big break into Hollywood. Get Film & Cinematography Mastery Bundle: Lifetime Access for $29. Want your products featured in Creative Bloq? Learn more about how to sell your products online! Related articles: The best computers for video editing in 2019 Sky trims film titles in clever ad campaign The best video editing software in 2019 View the full article
-
Performance UX is a perfect solution for those of you who work on websites that are already live. The aim of this article is to provide an introduction to performance UX and help you understand its three core pillars. I’ll delve into a bit of history and let you know where the need for performance UX initially came from and how it can get clients bought into (and understanding) UX. Lastly, I’ll show you how to produce three performance UX tactical deliverables to help map your ongoing strategy. UX (within service delivery) has been at the heart of the most successful customer-centric businesses for many years. A decade or so ago the market started taking UX seriously and the results have been exceptional, with new web design tools popping up all over the place to help measure and implement UX strategies. A study from pointsource.com found that for every $2 spent on UX-related activities, $2 to $100 was yielded in return. Right here, right now, it really doesn’t feel like those of us with a UX cap need to be backwards in coming forwards with new thinking and innovative ways of improving the experience of our clients and our clients’ customers. The digital market figures support UX as a viable solution to achieve ROI. UX has become a bread and butter service offering for agencies.. So being a UX practitioner is brilliant and all of our clients think we’re some kind of digital Dalai Lama, right? No. It certainly wasn’t this way for me, not for a long time. What is performance UX? UX, for me, isn’t something that ever finishes. It is an ongoing process, not a one-off project that has a start and end date. Within an agency, this thinking fits very nicely into a recurring (month-on-month) services model. I had long been an advocate of lean UX – it’s really the most appropriate means of delivery in a fast-paced, multi-client agency environment. My whole digital product approach was already based on iterative cycles using agile sprints, which helps to keep progress moving forward. Lastly, the part of me obsessed with clean code and optimising for search marketing needed to minimise bloat, keep things nice and streamlined as well as being future ready. Blending all these aspects together with UX tactics and strategy, it felt like I was on to something. I put together an initial program of ongoing delivery that I called ‘User Experience Optimisation’. It flopped. The results were good but prospects (more often than not) simply didn’t understand it and didn’t take it on. A month or so passed with slow progress until a wise Texan took me to one side and suggested I changed the name to ‘Performance UX’. He theorised that businesses understood performance and already wanted help in making performance better. He wasn’t wrong. The delivery program didn’t change at all. Just the name. Service growth immediately surged. So how can performance UX build on the already solid foundations established in the UX marketplace? To put it in simple terms, it just requires a slight tweak to the perspective. The three pillars of performance UX When talking about UX, we can sometimes shy away from talking about cold hard cash. In my experience, the client wants to know what UX means in terms of ROI or how long the UX project will take before they see results on their bottom line. Sometimes this can be impossible to quantify until the actual work starts. We need to move the conversation away from money and instead focus on performance, namely: technical, experiential and commercial performance. The three pillars of performance UX. These are tangible areas with the ability to benchmark and demonstrate progress. Technical performance This is all about clearing impediments and enabling your digital product to be the best it can be. You could have the best looking website on the market but if it’s slow or not utilising the latest technologies, it wouldn’t take much for it to be quickly left behind. Experiential performance This means understanding who your users are, what you want them to do on your site and being able to diagnose what they are actually doing. Commercial performance The final pillar requires you to become your client and understand their needs and the needs of the business. Knowing what each conversion, sale or interaction means to your client will help you prioritise your work and ensure you’re reporting on what’s important to them By separating the process into three core areas, you are helping the client understand that improving digital experience can be tangible – but these areas must work together to achieve the best results. Who can do performance UX? I’ve found that the best UX professionals I’ve met have a varied skillset – it’s almost a given if you’ve worked in UX for any length of time. The majority started in different areas and moved into user experience later in life. This varied experience makes an ideal performance UX campaign delivery manager. Performance UX works best when you can cover – by yourself or with a team – design, strategy, data analysis, code, project management and most importantly, excellent communication. How to run a performance UX sprint Your first performance UX sprint is about understanding and benchmarking. Understanding your client should be the first step with every new digital campaign – but that doesn’t mean it should be underrated. Hold a kick-off meeting with your client and conduct a stakeholder interview. You’ll need to interview whoever will be evaluating your work and, if you can, whoever evaluates their work. You need to learn about their business, what’s important to them and what they expect from you (this works whether you’re in-house or from an agency). These interviews are integral when it comes time to plan your strategic UX roadmap later. For those unaware, a sprint is a measure of time, and a key part of the Agile development methodology (read more about Sprints here). You set a list of tasks you believe you can achieve in your sprint and then report to your client at the end. In this example, my client has four days a month of performance UX. In this first sprint, I’ll spread two days’ worth of time over two weeks. As a recurring service this means we have at least three client touch points each month. One at the start of the first sprint, one at the end of the first (and start of the second) and one at the end of the second sprint. In this sprint we’ll deliver a technical diagnostics audit, experiential journey analysis and commercial goal review to our client. These documents will form the backlog for ongoing performance UX work. The technical diagnostics audit Technical performance essentially boils down to speed. How quickly can the user find the site (in search)? How fast is your digital product in giving the user what they want? And how accessible is it? Although speed has been used in search ranking for some time, it was focused on desktop searches. This year, Google announced page speed will be a ranking factor for mobile searches. This now makes technical website performance more important than ever. In order to diagnose the current state of technical performance, we need to gather benchmark data. We’ll use three sources of data that are all free. You’ll want to run your client’s site through: PageSpeed Insights, GTmetrix and Lighthouse. For the latter you’ll want to run all reports except the Progressive Web App one. Lighthouse runs in the browser (or in node/command line) and gives an insight into any technical performance issues To compile your findings, you should provide an executive summary of why you are conducting the audit (benchmarking) and show the scores from the three sources up front. You should ideally explain to the client what each source looks at and why you chose it. For the rest of the audit, compile the recommendations from the three tools into chapters with numbered lists of recommendations. Your chapters should be: basic site setup, speed and performance, accessibility and SEO. The chapters form themes you can use in the coming months and the numbers will enable you and the client to refer to line items during discussions. All of these elements directly affect the user and being able to talk about them is absolutely essential to being a user advocate to your client. Experiential journey analysis In order to show how we’ve improved the experience for the user, we record how users are currently using the site. We’ll do this using two industry-standard UX testing tools: Hotjar and Google Analytics. Sign up for Hotjar and get the tracking on your client’s site as soon as possible, ideally before this sprint starts. Once the code is installed, log in to Hotjar and activate Recordings – on the free plan you’ll get 100 sessions, which is more than enough. Make sure you select sessions that include clicking and scrolling and that you ensure it’s only recording sessions of over 30 seconds. Hotjar has a number of tools to help with user behaviour insight Once you’ve amassed a good few sessions, sort by the #pages column (high to low) and review what’s been recorded. You should take notes about the way users navigate through the site and the sequence of pages they take. 10 to 20 videos of three or more pages should give you a good feel of how users are moving through their journey. You should document these journeys, pulling out any information of note (users ignoring CTAs, not using the menu you thought they would, using the site search, etc). Next, within your client’s Google Analytics, navigate to the Behaviour > Site content > All pages table. Set the date range for the last three months and make sure you’re sorting by page views. What we’re going to do now is show our client how users move through the site most of the time. Take the top 10 pages for page views. For each of these click on their URL in the table. This takes you to the page level screen and the graph will only show visits for that one page. Click on the tab that says Navigation Summary, found above the graph in the top-left corner – it’s next to the one already selected that says Explorer. This navigation summary screen shows you which page users were on before the page you selected and usefully, where it was that they went afterwards. You should record this data for each of your client’s top-performing pages (10 is a good number to start with). Collate these findings in a document for your client and be sure to include a section where you note down anything of interest. You will refer to this document a lot in the coming months when justifying hypotheses or demonstrating journey improvements, for example ‘this page used to account for four per cent of visits to the demo sign up; my work on improving messaging/layout has increased this to 8 per cent’. Commercial goal review This task is exactly what it sounds like and can be somewhat painful for some less technical clients. The point of this exercise is to establish trust and to also let the client know you understand what is important to them. Review your stakeholder interviews and distil what is important for your client to measure success. Is it product sales? Brochure downloads? Phone calls? Armed with this information, you should log into your client’s Google Analytics and review their goal tracking (Admin > Goals). Note down which goals relate to what and, more importantly, note any missing goals you will need to add. Next arrange a call or meeting with your client (this is important – an email won’t do) and run through each goal. Once you’ve established what each goal does and if any need replacing or amending, suggest any new goals you need to add. For ease you should document what each goal is recording (in simple terms) for your client and then record the goals you mean to add on their behalf. It’s at this point I’d recommend learning how to deal with regular expressions (RegEx), which will help no end in dealing with complex goal tracking; regular expressions 101 is an excellent debugging tool once you’re up to speed. How to review your progress With your first sprint at an end, you now have three valuable documents ready to present to your client. It’s important to get these right, because these documents will form the basis of how you plan your next three, six or 12 months. Ideally, the whole of the second sprint will be used to produce your performance UX strategy. After the work you’ve already put in, the client will understand the importance of getting this right. Within your strategy document you should record what is important to the client in terms of key metrics. You should then detail, month-on-month, how you will work towards measurable progress. Always justify your tactics using technical, experiential or commercial performance reasoning. Performance UX is unique in that you get to be an advocate for the user and for your client For example, instead of saying ‘I need to do some card sorting to make the navigation easier to understand’, try ‘our experiential user journey research showed a disconnect in the labelling used on the current navigation – card sorting would allow us to find a better solution’. Ideally you should have a way of showing how your work is influencing the benchmarks you have recorded. I’d recommend a tool like Power BI or Google’s Data Studio to make an dashboard with all the metrics updating in real time. How you produce your strategy is ultimately down to you but I would strongly advise a varied strategy. Cover all three pillars whenever possible. Commercial is where users end up, experiential is how they get there and technical is what’s stopping them on their journey. Too much technical work and you will lose your client’s interest, too much experiential work and they might start to question value and too much commercial work just becomes conversion rate optimisation. Performance UX is unique in that you get to be an advocate for the user and for your client. You job is to be an old-fashioned ‘middle man (or woman)’ and make it as easy as possible for both parties to get what they want. So get out there and start greasing those wheels. Performance UX resources The elements that make up performance UX are nothing new and there are already some fantastic books out there that make excellent reading for anyone wanting to start working with performance in mind. Here are some useful resources that will sharpen up your skillset Sprint Jake Knapp's book is all about solving problems and testing ideas in a five-day sprint. I found this book especially useful for moving ideas through a team setting. Designing for Performance If there was a book on web design I wish I’d written, it would be this one by Lara Callender Hogan. The knowledge contained will help you understand and dominate technical website performance. Product Design A neat little field guide from David Pasztor on the product design process. Touching on things like; journey flows, A/B testing and onboarding, it’s a good tool to brush up on some more general skills if you’re missing them. Lean UX The experiential performance element of performance UX owes a lot to lean UX processes. Rather than focusing on deliverables, this book by Jeff Gothelf and Josh Seidenwill show you how to directly affect the experience itself. Design is a Job Working in a recurring model means you need to manage your client properly. Make sure you understand what they need from you and be confident in leading them. This book by Mike Monteiro may just straighten your spine. This article was originally published in net, the world's best-selling magazine for web designers and developers. Buy issue 313 or subscribe. Read more: Controversial predictions for UX in 2019 The 6 pillars of great UX 9 ways to smash UX on a small budget View the full article
-
In days gone by, if you missed the start of a film on TV then that was it, you just had to sit through the rest and figure it out as you went along. It was a confusing way to watch films, and could often change the meaning of the story. To highlight the importance of catching films from the beginning, Sky has launched a new set of typography-based ads, in a campaign called 'Miss the Start. Miss the Story’. Created for Sky by Serviceplan Campaign X to promote how users can now restart films on linear TV with Sky, these clever poster designs target the German market, where viewers still predominantly watch films when they're on, as opposed to through On Demand services. To point out why it's important to catch all of a film, including the beginning, these ads delete the first letters from familiar titles that rely on eye-catching and recognisable typography. Take the martial arts classic Kill Bill, which becomes the slightly less impressive Ill Bill when you chop off the K (see above). 53 top typography tutorials It's a simple but effective trick that plays with viewer's expectations and invites them to engage with the ads. The posters also underline how effective the right combination of typography and colour can be. Check out the rest of the campaign ads below. Related articles: The good, the bad and the ugly of movie posters How to master colour theory A designer's guide to printing a poster View the full article
-
Want to download Adobe Photoshop CC? You’re in the right place. Whether you’re looking to download Photoshop for free, or intending to buy Photoshop through Creative Cloud – but you’re not sure how – we’ve got you covered. The best Adobe deals right now Here’s everything you need to know to get hold of Adobe’s advanced image editor quickly and easily, from how to easily download Photoshop CC for PC or Mac, to how to get a free trial of Adobe Photoshop, and the best Photoshop tutorials to follow once you've got the software… Can I download Photoshop for free? The short answer is: yes – in a way. Photoshop is a paid-for image-editing program, but you can download a free trial of Photoshop for both Windows and macOS from Adobe. You’ll get seven days to use the full version of the software, which gives you access to all the latest features and updates. Downloading Photoshop for free in any other way is illegal and definitely not recommended. Not only is it software piracy, it’s also unsafe – you’ll put your machine at risk of viruses and malware. How do I buy Photoshop CC? You have to buy Photoshop as part of a Creative Cloud membership. There are a number of different options: you can choose a single app plan, which will give you just Photoshop CC; or a plan that includes more of Adobe’s creative apps. The Photography Plan, for example, gives you access to Photoshop CC, Lightroom CC and Lightroom Classic; whereas an All Apps plan gives you access to all of Adobe’s apps – plus a range of other benefits too (but is more expensive). There are options for individuals and businesses, and if you’re a student or teacher you can save up to 65% if you buy Photoshop as part of the All Apps plan. What’s the price of Photoshop CC? CS Light Bulbs: Packaging created by Angelina Pischikova The cheapest way to buy Photoshop CC is as part of the Photography plan, which costs $9.99/£9.98 per month and gives you access to Photoshop CC, Lightroom CC and Lightroom Classic, plus 20GB cloud storage. Alternatively, you can choose a Creative Cloud Single App plan, which costs $20.99/£19.97 per month, and will give you just Photoshop, plus 100GB cloud storage, Adobe portfolio, Adobe Fonts and Adobe Spark. On the same page of the Adobe website, there's also an All Apps option, which gives you access to Photoshop as well as Adobe’s entire collection of creative desktop and mobile apps – plus the same additional benefits as the Single App Plan – for $52.9/£49.94 per month. And finally, you can buy Photoshop through an All Apps + Adobe Stock option for £73/month, which (clue’s in the name) gives you Adobe Stock on top of the All Apps benefits. Photoshop discounts for teachers and students Bear in mind that if you’re a student or teacher, you can buy Photoshop as part of a discounted All Apps plan at a much lower rate – so you’ll get the entire collection of creative desktop and mobile apps, plus 100GB cloud storage, Adobe Portfolio and more – for just £16.24/month. The only non-subscription version of Photoshop you can buy is Photoshop Elements, which is an entry-level iteration of the image-editing software. It contains most of Photoshop’s pro features, but has fewer options. You can download Photoshop Elements 2019 for a one-off cost of $99 / £69.96 How can I get started with Photoshop? In this Photoshop tutorial, illustrator Charlie Davis walks through how to use the Pen tool and textures to add depth Once you've downloaded Photoshop, head over to our collection of the best Photoshop tutorials to sharpen your skills. Whether you're a beginner, intermediate-level or a pro, you'll find a wide range of new tips and tricks to work smarter and more creatively in Photoshop. And don't worry if you're pressed for time: we've also got a selection of handy Photoshop Two-Minute Tool School videos that walk through the essential tools in less time than it takes to make a cup of tea. Also, if you need some free Photoshop brushes, we've searched around and found the best ones the internet has to offer. Get involved. Photoshop CC: key info you need to know Photoshop CC is Adobe’s flagship image-editing app. The industry-standard software is the best photo-editing software in the world for a reason: it’s slick, quick and boasts a powerful, extensive tool set to bring your ideas to life. For layered image editing – including typography, 3D modelling, and drawing – it remains the first choice for professional creatives across the planet. And with new AI-powered updates streamlining workflow even further, graphic designers, artists and photographers are becoming increasingly freed from the tyranny of tedious processes, and more able to focus on the fun part of creating. Photoshop CC review As part of your CC subscription plan, you’ll receive all Photoshop updates free. The 2019 version offers improvements to existing features like Content Aware Fill and Home Screen, as well as new tools like the Frame Tool and dynamic Blend Mode previews. That said, if you’re a beginner, you might not want to be tied into a Creative Cloud subscription plan immediately. We’d recommend testing the water with a free Photoshop trial; investing in Photoshop Elements; or looking to one of the many non-subscription Photoshop alternatives, such as Affinity Photo. Photoshop is available for desktop, smartphone or tablet, and supports every file format available. If you’re ready to get started, hit the links above to buy Photoshop or trial the software for free. Also read: The best Adobe deals right now The 10 commandments of Photoshop etiquette 69 incredibly useful Photoshop shortcuts View the full article
-
Adobe Creative Cloud is jam-packed with helpful software that any content creator should know how to use. You don't need to spend lots of money on classes though, you can just get the The Complete Adobe CC Training Bundle. This $29 bundle will get you up to speed on everything from video editor Premiere Pro to photo editor Photoshop. You'll also learn how to create magazines and newsletters with InDesign, and how to add special effects to your videos with After Effects. Don't have Adobe's software yet? Buy Adobe Creative Cloud here. Get these skills under your belt with The Complete Adobe CC Training Bundle for only $29. Related articles: Kick-start your career with Adobe's Creative Residency 80 best Adobe Illustrator tutorials The 18 best Adobe Illustrator plugins View the full article
-
Learn how to create surreal character designs with the latest issue of ImagineFX magazine, which goes on sale in the UK today. In the pages of issue 171, you'll discover how to paint character concepts with bright hues and expressive lines that are sure to get noticed. So if your character designs have been feeling a little flat recently, or you just want to try some new creative techniques, this issue is perfect for you! Buy issue 171 of ImagineFX here Elsewhere in issue 171, Patrick J Jones continues his figure drawing masterclass series to teach you how to create depth by using values. With the help of his techniques, you'll be able to create the illusion of the third dimension and really make you art stand out. On top of that, Eeva Nikunen is on hand to show you how to paint a fantasy portrait with oils, and Gina Nelson shares how to work with ink and gold. There's also all the latest news, reviews and reader art that you've come to know and love from ImagineFX. Don't miss out, grab yours today! Never miss an issue: Subscribe to ImagineFX here Explore what's on offer by taking a peek at the lead features, below. Protect yourself from artistic burnout Learn when to whip out the big guns From over-working to not looking after yourself properly, there are plenty of ways artists can find themselves heading towards a creative crash. To protect yourself from burnout, and to hear how to bounce back from it, we spoke to several industry-leading artists who have dealt with a creative crash in various ways. Visit the VR world of Goro Fujita Let us introduce you to Goro Fujita Despite being repeatedly touted as the future of digital art, the potential of VR is still questioned by some creatives. Not Goro Fujita though. We caught up with the Japanese artist to discuss his career so far and hear why he has been fascinated by the unique creative opportunities that VR offers. Explore Loish's sketchbooks Loish has been drawing her whole life, so there's a lot to explore Digital art superstar Lois Van Baarle has opened up her sketchbooks for you to flip through this issue. Here you'll find a variety of sketches that show off her range of artistic talents, as well as notes from the artist herself about how they came to be and how they informed her style. Direct your viewer's attention Grab attention with these composition tips Chances are you'll have heard of the Golden Ratio, the pleasing proportion of details that can harmonise a piece of art. There are plenty of other ways to create a powerful composition with a sense of direction, as comic artist Steve Ellis reveals with these striking suggestions that will draw your viewer's eye. Create an artistic base with VR Discover how VR and other digital art tools can work together VR tools such as Quill can radically speed up the creative process for digital artists. Here, freelance illustrator Martin Nebelong walks us through how he managed to quickly mock up a base for a book cover illustration with virtual reality, before finishing up in Photoshop. Related articles: 25 top character design tips 5 key trends in character design 11 best video game character designs View the full article
-
Buy animal écorché figures from 3DTotal Most artists will be aware of the array of écorché sculptures that are available these days, mostly male and female human anatomy and in a range of styles from full écorché to planar. Firstly, what is écorché? It simply means ‘skinned’ in French and in this context it refers to an anatomical model or sculpture that has had its skin removed to help an artist understand what’s going on underneath. 3DTotal has a large range of figures available and they have been very popular for some time now. This new range adds to that growing collection with a dog, a horse and a large cat, covering three of the more popular large mammalian families. How to draw a horse Any creature artist whether 2D or 3D will surely tell you how important real-world anatomy is to their workflow. Simply put, if you are designing creatures you will be learning muscle insertion and origins (where they start and end on the skeleton) and how they interact with each other as they flex and extend. These models are done with half of the body flayed and half with their skin on, which makes them perfect for seeing how a muscle group affects the surface form. If you are used to using photographs/videos or references from Google when it comes to modelling creatures for 3D art, you will quickly appreciate how much you can learn by being able to hold a creature in your hands to study it, and having the different mammals (two carnivores and a hoofed mammal) side by side allows you to compare the different families. The models are finished in a flat, grey resin that matches all the other models in the 3DTotal line-up and the detailing is amazing, even showing some of the larger veins. The models come supplied with a rectangular base that is signed by the designer and it’s simply a case of slotting the feet of each animal into the holes. The horse and the dog have their tails attached but the cat comes with a magnetic tail. The scale for the creatures differs between them and that does mean the horse seems a little out of scale. I assume this is simply because to create a horse to match the cat and dog would have made it prohibitively expensive/large, but this really is only a tiny issue. Overall, this is a must-have set of figures for creature designers of all types. An amazing addition to the 3DTotal écorché line-up and one that will almost certainly leave artists asking for more diverse animal families in the future. Great as an individual piece but even better as a set. This article was originally published in 3D World magazine. Read more: How to master creature anatomy. Buy animal écorché figures from 3DTotal View the full article
-
Design Indaba is Cape Town's premier conference for the creative industries. Kicking off on the 27 Feb, the three-day event will focus on how creativity can create a better world and bring to the stage top creators who are doing just that. Among this year's impressive line up is founder of New York City-based global advertising agency Droga5, David Droga, The Handmaid's Tale costume designer Ane Crabtree and award-winning design critic and author Alice Rawsthorn. And that's not all. Sitting alongside them you'll also find the founder of clothing line movement Orange Culture Adebayo Oke-Lawal, the Principal of Selldorf Architects Annabelle Selldorf and Vice President and Chief Design Officer at 3M Company Eric Quint. The Handmaid's Tale costume designer Ane Crabtree join the impressive Design Indaba 2019 lineup [Image: Nathan Cyprys] Book your ticket to Design Indaba 2019 As well as a plethora of stellar speakers, the Design Indaba programme includes a curated lineup of music – including international acts and a foray into the best of African music right now. There's also the annual Emerging Creatives programme, which puts the spotlight on the up-and-coming design talents to watch, and we'll discover which design will earn the title of Most Beautiful Object in South Africa this year. And if that wasn't enough to keep attendees occupied, there are also various seminars and workshops, including the highly acclaimed Trend Forecast by design doyenne Li Edelkoort. For those in and around South Africa who can't make the event in person, the Design Indaba Simulcast will provide a live screening of the main conference to various venues across the country. This is part of an initiative by Design Indaba to distribute the knowledge shared at the conference with a younger audience and those unable to attend. Tickets for the Simulcast will be available from mid February. If you're outside of South Africa and don't fancy hopping on a plane to Design Indaba, Creative Bloq will be reporting live from the event, bringing you the latest news and views from the world's creative elite. If this all sounds fantastically full on, that’s because it is. And we can't wait to bring you all the action direct from Cape Town. Until then, check out this video round-up from last year's Design Indaba for some insight to this epic event: Read more: What are the best-paid creative jobs in 2019? Hot new vector art app launches in free beta How to transform a design internship into a job View the full article
-
After producing post-apocalyptic horror comedy Zombieland and crime drama Gangster Squad, filmmaker Ruben Fleischer entered into the realm of superheroes with Venom. The Marvel film tells the story of Venom, a volatile parasitic alien symbiote that inhabits other beings, as it finds a host in investigative journalist Eddie Brock (Tom Hardy). This relationship comes to the boil as Brock uncovers the nefarious plans of a survivalist corporation known as the Life Foundation run by Carlton Drake (Riz Ahmed). Get free admission to VERTEX 2019, the ultimate event for 2D and 3D artists "They’re two sides of a coin," states Fleischer. "Venom is an adulterated Id of Eddie Brock and is an alien that you have to learn how to train and have behave appropriately in our civilisation. It’s a buddy movie in a weird way." Overcoming VFX challenges Spider-Man fans will already be familiar with Venom through previous films and comics, but bringing the villain to life this time round posed unique challenges for the film's visual effects supervisor, Paul Franklin. "We realised quite early on that things like camera motion capture, which have been used on other 3D movies to create digital characters, wasn’t going to work for us because one of the key things about Venom is while he’s humanoid in shape, he’s able to move at incredible speeds and can do extraordinary moves." A concept study exploring the tendrils coming off of Venom "He never moves like a human being. The most important thing was to have some sort of positional reference so you could frame up for the shot. We got a tall stunt performer who is 6’10”, and because Venom is actually 7’6” we built him up even higher with a Wiffle ball on a stick sticking out of the top of his helmet." "Then through the suit we had motion-capture reference markers all over it so we could at least track his body movements and get a proper idea of where he was. After that it was down to the character animators to come in there and take the thing over." Bringing the comics to life Whereas comic books have the advantage of being able to draw whatever they want on a frame-by-frame basis, Franklin didn't have the same amount of creative freedom. "Venom distorts quite heavily in the comics depending on what he’s doing," notes Franklin. "We don’t have that luxury in visual effects because we need to make it consistent across all of the shots, so that the audience feels like they’re watching the same character and not completely different versions from shot to shot." "Underneath all of that is what you would usually expect to do for a creature animation, like muscles and skin simulations, plus the stuff that combines it to the skeleton to preserve the volume and give him physical mass and presence." "Venom has this incredibly strong, densely built muscular physique. Working in tandem with that is this extra layer of effects animation that gives him gelatinous gooey qualities, which is what the character is supposed to be from the comic books." A concept study that explores the character’s oily form Venom is one of the most instantly recognisable Spider-Man villains thanks to his distinctive character design, but fans will know that he has two different forms. "The symbiote looks like an oily, gelatinous, slug-like amorphous creature that has no skeleton and is constantly changing shape and swashing around before bonding with the host," explains Franklin. "Then when the bonding takes place, Venom produces this thick rubbery exoskeleton that surrounds the human host who is inside. This stuff emerges out of the skin of Eddie Brock, completely envelops him and transforms him into Venom, which is a large, physically muscular character. Depending on whether Venom is in the fully humanoid form or in the raw symbiotic state, you get various stages of gelatinousness.” Every shot of Venom involved effects animation to create all of the goo, in particular how it moves on his face. "We didn’t want Venom to feel like a guy in a suit. You wanted to always believe that this character could morph into slimy tendrils. We had this constant effect animation pass that created the movement of the edges of the eye and the way that the strains of goo stretch between the jaws as he opens his mouth, which is a characteristic of the comics." Lighting Venom There were many challenges involved with lighting Venom in a night-time environment. “It’s black on black a lot of the time,” observes Franklin. What defines a black-painted metal object is not the direct illumination but the reflections of the environment around it. Venom had to be lighted indirectly to avoid the character reflecting every single element "What we needed to do was to dress the reflections into the surface in order to give us a read on the shape. Initially we were driving it from the HDRI maps that we captured on the locations on set, but Venom came out looking like a highly polished 1950s car driving down the strip in Vegas. He was a glittering galaxy of lights, which didn’t make him appear particularly threatening because he ended up looking like a Christmas tree sometimes!" Franklin continues: "We ended up lighting him in much the same way you would light a car for a commercial, where you’re using big reflection cards and bounce panels to carefully create reflections that sculpt to the shape of the body. Then we added a separate set of low-light reflections from the environment; this gives us the definition on the surface so we’ll be able to see his physique and all of the intricate organic patterning that moves over his surface." Creating expressions with eyes Giant white eyes are a signature of Venom and need to look alive rather than static. "We had to dress the reflections carefully into Venom’s eyes," states Franklin. "He looked best in a complex lighting environment such as the street where he first appears; that gave us a subtle low light and highlight in the eyes." "We also did things like subtle vignetting which we controlled on a shot-by-shot basis to give us some shape so they didn’t look completely flat. Even some subtle surface relief which is quite organic." Venom's eyes aren't quite as smooth as you may think The human eyeball isn’t completely smooth. "It has veining and all sorts of things going on in it that give it a subtle relief," remarks Franklin. "You don't necessarily notice it when you’re looking at a person's face but you notice it when it's not there. You sell the emotion through the shape of the eyes. "Venom has expressive eye shapes. We had to borrow from a cartoon approach to the character where you overdrive those eye shapes in order to get a read on them. Then to finally stop it from feeling static and dead, effects animation added this constantly moving, rippling edge to the eyes so that there's always something going on with them." Giving Venom's teeth some bite Over the years, every kind of tooth shape has been incorporated into the Venom comics. "When he goes into his more extreme emotional poses the teeth can become massive," states Franklin. "You'll never be able to close his mouth. We needed to be able to subtly control the length and shape of his teeth on a shot-by-shot basis. "The teeth were given a slightly unclean texture, because if we made them bright, shiny white he looked like he had just been to the dentist and had veneers put on." No mean feat when you consider that the teeth are always glistening. "There was also a separate layer of goo, slime and saliva that played stronger in some shots than others. We found that if he was constantly drooling it became distracting. We used it as an emphasis." The hanging tongue is a signature characteristic of Venom but had to be used judicially The same approach was taken with the tongue. "We have his tongue coming out but used it judicially," remarks Franklin. "Venom is relishing a moment where he's about to bite someone’s head off or is enjoying himself. Venom delivers quite a lot of dialogue in the film so we eventually had to pull that tongue back in. "We looked at Clint Eastwood and Jack Palance when they’re delivering lines through their teeth in films like Dirty Harry or Shane. If we tried to close his mouth completely over his teeth it looked odd because they’re huge." The challenge has been satisfying the fans' expectations Ruben Fleischer However all of these VFX obstacles pale in comparison to how readers have imagined the character over the years. "For me the challenge has been satisfying the fans' expectations and wanting to deliver a movie that people felt was the Venom they were hoping to see," says Fleischer. "Primarily that was in the look of the character, the way he acts in these action sequences and the way he’s true to the comics. My proudest thing will be if people feel that the Venom on the screen is the one they’ve been wanting to come to the theatres for a long time." This article was originally published in 3D World, the world's best-selling magazine for CG artists. Buy issue 241 here, or subscribe here. Related articles: Top blockbuster VFX you're not meant to see 10 movies that pushed VFX to a new level Artists pay tribute to Marvel legend Stan Lee View the full article
-
You're reading 7 Websites to Find Free Creative Commons Music and Sounds, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! One of the most significant mistakes many creatives make is the failure to promote their work. You can have the best product in the world, the greatest app ever, or the most beautiful WordPress theme, but if you don’t showcase … View the full article
-
WordPress is an incredibly popular CMS – and with good reason. You might think that to get the best out of WordPress, you need to need to spend thousands of dollars on coding classes. But with WordPress Build & Host Bundle: Lifetime Subscription, you'll quickly learn how to navigate the platform and build custom WordPress websites without ever having to write a single line of code. Plus, with this bundle, you'll also enjoy hosting for life with cPanel support, email, and a lot of other useful features you'll need if you run your own websites. This bundle can be yours for the low price of just $49.99 – that's a massive 94 per cent off the regular price. Related articles: 40 brilliant WordPress tutorials How to choose the right CMS 10 great WordPress plugins for designers View the full article
-
Want to live stream the Super Bowl 2019 for free? Follow our easy step-by-step guide below. If you're a fan of the American football, then we hardly need tell you that the Super Bowl 2019 takes place on Sunday, 3 February at the Mercedes Benz Stadium in Atlanta, Georgia. Neither will you need reminding that Super Bowl LIII is going to be an epic battle between AFC champions, the New England Patriots, and NFC champions, The Los Angeles Rams, in their first Super Bowl appearance in 17 years. But even if you're not down with American football, from a creative perspective Super Bowl LIII is still a date to put in your diary. As one of the planet's biggest sporting events it's the perfect opportunity for top brands to roll out their most impressive adverts, while the Super Bowl halftime show – this year featuring Maroon 5 as well as Travis Scott and Big Boi from Outkast – is likely to be an impressive display of costume and set design. There are certainly creative lessons to be learned on 3 February, outside the sporting action. So how do you get to watch Super Bowl LIII, especially if you don't live in the US and can't simply tune into CBS? Read on for our tips on how to live stream the 2019 Super Bowl for free, wherever you are in the world. How to watch Super Bowl 2019 online There's an easy way to watch the Super Bowl online from absolutely anywhere in the world; just follow these steps: 01. Download and install a VPN If you can't easily watch the Super Bowl online in your country, then the best way to see it for free is with a VPN service. Our favourite VPN right now is ExpressVPN – it's compatible with practically every device you can think of, supports most streaming services and it's one of the fastest VPN services around. ExpressVPN is also running a 49% discount right now – and there's a handy no-questions-asked 30-day money-back guarantee if you want to give it a test drive. 02. Select your VPN location Once you've set up your VPN, you'll need to connect to a server location. The UK is the best place to find Super Bowl LIII being streamed for free; whereas the US is the best place to catch the commercials. It doesn't matter which area in the country you choose. 03. Choose a stream For no ads: Set your VPN to UK, and go to TVPlayer.com, an online streaming service with hundreds of channels on offer for free, and no need to sign up. Select BBC One if you're not bothered about seeing the sporting event's unofficial competition – the commercials – play out. The channel will be showing the entire Super Bowl live and uninterrupted by ad breaks. Alternatively, if you want to record the Super Bowl to watch later, you can do that too. You'll need to sign up for a paid TVPlayer Premium account, but the site offers a free 14-day trial. For ads: Set your VPN to the US and choose a US stream. Super bowl LIII: Which countries can I watch the Super Bowl 2019 from using a VPN? With a VPN, you can watch the Super Bowl from absolutely anywhere – as long as you have an internet connection. As you'd expect, that includes: US, UK, Israel, Belgium, Canada, Germany, Denmark, India, Netherlands, Spain, Brazil, Belgium, Romania, Mexico, France, Sweden, Italy, Portugal, Czech Republic, Ireland, Poland, Kenya, Hungary, South Africa, Indonesia, China, Nigeria, Bangladesh, Russia, Japan, Egypt and a lot more. US: How to watch Super Bowl 2019 online for free For US viewers with internet access, watching Super Bowl LIII couldn't be simpler. As well as broadcasting the big game on cable, CBS will be streaming it live through its Sports website and mobile apps, and it's even letting users stream the Super Bowl without signing in. If you'd rather watch on your TV rather than your computer or phone, CBS has you covered as well. It'll be streaming Super Bowl 2019 on top platforms including Chromecast, Fire TV, Roku, Samsung Smart TVs, Xbox One, Apple TV and Android TV. Verizon subscribers will also be able to stream the game on their mobile devices through carrier-independent sites such as AOI, Complex and Yahoo. Remember: if you want to watch the Super Bowl in the US without commercials, you'll need to follow the steps above. Besides CBS, there are other streaming options available in the US, such as YouTube TV, Playstation Vue and Sling TV. You can easily pick up a free trial from any of them, and as well as the Super Bowl you'll find that they all have plenty of channels and content to enjoy as a subscriber. Remember, you'll need to be in the US with an American IP address to use these services. If you're not, follow our VPN steps above, log in with a VPN and choose a US server location. UK: How to watch Super Bowl 2019 online for free In the UK, watching the 2019 Super Bowl should be a piece of cake. Providing you have a TV licence, you'll be able to see it on BBC One for free. It'll be showing from 11PM GMT – and if you'd prefer not stay up half the night it'll be repeated the next day. If you'd rather watch the American coverage, you can watch on Sky Sports, although you'll need a subscription for that. If you want to stream Super Bowl LIII for free instead, that's almost as easy. All you need is BBC iPlayer either on desktop or mobile; you'll probably have to register for free to use it, but it's a pretty painless process, and you'll be able to watch anywhere on practically every platform you can think of. Super Bowl 2019: global coverage This year's Super Bowl is available live in seven languages, and 170 countries and territories. Here are the territories and Super Bowl broadcasters you need to know: Canada (Dazn, CTV 2, TSN 1, RDS), Africa (Super Sports, Zuku), Australia (ESPN, 7 Network), France (W9, BeIN Sport), India (Sony Ten, Sony Six), China ( Fox Sports, BesTV ). You'll find a handy guide to the main broadcasters on NFL's website. Super Bowl LIII: essential information When is Super Bowl LIII? Traditionally the Super Bowl takes place on the first Sunday in February. As a result, this year's Super Bowl will happen on Sunday, 3 February. What's the Super Bowl 2019 start time? It hasn't been officially announced yet, but last year's Super Bowl kicked off at 6.30PM ET (3:30pm PT, 11:30pm GMT), and we'd expect the action to start about the same time this year. What's the halftime show going to be? It's taken a while to get sorted, but the Pepsi-sponsored Super Bowl 2019 halftime show is going to be headlined by Maroon 5, with guest appearances from Travis Scott and Outkast's Big Boi as well. Where is Super Bowl LIII taking place? The 2019 Super Bowl is kicking off at the Mercedes-Benz Stadium in Atlanta, Georgia. This is the third Super Bowl to take place in Atlanta, but the first to grace the Mercedes-Benz Stadium, which opened in 2017, can hold 71,000 fans and is located right in the heart of downtown Atlanta. Super Bowl XXVIII and Super Bowl XXXIV both took place at the Georgia Dome; don't go looking for it, it been demolished. Can I still get a Super Bowl 2019 ticket? Want to attend the big game and see the ads and halftime show in person, rather than watching the Super Bowl 2019 on TV or online? You can, but you're going to need deep pockets: the very cheapest Super Bowl LIII ticket available now, right at the very back of the stadium, is going to set you back a cool $3,600. And if you'd like to be closer to the action, it's going to cost even more. Seats in the 100 level –(complete with access to the three-hour all-inclusive Premier Party, meet and greet opportunities with NFL stars and Hall of Famers, pre-game hospitality and a post-game celebration) cost $15,075 each. Read more: The best VPN service right now 7 lessons every brand can learn from the Super Bowl 9 inspiring examples of sports imagery in branding View the full article