Slate
Blackcurrant
Watermelon
Strawberry
Orange
Banana
Apple
Emerald
Chocolate
Marble
Slate
Blackcurrant
Watermelon
Strawberry
Orange
Banana
Apple
Emerald
Chocolate
Marble
-
Content Count
17,054 -
Joined
-
Last visited
Never -
Feedback
N/A
Everything posted by Rss Bot
-
Here at Creative Bloq, we’re not against change: far from it. Every brand identity needs to evolve and change over time. So whenever a new version of a well-known logo is released, we like to give it the benefit of the doubt, especially if it follows a logo design tip from the experts. Rather than join the inevitable knee-jerk reaction against any redesign (which is nowadays amplified beyond all proportion by social media), our attitude is to sit back and wait a while for the new design to bed in, before making a rush to judgement. There are a small number of cases, though, where even in the fullness of time, a radical redesign of a much-loved logo seems like a mistake. In this post, we gather together seven such cases. 01. American Airlines The classic American Airlines logoWhen your logo has been created by an iconic designer like Massimo Vignelli, you want to hang on to it as long as possible. And to be fair, American Airlines stuck faithfully with this beautiful 1967 design (shown above) for a whopping 46 years. In 2013, though, they ordered a redesign. Of course, we don’t have a problem with that. Even our favourite classic logos, like the Coca-Cola logo, need updating now and again. But in this case, American Airlines weren’t looking for a few small tweaks, a light touch of modernisation, but a root-and-branch replacement (shown below). The new American Airlines logo introduced in 2013Created by Futurebrand, this new logo did give a few nods to its predecessor, using the same colours and incorporating the eagle, and we don’t deny it’s a lovely design. Yet call us sentimental nostalgists, but we miss the bold, majestic and distinctively American look of the original; while the current design feels like it could be a logo for any airline, anywhere on Earth. 02. Best Western The classic Best Western logoBest Western has had a number of distinctive logos since its founding in 1948. But it’s this 1993 creation, with its unusual colour scheme, weird typography and slightly crazy crown emblem, that we still hold dear in our hearts. Admittedly this logo, which had received only very minor tweaks over the years, could have done with a touch of modernisation, along the lines of redesigns by TGI Friday or Hooters, for example. But sadly in our opinion, last year the hotel chain instead threw the baby out with the bathwater, commissioning this brand-new logo from San Diego agency MiresBall (shown below). The new Best Western logo introduced in 2015This streamlined look is a perfectly serviceable design, but we’re sad that it makes such a break with the past and loses all the brand equity built up by the previous logo. Even the distinctive blue-and-gold colour scheme has been ditched, making it far harder to spot a Best Western hotel in the distance from your car or train carriage. Furthermore, by jettisoning the building-motif border, the new design fails to conveys ‘hotel’ in any meaningful way; it could easily be the logo for a software firm, a pharmaceutical company... anything, really. 03. Black & Decker The classic Black & Decker logoHere’s another beloved logo (above) that generations formed a deep emotional connection with. And sadly, it’s another design that’s fallen victim of the mania for uncontrolled minimalism. This classic 1984 logo for the hardware company, with its distinctive nut icon and bold condensed font, was replaced in 2014 by a brand new logo designed by New York consultancy Lippincott (shown below). The new Black + Decker logo introduced in 2014All that remains from the original is the justified stacking of the name, the ® mark and a similar, if muted, colour scheme. The new font is a vanilla sans-serif, the beloved icon has been discarded, and the ampersand has been replaced by a more modern plus sign. Don’t get us wrong: by itself this is a beautifully sleek and modern logo that would suit, say, a T-shirt brand, a sportswear company or an internet startup perfectly. But the sense of grunt and raw power conveyed by its predecessor is gone: and for a company known for its power tools that feels like a mis-step. Disagree with our opinions so far? Well, now you can relax. Because for the remaining logos on our list, even the companies themselves agree they shouldn’t have been ditched... 04. Gap The classic Gap logoThe Gap redesign debacle of 2010 has now passed into legend as a cautionary tale for logo designers everywhere. The mid-range clothing retailer had been happily using this classic type-based logo (shown above) since 1984 when suddenly and unexpectedly it introduced a dramatic revamp designed by Laird & Partners (below). The short-lived Gap logo introduced in 2010A complete departure from the original, the new logo was claimed to represent an evolution of the company from “classic, American design to modern, sexy, cool,” according to a Gap spokesperson at the time. But most people just thought it looked daft, and it kicked off one of the first design-related consumer backlashes of the social media stage. Gap withdrew the new logo after just one week of use and went straight back to the old design. 05. Tropicana The classic Tropicana logo Here’s another design that even the company realised should never have been changed. In May 2009, PepsiCo juice brand Tropicana decided that its classic logo, with its cartoonish feel, pleasing curve and leaf icon, was old hat. To bring it into the 21st century, they asked the agency Arnell (which has since closed its doors) to create new packaging. The redesign, shown below, was a radical one, featuring a new, minimalist wordmark and losing the iconic ‘orange speared by a straw’ emblem. The short-lived Tropicana logo introduced in 2009It was a complete disaster. Sales dropped 20 per cent because people didn’t recognise their favourite brand on the shelves. The company was bombarded with complaints, and it reverted to the previous design within two months. 06. Kraft The classic Kraft logoOkay, this one’s a bit confusing, but stay with us. This classic ‘racetrack’ logo for Kraft Foods shown above was in place from 1988-2012. But in 2009, Kraft Foods Inc the corporation (NOT Kraft the brand) released this totally new logo design, shown below, which had zero in common with it. The short-lived Kraft Foods logo introduced in 2009This bright and colourful logo is pleasant enough, but Kraft had sacrificed all its brand equity for no apparent reason; the ‘starburst’ emblem had zero connection to food and looked more like something you’d associate with an Olympic City bid. Thankfully, it didn’t last long. In 2011, Kraft Foods Inc. announced it would split into two new companies: Mondelez, for the global snacks business, and Kraft Foods Group. The former got a brand new logo; the latter reverted to a modified version of the old red-and-blue Kraft logo, and the confusing starburst logo was gone forever. Phew. 07. Co-op The classic Co-op logoIt’s rare for a retail brand to make a true emotional connection with the public. But the Co-op’s roots in the history of Britain run deep. Developing over 165 years from the merger of co-operative wholesale societies and independent retail societies, it remains today the largest consumer co-operative in the UK and is owned by more than 4.5 million active members. The Co-op has had a few logos over the years, but it’s this classic 1968 ‘clover leaf’ design that is most fondly remembered by generations of Britons today. The new design that replaced it in 1993 (shown below) is in our opinion starker, less friendly and welcoming, as well as being a little less legible. The Co-op logo introduced in 1993When North was asked to come up with a new identity for the Co-op for 2016, it pitched the idea of reinstating the 1968 logo... which is just what happened. “It’s a symbol and a wordmark and that’s impossible to beat for a graphic designer. It’s never dated,” North’s Sean Perkins told Creative Review. We couldn’t agree more. Related articles: 6 ways to improve your logo design 6 rock-solid ways to improve your graphic design portfolio 5 uses for stock images you might not have thought of View the full article
-
Halo is an independent creative agency that has grown significantly over the past few years. Thankfully, an inclusive culture has ensured that everyone in the business can thrive as the numbers rise. Here, account manager Jo Bryan-Smith and client partner Hannah Williams share how accepting ideas from non-creative departments gives a healthy feeling of shared ownership in the studio, and has helped the studio to retain a strong identity to go alongside its impressive design portfolio. Read on to discover their tips, or scroll down to watch the video interview. 01. Play to everyone’s strengths “If you don’t have an in-house accounts team, everyone needs to have a defined role, and be clear about what they’re doing to help the client,” says Hannah Williams. “There will always be someone who’s better at rallying the troops and making sure everyone’s doing what they need to, and there’s always someone who’s really good with a client. Smaller agencies need to focus on their individual roles, and how they work as part of the collective.” When Williams joined Halo two years ago, there were 16 staff – now there are 28. “We’ve grown quickly, and the way we work with clients has changed dramatically, so communication is absolutely key,” she adds. 02. Encourage everyone to pitch in Halo has welcomed a lot of new studio members over the past few years“Our best work is created when everybody has had an input, and is aware of what’s happening,” argues Jo Bryan-Smith. “And it’s not just designers who get a chance to come up with concepts – it’s the web team, the accounts team, everybody has a voice.” Bryan-Smith believes that despite Halo’s rapid growth in recent years, the agency has managed to keep that strong ‘collective’ mentality intact because the original small team all had to pitch in to make the fledgling company a success, and it's still keen for everyone to do so. “We’re all aiming for the same goal,” Bryan-Smith points out. 03. Add specialised roles as you grow “As you get bigger, roles need to be more defined,” continues Bryan-Smith. “That’s how you get everything to work – account managers make sure that everybody is doing what they’re supposed to be doing, and everything gets delivered.” “I’m not being biased, but I think a really good accounts team is integral to a successful agency,” agrees Williams. “We’re making sure projects come in on time, on budget, and let’s be honest – we’re the ones who get shit done.” Video interview For further advice, watch Computer Arts' video interview with Jo Bryan-Smith and Hannah Williams of Halo below. This article originally appeared in Computer Arts magazine. Subscribe here. Read more: Studio vs freelance: The pros and cons How to make it in a top studio 10 rules for running a killer studio View the full article
-
Web accessibility refers to the degree to which a website's UX design is available to as many people as possible. Most often, when we’re talking about web accessibility, we are describing how people with disabilities can access the web. 10 steps to an engaging user experienceThe common symbol of web accessibility is screen readers. A screen reader, as the name suggests, is an assistive technology that reads the text content of the screen to the person using the computer, output as speech audio or braille. Screen readers are usually associated with users who are blind or have impaired sight, but they can also be valuable to people with learning difficulties who find reading strenuous, or people who would just prefer to listen to audio content rather than reading text. Much like the accessibility of a building is not just about wheelchair access, the accessibility of a website is not just about screen reader access Much like the accessibility of a building is not just about wheelchair access, the accessibility of a website is not just about screen reader access. Paying attention to making a site accessible for one set of needs can often benefit other people, too. When we design our sites to be usable by many people, with a wide range of needs, we call it inclusive design. When we’re looking at how to make our sites usable for a wide range of needs, we can focus on five broad areas: visual, auditory, motor, cognitive, and motion-sensitive. We'll look at those areas in more detail now. Visual accessibility: Make it easy to see Making our sites easy to see can benefit people with visual impairments, people who are colour blind, and even people who are just trying to use their mobile device in bright sunlight. Screen readers can benefit people who cannot see the contents of the screen. So in order to make our sites accessible to screen readers, we can start by trying to use relevant HTML elements to describe our content. For example, use <ul> for an unordered list. Not only will this make it easier for a visitor to understand how that chunk of content differs from plain text, but it will also enable the browser to provide additional cues and behaviour. When we use <ul> to describe the list, and <li> for each list item, the browser can inform a user that there is a list, how many items are in the list, and enable the user to easily skip between items. Providing text alternatives to visual content is another easy win. If we use the alt text attribute on images to provide descriptive alternative text, it won’t just benefit people using screen readers. If someone is on a poor internet connection, and a page’s images haven’t loaded, the alternative text can benefit them too. Plus when a search engine bot indexes a site, it will also use the structure defined in the HTML to assess the relevance of the content, and what to present in search result previews. Auditory accessibility: Make it easy to hear Freelance TV has beautifully designed transcripts that complement the interview video, as well as being an accessible alternative to the video content Providing alternatives to audio content can benefit people who are profoundly deaf, have mild hearing impairments, or even people who have forgotten their headphones but are trying to watch a video from the quiet carriage on a train. Audio and video content can be completely inaccessible if alternatives are not provided. Captioning and subtitles can be costly and time-consuming, but are increasingly used for videos on social media, as these videos often autoplay without sound. Captioning these videos doesn’t just work for people with muted audio, but also for people with hearing impairments. For longer audio and video, transcripts can be an efficient text alternative, and they are also easily indexed by search engines. Motor accessibility: Make it easy to interact with Laura Kalbag is the author of the book Accessibility for EveryoneSince the advent of touchscreens and mobile devices, we are more aware of how differently people can interact with the web, depending on how they hold a device and the input required. People with limited fine motor control can additionally find it difficult to move a mouse accurately, or can find typing time-consuming and tedious. One important way to improve a site’s interaction is to ensure keyboard navigation is possible We can make the interactive elements on our sites more accessible by increasing the hit areas on links and buttons, so they require less accuracy with a mouse or touchscreen. Making forms with fewer free text fields can limit how much typing is required, and providing preset options through checkboxes and radio buttons can help someone provide more information without needing to type so much. These considerations could also benefit a person just trying to use a touchscreen out in the rain, where their touch and typing accuracy is reduced. Another important way to improve a site’s interaction is to ensure keyboard navigation is possible, since many people using screen readers will rely on their keyboards to interact with a page. Considering how a person could use a site without hover or click functionality may also benefit people using mouse alternatives such as head-tracking, eye-tracking, or foot-operated mice. Cognitive accessibility: Make it easy to understand Make it easy for your users to find what they wantThe content itself also needs to be accessible. Making your content and interface easy to understand could benefit someone with learning difficulties. Ensuring text content is concise will make a difference to someone who finds reading difficult and time-consuming. Using plain language could also help someone who speaks a different language natively, so doesn’t understand metaphors or jargon. Even if a person is in a stressful situation and just needs to find the information quickly, using headings and lists will make it easier to skim through a large block of text to find the required information. The Legal Services of Northern California website knows its visitors are likely to be there because they need legal help, so the homepage is designed to quickly direct them to the most relevant information. Designing for seizure-prone and motion sensitive visitors We can generally avoid causing seizures in visitors to our websites by avoiding rapidly flashing content. Motion sensitivity is a little more complex. Since animation and parallax scrolling became very popular, it can be easy to make people with motion sensitivity ill through inconsiderate design. It is always best to give the visitor control over how much motion there is on a page, and to avoid suddenly triggering animation without first giving the visitor the ability to disable it. Get started with accessible web design Inclusive Design Patterns is a useful resource for accessible web designsThese simple examples are just a tiny preview of how we can improve accessibility on the web. Much like learning about responsive web design or frontend web development, accessibility is a field where best practices are continually evolving and improving. Following the work of accessibility experts and advocates will help you stay up to date. Integrating accessibility into your research and testing practices will ensure you understand accessibility in the context of your own projects. To get you started, here are a few accessibility resources: Accessibility For Everyone book by Laura Kalbag Inclusive Design Patterns book by Heydon Pickering A Web For Everyone book by Sarah Horton and Whitney Quesenbery Color Accessibility Workflows ebook by Geri Coady Tink blog by Léonie Watson The Paciello Group's Axess Lab articles The A11y Project accessibility tutorials Web Axe blog and podcast HTML5 Accessibility site – tests which new HTML5 features are accessibly supported by major browsers W3C Web Content Accessibility Guidelines Related articles: 30 Chrome extensions for web designers and devs 23 steps to the perfect website layout 3 top ways to build a website prototype View the full article
-
Where would we be without punctuation marks? In a land of grammatical misunderstandings, that's where! (See, we're only three sentences into this article and punctuation is already helping to make sense of everything.) However there are some typographic symbols that have fallen out of fashion, and it's the mission of the Progressive Punctuation movement to bring them back. Chances are you've sometimes wished that the forgotten symbols dusted off by Progressive Punctuation – such as the sarcasm mark – were more widely used. After all, written communication is a complex thing, and it can be easy to misinterpret what a person means simply by reading their words alone. As Progressive Punctuation explains on its site, "nuances like sarcasm, certitude, and irony can be difficult to convey because of the gap between our expression in verbal language versus written language." 50 top typography tutorialsSo what are these mysterious symbols, and how can they help us? The full list of 14 symbols on the Progressive Punctuation site covers emotions and ideas such as sarcasm, doubt, and irony. You could argue that if a person wants to convey these feelings then they should rely on their words instead of their punctuation, but we've all probably had a straightforward text message or email completely misinterpreted at some point because they read differently to how the writer intended. Plus, they look more professional than emoji. The sarcmark could come in handy when making jokes on the internetOn the Progressive Punctuation site you can explore the meanings behind all of these forgotten typographic symbols, as well as finding out who invented them and examples of when they should be used. By raising awareness of these symbols, Progressive Punctuation wants to bring them back into the mainstream and get typographers to include them in their work. The site is also interested in hearing about any symbols it has missed. So if you know about one that isn't yet on the homepage, or perhaps you've even invented your own, be sure to send Progressive Punctuation an email to let it know all about it. Related articles: 10 typographic mistakes everyone makes (including us) 100 amazing Adobe Illustrator tutorials The 28 best typography apps View the full article
-
You'd be forgiven for thinking that the images in this article are photographs. But we assure you, they're not. Each and every one is hand-drawn pencil art – many of them in beautiful black and white. Here, some seriously talented illustrators have pulled out their best pencils and drawing techniques to create some truly exceptional pencil art. Featuring celebrity portraits, animals, natural scenes, everyday objects and famous landmarks, there's something to inspire you in each artwork here. Enjoy... How to draw and paint - 100 pro tips and tutorials01. Franco Clun – Anne Hathaway Amazingly, Clun has had no formal artistic training This incredible portrait of Hollywood actress Anne Hathaway is the work of Franco Clun, a self-taught artist from Italy who has picked up everything he knows about drawing from reading manuals and plenty of practice. 02. Paul Cadden – Shower Cadden's illustrations are frighteningly realisticWhen we first saw the work of Scottish artist Paul Cadden, it took a while for us to realise that they were in fact pencil drawings – the hyperrealist artist used just graphite and chalk to create these stunning images. "Although the drawings and paintings I make are based upon a series of photographs and video stills, I use softer and more complex focuses on the subject so that the resulting art presents it as a living, tangible being," he explains. "These objects and scenes in my drawings are thus meticulously detailed to create the illusion of a new reality not seen in the original photo." 03. Cath Riley – Flesh This series by Cath Riley features hyperrealistic pencil drawings of fleshCath Riley's pencil drawings are amazing to look at, but she regards her hyperreal work as just a stage in her ongoing evolutionary process of exploration and development. She's now moving in more experimental and abstract directions in her work, including very large scale drawing projects based around the human figure. Her incredible pencil drawings are included in collections all over the world, and she has worked with clients including Nike, GQ, M&C Saatchi, The Economist, and The New York Times. 04. Armin Mersmann – Trees Mersmann's work has been featured in exhibitions all over the worldGerman artist Armin Mersmann is the man behind this chilly woodland scene. Although he also works with oils, Mersmann is most known for his intense naturalistic graphite drawings. His work has been featured in more than 150 exhibitions and has won him over 30 awards. "The very act of drawing every branch, twig, highlight and shadow, rendering textures from the extreme winter skins to the silkiness of new-fallen snow, transforms the scene into an intimate journey. This undertaking is considerably different than merely taking a photo or simply being there," he explains on his site. "The drawing process immersed me for hundreds of hours, interpreting and translating what I saw and felt from hundreds of reference photos, collected branches, twigs, and revisits to the site." 05. Diego Fazio – Sensazioni It's almost impossible to believe this incredible image is a pencil drawingEntitled Sensazioni (sensations, in English) this mind-blowing pencil drawing was created by artist Diego Fazio. Over a period of roughly 200 hours, Fazio drew this intricate piece, which we still – no matter how long we look at it – cannot believe is a drawing. Simply amazing. 06. Stefan Marcu – Gorilla Stefan pushes himself to create his best work possible"From the age of five I started drawing, and over time I added more skills, such as drawing, painting, sculpture, all types of graphic design, caricature and digital photography," explains Stefan Marcu, the artist behind this stunningly realistic gorilla portrait. "My focus is on the study of art and my personal development in all its branches, and I am obsessed with excellence in the creation of any product." Marcu created this study of a gorilla as his entry for The National Open Art Competition UK. "I'm pleased with the piece as it personally represents a big leap in scale, detail and patience," he says. "It is roughly twice the size of my previous work and I learnt a lot working on this beast." 07. Giacomo Burattini – Apnoea Burattini believes his work highlights the beauty of imperfection"Hyperrealism in my work displays the beauty of the imperfections perfectly, opening a door within the subject that is not normally depicted in real life," says Italian artist Giacomo Burattini, who drew this unusual portrait. "I believe reality is a beauty in itself so I don't need to find ways to hide the imperfections of human nature so my work shows the perfection of the imperfections of life." Burattini found an audience by sharing his pencil drawings on Tumblr, Facebook and Instagram, where he regularly shares his works in progress. This drawing was created using black coloured pencils, graphite pencils and charcoal. 08. Paul Lung – Mui Chu Lung specialises in super-realistic furThis mindblowingly realistic image of a cat was created by traditional artist Paul Lung. The Hong Kong-based creative's portfolio on Deviant Art is astonishing, featuring realistic portraits of both humans and animals. The time in which each takes depends on his subject matter, with this particular A2 pencil drawing taking Lung approximately 60 hours to complete. 09. Jay Varma – Inner Courtyard Varma captures every tiny detail in his coloured pencil drawingsGive self-taught artist Jay Varma a set of coloured pencils and a piece of paper and it will undoubtedly result in a gorgeous illustration, like this architectural study. Art runs throughout Varma's family, his grandfather being master oil painter Raja Ravi Varma – one of the most highly regarded artists in India. Jay Varma's skills have been recognised by many, with his work featuring in various prominent publications. In his pencil drawings, Varma pays particular attention to mood and lighting. 10. Randy Owen – Samuel L Jackson Owen creates portraits like this in his spare timeRandy Owen creates incredibly realistic pencil drawings – like this image of Samuel L Jackson, drawn using Mars Lumograph black pencils – in his spare time. On his ridiculously good Deviant art portfolio, he explains his aim: "Portraying the human essence in a traditionalist manner, while not being ignorant about contemporary trends, is my goal as a craftsperson." Next page: 10 more incredibly realistic pencil drawings 11. Linda Huber – Light bulb Even the simplest of objects can make stunning illustrationsLinda Huber has been practising the art of drawing with a pencil for several decades. Inspired by her surroundings, Huber draws everything from portraiture to inanimate objects, with each piece taking anywhere from 20-80 hours. Huber comments on her site, "Drawing in the style of realism is what I love to do, to recreate life as we see and know it with just a simple pencil is exciting to say the least." 12. Ken Lee – Girl on Fire It took a while for us to believe this was hand-drawn. You can see why...UK-based artist Ken Lee is the man behind this stunning pencil drawing. He was inspired to draw this image, based on the Hunger Games blockbuster Mockingjay (Part 2), as a follow up to a Spider-Man 3 drawing that earned him plenty of fans. The level of detail in this – from the mockingjay bird to the fire effects – proved to be a particular challenge. "I must say I did have reservations about drawing this," he says on his Deviant Art page. "I knew I was in for the long road once I started it... I need a long break now!" 13. Mark Stewart – Peter Capaldi Stewart has spent years perfecting the art of pencil drawingsArtist Mark Stewart drew this incredible portrait of Peter Capaldi as Doctor Who in graphite pencil. Stewart's artistic career began when, after graduating from an art and design course in London, he was hired as a wildlife illustrator. The years that followed saw Stewart perfect his skills, producing highly detailed traditional wildlife illustrations in watercolour and gouache. He now works exclusively in graphite pencil producing highly detailed drawings, mostly portraits. "My aim is to produce drawings that are realistic in nature but highly stylised," he explains. "I also very much want them to be recognised as drawings and not mistaken for photographs." 14. Martijn Versteeg – Audrey Hepburn We love this realistic illustration of film icon Audrey HepburnMartijn Versteeg is an artist from The Netherlands, who appears to have a small obsession with Audrey Hepburn, judging by the number of portraits he has drawn of the film star. But, more importantly, he also has massive amounts of talent in the art of pencil drawing. For the past few years, he has also been experimenting with oil painting. If you're having trouble believing that this is a drawing rather than a photograph, you can watch a making-of time-lapse video above. 15. Keith Moore – Big Ben Practise makes perfect with Moore's hyperrealistic work"I love the challenge of creating small scale hyperrealistic graphite pencil art without compromise," says artist Keith Moore. Practising his personal techniques and refining his toolset, Moore has been embracing the liberation of high definition digital photographic referencing. And we think his work is all the better for it. 16. Andy Buck – Dimples This adorable pencil drawing was done by UK artist Andy Buck'Dimples' is, unbelievably, an A-Level coursework piece created by UK artist Andy Buck as a teenager. His online portfolio has a fantastic selection of realistic graphite drawings, some of which took him up to 100 hours to complete. Buck comments on his site, "Whenever I start a drawing it is always my aim to achieve photorealism, this strive for perfection is the reason I have continued to draw." 17. Justin Meyers – A Door in Homer, Nebraska This illustration makes it easy to see why Justin Meyers specialises in graphite drawingsUS-based artist Justin Meyers specialises primarily in graphite and charcoal drawings on paper. And with this textured old doorway as an example of his work, we can see why. Talking about his work on his site, Meyers says: "My works in graphite and charcoal strive to explore the use of simple material to portray simple subject matter and composition with a borderline eccentric approach to detail." 18. Dirk Dzimirsky – Magnetic Field This Dzimirsky pencil drawing is startlingly realisticGerman artist Dirk Dzimirsky draws and paints the most stunning up-close-and-personal portraits. A master of his craft, the artist captures every bit of fine detail perfectly, from the moisture in his subject's eyes to lines and fine hair. Although, like most hyperrealist artists, he works from photos, Dzimirsky emphasises that this is only an intermediary step. "Before I take photos for a new project I already have a precise idea of how the future work should look as a drawing or painting. I set up the photographs that I then use as templates," he explains. 19. David Kao – Audi R8 David Kao's R8 looks so realistic you can imagine it cutting you up on a motorwayDavid Kao first started drawing cars when he was just three years old. But it was only at the age of 19, after his father took him to his car garage, that Kao began to take his art and realism seriously. Now the artist has a stunning portfolio of ultra-realistic car drawings. Included is this gorgeous Audi R8, which Kao created using a graphite pencil, tissue, eraser, and brush in approximately 10 hours. 20. Josi Fabri – Frodo and Sam At first glance, you'd be forgiven for thinking this was a press shotThis amazing illustration was created by Brazilian artist Josi Fabri, who draws inspiration from favourite musicians and movies – including The Lord of the Rings trilogy, of which she is an avid fan. "For many, The Lord of the Rings means a fantasy book with its clichés. A story full of fantastic characters, about honour, loyalty, ambitions, sacrifices, power, great deeds taken by great men," Fabri says. "But there is another thing that has nothing to do with pure fantasy or magic… This drawing is about friendship." Related articles: How to draw a dog portrait Top tips for drawing in black and white 10 expert tips for charcoal drawing View the full article
-
Have you ever seen a colour that you absolutely love but have no idea how to describe or recreate it? There are great colours all around us, and with the Nix Mini Color Sensor, you can finally capture any colour that you see with ease. You can get it for just $69 (approx £53). Colours can spark creativity the second you see them, and you never know when you’re going to have one catch your eye. When it does happen, you can capture the exact colour you spot and reproduce it in any capacity with the help of the Nix Mini Color Sensor. This scanning device matches any shade to a colour library of more than 28,000 brand name paint colours, as well as RGB, HEX, CMYK, and LAB colours, so you'll never have to guess and feel uncertain about your colours – you’ll always have the exact one you're after. The Nix Mini Color Sensor usually retails for $99, but you can save 30% off the full price of this powerful tool with this deal, available for the next 7 days. That means you pay just $69 (approx £53). Get the Nix Mini Color Sensor and never miss out on the perfect colour again. About Creative Bloq deals This great deal comes courtesy of the Creative Bloq Deals store – a creative marketplace that's dedicated to ensuring you save money on the items that improve your design life. We all like a special offer or two, particularly with creative tools and design assets often being eye-wateringly expensive. That's why the Creative Bloq Deals store is committed to bringing you useful deals, freebies and giveaways on design assets (logos, templates, icons, fonts, vectors and more), tutorials, e-learning, inspirational items, hardware and more. Every day of the working week we feature a new offer, freebie or contest – if you miss one, you can easily find past deals posts on the Deals Staff author page or Offer tag page. Plus, you can get in touch with any feedback at: deals@creativebloq.com Related articles: 12 colours and the emotions they evoke How to master colour theory The best colour tools for web designers View the full article
-
The latest major release of Node.js brings many significant improvements to the JavaScript community, including an updated JavaScript engine, npm version 5, Google's V8, Node.js API, async_hooks, a WHATWG URL parser, more secure Buffers and more. Here we'll update you on these features and the other most important aspects of this release. Node.js 8 is released under the code name Carbon, and is available now from the Node.js site. It will be actively worked on for another 18 months (no new features, just bug fixes, security improvements and npm updates), before going into maintenance mode. As with previous releases, during maintenance mode releases will only receive critical security updates and bug fixes. 20 JavaScript tools to blow your mindIt is safe to say that since Node.js has been around, this is one of the biggest updates that the runtime has ever received – it changes how native add-ons are written and also brings additional security and performance improvements. RisingStack has been helping companies succeed with Node.js for four years with training, consulting or development. One of the biggest struggles we had was adding native dependencies to projects. Before Node.js 8, if applications were dependant on modules with native code, whenever major new Node.js versions arrived, as an application maintainer you had to recompile your dependencies. If you were lucky, they worked at first. This process was made possible with the tremendous work module maintainers put into making their modules work across incompatible Node.js versions, mostly with the help of a module called NAN (Node.js Native Abstractions). This process is far from ideal, as lots of companies failed to get their dependencies updated if they could not be compiled, and it also put a huge extra workload on module maintainers. To solve this issue, the Node.js API (or N-API) was introduced. 01. Enter the Node.js API Machine agnostic: Native modules now work with Microsoft’s Chakra as well as different Node.js versionsThe Node.js API is one of the most significant improvements of Node.js 8. It brings a well-defined ABI (Application Binary Interface) to Node.js to make its virtual machine agnostic. This means that native modules will not only work with different Node.js versions using Google's V8 JavaScript engine, but with Microsoft's Chakra too. For now, the N-API is in an experimental state, meaning significant changes may happen to both the implementation and the API. With this said, native module maintainers are encouraged to try out the new interface and give feedback. If you are a module maintainer, you can release an N-API version of your module in parallel with your main module version. To do so, the official recommendation is to publish a version of your module with the n-api tag to npm. To publish an N-API version, you have to: Publish the non-N-API version as normal. Publish the N-API version: Update the version in the package.json file by adding a dash and the napi tag – so if you had 1.0.0 previously, it becomes 1.0.0-napi Publish to npm using npm publish --tag n-api This way you ensure that the N-API version won't become the latest release, so if someone installs your module, by default they get the non-N-API version. Yarn, the package manager created by the engineers of Facebook, was released in October 2016. It tried to address some shortcomings of the official npm client, mostly by becoming more performant and deterministic. Most of these innovations are featured in npm 5 as well. 02. Say hello to npm 5 Just like Yarn, npm 5 introduced a lock-file mechanism – whenever you are installing a new dependency to your project, it will be added automatically not just to package.json, but a new file called package-lock.json as well. You may ask what the difference is between package-lock.json and npm-shrinkwrap.json, as npm-shrinkwrap has been in npm since forever? Long story short, they are essentially the same, but package-lock.json is automatically created. Their purpose is to describe exactly what dependency tree npm must create for your package. If you have both, npm-shrinkwrap will take precedence. Based on npm's recommendation, you should use npm-shrinkwrap.json if you want to publish it, so your module consumers will use it too. On the other hand, you should use the package-lock.json internally – even checked into repositories. But improvements to npm 5 have not stopped with adding a lock file – with the new version, all the modules you are installing are automatically saved as well, and they will be added both to your package.json and package-lock.json file. The way npm scripts work has also changed a bit. First of all, preinstalled scripts now run before everything else, so they can modify the node_modules directory before the CLI actually reads it. Besides this, two new scripts have been added – prepack and postpack. They both run on npm pack and npm publish as well, but not on npm install. In the heart of Node.js is the JavaScript engine that interprets your JavaScript code, creates bytecode from it and lets your application run. With the new Node.js 8 release, this was updated as well. 03. Updated JavaScript Engine Big news: Node.js will be able to update the V8 engine without a major release With the updated V8 engine, major performance improvements are introduced – but more importantly, it is guaranteed to have a forward-compatible application binary interface. This means that Node.js will be able to update the V8 engine without a major Node.js release. This is crucial, as the newer versions of the V8 engine will introduce a new compiler pipeline, which will introduce further performance improvements to Node.js. This update was so important that it was the reason the original Node.js 8 release date was postponed. The current pipeline is way too complex, and introducing new language features usually means touching multiple parts of the pipeline. With the new pipeline, it will become a lot simpler. Ignition, the new interpreter, and TurboFan, the new optimising compiler, have been in development for almost three and half years. They are the foundation on which new language features will be built upon. They include the experience that the V8 team at Google collected from measuring real-life JavaScript applications. 04. Welcome Async Hooks To better understand what Async Hooks are, let's take a step back and get to grips with continuation-local storage first. They work like thread-local storage in threaded programming, but in Node.js it uses callbacks to pass down context. Imagine that you are writing an application that fetches a product from the database, then later on you want to send it out in your HTML response: Later on, if you want to access the user object, all you need to do is grab it from the local storage: This technique is extensively used by application performance monitoring providers, such as Trace by RisingStack, to keep execution context and collect monitoring information from production systems. With Async Hooks, a similar feature is moved to the Node.js core – it helps track asynchronous requests and handlers through their lifecycle. The async_hooks module provides an API to register callbacks tracking the lifetime of asynchronous resources created inside a Node.js application. 05. Improved promise support Before Node.js 8, if you wanted to use the core modules in an application that uses Promises, you had to manually wrap the core modules so they could be used the same way. It looked something like this: With Node.js 8, a new helper method is added to the util core module, util.promisify. It allows standard Node.js callback-style APIs to be wrapped in a function that returns Promises. Using this function, the above snippet is simplified and becomes this: 06. More secure Buffers Before Node.js version 8, Buffers allocated using the new Buffer(Number) constructor did not initialise the memory space with zeros. As a result, new Buffer instances could contain sensitive information, leading to serious security problems – even popular modules such as mongoose, ws or the request module were affected. But how did we get there? When JavaScript was moved from the browser to the server side, there was a need for fast and easy data processing – so the Buffer class was added. Buffer is a mutable array of binary data. When used with the constructor that asks for the size of the new Buffer, it just reserved the memory space, but did not clean it. As your server can serve multiple users at the same time (unlike your browser), it is possible that the freshly allocated memory space contains sensitive information from other users (even passwords!), and can potentially be exposed to an attacker. While it was an intentional decision to boost the performance of the new Buffer creation, for most of us, it was not the intended use – even if it was documented. Because of this, starting with Node.js 8, Buffers allocated using new Buffer(Number) or Buffer(Number) will be automatically filled with zeros. 07. Changes in debugging Before Node.js 8, if you wanted to debug your Node.js applications, one of the easiest solutions was to start the built-in debugger, using node debug index.js. With Node.js 8, this is being removed and replaced by node-inspector. You can still use the CLI debugger, but it will be removed shortly. From now on, you should use node --inspect index.js, or node --inspect-brk index.js if you want the debugger to put a breakpoint on the first line of the application. Once you run it, you will receive a WebSocket link that Google Chrome can use to connect its debugger. You should head over to chrome://inspect in your Chrome browser, and it will automatically recognise the running Node.js application, enabling you to connect. After you have connected to your process, you will get Chrome's debugger to inspect your running Node.js application. 08. Introducing static error codes Previously, if you wanted to check an error you received in runtime and act accordingly, in most cases you had to check the error message. This was error prone, as error messages may have changed with new Node.js versions. With Node.js 8, static error codes have been assigned to most of the errors – it is still a work-in-progress, but once it is finished, these error codes won't change, even if the message in the error does. For example, the newly introduced WHATWG URL API will throw an ERR_INVALID_URL error in the following snippet, as the parameter is not a valid URL: As you can see, the release of the Node.js 8 update has brought plenty of new and exciting improvements to the JavaScript community. To start experimenting with all of these new features yourself, head over to nodejs.org, download the Node.js 8 binary and start playing with your new toolset! This article originally appeared in net magazine issue 296. Buy it here. Related articles: 20 Node.js modules you need to know 30 Chrome extensions for web designers and devs 3 top ways to build a website prototype View the full article
-
Yesterday, three leading artists from around Europe set off on a road trip like no other. Road to MAX is a nine-day journey across America, sponsored by Adobe, that aims to open up fresh viewpoints, push creative limits, and inspire the next generation of photographers. You can join the artists as they document their trip at #RoadToMAX17. The journey kicked off in Los Angeles yesterday and will end in Las Vegas ready for the launch of Adobe MAX, The Creativity Conference, which will run from 18-20 October. The lucky individuals on board are Rich McCor from the UK, Thomas Kakareko from Germany and Nathalie Geffroy from France – all celebrated photographers with their own unique aesthetics. The #RoadtoMax17 photographers will be creating inspiring work along three visual themes: Nature, people and the artificial world. With the aim of using creativity to unlock new perspectives, the trio will be challenged to capture iconic landmarks – from Beverly Hills to Palm Springs to the Grand Canyon – in novel and exciting ways. They'll also be pushing their own boundaries by exploring their travel companions' distinctive visual styles. Rich McCor is one of the talented artists on his way across AmericaTo make this all possible, the artists will be making the most of the entire collection of Adobe apps, from Photoshop to Capture CC. They'll also have the chance to play around with the latest Creative Cloud photo tools (which will be officially launched at Adobe MAX), to see what possibilities they offer. The Road to MAX journey is all about using creativity to challenge perspectives: Enabling creative collaboration, using new tools and plenty of experimentation to see the world through new eyes. If you want to join these three top photographers on their journey – and get a sneak peak of the new tools Adobe will be announcing at MAX – you can follow their progress in their travel diary. View the full article
-
You're reading Web Development Portfolio Tips: Ultimate Guide to Show Your Skills, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! Portfolio design articles usually focus on creating portfolios for visual designers. But web developers & programmers need portfolio sites too! Custom developers portfolios typically have varying trends for showcasing their work. It’s tough knowing where to start a new website but it helps if you can study others to get some ideas. That’s why I’ve […] View the full article
-
Apple places pride, focus and effort on great design. Its hardware is rigorously refined and tuned to improve the user experience with every iteration, and the same is true of its software. Rather than interface elements that ape the real world, what you interact with on iOS is minimal, with icons that look more like icons rather than photorealistic art. Since then, there’s been a slight increase in texture and form, but to add subtle depth, rather than to return to what went before. What the new iPhones (iPhone 8, iPhone 8 Plus and the iPhone X) mean for designersWhy icon designs matter Apple’s obsessive attention to detail rubs off on users and designers alike. Owners of Apple kit expect great design, and if something doesn’t look right, they’ll be put off. With icons, it’s crucial to get things right. In the App Store, a good icon can make the difference between a sale and being ignored. And on the Home screen, great icons encourage engagement, and therefore need to be compelling and easy to spot. To help you on your way, we’ve collected a group of beautiful, innovative and stylish icons. We hope you find them a useful source of inspiration for your next iOS project. 01. 1Password Zero marks for imagination here, going for the Captain Obvious padlock, but 1Password’s icon immediately tells you what it's about. It will be easy to find on your iPhone or iPad, and packs authority in the app store. It conveys security at the heart of the app and service alike. You feel that whatever’s stored within will be safe. 02. A Good Snowman Is Hard To Build Game characters are usually too complex to be used in their entirety on an icon. Not so with A Good Snowman’s adorable monster. It stands out from other icons on your home screen and is even waving at you. It's impossible to resist, unless you’re the monster. 03. Assembly For an app that’s the digital equivalent of felt shapes but that wants to seduce designers and kids alike, its icon needs to be fun, creative, sharp, and colourful. Job done with the Assembly icon. 04. Blek This game’s all about controlling living calligraphy, coaxing it to collide with targets. That concept’s too much for an icon, but Blek’s icon nonetheless gets across the game’s elegance and visuals with a swoosh and memorable line. 05. Clear Todos To-do app Clear Todos is one of approximately a million productivity apps using a tick. But this icon's positive, upbeat nature suggests how your life might be better when using the app, and the colours differentiate it from comparatively hum-drum, overly serious competition. 06. DEVICE 6 Simogo’s iOS gaming classic dumps you into a world of spies and conspiracy, leaving you to explore a mysterious world and figure everything out. The icon’s subdued menace and bold colours evoke the feel of the game perfectly. 07. djay 2 This icon showcases that a modern, minimal approach needn’t mean eradicating texture entirely. And for an app that brings to mind spinning vinyl (even if its decks are virtual), the nod to realism is appropriate, welcome and smart. 08. Doo – Get Things Done Manage to get everything done in your to-do list and you feel like you’ve just scaled a mountain, hence the inspiration for Doo’s icon. Furthermore, it’s far more imaginative and fun than yet another tick. 09. Duolingo Learning a language can be daunting, and too many app icons in this space are boring flags or dry corporate icons. Duolingo bucks the trend with a friendly, cartoonish approach. Also, we suspect that this hypnotic owl (or is it Orville the duck?) has you use the app more than you realise. 10. Earth Primer This gorgeous interactive tome about delving deep into the Earth has an icon with the book’s subject matter in microcosm. The subtle textures and drop shadows add plenty of depth. 11. Fantastical 2 You might think it illegal these days to have icons that aren’t flat, but calendar app Fantastical’s page curl draws the eye on your Home screen, as do the vibrant colours that scream “OPEN ME!” rather than “Oh no. Work.” 12. Grayout It’s rare to see photographs integrated into a modern iOS icon (at least, a good one), but Grayout’s terrified eyes ‘trapped’ behind a slab of colour perfectly symbolise the woes of the game’s protagonist, trapped in her head after an accident. 13. iA Writer A masterclass in minimalism, iA Writer’s icon manages to convey the brand and what the writing app does, all with a couple of characters and a blue line. 14. Launch Center Pro This app’s designed to speed up launching things, hence the super-speedy rocket. The icon further benefits from friendly, chunky curves and concentric circles for added depth and interest. 15. MindNode Mind-mapping apps are all about the spread of ideas, and MindNode’s interface has a kind of flowing elegance that’s rare in business-oriented apps. The icon conveys this with a memorable, bright illustration, rather than corporate greyness. 16. Miximal Children’s app icons are often awful, but Miximal has a kind of welcoming and goofy charm. It also smartly hints at the app’s design, which allows you to slide parts of the screen to construct oddball animals. 17. Papers, Please Game icons work best when evoking the feel of the game. Papers, Please is set in an oppressive communist regime, hence the stark, brutal iconography atop a subtle explosion of black and grey. 18. Pigment Modern iOS minimalism doesn’t get across the scribbly nature of colouring in, but modern icons eschew messiness. Colouring app Pigment solves this issue by marrying sharp illustration with imperfectly coloured areas. 19. Pixelmator Pixelmator’s OS X icon recalls classic Adobe fare, twanging your nostalgia glands. On iOS, everything’s simplified, but the icon remains recognisable and leaves you in no question as to what the app does. 20. Procreate A digital tool for artists, Procreate offers a classy multicoloured brushstroke for its icon. It feels restrained but elegant – much like the app itself. 21. Prune One of the more complex images in this round-up, Prune’s icon displays two main components from the game: fragile trees you help grow, and poisonous floating red orbs. It’s an arresting image that looks great on your Home screen. 22. Silly Sausage in Meat Land Showcasing that seriousness isn’t mandatory in icons, Silly Sausage grabs the attention with a daft cartoon dog. It fits the bonkers game perfectly, and grabs the attention while browsing the App Store. 23. SKRWT This one’s quite clever. The SKRWT app is all about correcting angles and perspective in photos. The more vibrant shapes in the icon are perfect, but faded shadows are crooked, hinting at how the app works. 24. SPL-T This puzzle game feels like it was sucked out of a TRS-80, and the icon is suitably old-school. Its black and white stylings are striking, not least when among more elaborate iOS game icons. 25. Strata Strata is a puzzle game about weaving ribbons, and its icon’s simple pattern feels at home on iOS. Yet the details – subtle shadows; faint textures – recall real-world materials the game simulates. 26. Threes! One of the smartest things about Threes! was infusing a sliding-tile puzzler with personality. This follows through to the bright, breezy icon, with its bold number and cheeky face. 27. TodoMovies 4 A list maker? Best use a tick, then! About the cinema? Add some red curtains! Few marks for imagination, but the result is effective and very smartly executed. 28. Transmit Popular OS X FTP client Transmit’s long had a 3D truck for its icon. On iOS, it’s flattened into something akin to a road sign. It’s distinct, and the colour scheme has a nicely industrial worky feel. 29. Tweetbot Tapbots' conceit is each of the company’s apps is a little robot. Prior to iOS 7, its icons appeared plucked from Pixar animations. Today, everything’s subtler, but Tweetbot retains a sense of character without gloss and overt 3D. 30. Wunderlist: To-Do List & Tasks Wunderlist is an easy to use task management app. Its icon is slightly reminiscent of 20th century communist and nationalist imagery – not a bad thing if you want your working life to be regimented and organised! 31. Year Walk Imperfect edges make Year Walk’s icon more wood carving than polished illustration. It draws the eye in the App Store and feels like the perfect entry point into the Scandinavian horror of the game itself. Related articles: The 12 best iPad apps for designers 5 killer icon design tips Review: iPad Pro 12.9 (2017) with iOS 11 View the full article
-
If you’re looking for new arenas to put your 3D skills to productive use, have you considered the world of branding? Right now, creative and design agencies are at the forefront of developing innovative 3D apps and experiences for brands, not least in the rapidly expanding VR and AR space. Here we bring you 6 cool branding campaigns that make full use of the latest 3D technologies, and chat to the people behind them to discover how they were put together. 01. Vodafone Vodafone wanted to say ‘thank you’ to its channel partners at Christmas, so OneBite created an immersive environment where they could all get into the Christmas spirit and win a night out for their team. “Cross-browser functionality was key, so we needed to use software that would work across multiple devices and all screen sizes as a VR experience, and give a good experience in the major browsers if accessed on desktops,” explains developer George Anderson. “We decided to use krpano,” continues developer Marcela Bohorquez. “It’s a very flexible VR web development platform that supports high quality rendering and great performance in the web. The panorama viewer allows you to see the experience in HTML5 as well as a VR experience on mobile. "It also allowed exporting the final experience for desktop as a standalone application, so it can be distributed and viewed without an internet connection as well.” They also provided the BD sales team and Vodafone partners with mobile VR headsets that were compatible with their smartphones to view the full VR experience. Browser testing Throughout the development of the projects, the design team constantly tested the experience in the browser and in VR headsets to make sure that all was functioning correctly. “Then once we had fully built each environment, we user-tested on fellow OneBiters and family members of all ages, to make sure they were simple enough to use and worked as expected in both browser and VR experiences,” says Anderson. “As the Vodafone experience was a find and point-style game, we simply asked users to play the game and to let us know if they experienced any bugs or difficulty.” Technical challenges The biggest technical challenge the OneBite team faced was making realistic-looking 3D environments work with interactive 3D elements within krpano. “We ended up building each of the environments as 3D models that we could then take a 360 degree photo of from points within each of the rooms to create each of the ‘scenes’ in our virtual experience. “For BD we had the idea of having 3D screens to display the content on, and this could be interacted with to display each bit of content when the user was ready to read it," says Anderson. "We couldn’t create a realistic-looking 3D screen with HTML to layer onto our 3D room, so we ended up building the screens as a 3D element within the scene itself and then layered the HTML/JavaScript content on top of this. This could be interacted with to display the content. “It was a great solution that once we saw working in the environment, as we planned, was a great celebratory moment," Anderson recalls. Lessons learned And the biggest lessons learned? “Looking back now,” says Bohorquez, “we think that one of the challenges with VR is that it is all very new (although more literature is coming up now), it is still a world to be discovered and at every step of the project there will be lots of uncertain elements and findings, making it very exciting to work with but also difficult to predict the results. “Modern day web users expect extremely fast load times, so this needs to be taken into consideration when developing rich immersive experiences like this for the web.” 02. Bayer: A Journey around the Human Body Polish creative agency Immersion creates 360 degree VR and AR experiences for the likes of Samsung and HBO, as well as working with museums and heritage sites to create immersive experiences for its visitors. In a recent project, pharmaceutics giant Bayer asked them to create an informative and immersive presentation of the human body and the processes that happen inside it. “We created realistic 3D models of the human eye, heart, brain and stomach, and created interactive experiences that explain various conditions that are linked to each body part,” explains Piotr Baczyński, CEO of Immersion. “This enabled Bayer to have discussions around its products in a more engaging way.” Immersion’s graphic designers and programmers worked closely with a group of doctors from different specialisations to build the 3D representations. “This close relationship ensured that the look, scale and movement of each body part was as accurate as possible,” says Baczyński. “3D was extremely important for this campaign as the primary goal was to enable users to get a lifelike visualisation of the human body – this was only possible in 3D.” Interface and storyline And that was just the beginning. “After developing the models, textures, animations, special effects and sounds, the biggest challenge lay within the interface and storyline,” he continues. “It was important that the interface was not only visually pleasing but also intuitive and easy to use. “This is a particular challenge when working with VR as it could be people’s first experience of VR. For example, doctors sometimes struggled to understand how to operate the controls, or couldn’t grasp the fact that they could move freely and look around to discover the whole area. The app guides the user, using movement of the environment, voiceovers and highlighting certain areas. “For this, the user must understand that objects can be picked up, buttons pressed and so on. Quite often a first-time VR user expects to see the action only in front of them, so they're not actively exploring the space.” Despite the teething problems, Baczyński believes the benefits of VR for branding are significant: “particularly in an industry that requires technical or sometimes difficult discussions. When placed inside of a VR representation of the human body, the user gets a strong sense of presence and understanding, that allows for better explanation of key processes that happen inside.” 03. Ballantine’s This new campaign is centred around beautiful models sculpted by Si Scott using Google Tilt BrushHere’s a sneak peek at a campaign that hasn’t even launched yet, but looks like being very cool from where we’re standing… The promotion for a new whisky series makes innovative use of a series of 3D VR sculptures. The campaign aims to promote the three single malts from Ballantine’s and reinforce their relation to the original blend. So Cubo worked with award-winning illustrator Si Scott to created a range of 3D VR sculptures, each representing the energy and heart of Ballantine’s original blend ‘escaping’ into the new range. Polish and magic “We loved the idea of mixing a traditional artist with the latest tech – this is how the idea originated,” explains Jonathan Sant, creative director at Cubo. “As a traditional illustrator, normally using just pen and ink, Si Scott was the perfect person to match with Google Tilt Brush, technology that lets you paint in a virtual space, for this campaign.” Cubo hired a studio in London for a couple of weeks and set up the Tilt technology for Si to work his magic and design a sculpture. “We imported the virtual shape into Cinema 4D, and spent a lot of time crafting textures, transparencies and luminosities,” says Sant. “For the stills, we worked into Photoshop and added extra polish and magic. We wanted the sculpture to look like is was emitting light into its surroundings: this was all done in Cinema 4D.” Technical challenges As you’d expect in such an innovative space, it wasn’t all plain sailing. “As we were working with the first version of Tilt, we encountered a few technical issues along the way,” says Sant. “Some of the functions are quite restrictive. “Transferring the artwork from Tilt to Cinema 4D for example isn’t as easy as you think. The line work also transfers only as a single line of data, so line weight, colour, thickness and stroke angles all had to be recreated. “Additionally, as you can only see the sculpture through the headset, providing feedback to Si, who wasn’t wearing a headset and therefore viewed things differently, was also slightly challenging. The sculpture looks so different depending on how and where you are viewing it from. You can look very silly flapping about and providing comments and feedback to someone that can’t see the same things as you. “The bird was very beautiful in the virtual space and it’s a shame more people couldn’t have seen it. It was an intense project, but a very rewarding one and everyone is delighted with the results.” So how will the VR sculptures be shared with the target audience? “We’ve created a toolkit to be activated globally by local markets,” says Sant. “There’s an 80-second launch film made to be shown in airports and also at point of sale to feature wherever Ballantine’s Single Malt Whiskies are sold. It will also be available to view online on the Ballantine’s website.” 04. Ford Performance Burrows, a creative design and production agency based in Essex, was asked by Ford Performance produced some enticing content made up of 360-degree footage, 3D graphics and also a variety of historical footage, all stitched together into a 360-degree/VR experience. You can see the full 360 footage here, but not everyone has a VR viewer yet, so Ford also asked VR experience company Igloo Vision to build a 360-degree dome and took it to Le Mans and Shanghai to let fans experience the footage in a shared environment. The key to utilising 3D content in brand campaigns is not just about the content itself but more about how it’s delivered to the viewer. VR headsets by their nature make the experience isolated, so we’d expect physical solutions like this to become an increasing important part of the branding mix in the months and years to come. 05. Audi’s virtual showroom ZeroLight helped Audi provide virtual test drives in their showroomsIt was only a matter of time before car manufacturers started grasping the VR nettle. And so this September, Audi was the first to announce it is rolling out a VR experience to its showrooms across the UK and Europe. These days there are so many different options when it comes to your car, including exterior paint finish, interior surfaces, seat leather, stitching, alloy wheel styles, and more. But most drivers don’t feel comfortable looking through material swatches and colour charts; they just want to see for themselves what the car will look like. Working with digital retail specialist ZeroLight, Audi has developed a system that it says will allow you to view “an extremely realistic experience of your individually configured car, down to the last detail”. And that’s not all. You’ll also be able to take your virtual car out for a spin, and see how it handles in virtual locations, such as the pit stop at the Les Mans race track. To allow the complex data models to be processed for virtual reality, Audi worked with its strategic visualisation partner Zerolight to develop an especially high-performance graphics engine. More than 400 “Customer Private Lounges” – their term for a digital consulting suite – are already in use, and more are coming soon. 06. FGM campaign A new campaign against female genital mutilation uses shocking imagery created using a mixture of in-camera film and motion trackingEach year Within Design takes on at least one pro-bono project. Past campaigns have included: UN No Man Is An Island. And Alzheimer’s Society A Cure for Derek. This year they’ve teamed up with Leyla Hussein, a campaigner and survivor of FGM (female genital to demonstrate the shortcomings of the 1985 UK FGAM Act, which has not secured a single conviction in over 30 years. So they’ve created a dramatic video, entitled First Cut (which is still in its early stage and has not yet been released) that aims to highlight the impact that FGM really has on a woman and how it affects seven different parts of the body. “First we filmed the mannequin, shooting it with a paintball gun to create our ‘holes’,” they explain. “We then filmed our model in 4K looking directly down the camera lens for a few minutes to get our foundation shot for the film. “As we were unable to directly shoot our model (without being sued) we took the footage from the mannequin shoot and overlaid it over the footage of the model. We then motion tracked our model to attach the paint to her movements, before enhancing the colour of the paint to create a bright green that we then ‘keyed out’ of our image, thus creating a hole in our model. “To create the illusion of depth in the footage, we took the footage, multiplied many layers of it on top of each other and then spread them out in 3D space. With this applied, when an internal virtual camera is used the hole suddenly has depth and after randomising the position of each layer behind the hole, this creates a rather interesting look and feel.” View the full article
-
Black Friday 2017 is just around the corner – and with it thousands of Black Friday deals for savvy designers, illustrators and artists. But bagging the best bargain isn’t easy when new offers are thrown into the mix and snapped up every minute. So how can you get your hands on the best Black Friday offers for creatives this year? The short answer is to bookmark this page: we’ll be updating it with the best creative bargains as they’re announced. From workstations to graphics tablets, 4k monitors, speakers, headphones, cameras and more – through the best art pencils, pens and paints - we’ll curate the hottest Black Friday 2017 deals and deliver them to you right here. Whether you’re a freelancer, in-house designer, studio owner or student, we’re here to help you make huge savings on creative kit. And you don’t have to wait until the biggest shopping day of the year. We’ve rounded up the biggest retailers in the UK and US below, some of whom are already rolling out the sorts of deals we can look forward to seeing more of on Black Friday 2017. Black Friday 2017: quick links Black Friday UK UK: Amazon Black Friday UK: John Lewis Black Friday UK: GAME Black Friday UK: Currys Black Friday UK: Argos Black Friday UK: Tesco Direct Black Friday UK: eBay Black Friday Black Friday US US: Amazon Black Friday US: Walmart Black Friday When is Black Friday 2017? This year, Black Friday 2017 falls on 24 November. Marking the start of the Christmas shopping season, the bargain bonanza is always the day after Thanksgiving in the US – and it’s always followed by Cyber Monday (this year on 27 November). More recently, the event has appeared closer to a Black November, with retailers increasingly look to beat the competition by releasing early deals. Last year, Black Friday 2016 broke records with $3.34 billion spent online. And if you include the shopping done on Thanksgiving day, the total rises to $5.27 billion. This November, you can expect all the main retailers – such as Amazon, Walmart, Argos, John Lewis, Currys and ASOS to be running deals across every range of products, and that includes top kit for creatives. So what can we expect? The best Black Friday deals of 2017 Well, we can virtually certainly guarantee that Amazon's own line of products – including the Echo and Echo Dot speakers, Fire stick, Fire tablets and Kindle e-Readers will get a discount. Mobile phone Black Friday deals - Black Friday is a fantastic time of year to buy a new phone, especially if you're going with a contract. Our sister site TechRadar says that all the best prices on the best phones appear in November, with the best deals going live on Black Friday itself. Of course, Black Friday is also a good day to pick up SIM only deals. Keep your eyes on Mobiles.co.uk, Mobile Phones Direct and Carphone Warehouse for brilliant deals. Tablet Black Friday deals - iPads, Android tablets and graphics tablets are popular items on Black Friday. Amazon offered some big discounts on select Wacom and Bamboo gear for its #ShopTheFuture event a few weeks ago, and we'd expect to see a flurry of tablets on sale from everyone from John Lewis to Currys and Argos this year. 4K TV Black Friday deals - 4K TVs sell en masse during Black Friday, and we predict you'll be able to both pick up outrageously cheap TVs from smaller brands as well as bag a weighty discounts on better TVs from more prominent brands. If you're in the market for a 4k TV Black Friday deal, keep your eye on Currys, Argos, Amazon, AO.com and John Lewis. View the full article
-
Black Friday might be the biggest shopping day of the year, but if you're looking the best Amazon deals, then don't forget Cyber Monday 2017 – which this year falls on 27 November. Once again, we'll be rounding up the best Amazon Cyber Monday deals of 2017 for designers, illustrators and artists right here – and starting from now. Rounding off a long weekend of shopping deals, Cyber Monday is a chance for budget-conscious creatives to grab a real bargain. And where better to shop for these deals than Amazon? With a range of products in one place, each competitively priced to give you the best value for money, Amazon is the place to be for designers looking to snap up a discount. Just as with Black Friday, though, remember that Amazon doesn't reveal how much stock it has of each item. So if you find something you need, you'll need to be prepared to purchase it there and then – or risk missing out. How to grab an Amazon Cyber Monday bargain If you're after an Amazon Cyber Monday 2017 deal, be sure to bookmark this page and refer back to it on the day itself. We'll be updating it with all the best deals for designers to snap up. It's also a good idea to sign up to an Amazon Prime subscription. That's because when you sign up to Amazon Prime there's a fair chance that you'll be given a sneak preview as to what's on offer, meaning that you'll gain an edge over other shoppers. Not only that, but some deals are only available to Prime members, or exclusive to Prime members for a certain amount of time. Start your FREE 30-day Amazon Prime trial today: UK Start your FREE 30-day Amazon Prime trial today: US An Amazon Prime membership will set you back £79/$99 a year, but if you're lucky you could save that much money on deals alone. Plus you'll have access to Amazon Prime Video, Amazon Prime Music, and other offers that crop up throughout the year. The best Amazon Cyber Monday deals The question on everyone's lips though is just what will be on offer for designers and illustrators by the time Cyber Monday 2017 rolls around? Based on the last few years, we can make some educated guesses... Graphics tablets Cyber Monday dealsChances are, Amazon is likely to slash prices on tablets on Cyber Monday. Take last year for example, where you could pick up an Amazon Fire HD 10 for just £152 (knocked down from £169.99). Another good offer our sister site TechRadar spotted was an It UK 10.1-inch Android tablet, down to just £79.99 from £325. That's a whopping saving of £245. We can almost certainly guarantee that Amazon's products – including the Echo and Echo Dot speakers, Fire stick, Fire tablets and Kindle e-Readers will get a discount too. Phone Cyber Monday dealsAfter a new phone? This could be the time to get one. Last year Amazon offered the likes of the Sony Xperia X for just £319.99, reduced from an original price of £499.99. Camera Cyber Monday dealsAgain, if last year is any indicator of what to expect from Amazon's Cyber Monday deals in 2017, there could be some tasty camera deals ahead. Last year you could have scooped up a cheap Canon EOS M3 if you were fast for £412, compared to its regular price of £479.99. Related articles: The best Amazon Black Friday deals 2017 The best laptops for graphic design 2017 The best drawing and graphics tablets View the full article
-
Colour theory is a central and often overlooked area of design. On a simple level, the colours on the warm side of the spectrum – such as red and yellow – are bold, uplifting and energetic, while their cooler counterparts, blue and green, exude calmness and feel more reserved. This is particularly relevant when it comes to branding: on an emotional level, in terms of how consumers feel when they look at it; but also on a practical level, in terms of market standout. For a company to effectively 'own' a colour in its sector can provide an enormous competitive advantage, achieving instant recognition - in some cases even without a logo, or even a mention of its name. That's the power of colour, done right. Get Adobe Creative CloudOf course, owning an entire colour isn't easy, and it certainly goes way beyond the logo design: skillful planning and execution is needed across all elements of the brand and its advertising. Depending on the popularity and market saturation of a particular colour, we could be talking as specific as an officially registered Pantone shade (Cadbury 2685C, anyone?), or as general as being the only brand in competitive set to use that colour. With this in mind, we've explored how different brands around the world have staked their respective claims to 10 colours – in some cases with considerable success. Red This is a notoriously difficult colour to own in any sector, especially in its primary form. It's the colour of anger and danger, but also warmth and passion. And since it's also scientifically proven to increase your heart rate and raise your blood pressure, it's a bold choice to use it extensively. 01. Coca-Cola Coke has made red its signature colourTwo 'red' brands in particular stand out in their sectors – although the first is perhaps the world's most instantly recognised brand in any sector. Red is linked so inextricably with Coca-Cola that popular legend tells it rebadged Santa Claus to match (sadly, this is an urban myth). Recent, more minimalist packaging and advertising has pared right back to that primary red, with the customary flourish of white. 02. Target Target battles Wal-Mart's trademark blue by owning the colour redMeanwhile, America's number-two supermarket chain takes on the ubiquitous blue of its rival Wal-Mart with an ocean of red across its stores, logo, advertising and beyond. Target's shade of red is a registered trademark; Communist grocery shop owners beware. 03. Vodafone The colouring of Vodafone's logo is designed to signify communication and sophisticationDesigned in 1997 by Saatchi & Saatchi, Vodafone's logo features a distinctive speech mark symbolising conversation and speech communication, while the red stands for sound, talking and passion. It's set against a silver backdrop representing sophistication and perfection. In the new Brandz Global Brand Ranking, Vodafone is listed as the UK's most valuable brand, worth $36 billion. Orange Bright, fun and friendly, orange has a playful, childlike appeal and three very different brands claim ownership of it in their respective sectors. 04. Orange Mobile phone company Orange has taken the colour and run with itThere's no better place to start than the brand that's actually named after this colour. Few telecommunications companies would be foolish enough to try and out-orange Orange. 05. Home Depot Home Depot blankets everything it does with orangeIn the US comes a retail chain that's taken to blanketing its stores with a single colour: Home Depot has trademarked orange for use on advertising, lettering or any other signage in its sector, tying things up pretty neatly. 06. easyGroup EasyJet splashes orange everywhere it canAnd then, of course, there's everyone's favourite budget service provider, easyGroup – another ocean of orange, spanning everything from the original low-cost airline to car rental, finance, hotels and more. It's also the only contender to have tried to out-orange Orange: anyone remember easyMobile? Next page: yellow and green... Yellow Positive, sunny and optimistic, yellow is energetic and eye-catching – and particularly effective for point-of-sale messaging, as it's proven to catch the eye quicker than any other colour. 07. Veuve Clicquot Champagne brand Veuve Clicquot adds punch to its packaging with yellowYellow provides standout for premium champagne brand Veuve Clicquot – cutting through a sea of green, gold and cream with a punchy shot of bright yellow. 08. Caterpillar Caterpillar vehicles are instantly recognisable by their colourMeanwhile, in a sector that couldn't be more different, construction equipment manufacturer Caterpillar has a very distinctive, trademarked shade of yellow connected to its brand – featured in the triangle on its logo, and also on the liveries of its vehicles. Of course, in the field the colour is invariably faded by constant weathering on construction sites, so it's rare to find a perfect match. 09. JCB Yellow, of course, is an excellently eye-catching colour for potentially dangerous heavy machinery, so it's no surprise that it's also used by Britain's J.C. Bamford, better known as JCB. Green Green is an emotionally positive colour, signifying growth and rebirth and, of course, nature. It represents stability and endurance, but it also prosperity and abundance, and taken to the extreme it can be a colour of wealth and luxury; a real mix of meanings. 10. John Deere Deere has used green successfully to distinguish itselfJoining Caterpillar and JCB in the large-scale vehicle corner is farm machinery firm John Deere, whose iconic bright green-painted tractors (with a touch of yellow) are instantly recognisable – especially when you're stuck behind one on a country lane. 11. Harrods Harrods opts for a darker green that's associated with wealth and privilegeAt the other end of the market, rich, dark green has associations with wealth and prestige – so it's no surprise that luxury department store Harrods has chosen it as a key part of its branding scheme. From bags and signage to all manner of own-branded products, the shade exudes class and sophistication. 12. Starbucks The green Starbucks logo is a reference to the University of San FranciscoStarbucks started life in 1972 with a brown logo – appropriate enough considering the coffee beans that it originally sold before introducing the crazy concept of selling actual cups of coffee – then in 1987 the colour of its stylised woodcut of a siren was changed to green. The reason? It's a reference to the University of San Francisco, where all three founders were educated. Next page: blue, purple and brown... Blue Blue is a cool, clear colour which has a trustworthy, dependable feel, and is often the colour of choice for financial institutions as a result – notably Barclays. 13. NHS Britain's National Health Service uses a dependable blue to enagage its usersIn the UK, the National Health Service uses a distinctive shade of blue that takes advantage of its cool, reassuring and secure characteristics. 14. Tiffany & Co Tiffany has trademarked its own shade of 'robin's egg' blueLike red, of course, blue is used so broadly in different kinds of branding that standout in a particular sector is difficult: Tiffany's solves this problem with its own iconic shade of 'robin's egg' blue, trademarked as Tiffany Blue and ubiquitous on everything from jewellery boxes to shopping bags to advertising. 15. Facebook The logo's changed over the years but Facebook retains its blue colouringOriginally designed by Cuban Council in 2006, the Facebook logo has been tweaked over the years – most recently in 2013 when it pulled the 'f' down to the edge of the box, and lost the pale blue line running beneath it – but has retained its blue colour, which Mark Zuckerberg originally chose based on his colour blindness. Purple Pale lavender has a nostalgic, sentimental feel, whereas richer, darker purple has a sophisticated tone often linked with royalty. 16. Cadbury's Cadbury's has made Pantone 2685C inseperable from its brandingPurple's the most recognisable association is with Cadbury's chocolate: Pantone 2685C is officially Cadbury Purple. Purple and Cadbury's have been happy bedfellows since 1914, and woe betide any brand who tries to lay claim to it: Nestlé tried and failed last year, and Cadbury's won the right to exclusive use for chocolate bar and drink packaging. The association is so deeply ingrained that its advertising can be confident enough to remove mention of the brand altogether, as in Fallon's Black Pencil-winning Gorilla spot. Brown Earthy, simple and evocative of honesty and simplicity, brown (as well as green) is often used by organic companies to emphasise their links to the soil – although outside of this sector its largely avoided in a branding context due to potential negative connotations with 'dirt', although this of course depends on the shade chosen. The fact that brown hides dirt can be twisted to a company's advantage – one reason for Pullman railway coaches to have developed their distinctive shade. 17. UPS UPS uses brown to evoke feelings of simplicity and honestyAnd it was Pullman Brown that the United States Postal Service plumped for in 1916, for a combination of practical reasons and the fact that the colour was perceived as the "epitome of luxury" at the time. It would become an inseparable part of UPS' branding, even becoming shorthand for the company itself, as in its former slogan: 'What can Brown do for you?' The colour has become shorthand for the company itself ('What can Brown do for you?')Next page: pink, black and white... Pink The level of intensity with which pink is used makes a big difference to its impact. Paler shades are often have 'girly' associations, while dusty pinks have a sentimental tone – both uses are relatively clichéd and absolutely everywhere, so standout with that goal in mind is next to impossible. 18. T-Mobile T-Mobile uses pink to grab attentionVibrant, hot pinks have a youthful energy and sense of fun that lends itself well to trendy, inexpensive products for young women or girls – but they're also increasingly used in other sectors where a punch of bright colour is needed. T-Mobile's eye-catching magenta has been registered since 2000, and like Orange, is splashed liberally across its stores and branding. Lastminute.com uses a similar punchy shade. T-Mobile's eye-catching shade has been registered since 2000Black Okay, so most brands use black in their branding some capacity – but used as the primary brand colour, it has a bold, powerful, classic effect that feels confident and sophisticated for more expensive products. 19. Hotel Chocolat Hotel Chocolat coats its stores, packaging and branding with blackOnce such example is premium British confectionery company Hotel Chocolat, which coats its stores, packaging and branding with black like the darkest of dark chocolate. 20. Guinness Guinness ads make great place of the drink's black colourOf course, when the colour of your product is one of its most distinctive characteristics it makes sense to shout about it in your branding: nowhere is this truer than The Black Stuff. Guinness invites revellers to 'paint the town black' on St Patrick's Day, and the Irish icon makes liberal use of black and white in its multi-award-winning advertising, including its iconic surfer ad. White Simplicity and purity are the overwhelming associations with white in branding, and its brightness immediately catches the eye when used in signage. Baby and healthcare products regularly make use of it, and as a result, standout is tricky. 21. Apple Apple uses white to evoke feelings of purity and perfectionWhere white is far from ubiquitous, however, is in the technology and computing sectors: here, Cupertino's finest has it all tied up. Whether it's the soothing simplicity of its packaging, the simple purity of its logo (which has long since ditched its rainbow stripes) or the fact that iPhones and iPads are available in white, Apple's use of white is nothing short of iconic. The silhouette ads with the white headphones say it all. The brand's use of white has become iconicRelated articles: Designers react to the Mozilla rebrand 7 stunning design studio logos to inspire you Behind the scenes of Camden Market's brand identity View the full article
-
The fine art of book cover design is a tricky one to master. Consider: when the graphics on the packaging of Heinz baked beans are changed, or the typography is modified on the wrappers for Kit Kats, the alterations are barely noticeable to the untrained eye. The design of household brands is tampered with as little as possible. 26 books every graphic designer should readAn even more stringent, no-tampering rule is applied to album covers. No record label would dare think about changing the covers of Sgt Pepper’s Lonely Hearts Club Band, The Dark Side of the Moon or Nevermind. It appears that the packaging design of baked beans, chocolate bars and pop music is treated with more reverence than the jackets of literary fiction. Literature is universally accepted as high art, which might lead us to think that the covers of literary classics are free from the need for frequent stylistic updates. Not so. It is common practice amongst publishers to update the covers of the classics almost constantly, in much the same way that Nike updates its trainers. One of Suzanne Dean’s collaborations with Julian Barnes (left); David Pearson's 1984 cover (right)Book cover design challenges Sinem Erkas has been designing book jackets for eight years, and her typographic covers for F. Scott Fitzgerald’s novels are a lesson in putting a fresh spin on a classic text. “At the time, Fitzgerald’s stories were out of copyright, so loads of publishers were republishing his books, and I imagined many of them would end up as pastiches. I wanted to avoid that, so instead took the opportunity to draw inspiration from beautiful Art Deco typography and the Jazz Age, but making my own custom typefaces that felt contemporary and hinted at Art Deco rather than looking like they were from the 1920s. There was no budget for finishes, so we decided to stick to a monotone colour palette and uncoated stock.” The challenge of designing a new take on a ubiquitous text is good news for designers. And even if designing a cover for a new edition of On the Road may not be as financially rewarding as tweaking the Kit Kat logotype, I know which I’d rather do. F. Scott Fitzgerald series By Sinem ErkasDesigning book covers is in one way like designing album covers: most people do it for love rather than reward. I spoke to some book cover designers to find out more about working in the field. Why be a book cover designer? David Pearson is one of the UK’s leading book jacket designers. He studied at Central Saint Martins, and after a period working as a text designer at Penguin, he now runs his own studio. “My inclination to overthink, fuss and fiddle could only be accommodated by the relatively slow-moving nature of publishing,” he says. “Working within constraints – be they because of brief or budget – also seems to speak to my nature.” Pearson’s career in publishing began while he was at university. “I was fortunate to be asked by my tutor, Phil Baines, to lay out a Phaidon book. Part of the job was to present our ongoing work to the great Alan Fletcher – at that time, creative director of Phaidon – for his feedback.” Later, during his time setting the type for the interiors of Penguin books, Pearson was to discover that he was working in what he describes as, “a nice, sedate job.” There was room to focus on the detail and lose yourself in the book. Plus: “Nobody really had an opinion on your work, unless you did it wrong.” But this all changed when Pearson began to design book covers. Jamie Keenan’s typographic illustration for this Franz Kafka cover (left); David Pearson’s design of The Communist Manifesto (right)In contemporary publishing, the cover is subjected to the same intense scrutiny as any consumer product. It’s also the case that many authors care deeply about the covers of their books. In his acceptance speech on receiving the 2011 Man Booker Prize for his book, The Sense of an Ending, the novelist Julian Barnes paid generous tribute to the book’s cover designer, Suzanne Dean. He said: “Those of you who’ve seen my book – whatever you may think of its contents – will probably agree that it is a beautiful object. And if the physical book, as we’ve come to call it, is to resist the challenge of the e-book, it has to look like something worth buying and worth keeping.” Not only must a book cover attract attention by reflecting the content, it must do this online, in bookshops and as an e-book. It must also satisfy the demands of publisher, author and designer – not to mention the book buyer. This is quite a lot to demand of a few square centimetres of card. Next page: Do you need to read the book to design a great cover? To read or not to read? Erkas stumbled into cover design after a “frustrating job as a junior designer working in corporate branding”. Does she always read the book before designing the cover? “Ideally I would read the whole book, if the deadline lets me,” she says. “What I sometimes like to do is read the book only halfway, or three quarters of the way through, before I start sketching some ideas, and then I'll finish reading it before I complete my first round of roughs.” For Pearson, reading the text first is desirable, but not always possible. “Ideally, you would read the book – key themes and ideas present themselves so readily that way – but it’s important to remember that the book isn’t always written by the time a designer is summoned,” he explains. “Often we receive only the vague promise of a book, with design work regularly taking place even before a title is settled on, which is one of the disadvantages of the cover having to be produced so far in advance. In this instance, I would look to speak to the book’s editor or, better still, the author, to try and build a sense of the book’s tone and temper.” Éditions Zulma By David PearsonThe covers for Éditions Zulma presented Pearson with a particular problem. “It’s important to point out that I’m not a French speaker, and as a result I have to lean on some incredibly visually literate editors who convey the essence of the books to me,” he says. “This process [of discussing books] plugs everyone into the design process and makes us feel collectively responsible for the outcome. It also ensures that I don’t shoulder all of the blame when the books fail to sell!” Pearson adds that the French book market is less visually aggressive than in the UK, which allows him to create more quietly suggestive covers. When designing a cover for a fiction title, Faber & Faber in-house designer Eleanor Crow, insists that reading the text is always essential. “I would find it impossible to get the tone of the writing, and a sense of the readership, without it,” she claims. “Also, small details and less obvious, but still significant, strands in the novel might lend themselves to a cover.” Jim Stoddart at Penguin Press also advocates a close reading of the text. But he adds a caveat. “With new books, the ideal set-up is to be given a finished manuscript 12 months before publication, which allows three months to read, digest, come up with ideas, create visuals, get approval for one chosen route, and complete final artwork. However, it would also be wrong to design a cover that only makes sense once you’ve read the book. The people we are aiming to appeal to are those that haven’t read the book, that may be browsing in a bookshop and literally know nothing about the book – you may have only two or three seconds to grab their interest before their eyes drift to the next book.” Next page: Design considerations for shelf appeal and online thumbnail Books as merchandise As with any commercial project, the merchandising of books is paramount. Although bookshops were widely tipped to be on the way to oblivion a few years ago, they are making a comeback, and regardless, book covers are designed to have shelf appeal, even if the ‘shelf’ is a page on Amazon. For Pearson, being aware of related titles is becoming ever more important, since books are often grouped this way in bookshops. “Knowing what you are siding with – or indeed kicking against – can really help get the design process moving,” he says. “Time-honoured classics are invariably sat alongside alternative editions of the very same book. This can present some exciting possibilities, since your own edition can do something the others are not prepared to, making them look plain by comparison.” You can even remove key content from your own design since it will be ‘filled in’ by those around it, Pearson adds. Everyone is keen for something visually arresting, rather than giving away every last plot detail on the cover David Pearson While many designers complain about the restrictions imposed by retail conventions, Crow strikes a more upbeat note. “It’s quite liberating now,” she notes, “as there has been a great deal more press coverage for book covers than in the past. Everyone is keen for something visually arresting, rather than giving away every last plot detail on the cover.” This means that covers can be more reductive, and smarter, than in the recent past, Crow continues. “Retailers are keen for things that will look striking in the window, as well as be legible in a tiny thumbnail online.” Penguin Modern Classics By Jim StoddartIn developing an update of the Penguin Modern Classics series, Stoddart and his team worked through 100 book covers, a job that involved new picture research as well as new imagery. “I’ve really enjoyed consolidating the covers for John Updike’s Rabbit series by reviving iconic Penguin covers,” he says. “In fact, the 1960s Rabbit, Run cover featured an illustration by Milton Glaser, which we’ve put back on the cover. We also asked Milton Glaser (now aged 88) to do a fresh illustration for the last in the Rabbit series, which he was kind enough to do for us, completing the circle 57 years later,” he explains. Next page: Creative media ideas for book shelf appeal Illustration, typography or photography? Looking at current book designs, it’s hard not to conclude that illustration is enjoying a fertile period. Coralie Bickford-Smith is widely celebrated for her illustrated covers, which use naturalistic patterns and motifs. When asked whether she thinks her work is representative of a preference amongst book buyers for illustrated covers, she says, “It is more likely a trend that is coming from the number of illustrated covers coming out of the publishing houses that end up adorning the bookshops, rather than the book buyers making a deliberate aesthetic choice.” Bickforth-Smith adds that the use of photography and illustration on book covers seem to go in cycles of popularity. Although she has previously used photography in her cover designs, Bickford-Smith isn’t keen on doing so. “A shoot is usually over in a day, and the results are final, bar some great Photoshop work,” she says. “I like to work slower than that. I like time to consider the idea. I need to stare at rough work a lot. I really think it’s a personal thing. Also, given how I’m obsessed with pattern, right now illustration is a perfect way for me to express those ideas visually.” The Fox and the Star, written and illustrated by Coralie Bickford-Smith, who also designed Penguin’s Clothbound Classics seriesFor Pearson, the choice is easy: “I cannot illustrate covers – I have to rope in others to do that – and I’m terrified of photography – cropping other people’s art to fit a cover shape makes me feel sick. That leaves typography, and I tend to lean on it for everything. Using lettering in place of representational imagery can also help to activate reader interpretation – I think we enjoy working for answers.” Pearson adds that typography also presents a lovely challenge for a designer – to sum up an entire book using such limited graphic means. “I think typographic covers are great for being timeless, not revealing too much, and they work particularly well if the title is just brilliant,” says Erkas. “Illustrated covers are great for capturing feelings that photography can’t. And photographic covers are great for showing something real, but can also be dreamy, abstract and illustrative.” Books online and e-Books Just as record cover designers had to adjust to the loss of the 12-inch square album cover, replaced by the reduced canvas of the CD, book jacket designers are learning to adapt to the e-book format. But what is the role of a cover in publishing e-books? In Pearson’s opinion, “beyond working as a thumbnail at the point of sale in the online shop”, there is no role for a cover in electronic format. “When the e-book is purchased and installed, there seems no good reason for a cover image at all, especially if it takes up more memory than the book itself,” he argues. Crow takes a similarly stringent line. “I have never read an e-book. I read manuscripts on an iPad, but a paperback isn’t much heavier than an e-book reader, and I prefer real pages. Our covers are used to sell e-books online in any case. It would be less interesting to buy a book from a list of titles without some visual trigger to hint at the contents,” she says. An Eleanor Crow’s cover design for Faber & Faber (left); Design by Emily Mahon, art director at Doubleday (right)For Stoddart, the need for a book to have an online presence is factored into his thinking from the start. “One recent project I’ve been very excited about is an update to the Penguin Modern Classics series, initiated with a casual discussion about whether we could make [the series] more visible as online thumbnails." "This is a contentious issue – many people will argue that more and more books are bought online and their visibility at a small size is fundamental. Yet books listed on websites are usually accompanied by text, a reiteration of title and author, and a bucket of metadata.” To find a solution, Stoddart turned to colour. “A recent update of the Modern Classics template uses Penguin ‘eau-de-nil’ – a muted light turquoise which has evolved from other parts of Penguin’s history. This eau-de-nil is a beautiful colour that works well in the flesh and online. I’ve moved it onto the spines (which were an all too crisp white) and the back covers, and have used it as a brand note on the front cover titling.” It’s flashes of creativity like this that keep the field exciting. “If all bookshops ended up having to stock books with giant titles and images, the world may as well be over,” Stoddart concludes. This article originally appeared in Computer Arts magazine issue 270. Buy it here. Related articles: How to design the perfect book cover 10 great uses of type on book covers How to design a book cover in InDesign View the full article
-
The release of RealFlow | Cinema 4D last year marked the first time Next Limit’s fluid simulation engine had been available directly within a host app. However, with a high price tag, limited functionality and rather buggy v1.0 release, it’s fair to say it wasn’t the easiest of starts. Cinema 4D tutorials: 34 projects to up your 3D skillsWith RealFlow | Cinema 4D version 2.0, though, Next Limit has really raised its game. The plug-in is still limited to medium and small-scale simulations – no Hybrido or RealWave – although in fairness, it isn’t designed for that purpose; that’s what the standalone app is for. But you do now get the bulk of Real Flow’s toolset right inside Cinema 4D. The Caronte physics engine is also absent, but then C4D has its own implementation of Bullet. New technologies RealFlow | Cinema 4D is structured like X-Particles, with a series of nodes in the Object Manager, and initial set up is pretty straightforward. Add a Scene, add an Emitter, press Play. The particles react with any C4D mesh, once you’ve added the appropriate RF tag, and then you can cache the simulation, mesh the particles and render. This release sticks more or less to the same principle, but adds a raft of new technologies under the hood. You now get a much wider range of simulation types, from granular materials to viscous fluids, while also adding the ability to use the particle system to deform geometry, creating elasticated and soft body effects. And, importantly, it now lets you combine different fluid types within the same simulation, enabling you to mix oil and water or wash a pile of sand away. Creating granular simulations takes time and patience. It takes a while to figure out what the different values do and you can still get unexpected (or unrealistic) resultsThe biggest issue with RealFlow | Cinema 4D is really learning the multitude of controls and variables, and knowing which to use to make sure your simulation looks the way you want it to. Certainly, at first, you can find yourself endlessly tweaking values, trying to balance speed, resolution, time steps, cell size, w mesh density etc, to get the fluids acting correctly and your meshes looking good. It can be frustrating at times, and takes a lot of trial and error to get the result you’re after. But once you get your head round the options and learn the correct workflow, the plug-in is capable of producing excellent results, relatively quickly, depending on your system. There are a lot of learning materials available from Next Limit’s website to get you up to speed, but we wish there were some demo scenes to show off the features and take apart. This sequence shows how you can use the particle system in collision with a surface to deform an otherwise solid objectIn use we only came across a few hurdles, one of which is the Mesher’s occasional habit of not Auto-Building meshes on playback, when you’re just previewing your sim or don’t want to spend time caching it. Also, sometimes meshes don’t render to the Picture Viewer, despite having cached the particles. You’re often forced to do a preview render straight to screen to see the mesh – or cache the whole simulation. RealFlow | Cinema 4D features New viscous, viscoelastic and granular materials Elastic and rigid body simulations Multiple fluid interactions Force daemons use native C4D falloffs Object deformation with Particle Skinner The granular simulations are great, but limited by C4D’s ability to handle tens (or preferably hundreds) of thousands of objects. So while you can create some amazing simulations, it takes time and patience to get anything meaningful out the other end. Hopefully, future versions will solve some of these issues. In terms of functionality, this new version of RealFlow | Cinema 4D is leagues ahead of the original, and the only barrier to entry is pricing. It’s steep for new buyers, and owners of version 1.0 don’t get much of a discount either (it’s €420 plus taxes at the time of writing). But at half the price of the full RealFlow, while not exactly a bargain, it’s still a very useful addition to Cinema 4D’s growing armoury. This article originally appeared in 3D World magazine issue 266. Buy it here. Related articles: 30 free 3D models Review: Cinema 4D R18 How to get started with Cinema 4D View the full article
-
Freelancers in just about every field love the freedom that comes with their career choice but hate the paperwork and extra time it takes to manage everything. And Co helps wrangle the business side of the freelance life, and you can get a lifetime membership to the Graphite Plan on sale now for 95% off the full retail price. Being your own boss is great until it comes to performing all the administrative tasks that you need to do. And Co helps freelancers finally get a handle on the biggest hassles presented by this career path. With this deal you'll get an app that helps you keep track of every aspect of your freelance career, plus access to a real human representative who can help you streamline the entire process – from sending invoices to accepting payments and preparing to file taxes. You can get lifetime access to the And Co Graphite Plan on sale now for just $39.99 (approx £30)! That's a saving of 95% off the full retail price for an essential tool that will make your freelance career operate smoothly, so grab this deal today. Creative Bloq deals This great deal comes courtesy of the Creative Bloq Deals store – a creative marketplace that's dedicated to ensuring you save money on the items that improve your design life. We all like a special offer or two, particularly with creative tools and design assets often being eye-wateringly expensive. That's why the Creative Bloq Deals store is committed to bringing you useful deals, freebies and giveaways on design assets (logos, templates, icons, fonts, vectors and more), tutorials, e-learning, inspirational items, hardware and more. Every day of the working week we feature a new offer, freebie or contest – if you miss one, you can easily find past deals posts on the Deals Staff author page or Offer tag page. Plus, you can get in touch with any feedback at: deals@creativebloq.com Related articles: The 30 best iPhone apps for designers 4 ways to cash in as a freelancer 20 top tools for freelancers View the full article
-
Sketchable is a painting app for Windows 10. It enables you to paint large strokes on large images with no lag. Images are created in 'Journals', of which you can create any number at any size. It's like having multiple sketchbooks always open. This sophisticated app has a large set of features usually found only in expensive desktop programs. A few of the more obvious features found in the app are layer blending modes, customisable tools, importable brushes and paper textures, and more. 6 best digital art tools of 2017 so farThere are some features that aren't as obvious at first glance. One such gem is the ability to paint using Stencils. These give you the ability to constrain your brush stroke to a variety of different shapes. Each shape can be transformed, moved, scaled and rotated. Once you've tried painting with stencils, they will become integral to your work flow. 01. Get a stencil Find the stencil option in the FrisketsOpen the Explore the Masking, Snapping, and Symmetry options (Friskets) located on the left side of the Sketchable workspace. The icon looks like a triangle overlapping a ruler. A panel opens with Symmetry, Mask, Stencil, and Grid options. Choose Stencil. 02. Transform your stencil Use the control points to transform the default stencilAnother panel opens showing Stencil options. Turn the Eye icon on so that the Stencil is visible. It will be a blue colour. The default Stencil is a line with control points at the top, middle and bottom. You can click the control points to transform the stencil. 03. Paint precisely Now you can paint a stroke that's constrained to your stencilClick the Shape Selection icon and select a different shape. The Stencil updates to the chosen shape. Click the Stencil Gestures (padlock icon), choose a brush, and now you're able to paint a precise stroke that's constrained to your chosen Stencil. This article originally appeared in ImagineFX issue 151; buy it here! Related articles: 10 digital artists you need to know about Create a painterly feel in your digital art How to paint convincing reflections View the full article