Rss Bot

Every artist spends time sketching, usually at the start of a project, as a technique for formulating and refining their vision. But sketching shouldn't just be a means to an end. It's also vital part of developing yourself as an artist. As Terryl Whitlatch puts it: "Sketching is the equivalent of the daily ballet barre. It gets your imagination going and gives your skills a workout: it's foundational for any artist. Sketching regularly helps you become better as an artist, and gives you a platform to experiment, mess up, try again (and again), and grow." It's also a good way to come up with new ideas, as long as you're prepared to open your mind, let loose, and see where the sketch takes you, says Miles Johnston. "One of my anatomy teachers once told me that every time you sit down to draw, you want it to look good," he says. "But that can get in the way of many other kinds of thinking." Sketching with no formal plan, in contrast, can free you from these restrictions, and lead to unexpected ideas and concepts spilling out onto your canvas. "Here's what one of my typical thumbnails looks like," says Miles Johnston. "My sketching process is very chaotic and messy." That's something Olly Lawson regularly experiences. "Some days I'll sit down with nothing in mind, just to let myself doodle, and an almost fully formed idea will come out of nowhere," he says. Everyone agrees, then, that regular sketching is essential. But how do you go about it in practice? That seems to be more of a personal thing. How often should you sketch? Take frequency. James Gurney, for example, favours Edwin Austin Abbey's advice to a young art student: "You should be sketching always, always." So he tries to fit sketching into every spare moments he has, especially when waiting. "In recent months I've sketched in the grocery store while my wife shopped, I've drawn the interior of the car repair shop while getting an oil change, and I've sketched fellow people around me in the diner," he says. Terryl Whitlatch took inspiration from Dr. Seuss when she sketched out The Gack Terryl, however, says her best work is done in the morning, after she walks her greyhound, Josette, and she avoids sketching in the evening. "I like to sketch just about anywhere, but sketching at museums is particularly relaxing," she adds. "At the zoo, I'll sketch sleeping animals; when they're moving around, it's like a workout. I also like sketching on airplanes, on cocktail napkins. That's often where I've sketched some of what I consider my best ideas." Miles, however, limits his sketching to work hours only. "There are those artists who are never not drawing, but it works better for me to let myself rest a lot," he explains. "So I try to limit my sketching to studio time; otherwise there's no time to let your brain just process everything." Sketching tools Something else that varies from artist to artist are the tools they use for sketching, although each of our creatives offers a clear reason for their particular choices. Terryl, for example, favours Canson tracing paper. "It's a great surface with a subtle velvety took, and fairly sturdy," she says. "The fact that it's 'only tracing paper' and not an expensive Moleskine that I'm afraid to mess up gives me a psychological permission to be free, experiment and explore." Following a similar logic, Miles uses pencils with a thick lead, or ballpoint pens, "for any sketching where I want to be loosey-goosey. That's because when you're sketching in pen, you expect to muck it up a bit, so that makes it easier to think in the right way. You're taking visual notes instead of trying to make something pretty." "If I feel that my heads are weak, I'll draw heads every day for a month before work," reveals Olly Lawson. Olly, however, has always found it "very daunting" using pencil and paper for sketching, and so since January he's been using the iPad Pro and Apple Pencil instead. "With paper, you're making a permanent record, and you feel like you're under pressure to create something perfect," he says. "I like to have a warm-up for maybe the first half-hour to an hour, in which I expect the drawings to come out terrible, so I don't want to do that on paper. It's a lot easier if I just wipe the canvas like the iPad lets me do, and it's just as portable as a sketchbook." James, meanwhile, uses watercolour, gouache and casein, and sketches in a watercolour journal, typically a Moleskine or Pentalic 5x8 inch. "They're the fastest and most versatile media, and they combine well with each other," he says. "I use a homemade sketch easel whenever I can, to get the work up out of my lap and near the line of sight." For Robh Ruppel, however, the tools aren't important at all. "I have several Moleskines, but I also sketch on my phone," he explains. "The ideas are more important than the medium, I've found." Storing your sketches Finally, what to do with your sketches once they're done? While Olly likes to delete his digital sketches as he goes, he's very much in the minority. Sketch by Robh Ruppel. "I don't put a time limit on it," he says. "I sketch until I have an idea that's worth pursuing." "I keep all my sketch books," reveals Robh. "They are diaries, archeology, time machines, maps, journals and testing grounds." James, meanwhile, shares his sketches online, videos them for putting on YouTube, publishes them in magazines and books, and has even released his own iOS and Android app based on them, called Living Sketchbook. Terryl doesn't go that far, but does store all the sketches she likes in labelled folders in a dedicated flat file drawer. "That organisation lightens my heart and mind, and fuels my creativity," she says. "There are enough things in life beyond our control, and being able to lay one's hands on sketches is one less thing to worry about." This article originally appeared in ImagineFX issue 153. Buy it here. Liked this? Read these! 10 sketching tips for beginners Sharpen your sketching skills Drawing techniques: 7 fundamentals of pencil drawing View the full article

For just 24 hours, there’s an extra 20 per cent saving to be had on Computer Arts magazine’s already great-value festive subscription prices. That means you can get the world's leading creative design title for at least half price – if you move quickly. Subscribe now and enter code FESTIVE20 at checkout before 4:30pm (GMT) on Thursday 7th December to get insight and inspiration that lasts all year. Save an extra 20% using voucher code FESTIVE20! The voucher code also works for any of CA's sister titles, for 24 hours only. Read on for just a small taster of what you can expect from an annual subscription to Computer Arts... Boost your creative career Computer Arts is packed full of practical advice to help you be a better designer, including behind-the-scenes access to the world’s top studios as they solve familiar daily challenges. Over the past year, CA has also run several multi-part series, which make an invaluable reference guide for subscribers. CA has run practical series with D&AD New Blood, the AOI, Reed Words and more These have ranged from career advice for young designers in association with D&AD New Blood, to a six-part series covering practical studio skills for junior designers. And a new series on essential digital skills kicks off in 2018 – don’t miss out, subscribe now! Stay across the latest trends Every December, Computer Arts publishes an exclusive guide to the hottest colour palettes for the following year, produced in partnership with trend forecasting agency FranklinTill. The 2018 colour trend issue is on sale on Friday 8th December – subscribe now to ensure your collection includes 2019’s trend report next year. CA's annual colour trends report, produced by FranklinTill FranklinTill also provides a monthly trend analysis every issue, covering everything from emerging aesthetics to cutting-edge technologies. Discover the best new talent As well as showcasing the very best new design, illustration and motion projects each issue, in July, Computer Arts’ New Talent issue is packed with hand-picked Ones To Watch from the year’s final-year design college shows. These graduates are the cream of the crop – perfect for finding your next fresh hire or collaborator. CA's last four New Talent covers by (left to right) emerging talents Paddy O'Hara, Julia Frances, Krystina Chapman and Camelia Pham For the last four years, this special issue has also featured a collectable cover that demonstrates an exciting new print technique, thanks to our special finishing partner Celloglas. These have ranged from lemon-scented varnish to transparent glitter foil – and most recently, Mirriboard. The result of an annual cover design contest in association with D&AD New Blood, the covers are designed by a student or recent graduate, and they sell like hot cakes. Get to know the movers and shakers Every month, Computer Arts gives you insider access to world-class agencies. There are also two unmissable special issues every year dedicated to the upper echelons of the design industry. In September, the worthy winners of CA’s Brand Impact Awards are showcased in an extended main feature that reveals the secrets behind the year’s very best branding projects, giving the perfect blend of insight and inspiration. CA's 2017 Brand Impact Awards special, with gold and copper foils and two different colourways Winner of Best of Show at 2017's BIAs: London Symphony Orchestra, by The Partners The following month, the results of CA’s annual peer reputation survey, the UK Studio Rankings, are revealed – an essential guide to the mover and shakers of the industry, where boutique studios rub shoulders with global behemoths. In previous years, the results of CA's UK Studio Rankings have been revealed with light, heat, scratching, and in darkness... Four years' worth of UK Studio Rankings number ones: Graphic Thought Facility, Made Thought, North and Studio Sutherl& The Studio Rankings cover is another regular collaboration with Celloglas, and in recent years the names of the top 30 studios have been revealed using photochromic (light-sensitive) and thermochromic (heat-sensitive) inks, scratch-off silver latex, and most recently glow-in-the-dark. Both of these issues fly off the shelves: subscribe now to guarantee your collection is complete. 24-hour flash sale on now! For 24 hours only (from 4:30pm GMT on Wednesday 6th December until 4:30pm GMT on Thursday 7th December) you can save an extra 20 per cent on Christmas sale prices for CA, and all its sister titles. Subscribe to Computer Arts now using code FESTIVE20 at checkout to secure this amazing offer, or give a year’s worth of insight and inspiration as the perfect gift for design-savvy friends and family. View the full article

If you're a gamer, you've definitely thought about what you'd do differently if you made a game. Put those ideas to work as you learn to build your own games with the help of School of Game Design. You can get one year of unlimited access to this great resource for aspiring game designers on sale now for 91% off the retail price – and save an additional 15% off when you use the coupon code GIFTSHOP15 at checkout! Whether you've already dabbled in game design before or you're a complete noob to the field you'll find something to learn with the School of Game Design. This collection of courses is built for people of all skill levels. It's packed with more than 100 hours of actionable content that will teach you the skills you need to learn how to build your very own games. These step-by-step courses will teach you the the fundamentals – from coding languages and frameworks – to advanced techniques for animation and modelling, and much more for 2D and 3D games. This one-year subscription is valued at $599, but you can get it for just $49 (approx. £36). That’s 91% off the retail price for access to lessons that could set you on a path to your dream job, so grab it today! Don't forget to use the coupon code GIFTSHOP15 at checkout to save 15% off! 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. View the full article

The right web design tools can streamline your workflow, helping you work smarter – rather than harder – and more efficiently. After all, you want to invest your energy in solving problems, delighting users and creating beautiful designs. You don’t want to waste it on dull, repetitive and soul-sapping tasks. Thankfully, new web design tools are being released all the time to help you simplify processes, and reduce time and effort – most notably in UI design. Here, we look at 18 brilliant web design tools for 2018 that will help you become more productive in the coming year. Some are brand spanking new; others have been around for a while. But all have the potential to save you time, energy and budget in your web design projects. 01. Sketch Sketch is rapidly replacing Photoshop as the UI design tool of choice We’ll start with the most obvious. Yes, we know everyone’s heard of Sketch – Bohemian Coding’s vector UI design tool – but anecdotally it seems there are still a lot of web designers relying on Photoshop for UI design (and that's despite the release of Adobe XD, Adobe's shiny new prototyping and wireframing tool, which comes in second on this list). Rory Berry, creative director at Superrb, rightly feels that using Photoshop for web deign is a mistake. He made the switch to Sketch in 2017, and highly recommends it. “Having been a user of Photoshop for over 10 years, it was hard to change and learn something new,” he says. “But literally after the first day of using Sketch, there was no looking back. I’m a total convert.” He offers a number of reasons why. “Compared to Photoshop, sorting all your documents that you have and making revisions on Sketch is much easier,” he begins. “Sketch has small documents whereas Photoshop has large ones. Due to it being a vector-based app, the file sizes are dramatically smaller compared to Photoshop.” And that’s not all. “The built-in grid system in Sketch is great and makes interface design much easier. I think the overall UI and minimal feel makes it much cleaner to design in and user friendly. Photoshop seems very complicated in comparison.” The Sketch community offers hundreds of plugins to make a designers work flow easier and smoother, he adds. “There’s basically a plugin for everything if you can find it. Photoshop/ Lightroom is still our go-to for photo editing, but Sketch is all round winner for web design.” 02. Adobe XD Sketch rival Adobe XD has a light interface that allows you to concept and prototype with ease Adobe now has its own vector design and wireframing tool, Adobe XD. We reviewed the Beta version this May, and it was formally released this October. Andrei Robu, design director at Robu Studio in Barcelona, is among its fans. “XD doesn't replace Sketch yet, but for quick mock ups it's great,” he says. “It’s a very light interface, with lots of photos loaded in, and great for moodboards. The prototyping is very useful to show clients how stuff works, especially because you can push the content online right away I also love that I can copy and paste stuff from other Adobe apps.” Crucially, Adobe XD integrates with the rest of Creative Cloud. Ellis Rogers, graphic designer at Receptional Ltd https://www.receptional.com, also recommends it. “Sketch is brilliant for designing for a web developer, because you are working in values in a software built exactly for designing websites and apps,” he says. “But the biggest limitation for me was it only being available on Mac, making it difficult to share Sketch files for web developers/designers not using OS X. Sharing Sketch files for development meant additional software/conversions, or working from flat JPGs – something that caused too many boundaries. Being a user of Photoshop and Illustrator, the UI for Adobe XD felt familiar, he adds so there wasn’t a real learning curve for using it. “So now after a few weeks of trialling, it’s the only tool I now use for all web design, app design, prototyping or wireframes.” Rogers also praises the ability XD offers to use Adobe libraries to quickly import any asset from Photoshop or Illustrator, as this makes collaboration projects run more quickly. “Working with UI/UX designers and illustrators makes this process simple,” he says. “When the design/prototype or wireframe is complete, Adobe XD allows you to very quickly select elements and create page transitions for a working prototype, which can be shared via a link. The link also allows you to gather feedback per page, keeping it all organised. The link can be updated within Adobe XD so the client can always see the latest version without having to worry about incorrect versions; an absolute joy to work with.” Learn how to prototype a mobile app with Adobe XD. 03. Figma Figma allows you to design, prototype and gather feedback with other designers in real time Figma is an interface design tool that enables multiple designers to collaborate in real-time. It’s available in the browser, or on Windows, Mac or Linux, and there are both free and paid versions depending on what you use it for. “Figma has a similar USP as Sketch with the exception of being cross platform,” explains frontend designer Benjamin Read. “I recently used it to create a couple of icons for an article we’re publishing on our website and found the workflow incredibly smooth. It took me no time to learn and had the added benefit of being collaborative: you can share graphics with others within the app.“ “I’ve been trying to switch to Linux for my work and sometimes we use Windows, so Figma makes sense to me from a practical standpoint,” he adds. “In comparison I’ve found many tools for other platforms fall short.” Content writer and artworker David Eastwood, who works for Co-o Electrical, also has good things to say about Figma. “We were recommended Figma by our web development agency and use it for landing page wireframes,” he explains. “This has included proposed changes to the homepage and specific sales landing page, especially around Black Friday. It's also been a really useful tool when we've needed to quickly mock MVTs; sometimes small additions to an existing layout. We love that you can quickly create designs for desktop, tablet and mobile.” Learn how to create a responsive dashboard with Figma. 04. Zeplin Zeplin translates Photoshop or Sketch files into a free Mac, Windows or web-based app Do you find handing over design assets to developers can be a bit of a hassle? James Stiff certainly does. “They don't always share the same software,” he points out, “so those painstakingly layered and annotated Photoshop mockups end up as flattened files and things inevitably get lost in translation.” Zeplin mitigates this painful experience by translating Photoshop or Sketch files into a free Mac, Windows or web-based app. “The best part is that Zeplin provides quick reference for the colours, dimensions and fonts from your designs,” says Sitff. “It even generates CSS and style guides. I've found Zeplin to be a massive time saver and my developer friends seem to really like it too.” 05. Canva Canva is a popular tool for quickly creating social media images and infographics Want to mock up something like an infographic quickly and easy? Then Lawrence Harmer, founder of Solve Web Media, recommends Canva. It’s a free, browser-based tools that’s used by both designers and non-designers, to make graphics for both print and the web. “Canva is pretty good for making nice images,” says Harmer. “Images are the window into the soul of your website and social media, so a tool like this can be key to success.” 06. Web design proposal tool Generate web design proposals easily with this free tool Beewits has a nice line in tools to make the business side of web design easier, namely its the Web Design Quotation Generator and Hourly Rate Calculator. Now for 2018, they’ve brought out another superb free app: the self-explanatory Web Design Proposal Tool. “It's essentially a simple ‘Proposify’ tool, which allows you to quickly and easily churn out proposals,” explains Beewits’ David Attard. “It’s essentially a glorified form that allows you to enter and change pre-set text, and then creates a Word document ready for sending directly to the client.” If you sign in to the free service, you can Save your current version, such that next time round, you've got a bunch of fields already filled in with your details. It's simple, but it gets the job done, and what more do you really want? It’s not officially been launched yet, as Beewits are currently canvassing feedback, but it’s otherwise ready to use. 07. Site Stacks Check out any website’s tech stack quickly and easily Here’s another browser-based tool that’s both simple and brilliant. Type in the URL of any website to this Chrome extension and it lets you look at its tech stack. It’s fast, smooth and reliable, provides coverage for over 40,000 products and prides itself on both the accuracy and exhaustiveness of its data. “We built this extension to be a simpler way to access this data,” says its makers, “while also protecting your privacy and running all operations on our own servers so that your browsing isn't slowed down.” 08. CodePen Projects A new tool lets you build websites directly inside CodePen Founded in 2012 by Alex Vazquez, Tim Sabat and Chris Coyier, CodePen has grown to become of the web’s largest and liveliest communities for testing and showcasing HTML, CSS and JavaScript code snippets. For the last five years, it’s functioned as both an online code editor and an open-source learning environment, where developers can create code snippets ("pens"), test them and get feedback. Recently CodePen took another big leap forward by launching its own IDE (Integrated Development Environment), CodePen Projects, which lets you build websites within your browser. You can drag and drop your website files, organise them into tabs, and preview your site as you build it. There are templates to help you create sites more quickly if you choose, as well as built-in debugging tools. Note that, although it works in a similar way to the Pen Editor, CodePen Projects doesn’t replace the lattter but sits alongside it. You can learn more about CodePen Projects in this blog post. 09. ARKit Create augmented reality experiences for iOS 11 devices with Apple’s ARKit Augmented reality – blending digital objects and information with the environment around you - is a space that’s generating a lot of excitement in the web and app development community right now. Not least because in June at WWDC17, Apple released ARKit, a new framework that allows you to easily create AR experiences for iPhone and iPad running iOS 11. To get started, simply download iOS 11 and the latest version of Xcode 9, which includes the iOS 11 SDK. Check out what ARKit is capable of. 10. Hologram This Mac app built on A-Frame lets you create WebVR experiences without needing to code Hologram is a new all-in-one tool for WebVR creation. This free desktop app requires no previous coding knowledge, and its native Google Blocks integration enables you to play with lots of free 3D objects right off the bat. Under the hood, Hologram takes full advantage of the power and simplicity of A-Frame, Mozila’s WebVR framework. This means that developers can download projects created with Hologram and use them in their A-Frame workflows. It’s currently available on Mac and a Windows version is promised soon. 11. Parallax SVG Animation Tools This set of tools makes it easier to create complex sequences of SVG animation Created by Gareth Battensby of Parallax, SVG Animation Tools is a range of SVG animation tools in the form of a Python script. “I built the tools as a response to the frustrations you get when creating complex or long sequence SVG animations,” he says in this explanatory blog post. “The biggest of these being overwritten edits whenever you re-export from Illustrator. These tools completely eliminate that issue – they’re perfect for front-end developers who animate SVG graphics with GSAP or similar animation libraries.” 12. GitHub Notifier Get GithHub notifications in your browser with this Chrome add-on Hate wading through emails? Prefer the idea of getting GitHub notifications in your browser? This Chrome extension does exactly that. This straightforward but effective tool was created by Stacy Goh and released this September. It enables to get real-time push notifications whenever someone creates an issue, comments on an issue, pushes code, creates a pull request, forks your repository or stars your repository. You can learn more about how and why Goh created it in this blog post. 13. URL to PDF Convert HTML into PDFs automatically with this API Brought to you by Alvar Carto, this self-hosted API enables you to convert the HTML into PDFs, so it’s handy for rendering receipts, invoices, or any other HTML content. The API ignores a page's @media print CSS rules by default, and sets Chrome to emulate @media screen, to make the default PDF look more like the actual site. You can set it to operate automatically at regular intervals and best of all, it’s free. 14. iotaCSS iotaCSS is a CSS framework with a difference iotaCSS is a CSS framework that’s been purposely crafted to be design-agnostic. It was created by consultant frontend architect Dimitris Psaropoulos, who found that other CSS frameworks were imposing a lot of limitations on the designers he worked with. This was forcing him to either write a lot of code on top, or ask the designer to compromise. So instead, he created his own framework, which works a little differently. While most CSS Frameworks behave as a unit, iotaCSS is a set of individual, small and flexible modules that don’t depend on each other. You can use one independently or you can combine them to build more complicated user interfaces. 40 web design freebies to make your life easieriotaCSS been quietly in development for a couple of years, with a number of early adopters using it to build high-scale products. But now it’s out of beta and confidently announcing itself to the world. You can learn more about how it works in this blog post. 15. Launchpad Launchpad turns Sketch into a fully fledged website builder Launchpad is a tool from Anima that lets you publish websites directly from Sketch, with no coding required. The entire interface is integrated into Sketch, and can be used to create landing pages and static websites, although at the moment it doesn't support dynamic web pages using JavaScript. But it does let you include links, add responsive breakpoints, set up forms, embed videos and integrate analytics tools. So it could be an ideal tool for setting up a quick and easy promotional website, for example. You can learn more about Launchpad in this blog post. 16. React Sketch.app Airbnb is sharing its bespoke tool with the open source community React Sketch.app provides a super-easy way to manage Sketch assets in a large design system. Built by the team at Airbnb to help bridge the gap between designers and engineers, it’s basically an open-source library that allows you to write React components that render to Sketch documents. Because React Sketch.app uses Flexbox, its components can have the same rich layout as your real components. That means no more dragging rectangles by hand; everything works like your target layout engine. React Sketch.app, then, makes it simple to fetch and incorporate data into your Sketch files. It also provides an easy way to build your own custom design tools on top of Sketch. You can learn more about how it works in this post. 17. SVGito This free app saves you having to manually edit SVG files SVGito is a free web app that cleans up your SVG files, to save you the bother of manually editing them. Created by Peter Nowell, this neat little app automatically optimises your SVGs at the touch of a button, and will typically reduce their size and complexity without changing what they actually look like on screen. You can learn more about SVGito in this blog post. 18. Sizzy Sizzy allows you to preview multiple screens during app testing Sizzy is a tool that allows you to preview multiple screens at once while you’re testing out your responsive web apps. Creator Kristijan Ristovski had previously been using react-storybook to switch between the different variations of each component. But he got annoyed having to go back and forth between so many devices. So he built Sizzy, which allows you to see all the changes simultaneously, making it much quicker and easier to spot and fix layout bugs. You can learn more about Sizzy in this blog post. Related articles: The 5 biggest web design trends of 2017 9 of the best resources for learning HTML and CSS 11 great landing page designs View the full article

Street art is rife across the globe. Although the term is often associated with urban spray paint art, it comes in all shapes and forms, from sculptures to 'yarn bombing', and it has inspired everything from graffiti font families to window displays and beyond. In this article, we've gathered together the work of our favourite inspirational street artists, featuring some well-known faces, as well as some you may not have heard of – but will want to hear more about. Some just want to brighten up their neighbourhoods, while others have political points to make. But whatever their motivation, we think what they've produced is simply incredible! 01. Dface Dface's latest work covers the side of a Las Vegas hotelLondon-based Dface's work draws on things he was inspired by in childhood - skate graphics, album art and cartoons - and some of his work is clearly indebted to pop artist Roy Lichtenstein. Dface's most recent work is a stunning Lichtenstein-inspired piece on an epic scale; 'Behind Closed Doors' is painted on the side of the Plaza Hotel in Las Vegas, and cleverly uses the shape of the building to give it an added sense of depth. 02. Reskate Studio It's just a rabbit...The Harreman Project, by Barcelona-based Reskate Studio, uses reminiscence, the etymology of language and a touch of irony, plus plenty of photosluminescent paint, to create artwork that changes depending on the light and allows for multiple readings of the same work. This piece, Asombrar, was created for Fisart Romania in 2015. ...until you turn on a UV light03. Dulk Dulk's street art is populated by surreal creaturesAntonio Segura Donat, or Dulk, grew up copying illustrations of exotic animals from his parents' old encyclopaedias, and used to take his sketchbook everywhere with him. Having studied illustration then graphic design, today he works as an all-purpose artist tackling drawing, painting, sculpture and advertising, but it's his large-scale street art, featuring surreal creatures in imaginary landscapes, that really grabs the attention. 04. Mobstr 'Red', in which Mobstr ultimately succeeds in getting this entire building painted redMobstr is a multi-talented street artist with a strong line in fake billboards, but it's his Progressions that we really love. Documented across a series of photos, he plays fantastic mind games with the poor souls whose job it is to clean graffiti off the streets, using little more than stencilled letters. Problem lads?05. Smug One of Smug's Glaswegian pieces, gracing the city's Castle StreetGlasgow based street artist Smug specialises in photo-realistic graffiti, with the Scottish city his infinite canvas thanks to a council funded mural initiative. After picking up a spray painting can over a decade ago, the artist has developed a unique and mesmorising style – rendered entirely freehand. His meticulously detailed work can be seen transforming walls all over the UK and Europe, and even as far away as Australia. 06. Mario Celedon Artist Mario Celedon's intricate paintings can be seen all over the city of ValparaisoCulture capital of Chile, Valparaiso is the home of many a talented artist, including Mario Celedon. Best known for his incredible street art, Celedon's colourful and detailed paintings can be seen in various places around the city, but our favourite artwork has got to be the intricate illustrations on these steps. 07. Ernest Zacharevic One of Zacharevic's Georgetown pieces, his first constructive public art project in a town with no public art or graffiti whatsoeverLithuanian-born artist, Ernest Zacharevic, brings fine art technique to the great outdoors. Using a multitude of disciplines from installations and sculptures to oil painting, stencils and spray paint, Zacharevic's experimentations remove the restriction of artistic boundaries. Based out of Penang, Malaysia, the artist first grabbed global attention in 2012 after creating a series of murals for Georgetown Festival, resulting in the BBC dubbing him Malaysia’s answer to Banksy. Since then, his Georgetown murals have become cultural landmarks and his work can be seen from Singapore to LA. 8. Peeta One of Peeta's 3D graffitti 'sculptures'Italian street artist, Peeta, is known for his 3D graffiti. Using gradients of colour, his 2D street art gives off the impression of multiple dimensions, creating the illusion it is sculpture, rather than paint. On top of this, the artist creates actual graffiti-inspired street art sculptures. Beginning back in 1993, the artist has travelled the globe, spending a lot of time in both Canada and the US. After gaining plenty of experience as a graffiti artist in Europe and America, Peeta started painting canvases and now runs his own business selling canvases and sculptures. 09. Phlegm Phlegm paints and places his illustrations all over the worldHis name, taken from Green medicine, was believed to be responsible for an apathetic and unemotional temperament but his art evokes anything but. Sheffield-based UK artist, Phlegm, started out in self-published comics, bringing this detailed illustration style to the streets. Creating surreal, storybook imagery, the artist works soley in monochrome and each piece forms part of a grand narrative that extends worldwide, from Canada to Australia. 10. Mr Dheo Aportugalypse: Mr Dheo dedicates himself to photorealism, blended with graphic componentsRejecting any formal training, Mr Dheo believes this helped him to develop his own techniques, which enabled him to evolve without direct influences. The Portuguese artist's bold, graphic style lends itself to graffiti art, the bigger the better and his art has featured in over 30 international cities, collaborating with major brands, and companies, he views the street as the best place to create. 11. Matt W Moore Matt has been painting geometric murals for half his lifeBoston based artist Matt W Moore has been painting on walls for over half his life and this is just some of his incredible work. "It's a magical experience to actualise an idea extra-large in the public space," he beams. "Lots to see in this section. Everything from my early years of graffiti and street-level art, to my more recent abstract murals. Indoor & outdoor, I've got you covered." 12. Mademoiselle Maurice 30,000 pieces of paper were used to create the street artAs part of the 2013 ARTAQ Festival in Angers, France, French artist Mademoiselle Maurice, with the help of hundreds of volunteers, folded 30,000 pieces of origami to create these two awe-inspiring street art installations. One of Madamoiselle Maurice's playful origami street artsMademoiselle Maurice's work is renowned for its creative, colourful approach and that's certainly the case with this installation. The playfulness of this project is what makes it unique. 13. Herbert Baglione An eerie creation for an abandoned psychiatric hospital in Parma, ItalyFor his latest project, Brazilian street artist Herbert Baglione has been painting on the walls, floors, and ceilings of empty rooms and outside deserted homes in São Paulo and Paris, and now '1000 Shadows' sees him tackle an abandoned psychiatric hospital in Parma, Italy. Herbert Baglione's work is reminiscent of urban legend, Slender manCreating eerie shadows across the floors, walls and doors, this is a project that would certainly make your hair stand on end. Adding old, dusty wheelchairs and teamed with the crumbling walls, '1000 Shadows' certainly makes an impact. 14. Fallen soldiers This inspiring tribute to fallen soldiers only managed to last a few hoursTo mark International Peace Day, British artists Jamie Wardley and Andy Moss accompanied by 60 volunteers and 500 local residents, took to the beaches of Normandy and etched 9,000 fallen soldier silhouettes into the sand using rakes and stencils. The piece lasted only a few hours before being washed away by the tide but that doesn't make it any less inspiring. 15. DALeast DALeast's signature 3D style features on public spaces all around the globeBorn in China, artist DALeast has spread his distinctive 3D technique of street art across public spaces all over the world. One of the most exciting talents to come out of the emerging Chinese urban art scene, DALeast's artwork depicts twisted metal animals interacting in a human world. Filled with shading and movement, his vibrant, detailed pieces burst with energy. And his latest piece, depicting two deer bound together is no exception. The mural, called "One" in Chinese, represents the bond between two animals. Other DALeast artwork feature whales, lions, dragons and horses. 16. Pez Spanish artist Pez began painting back in 1999 on the outskirts of BarcelonaStreet artist Pez (Spanish for fish) started painting in 1999 on the outskirts of Barcelona. Wanting to find a way to communicate and spread good vibes to the people of the city, Pez decided that his signature mark would be a fish character with a huge smile. Since then, the artist has gone on to gain international recognition, exhibiting his work all around the globe. The last few years has also seen him create several new characters, including demons, angels and Martians. All have one thing in common - a huge and infectious smile. 17. David de la Mano Spanish artist David de la Mano creates amazing street art with monochromatic imagerySpanish artist David de la Mano creates murals and street art with silhouettes, trees and other monochromatic imagery, much like this beautiful blue whale piece. Much of his artwork is the result of a collaboration with fellow artist Pablo S. Herrero. The duo's striking pieces can be found spread across Norway, Peru, Uruguay and Spain. 18. NeSpoon Polish artist NeSpoon decorates Warsaw with beautifully intricate patters in multiple formsAnd now for something a little different. The artwork of Polish artist NeSpoon is not the kind you'd immediately associate with street art. But that's one of the reasons we love it. Decorating Warsaw with so called 'jewellery of the public space', she creates beautifully intricate designs in multiple forms; paint, yarn and cement. NeSpoon's most recurring and favourite patterns is Polish traditional lace. Breaking it's old fashioned stereotype, she cleverly uses it to beautify gritty urban spaces. 19. C215 Street art: C215's stencilled street art features the marginalised and vulnerableAnother street artist hailing from Paris, C215, aka Christian Guémy, uses stencils to produce beautiful street art depicting vulnerable and marginalized groups of society including refugees, street children and the elderly. Since creating his first work over 20 years ago he's developed a huge following. His street art can be spotted in galleries, auctions and on streets all over the world, in cities including Barcelona and London. 20. Interesni Kazki Street art: Interesni Kazki bring a uniquely Ukranian perspective to their workUkrainian duo AEC and Waone, aka Interesni Kazki, create bright and vibrant street art that references a variety of cultures and art forms including sci-fi, Mexican folk tales, religion and classical art. For the most part their surreal ideas are created with acrylic paint using rollers, although on some very small pieces of work they use spray cans. You can see more of their work on their blog. 21. Jaz Street art: scenes of conflict are common themes to Argentian artist Jaz's workArgentinian street artist Jaz has been creating incredible street art in Buenos Aires since 1998. Having trained in fine art, he's intrigued by the idea of bringing old and new approach to painting together. Discontent with his family, acts of strength and scenes of conflict are common themes, making his art compelling viewing for the art world and passers-by alike. 22. Gaia Street art: Gaia's work showcases his impressive skills and darkly pessimistic outlookNew York-born street artist Gaia's incredible skills, combined with his strange and dark portrayals of humans with animal limbs, make for a creator of street art who's revered around the world. Gaia is also keen to help others explore the medium, setting up festivals and group sessions, which fill places like his town of Baltimore with new and exciting murals. 23. ROA Street art: ROA spruces up drab walls with fabulous animal muralsBelgian street artist ROA's huge black and white animal murals have appeared throughout the world. The artist started showcasing his creations on abandoned buildings and warehouses in the isolated areas of his hometown. His artwork can now be seen across buildings and shop shutters in New York, London, Warsaw, and Paris. What we find most impressive about his monochrome creations are the intricate details, as well as the sheer scale. 24. Julian Beever Street art: Julian Beever creates whole 3D worlds with just a pavement and some chalkThere's nothing quite like walking along your local high street and coming across a whole new, 3D world - completely made of chalk. Many other chalk artists could have featured in this list, but above all it's Julian Beever's playful approach to the medium that has us in awe. The British born artist started out as a busker, before attracting commerical commissions in the mid 2000s. He even made a 10-part TV series and released a book, 'Pavement Chalk Artist', in 2011. 25. See No Evil For two consecutive summers, Bristol – home of Banksy and centre of a vigorous street art scene – has played host to one of the biggest celebrations of street art Europe has ever seen. Organised by legendary street artist Inkie and Team Love, it was See No Evil's mission to transform one of city's most deprived stretch of road into a work of art. Nelson Street, located in Bristol's city centre was a dreary, grey walkway; artists from around the world including New York's Tats Cru and LA finest's El Mac descended upon the city to bring it to life. To see more, check out our report on last year's event. Next page: 20 more awesome examples of street art 26. Slinkachu Street art: Slinkachu's Little People Project combines street art and photographyUsing characters from model train sets, Slinkachu's 'Little People Project' is a mixture of street art and photography. If you've had the pleasure of stumbling upon one of his odd little creations, you'll appreciate his humour and child-like imagination. Whilst some scenes are created to play with the notion of surprise, Slinkachu says that the titles he gives to each scene, 'aims to reflect the loneliness and melancholy of living in a big city, almost being lost and overwhelmed'. However, he is quick to add that 'underneath this, there is always some humour'. 27. Joshua Allen Harris As you'll already have gathered, not all street art involves the use of spray paint. This video from Joshua Allen Harris shows just what can be created with a few household items. In world of waste and worry, Harris took a few disregarded bin bags and plastic shopping bags and turned them into creatures for all the enjoy. Placing the bags carefully on subway grates in New York, each animal or monster stays deflated before springing to life as each train gives the bags the gust of life they need. Some of Harris's work has a more environmental approach, such as his plastic polar bear. Watching the animal deflate to its death offers a strong message about global warming and the effects it continues to have on the world we live in. Using other people's garbage as a means for art is what street art is all about. 28. Banksy Street art: Banksy's Jubilee Piece reflects the controversy over child labourThe best known street artist across the world, Banksy's challenging, contrary and thought-provoking, stencil-based art has made a huge impact on both high and low culture. Hailing from Bristol, UK, the artist keeps his identity a secret, which has led to numerous rumours about who he is and how he works. Some claim he has a team of people working on each creation while others believe he still works alone. Whatever the case, his art remains as impactful as ever. The piece above was sprayed upon the side of a 'Poundland' shop, which was selling cheap Jubilee and Olympics merchandise. Banksy saw this as his opportunity to showcase the issue of child labour in the Third World. Banksy's prints and paintings are reaching increasingly eyewatering prices at auctions. 29. Pavel Puhov Street art: Pavel Puhov's creations often have a political stanceKnown as the 'Russian Banksy', street artist Pavel Puhov a.k.a. Pavel 183 or P-183, has been cooking up a political storm in his native country for around a decade. Like Banksy, the artist's identity is unknown, adding to the mystique surrounding him. The Moscow-based graffiti artist's creations often have a strong political stance. Some have included paintings of riot police, civilian protesters and even a reimagined painting of National Geographic's infamous Afghan girl photo. Placing his art in specific places, such as subway doors, makes certain that it's not ignored. 30. Jan Vormann Street art: Jan Vormann 'repairs' old buildings with brightly coloured Polyfilla-style blocksA German native, Jan Vormann spent three years travelling the world, 'repairing' crumbling and disregarded buildings with his brightly coloured version of Polyfilla. The venture had humble beginnings, starting out in a small art fair in Rome before moving onto bigger ventures. He has even filled the holes of buildings in Berlin that had been damaged by guns during the second World War. This inventive street artist has been putting a smile on people's faces from Italy to Israel. 31. EVOL Street art: EVOL transforms street furniture into mini-buildingsStreet artist EVOL's project 'Buildings' made people do a double-take at their street furniture as he transformed them into high-rise blocks complete with graffiti and er, monsters. The German artist has been exihibiting his work in warehouses as well as local streets for all to enjoy. The intricate detail of each painting is incredibly realistic, and it's great to see something boring and functional turned into something that will put a smile on people's faces. 32. Guerrilla Crochet Street art: Guerrilla Crochet has made crochet cool once moreIt's official – crochet is not just for grannies! 'Guerilla crochet' has been causing a storm in recent years, with renegade street artists enveloping everyday street furniture in brightly coloured crochet loveliness. One of the most prolific crochet street artists is Olek, who has covered everything from the Wall Street bull to London taxis. Trees, bikes, telephone boxes and lamposts have all had the crochet treatment. Also known as 'yarn bombing', we're loving this new craze. To see more, check out 25 amazing yarn bombs on Buzzfeed. 33. Issac Cordal Street art: Issac Cordal's work excudes a strong sense of personal injusticeLike Slinkachu, Spanish artist Issac Cordal likes to work with little people. Unlike the former however, Issac tends to approach his art with a more melancholoy approach. Most of his 'little people' represent the everyday businessman and the struggles to deal with the mundanity of every day life. Looking through his portfolio, it's clear that Issac is sending a message. What that message is, we're not quite sure. Whether it's a reminder to live life to the full or to not let the little things get you down, these creations are certainly evocative. 34. DRABxBUZZ Melbourne artist Drab, who has recently moved to London, adds his quirky character faces to the likes of bear bodies, bikini-clad females or even babies. This video was filmed by Kiah Roache-Turner and showcases Drab attempting his biggest 'paste-up' yet, using litres and litres of glue. Some have claimed it's the biggest paste-up in the world. 35. Ronzo Street art: Ronzo's bird sculptures liven up mundane surroundingsIndependent artist Ronzo describes himself as 'Vandal Extraordinaire'. On his site he claims that he exists because "this fragile Earth deserves a voice". We're not quite sure what he means by that, but we like it. Ronzo's bird sculptures have been sprouting up in London's Brick Lane as well as council estates. He's also created a graffiti murial of the 'Olympic Bird' as well as a 'Credit Crunch Monster' placed on a building overlooking The Old Truman Brewery. These spritely looking sculptures add a real creative element to mundane surroundings. 36. Vj Suave Vj Suave is a collaboration between artists Ygor Marotta, hailing from Brazil, and Cecilia Soloaga, from Argentinia. The duo strive to create live visual performances using a mixture of character illustration, animation and projection. The video shows a series of intricate designs and colourful characters coming to life and walking the streets. A truly unique street art event. Making of: 37. Guerrilla Gardeners Street art: Guerrilla Gardeners are on a mission to make our streets a greener placeWe've already featured Guerrilla Crochet, so it would be shame not to include these sneaky gardeners who make their mission to make our streets a greener place. It's always sad to see dying plants or empty tree plots and that's where these guys come in. Okay, so you might argue plants don't neccessarily constitute 'art' – but we think that anyone pouring their creativity and colour onto the streets can and should be included on this list. The team behind Guerrilla Gardening have become a global hub with planting taking place in cities such as London and Beirut. The collective carry out their work during the night, with the morning resulting in a fresh bed of tulips or a collection of new shrubbery. To see more of their work or to get involved, visit their website. 38. Kelly Goeller Street art: Kelly Goeller has brought pixel art to the streets of New YorkIn the past, Kelly Goeller was part of New York-based animation studio KNeeon, which produces original content for advertising, television, music videos and film. Pixel art has come a long way in the past few years and Kelly took this as her opportunity to create this awesome piece entitled 'Pixel Pour 2.0'. The piece is located on Mercer Street in New York with many members of the public faced with the awesome piece of art work as they walk to work. Kelly's last 'pour' was seen in 2008 and can be seen on the Gothamist website. 39. Invader Street art: French artist Invader completes his 8-bit art behind a maskFrenchman Invader has been invading cities across the world with his perfect pixelated artwork for years now. He always completes his artwork behind a mask, so as to not give away his identity. This project, entitled 'Space Invaders', aims to invade cities all over the world with characters inspired by first-generation arcade games. The characters are made out of tiles, which means Invader can cement them to walls (although some pieces continue to be stolen). He has even set up a scoring system for himself, with each character rating between 10 and 50, depending on its size. 40. Roadsworth Street art: Roadsworth is motivated by an opposition to 'car culture'Peter Gibson, a.k.a. Roadsworth, began painting the streets of Montreal almost 12 years ago. He was initially motivated by a desire for more cycle paths in the city and a questioning of the world's 'car culture' in general. Peter then developed his stencil artwork to more urban landscapes and continued to create bigger projects. In 2004, Roadsworth was arrested and charged with 53 counts of mischief. Despite the heavy fines, Roadsworth continued his street art quest and has since received a number of commissions. He continues to be active in both the art and music world. 41. Miina Akkijyrkka Street art: Miina Äkkijyrkkä turns used vehicles into animal sculpturesFinnish sculptor Miina Akkijyrkka has a thing for cows. She scours her native country for used vehicles and turns them into these huge animal sculptures. The artist has been working her magic for an impressive 50 years. 42. Vhils Street art: Vhils creates his murals using stencils, chisels and drillsAlexandre Farto, a.k.a. Vhils, is a street artist hailing from Portugal. He has become renowned for his murals, which he traditionally creates using stencils, chisels and drills - cutting either directly into walls or removing layers of advertising posters. To make the murals, Vhils marks the drawing on the wall and then carves the surface layer, which is usually plaster. He tried to have a fixed element (the stencil which is applied to the poster, metal, the wall which is chiselled away), but also includes variable elements such as the nature of the materials which change and dictate the final form of the piece. 43. The Glue Society Someone go and grab a giant spoon, quick!It's so hot on Tamarara beach in Australia, that this ice cream truck melted! Ok, you got us, it's actually a brilliant street art sculpture, created by artists at The Glue Society. The installlation, titled Hot With The Chance of Late Storm, was displayed on the beach during the opening of the 10th annual Sculpture By The Sea exhibition back in 2006. 44. JR Street art: Photographer and artist JR has been dubbed the 'French Banksy'French photographer and artist JR's political street art began during the Paris riots of 2005. Angered by the way the areas involved were being presented in the media, he took photos of the residents pulling funny faces and flyposted them around the city. His passion-filled, often didactic artwork has since appeared in deprived areas aross the world, from the suburbs of Paris to the shantytowns of Rio. He's also been arrested in China, and in 2011 was awarded the TED prize, worth $100,000. 45. HangFire Hang Fire is a creative team of graffiti artists, working in the UK to produce quality art commissions at any size, any style, any where. This latest project, entitled 'Icarus_13', sees two of their leading members putting their stamp on a Boeing 737. Sat One and Roids battled sleep deprivation, weather and the enormous size and scale of the plane to face the fundamental task of working out the best way to paint a curved aluminium surface. Both artists worked day and night to complete the piece that truly showcases the pair's talents. This film was shot and edited by Aardman designer Gavin Strange who manages to capture the colossal task at hand in beautiful fashion. Related articles: 10 ways to improve your human anatomy modelling Capture natural light in your paintings REVIEW: Staedtler watercolour pencils View the full article

Could you become a creative genius in just five days?The start of a new year is a popular time to try something new and to set yourself challenges for the months ahead. So to get creatives up and running for 2018, Zippi has produced this amazing infographic that shows you how to start making your masterpiece in less than a week. Stuffed with tips on how to get inspiration, tackle creative block and promote yourself, this colourful infographic walks you through each day of the process. In just five days you could be well on your way to finishing that project you put off in 2017. Scroll through the image below to read the whole infographic – or hit the icon in the top right of the image to see the full-sized version. Click the icon in the top right to view the large version Liked this? Read these! The 90 best infographics Infographic reveals the importance of logo design The infographic that explains how to make a killer infographic View the full article

You're reading Soft Motion: The Art of Animating Websites in 2018, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! Even if you love flat design, there’s a better way to create beautiful and engaging websites. The better way to create instant user engagement is with soft motion. A few years ago, before flat became the No. 1 trend in web design, we’ve all got excited. The web never looked better. That was until all […] View the full article

TeamViewer says it has issued a hotfix to address a bug that allows users sharing a desktop session to gain control of the other’s computer without permission. View the full article

When you're tasked with creating a character from scratch, think about that figure’s personality. Put yourself in their mindset and identify their motivations, their talents and their ambitions. It’s not just about how to draw an interesting shape or a beautiful face. You need to inform the viewer of the stories behind that face. Ensure that a character’s expression – even just their eyes – speaks volumes about them. Christmas offer: Save up to 47% on a subscription to ImagineFX The creative process is personal, so every artist has their own approach to the workflow. I'm sharing mine here, but you can always find a way to adapt these ideas to your own creative process rather than using it wholesale, if you prefer. A disciplined approach towards self-improvement also goes a long way if you want to improve your character art. Yes, talent and classes help, but you can also achieve a lot just by staying focused on your goals. 01. Get into the habit of drawing Time spent drawing studies will pay you back in the quality of your work Drawing is a skill that will improve the more time you spend doing it. Pick a subject and then spend at least three hours depicting it. It’s a great way to grasp the fundamentals of art: anatomy, composition, colour and values. Drawing statues helped me to learn about lighting and shading. Study references for an hour, then try to draw them from memory. This will help to enrich the visual library on your brain. But don’t waste time memorising small details. Instead, focus on the larger, geometric shapes, because these will be easier to remember. Don’t make things hard for yourself. 02. Study characters from pop culture Research character types from different sources for inspiration Books or films provide easy access to worlds that are full of inspiration and references. In particular, they’ll be characters – all with different back stories – that will help you bring your own characters to life. I take a lot inspiration from films and animation. For example, when I want to create an evil character I watch films that feature my favourite villains. Then I try to understand why they look creepy, scary or simply how they exude ‘badness’! Maybe it’s the eyes, smile or shape of the head? I take notes and then examine another villain. This approach helps me to build up my own bad guy. Draw up a list of characters from popular culture that you can dip into whenever you need to develop your own ideas. 03. Build your own visual library Create your own reference library While it’s useful to study characters from pop culture, it's also useful to spend time creating your own file of visual references. I usually use Pinterest to save my images of real-life photos, screenshots from video games, actors in costume, game production art, and even examples of imagery from artists that I follow online. I’m always adding to my Pinterest pages so that they don’t become stale. Being organised is an important part of your reference routine. 04. Choose your tools Keep it simple and use what you've got Don’t let your tools define you. Yes, it helps to have a fast computer, but beginners should stick to the basics. As your skills improve and you start making money, gradually invest in newer, better kit. When I started I had a normal PC and a small Genius tablet. A sketchbook enabled me to practise anywhere. My other key tool is Photoshop, but the only aspects that I’ve personalised are the brushes and some shortcuts. Digital tools won’t help you improve on their own, but can be a benefit if you feel comfortable using them. From experience, I’ve noticed that a more relaxed artist will be more productive. 05. Start by drawing curves Shape your characters through lines and curves Once you have an idea of how your character should look, it’s doodle time! Begin by producing some thumbnails. Ignore details for now and instead put down the larger shapes. I always start with curves rather than straight lines so that I can warm up my hand and keep things loose and organic, which is a key factor in my art. If you’re painting female anatomy then curves are a priority. In contrast, a figure made up of mostly straight lines means that they’re a strong, stable character. To be honest, I don’t feel comfortable starting with a rough concept, but this stage is crucial. You need to be happy with your idea, because you’ll be working within this space and inside these lines as the concept develops. 06. Draw the face and eyes Eyes are an important focal point as they can reflect a range of emotions A key aspect of my characters is their facial expression, and the most important feature is the eyes. They’re the first thing that your viewer will notice, so you want them to make the correct impact. Small pupils will indicate feelings such as anger, surprise, fear and excitement, while large pupils will help you to convey emotions of sadness or happiness. Downcast eyelids can mean they’re trusting, arrogant or tired, depending on how you paint the eyebrows. A good expression will always start with the eyes. I tend to draw the face before defining the shape of the head. 07. Create poses and body language It’s important that a character’s body pose complements their facial expression. For example, you can achieve so much with interesting hands. I realise it’s tricky to draw hands, but they’re a great way to convey emotion, and will always catch the viewer’s eye. Hands can help exaggerate an arm gesture, interact with the character’s body or even relay a stronger emotion than a facial expression. Then I think about the shape of the body. I always try to create a tangible feeling of weight. All aspects of a character’s body – the nose, hair, hands, shoulders, costume, arms, legs and so on – must be affected by gravity. This helps to enhance the realism of the design. 08. Retain the best aspects of a sketch I sketched this character some time ago. My aim was to improve my knowledge of the female anatomy while maintaining a loose sketchbook look. I kept it simple, and concentrated on the values and depicting key anatomy landmarks. Her face was my main focus, with the looser lines suggesting a dress from the Renaissance period. The ImagineFX team ask me to work up the sketch for the magazine cover. Before painting, I redo the line work to remove the distraction of the existing values. I try to recreate the volumes and the mood with simple brush strokes, paying more attention to the eyes and face, and play around with textures. I want my character to have a stern outlook. I smooth down the shapes within the silhouette, such as the face, hair and dress, which helps to create volume. Adding textures accentuates the forms in selective areas of the face and body. Once I’m comfortable with the bigger shapes, I move on to detailing. I fix the values, increase the saturation and then call it finished. 09. Use costume design as a complementary device Think of a character’s body as a book. The viewer will start to read from the face and then move on to the body. Take care to be accurate with the visual information that you’re supplying about their outfit. It must add to your character, not detract from it. A costume must complement a character. Once I’ve roughly illustrated my figure in full I start to add large and small geometric forms, but avoid detailing for now. I’ll often dip into my visual library and look for interesting shapes and references that match the subject matter. 10. Add personality with colour My approach to colours is simple. I start with grey tones because I don’t want to be distracted by the effects of saturation. Then I try to maintain the character’s 'message' by choosing colours that help to convey their nature. A darker personality would feature cold, destaturated colours such as blue, green and violet. I’d use warm, saturated tones like red, orange and yellow for more lively characters. Sometimes I create a little contrast by mixing cold and warm tones, although not in the same amounts: perhaps 80 per cent of desaturated blue and 20 per cent of its complement, such as a saturated orange. These proportions will be dictated by your character’s design. 11. Build up mood Not every evil character needs to feature dark, cold and desaturated colours. Yet it’s common to associate this palette with feelings of sadness, fear and loneliness, much like red is linked with danger and yellow with a warning. There are similar colour associations in the animal kingdom. Many of the decisions made by a character designer will be based on making the viewer react in a certain way. If you’re going to do something different, such as apply bright colours to an evil character, there must be elements that reinforce their dark nature, such as outlandish anatomy or a torn costume. This will ensure that the warmer colours won’t act as a distraction. 12. Simplify through light After I’ve finished my drawing I paint the local colour – or in the case of the images above, the halftone. This will act as my base. I define shapes with this halftone as well as the silhouette of my shape (the character’s head and body). I decide on the direction of my primary light source by adding a darker tone to my base, which helps me bring in the shadows. How I paint the shape of my shadow will help me to generate the volumes in the face. Finally, I bring in white tones in the darkest areas of my character’s face, which helps me create contrast and make it looks more interesting. I limit the use of white tones, because too much can be a distraction. 13. Control the values Early on in my learning process I produced lots of painting studies. Each day I’d find an interesting reference image that was full of shapes and contrast, and then try to reproduce it using my art tools. I learned how to create volume with values, but also how easy it is to drift away from the original sketch. If you don’t control your values then you can distort your character’s anatomy. The face in particular is very delicate. One simple line can change the expression completely, let alone several brushstrokes. So keep it simple and work with just three values. If you feel comfortable you can always add more. 14. Play with textures I can use soft brushes and make a clean render on my characters, but I like to play with brush strokes and add a little more interesting information to the render. I study the work of artists who produce amazing digital paintings: they emulate the traditional look of the Old Masters but with digital brushes. To me that’s an incredible skill. I’m still a fan of oil on rough canvas, so that’s why I try to capture that look using just a handful of brushes. I only use them for the detailing stage, because my main goal is always to produce a decent drawing. 15. Be disciplined There’s only one way to grow better as an artist and it’s with discipline. If you set yourself goals, organise your tools, produce clean studies and practise regularly, then you’re sure to improve. And finally, enjoy painting! You’ll run into difficulties from time to time, but if you like what you do then you’ll always find a reason to continue. This article was originally published in issue 153 of ImagineFX, the world's best-selling magazine for digital artists – packed with workshops and interviews with fantasy and sci-fi artists, plus must-have kit reviews. Buy issue 153 here or subscribe to ImagineFX here. Special Christmas offer: Save up to 47% on a subscription to ImagineFX for you or a friend for Christmas. It's a limited offer, so move quickly... Related articles: How to choose the right drawing tools 10 steps to improve your figure drawing Improve your concept art skills in Photoshop View the full article

A proof of concept attack developed by researchers target users of the development platforms for Android and Java. View the full article

The end of the year is the perfect time to take stock and look back on what's happened over the last 12 months, and web design isn't being left out. We've already seen how Spotify has wrapped up 2017 with witty ads, but now it's time for CSS sites to shine with the CSS Design Awards 2017. Founded in 2009, the CSS Design Awards celebrate inspirational web designs created by individual designers, studios and agencies. The awards see one site being crowned the Website of the Year in recognition of its creativity and innovation. This year the award went to Active Theory for the site Welcome to Hogwarts, which is part of the hugely popular Harry Potter-inspired Pottermore universe. The CSS Design Awards team praised the interactive site, which sees users scrolling their way around the Hogwarts castle and clicking on focal points for content. Judges called it a "truly magnificent effort and game changer featuring premium level WebGL, silky smooth effects and wow factor aesthetics." We headed over to the Welcome to Hogwarts page to check out everything the site has to offer, but were a bit put out when we were hit with a landing page that first warned us it might not work on our browser (Chrome) or device (iMac), and then demanded our login details. Sure, it's a landing page with glorious visuals, an appropriately atmospheric soundtrack, and buttons that sing out with an icy jangling sound. But it's an enjoyment-blocking landing page nonetheless. Perhaps we're griping because it's been a few years since anyone on the team logged into Pottermore. It took us a while to remember our account details (we're the sort of people who did the Sorting Hat quiz then never returned). That said, once we were in we had a fun time zipping around turrets and picking up titbits of Potter trivia. A panel of over 300 international judges settled on Welcome to Hogwarts as the winner, which narrowly pipped Mausoleum of Augustus by Havas Milan & Uprising to the top spot. So close yet so far for the Mausoleum of Augustus – the second best website of 2017 As well as crowning an overall winner, the CSS Design Awards also recognised websites that were the best in their field. These included the likes of 86 and a half years by Clubhouse Studios, which scooped the best interactive photography nod, and Aristide Benoist's portfolio site designed by Ben Mingo with 3D work by Michael Novia, which landed the best in class portfolio site award. Speaking on the CSS Design Awards blog, a spokesperson for the event said that 2017 was the year of motion animation. "Transitions, animated menus, micro-interactions, flow-on content, and of course webGL, all joined forces to stomp hard on static sites, making them seem like a distant memory. Coupled with this, an increased use of JS tech helped creators control sequential elements making storyboards come to life with fantastic results." To explore the full list of sites gaining praise from the CSS Design Awards judges, explore the Website of the Year site, which, appropriately, is beautifully designed and a joy to scroll through. Related articles: A guide to writing better CSS CSS tricks to revolutionise your web layouts 28 outstanding examples of CSS View the full article

While most people use Microsoft Excel to organise their data into neat rows and columns, Japanese artist Tatsuo Horiuchi has discovered there's more to the spreadsheet software, and has turned it into a stunning digital art medium. The 77-year-old artist decided to start stretching his creative muscles as he came close to retirement. However, his thrifty nature ruled out the possibility of using traditional mediums or the likes of Adobe Creative Cloud. So instead of paint brushes and pencils, or Photoshop, Horiuchi turned to Microsoft Excel because it ticked all the boxes his creative streak needed: it came free with his computer, and he already had it. Other artists (such as Hal Lasko, then aged 97) have already used the equally cheap and convenient computer tool MS Paint to express themselves, but Horiuchi found that the data management software offered more creative flexibility. Horiuchi has been impressing people with his Excel masterpieces for years now. In fact, his first taste of widespread attention came in 2006 when he wowed the judges at an Excel Autoshape Art Contest. From here he went on to create work that has been acquired by the Gunma Museum of Art. But a recent video interview on Great Big Story has catapulted him into mainstream attention. Watch it below. We're blown away by the level of detail in these digital pictures. Just take a look at the image at the top of this article, titled The pond of the plateau enclosed in green (the shark pond) and the woman of the parasol. Not only has Horiuchi created the illusion of dense foliage, but he's mirrored this perfectly in the water's reflection. On one of his numerous online domains, Horiuchi gives an indication of how difficult the Excel medium can be when he talks about the creation of this piece. "This painting is a work of pain," he reveals through a Google-translated caption. "I cannot open it even if I save the drawing due to insufficient capacity. When examined it is about 288 MB." If you like the look of Horiuchi's work, you can contact him about buying his paintings by emailing him at: cbl97790@pop06.odn.ne.jp. And if you'd like to have a go, check out his Excel drawing instructions (and please share your results – however they tun out – with us on Facebook or Twitter.) Related articles: The best Wacom tablet deals Pixel art: 37 great examples 97-year-old pixel painter creates masterpieces in MS Paint View the full article

As a designer, there are many essential creative tools that will help you do your job, whether you're working from home or in a design office. For me, the most obvious things are my Mac, broadband, a space to work in, eyes, a very large coffee, and a brain that's not too sluggish from being in the pub the night before. So there are lots of things that I need, but what couldn't I live without? What would be the absolute worst thing to not have during a whole day of work in the studio? To answer this question, I've put together this list of 12 things I see as essential to my working day as a designer. 01. An office chair A chair like this isn't cheap, but you'll be thankful for its support Never underestimate the importance of a decent office chair. It might be tempting to just grab a spare from the kitchen or dining room, but you'll end up paying the price after a few days perched on it. Because you'll be using it for hours at a time, most days, you'll want a decent quality chair that's going to last you. What this basically means is don't go grabbing the first chair you see for £50 – if you do, sooner or later you'll find yourself cursing your miserly ways. Instead, be prepared to spend more on something ergonomic with decent lumbar support. And if you get the chance, head out to the shops to try some chairs out for size and comfort; the last thing you want is to order something online, only to find (once you've gone to the trouble of assembling it) that it doesn't feel quite right for you. 02. A backpack Keep all your stuff secure while you're out and about No matter where you're working, sometimes you'll have to go out – maybe to meet a client, or to do an in-house job – and you'll need to take your stuff with you. Don't get caught out at the last minute, trying to cram all your gear into a promotional tote bag; think ahead and buy yourself a good quality backpack. As with buying an office chair, this is something you won't want to be too cheap about. You need something that can comfortably hold all everything you'll need on your travels, and keep it protected as well; at the very least you want to make sure that it has a padded compartment for your laptop or tablet. And if you're carrying a load of stuff, go for something with plenty of pockets or compartments; if you just shove everything into one place you'll invariably end up having to dig through a whole load of stuff in search of a stray charger. This one has its zip positioned next to your back, to help keep your pricey kit safe. Also read: 8 must-have bags for designers 03. A Wacom tablet Wacom, king of drawing tablets This nifty bit of drawing kit has been with me since I started out, and it's been as loyal and reliable as my own husband (maybe even more so). I think of my Wacom now as an extension of my hand. It's so wonderful, I haven't used a mouse in six years. It's made the transition between sketching everything on paper and then wrestling with the pen tool in Illustrator a lot more fun and definitely a lot faster. The control I have is amazing and it makes digital drawing much more fluid and natural. Not only that but it is definitely a very beautiful gadget, all smooth and curvaceous. (In case you can't tell, I really like my gadgets.) For those of you who haven't a clue what this is, think of it as a piece of paper and a pen that transfers every stroke you doodle on to your machine so that you can digitise the work. It's pretty darn wonderful and if I had to live without it? Well, I'd just be sat in front of my machine with no idea how to make the cursor thingamebob move. I don't just use it for artwork, I use it instead of a mouse or a track pad for everything. I really am severely attached to it, so please don't take it from me! There are plenty of different ones to choose from - take a look at our roundup of the best Wacom deals around if you're having trouble choosing. Also read: Best drawing tablet for creatives 04. A sketchbook A sketchbook is a must-have for any creative This may be an obvious one but it's definitely an essential item. With my face planted in front of a 27-inch screen all day it's sometimes good to break away and do a little super quick five minute doodle. A good Moleskine sketch book will sort you out. Try this pack of three for extra value. 10 of the best notebooks for designersNot only does it calm me down once I've checked I can still draw but it's great for adding content to my social media networks and it's a nice break for my achy brain. Check out my Instagram and Twitter to see some of those doodles. I take my sketchbook with me wherever I go because you never know when someone is going to be late to a meeting and leave you twiddling your thumbs. Or maybe I'll have a brainwave for a new project and need to jot some ideas down before the idea flies away. I also keep a notebook by the side of my bed. I'm not a great sleeper so I quite often do think about projects and work during the night. And sometimes I get some great ideas so it's perfect for spontaneous project planning. My sketchbook is pretty much my bible. It's got doodles in it that have been turned into infographics and motion graphics, so it's like a diary of sorts. It's great to look back on. The only downside is that I just have stacks of old sketchbooks all over the house and the studio. Oh well, maybe they'll be worth something someday. 05. Post-it Notes Forget sticky notes, get some real Post-its I definitely couldn't work or live without Post-its. I'm talking about the actual real, physical kind, not one of those sticky pad applications you can download to your computer. In fact, I'm probably keeping the Post-it manufacturing industry afloat all on my lonesome. In the way that my sketchbook is my idea jotter and doodle Bible, Post-its help me organise my day and keep on top of tasks. I do use a digital calendar as well of course, inputting all the tasks I need to do for the next day so I have a clear list of to-dos. But my Post-its are an extension of that and a way to keep everything at the forefront of my mind. I can close a calendar but if I've got Post-its in front of me all day, along with lists, there's no way to get away from what I need to do and that keeps me focused. I also use Post-its for personal encouragement and goals. If I see a phrase that really jumps out at me, I'll jot it down on the nearest Post-it and stick it in view. Or, if I need an extra kick of motivation, I keep specific goals I want to achieve in view. These little reminders keep me motivated, energised and focused. 06. Spotify Spotify: can help you not explodeOh Spotify, what would I do without you? Answer: go out of my mind! I don't know about you but the kind of music I listen to completely depend on my mood. Sometimes I need to listen to every single David Bowie song or I just might explode. Sometimes I'm so incredibly sick of everything that I need to listen through the radio setting on the app to see if I can find anything new that hits the spot. Basically, Spotify is there for me, whatever mood I'm and it never gets angry with me. It just finds some awesome tunes for me to fall in love with while I'm busy working hard. The radio function is genuinely genius and I definitely couldn't be without it. Another bonus is that if you're linked up with your friends on Spotify you can share music between you and occasionally you can make fun of them when you catch them listening to Boyzone's Greatest Hits when they thought nobody could see. Satisfying. Now all I need is for the developers to find a way to make Spotify know what mood I'm and what I want to listen to immediately. Hurry up, will you? 07. Snacks Snacks can prevent a deskbound meltdownIf you're anything like me, work tends to overtake a great deal of things including preparing healthy brain food and snacks for the week to keep you from having a meltdown at your desk. In fact, in some cases you can completely forget about lunch and look up from your work to find it's already 5:30pm and your stomach is screaming at you to feed it. Sound familiar? Enter Graze! This genius idea has been around for several years now. You create an account here (or here if you're in the US) and browse through all the options for healthy snacks (and a few naughty ones) and bin the options you're sure not to like. Then, you can set when you'd like your nifty little box with four snack sections to be delivered and how often. Simple as. I get mine delivered once fortnightly as it's not the most cost effective way to snack, but it sure it the most convenient and definitely rather fun. Graze gives you an option to view what's in your box before it arrives or you can wait and have a lovely surprise. One of my favourites is the popping corn with a twist of black pepper, slightly sweet, or lightly salted, which comes in very well designed packaging that you can just pop in the microwave. Yum! 08. A social media tool Connect up your networks with Sprout SocialI work with social media a lot and I use all of the platforms to promote my work, my business, gain new contacts and gain work so it's really important for me to be able to make the process of posting and uploading content super efficient and reliable. Not only that but I need to be able to see how posts are engaging, who's engaging with them if at all and compare them with other posts so I can make sure all my content is as impacting as possible. Sprout Social is a great tool for this. For a small monthly fee I can connect my social networks together in one neat list and compose content, which I can post to all at the same time. Or I can schedule posts to go out at different times. This is an amazing revolution for me. I can come into the studio on a Monday, go through the content I've collected all the last week and organise posts for the entire week showcasing work, things I've seen and done. This saves a great deal of time and distraction in the long term. Although we all know engaging with social media is a complete must for businesses, it can be quite distracting throughout the day. This way I know I've got some interesting content going out throughout the week and I can sit back and relax and review the stats that Sprout very handily display on the dashboard. Voila! 09. A time-tracking app FreshBooks is a handy time-tracking tool There is one thing a designer should never be without and that is a decent time tracking application. I searched high and low for something that not only had a well-designed, easy to use interface but also was available and equally easy to use across mobile and mac platforms. I found it. FreshBooks is a very valuable cloud accounting tool for tracking your time across projects, tasks and clients. It gives you the ability to add team members and invoice your clients directly, as well as giving them the option to pay online in a couple of easy steps. There are plenty of options though - take a look here to find one that suits you. As my business is growing, I've begun to employ a few freelancers of my own and what better way to keep track and manage projects remotely that to invite them to a project on FreshBooks and then enable them to either enter a time spent on a project manually or use a handy time tracking clock and add hours that way? Everyone can manage his or her hourly rates and I can invoice a client once the project is finished, as it exports all the hours spent into one very well designed invoice. Genius! It's simple and intuitive and allows everyone to work from anywhere. 10. An iPhone The iPhone. You may have heard of itThis is quite an obvious one, but I've no idea where I would be without it. Running a business alone is hard. Fact. There are so many things to think about and do on a daily basis that it can easily become a juggling act. For instance, if I'm not plonked in front of my Mac, I spend a lot of time each month going out and meeting clients, attending networking events and generally being on the move. While I'm doing all this, clients are emailing, freelancers are sending work through and I'm scheduling more meetings and more events and more work. Phew! How is this possible? My wonderful iPhone. It goes with me wherever I go and there are apps that are in full time use most days if I'm out of the studio. My calendar is always open, being added to, changed, inviting contacts. My FreshBooks app is running if I'm keeping an eye on freelancers or invoicing for a project. My Skype app is always in use for my overseas clients. My Sprout Social app is there if I want to add content to my networks on the move. And of course, my email client is normally buzzing away. Who knows what I'll need to do while I'm out – it's best to be prepared! Although iPhones have long been favourites amongst the design community, there are several other companies giving Apple a run for its money. To see what we thought take a look at our run-down of the best smartphones for designers. 11. Visually Visually can help you promote your workWithin the last year and a half, infographics have become a major component in marketing businesses as well as communicating complex data to audiences. As a designer I've had the pleasure to work with numerous organisations across the UK and beyond on a range of infographics from promoting office furniture for an online retailer to explaining the learning developments of children with disabilities for a charity. We all know that these types of artwork are shared through web pages and through social media but where do designers go to promote their work and also for inspiration? Visually. I've used Visually to collect all my infographic work in one place, which is great for linking with potential clients. If a client is specifically getting in touch with me for infographic work I can either send them my web link where they can look through recent work or I can give them quick and easy access to my entire infographic library. Simples! Of course I could upload every single one to my site but that wouldn't leave room for much of our other work and this is a quick and easy solution. Not only that but it serves as a great inspiration bank when I've got a creative block or if I'm looking to see if there have been any infographics of the same subject I'm working on to inspire me (take a look here if you're after a free infographic builder option). 12. Competition What would the world be without a little competition? There's nothing like some fresh blood to keep you on your toes, and however long you've been doing the job, there's always something new you can learn, whether it's a new approach or a new technique or even a new shortcut in the design software you weren't aware of. The fact is, two heads are always better than one and if you can surround yourself with creatives then all will be well. Instead of working head to head, why not try some collaboration and learn something new? When I was just starting out and working from my little living room desk, I knew I needed to get into some shared office space to keep the creative juices flowing and the competition in my eyeline. Mostly to have some like-minded people to bounce some ideas off but also to learn anything I could. That's exactly what I did and not only did I learn a great deal about what could be achieved but I also learnt about dealing with clients and other everyday necessities. It was the best thing I ever did. Not only that but employing some fresh young freelancers has given me a push to improve my skills and get up to date with the latest tech. Never stop reading about what's going in the world and what people are doing: it could inspire you to create something that you never knew you could. A quick dose in the mornings from websites like this might be all you need to have the most creative day you've ever had. Related articles: 12 tools every graphic designer should have in 2017 Best laptops for Photoshop View the full article

When your carefully crafted content is your livelihood, it makes it all the more troubling when someone uses it without your permission or attribution – it's left, after all. Solve that problem by placing a watermark on all your work with iWatermark Pro, on sale now for just $14.99 (approx. £11). When putting your work online, you need to protect yourself. You can do so with iWatermark Pro. This simple and effective app will stamp your digital photos and artwork with a watermark that will travel with it. That means any time someone rips your image from Facebook, Instagram, Behance or elsewhere, it will have your attribution right on it. Set the text, transparency, and size of the watermark to your preference. This app easily integrates with all sorts of top photo editing apps, so adding watermarks will fit right in your workflow. You can get iWatermark Pro on sale now for just $14.99 (approx. £11). That's a saving of 50% off the retail price for an invaluable app that will make sure your work is never ripped off. Grab this deal today. 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 Check out these great articles: The 14 best photo editor apps 9 tools to make graphic design easier in 2018 5 best laptops for Photoshop View the full article

An age-old problem in web and app design is how to bridge the gap between the design and development teams. While communication provides what’s probably the most effective means for bridging this gap, certain tools can offer an effective proxy. These tools do that by creating a shared language between digital design and development, providing outputs that either party can understand and use within their respective professional disciplines. 01. A comprehensive design pattern library has set a new bar for style guides An advantage offered by pattern libraries such as Shopify Polaris, which is sometimes overlooked, is that they give us efficiency. With a robust pattern library in place, you don’t have to spend so much time agonising over what this modal should look like, or even whether a modal is the right solution for this problem. For many problems, all you should have to do is look to the library and bam! There’s the right tool for the job, ready to hand – and presented in a way that designers and developers can all understand and use right away. If you stick to the library, there should be no need to redline basic things like spacing and type size, leaving you to focus on more salient details, like 'where does this link go?' Granted, new patterns inevitably arise. For those, you’ll need to work closely with dev and the design systems team (or whatever your company calls it) to develop specs and code. 02. Webflow Life can get pretty meta at Webflow One of the best ways to communicate with a dev is to give them something made of code – a fully interactive object with clickable buttons, fillable forms, and pages that scale with browser width. That way, instead of describing an interaction, you can just show people. Webflow enables that by allowing designers to create production-ready HTML, CSS, and JavaScript through a completely visual interface. And even if developers don’t want to use its code – which is often the case, due to internal frameworks – it still provides them with a high-fidelity guide to a design without having to create redlines. In an interview on the Webflow blog about how Intuit’s designers use Webflow, senior visual designer Nathan Bailey says: "Webflow forces you to create the CSS for any element. It creates that spacing and cascades it immediately. And so it's this forced discipline that most design products don't have." If a little enforced design discipline sounds good to you, check it out. 03. Figma Figma 2.0 has really broadened its offering Figma has been a solid force in the design collaboration space ever since its launch, but with Figma 2.0, it has really broadened its offering. Now, designers can not only create functional prototypes in Figma, but also hand off their work to developers, who can access a design in a 'code mode' that gives them all the style info they need – without waiting on a spec doc. 04. Zeplin Just reviewing artboards in Zeplin can give you a whole different perspective on the process Zeplin really excels at facilitating designer-developer collaboration, probably because it was specifically made for it. Working between a desktop and web app, designers can export artboards to Zeplin. This automatically creates a sort of 'dev-friendly' view into your design files, capturing CSS styles, fonts, colours, slices – in short, a whole bunch of what developers need to get cracking on bringing your designs to life. InVision has created a very similar product with its new-ish Inspect, and there’s a Sketch plugin called Measure that might do the trick for you as well. 05. Framer Framer embraces text editor-inspired UIs Another tool designed to seamlessly combine design and code – and thereby help bridge the design-development gap – is Framer. Much like Webflow, it blends design and code, though where Webflow is meant primarily for designers looking for a different way to code, Framer embraces text editor-inspired UIs. So if you’re the (ahem) unicorn type, or you’re chasing that full-stack designer label, Framer might be just the thing for you. Related articles: The 19 best wireframe tools 11 great landing page designs Fresh ideas for building websites View the full article

A brilliant flyer design can do wonders to help promote an event or product by making people feel excited about it. Artwork and printing are key factors in a leaflet or flyer's effectiveness, but the overall design – especially the use of colour – needs careful consideration for it to achieve its purpose. With more and more media competing for eyeballs than ever before, it's a real challenge to grab people's attention these days. And the art of flyer design is a great place to get inspiration. Here are the best examples of flyer design that we've found, to help inspire your next project. 01. Zach Darlington Now that's what we call a flyerWe love all the amazing things that you can do with Photoshop, Illustrator and InDesign, but sometimes you can't beat the old-school combination of a photocopier, scissors, glue and sheer bloody-mindedness. Good work, Zach Darlington, on this retro collage-style flyer. 02. Philipp Möckli Risograph printing really gives these flyers an edgeCreated by Philipp Möckli in collaboration with Max Frischknecht, these A7 flyers for Konsens magazine really stand out thanks to Risograph printing, which uses a layering technique similar to that used in silk screen printing to produce multi-coloured prints 03. Design to Explain These toy shop flyers are adorableLil Joe was a startup enterprise providing children's entertainment products in the UK. Design to Explain created a brand identity design including business card, letterhead, envelope, postcard, CD cover, shopping bag, iPad and iPhone wallpapers, as well as this lovely flyer design that was used in local marketing to announce its opening. 04. Studio Orfeo Lanz This whole concept is probably a lot funnier if you speak GermanThese flyers, created by Studio Orfeo Lanz for the ceramics department at the Bern School of Design, Switzerland, are the gift that keeps on giving. Publicising a graduation exhibition themed around the German word 'Verzogen', meaning twisted, the eye-catching flyer was designed to be turned and twisted into the exhibition poster. 05. Studio Mut Studio Mut's Kunsthalle Bozen flyers are anti-establishment as all flipping heckStudio Mut designed the identity and communication for Kunsthalle Bozen, a new art space in Bolzano, Italy, that wants to become a centre for hedonism and beauty, connecting Bolzano to the rest of the world. Studio Mut's identity design conveys this youthful spirit with anti-establishment, Just-Do-It-In-PowerPoint aesthetics and the use of stretched black and white type, as you can see from these in-your-face flyers. 06. Mondopolitani Art fest Montserrat is a reliable choiceClaudia Alexandrino is art director at Italian creative studio The 6th, and every year she creates the visual identity for the Mondopolitani Art fest. For the 2015 event she chose a striking colour palette and used Montserrat Regular and Bold to make this flyer. 07. Panama Plus Beautiful, vivid colour gradientsPanama Plus is a subculture festival of art, music, creative performance and writing. Munich-based design bureau Moby Digg, working in collaboration with ZOO, took the vibrancy of the festival as inspiration to create this vivid, colourful artwork. Each piece of material for the show features a circle filled with a different bright colour gradient which is then fed through a glitch generator. The result is a beautiful, eye-catching series of visuals. 08. Kari Feinstein's Style Lounge Fantastic type treatment draws the eyeFreelance graphic designer and illustrator Eugenia Anselmo used this creative type treatment to produce a digital flyer for Kari Feinstein PR. She actually made a selection of options for this brief, each of which is an interesting experiment with the same look and feel; take a look at the gallery on Behance. 09. Rundgang DMI Each department gets its own version of a common styleRundgang DMI is an exhibition in which three university departments at HAW Hamburg – Design, Media and Information – showcase their work together. The promotional material therefore had to represent each separate department in a way that tied them together to make it clear it was a single show. Villa studio did a superb job, giving each department its own colour and type, while maintaining a single theme across the three flyers. 10. Général Sherman Nature photography is a theme in this bar's visual identityGénéral Sherman is a particular giant sequoia tree located in a national park in California, and also the name of a bar in Montreal, Canada. Design agency BZOING used the foliage of the tree and some beautiful type for its flyer. It fits nicely with the general branding for the bar, which incorporates photography of leaves, twigs, fruit and herbs. 11. Company Folders This flyer combines vintage design with contemporary fontsFor a retro dance party with modern twists, Company Folders' team of designers chose vintage images on a background that resembles old, well-worn paper. We love how the girl peers out from behind the red triangle – which is a bit of hidden irony, given that the flyer advertises the Red Rectangle Club. Contemporary fonts and icons at the bottom help balance the vintage look. 12. Joanna Kosinska Joanna Kosinska's flyer shows off most of her skills in a compact packageJoanna Kosinska is a freelance graphic designer based in West Yorkshire who loves creating logos, websites and brochures. To drum up business she created this beautiful A3 Z fold flyer printed on 350gsm recycled paper. The illustrated cover folds out to reveal a little about herself and her skills, and on the other side is a capsule portfolio featuring a few selected samples of her work. 13. Manage Your Day-to-Day Is it a promo flyer or a motivational poster? It's both!To promote Manage Your Day-to-Day, a 99U book about how the way that we work has to change, Matias Corea, Raewyn Brandon and Jocelyn K. Glei from Behance created this fold-out flyer/poster. "The idea was to create a print piece that would give people a succinct overview of the book, while also giving them something with lasting value," says Brandon. "Thus, the piece folds out to create an active experience of learning about the book; then, when it's fully unfolded, the piece works as a motivational quote poster that you can tack up over your desk." 14. Says Who It might look like junk, but this smart promotional package is anything butThis promotional package for design collective Says Who was created by South African-based illustrator Shaun Hill and ticks all the right boxes. The Says Who Junk Mail pack includes a take-out menu, junk flyers, 14-page illustrated booklet, a poster as well as a pack of 20 chicken stickers. "It was made from a variety of left over paper stocks, such as brown cardboard, an old analysis accounting books, newsprint pad, red and yellow poster board, and some old brown envelopes," Hill explains. "Each element was drawn and run through our photocopier, then finished by hand." 15. Cook&Book Anyone know what sharks have to do with Christmas? Is it a Finnish thing?For a Finnish-themed Christmas market at Brussels bookstore Cook&Book, French graphic designer Julie Joanny created this delightful festive flyer with a Christmas jumper vibe. We love the unlikely cross-stitched sharks, and the fact that if you pull at the orange collar an inner flyer comes out, with more details. 16. Loulou & Tummie This vector illustrated flyer promotes Loulou and Tummie's speciality perfectlyArtistic duo Loulou and Tummie's promotional material is out of this world! Known for their eye-catching vector work, this colourful flyer showcases their talents brilliantly, leaving the artwork to do all the talking and accompanied by a small, but necessary, amount of text. 17. 20 Fold It folds in all the right placesThe brief for this project was simple: create a flyer that goes along with the folding theme of the California State University Graphic Design BFA Show, titled 20 FOLD. So, that's exactly what designer Darren Nguyen did. No matter which orientation the recipient chooses, the sophisticated design places all the necessary information above the fold. 18. Mixed Taste The beautiful illustration and thermographic print job makes this flyer really stand outThis eye-catching design was created by Ellen Bruss Design to highlight a series of lectures at Denver's Museum of Contemporary Art. To promote the workshops, which pair two completely unrelated topics together, the flyer features a beautiful illustration of disjointed imagery. The design was completed with a thermographic print job, leaving it with a plastic, bumpy texture, which complements the illustrative style. 19. Drop Inn Hostel Return the Drop Inn's O-shaped flyer to claim a reward This is a simple but brilliant concept for the Drop Inn hostel, based in Singapore. Created by local creative agency Bravo, this luxury and stylishly designed O-shaped flyer informs each recipient that the hostel has, in fact, dropped its vital vowel and will therefore reward guests who return them with a discount on room rates. 20. CSUS Spring Show The threading of icons in the design cleverly demonstrates the artistic side and connectivity between departments To promote its student show back in Spring 2011, California State University, Sacramento commissioned designer Christine Jackson to create these promotional flyers. The back of the flyer provides all the necessary event detailsThe threading of various icons in the design cleverly demonstrates both the artistic side and connectivity of the graphic and interior design and photography departments. 21. Mehrblick We love the playful execution of this flyer designThis flyer for the two year anniversary of Mehrblick Events – an electronic music festival with lots of confetti and decorations – was designed by Germany-based artist Alexandra Turban. We love the playful execution and array of inspiring typography on show. 22. Hawes & Co. Get inspired with Tess Redburn's surreal illustrationsTess Redburn is a UK-based illustrator with a knack for eye-catching flyer designs. Having been snapped up by a number of festivals, companies and businesses, her colourful and surreal illustrations provide the perfect execution and inspiration for any flyer. 23. Pastilla Digital Stimulating visuals are at the forefront of this flyer designThis gorgeous flyer was created by Mexican agency Monumento (formerly called Face) for Pastilla Digital. "From the very beginning the goal was to design without limits, to experiment with all sorts of different materials, inks, and finishes, and to create an output of stunning, stimulating visuals that people can't help but want to collect," they explain. 24. Muah! We love the experimental lay-out of this flyer designThis custom typography, silkscreen flyer design was printed on limited run in special colour edition in A5 size. We love the experimental layout and the careful selection of colours. Designed by Czech Republic studio Anymade – we love their style. Next page: More brilliant examples of flyer design... 25. Monster Hands Your hands can turn into a dangerous monster if you don't keep them cleanYou can't get much more eye-catching than this brilliant flyer design, aimed at educating people about the importance of cleanliness in stopping the spread of bacteria. We just love how the hands have been transformed into this menacing yet cool looking character. Genius. 26. Room for rent This flyer design by Jimena Gamio was sure to attract prospective tenantsWhen a friend of art student Jimena Gamio was on the hunt for a flatmate a couple of years ago, Gamio created this cool typography flyer for her to distribute around town. A cool design and a refreshingly original alternative to the many generic, dull ads online. 27. Mikro Motion designer Mellow developed this beautiful, abstract flyer for Mikro club nightThis beautiful, abstract flyer design was created by motion, screen and print designer Mellow for a club night called Mikro. The design is so detailed, it takes a few minutes to notice the lizard that forms the base of the illustration. An extremely talented creative, Mellow has developed numerous flyer designs for various events, all of which feature in an awe-inspiring online portfolio. 28. Craft fair flyer Classic colours and retro type make this gorgeous flyer design stand out from the crowdThis craft fair flyer by designer Suji Allen is a brilliant example of how to advertise an exposition of all things homemade. Featuring classic colours and retro type, this design is sure to catch the eyes of people interested in arts and crafts. 29. Mokka Cuka Graphic designer Karoly Kiralyfalvi created this cool flyer design for Hungary's outdoor venue Mokka Cuka Plugged in and turned on, this cool flyer was designed by Hungarian graphic designer Karoly Kiralyfalvi for the Mokka Cuka – a leading outdoor underground venue in Hungary. The retro design features a custom-made font and eye-catching colour choices, finished off with graphics of microphone, earphone jacks and USB cables, giving a clear indication of the type of event the flyer promotes. 30. Kyary Pamyu Pamyu This flyer is energetic, just like Kyary Pamyu Pamyu's musicThis standout flyer promotes Tokyo-based singer Kyary Pamyu Pamyu's debut album. She started out as a blogger and model, and then proceeded into a music career. The flyer is as striking as her personal style and music videos. The prominent visual, a freaky-looking hairstyle on a floating head, immediately commands the viewer's attention because people are attracted to faces. The illustrations and hand-rendered typography are playful and visually striking in high contrasting colours. This layout has an energetic vibe, suggesting that's what we can expect from her music. 31. Shop Spotlight This colourful typographic flyer perfectly demonstrates Shop Spotlight's wares Shop Spotlight are proud owners of a shop that designs colourful typographic table decorations for weddings, and this flyer was designed to promote a bunch of new products; popping with colour, the layout boasts the use of type as image in overlays that give them a tactile letterpress aesthetic. 32. Baby Jupiter Psychedelic typography makes this flyer stand outThis nostalgic psychedelic flyer is for the In the Basement event held at Baby Jupiter, Leeds, UK. For some people this venue is reminiscent of a weird little bar you might stumble across in Amsterdam, for others the atmosphere reminds them of classic telly programme. All we know is this mesmerising flyer seems to come from a groovy place. The layout incorporates warping typography within a illustrative frame. A real product of craftsmanship; A real trip. 33. Morph Ed price has created many Morph flyers, which can be seen on his Behance portfolio page It was hard to choose from the many flyer designs that art director and graphic designer Ed Price has created for Morph, a popular techno night in Bristol, UK, but this one just pipped it for us. We love the splash of colour in amongst the clean black type and the neutral woman's face. 34. United Students This simple but effective design uses the iconic image of Big Ben to get its message acrossItalian freelance graphic designer and illustrator Marco Oggian created this simple but brilliant flyer design for a party hosted by United Students, the largest student association in Switzerland. A series of parties took students on a journey through the major capital cities of Europe, including London, Berlin and Barcelona. 35. Penguin Rider This cool Penguin does a great job promoting a skiing competition in France We couldn't not include this cool skiing penguin flyer design in our list. Creative agency Zim & Zou were the brains behind this concept for a snowboard and skiing contest in France. The team used models to create an Antarctic environment and then added Georgia and their own custom font to create the cool design. 36. Kolor Gorgeous design, colour and printing for these flyers designed for KolorSilkscreen art on rough cardboard works beautifully for these gorgeous flyers for Kolor bar in Budapest. The design was by Budapest-based graphic designer, illustrator and typographer Eszter Laki. 37. Forevergreen Festival Clean type and illustrations work wonders on this Forevergreen Festival flyer We're loving the simplistic design, clever use of type and cool graphics on this Forevergreen Festival flyer design, created by Giovanni Montuori. The quality and bright colours of the illustration immediately draw your eye and the simple, clean type presents all of the information visitors will need, nice and clearly. 38. HQ Drum & Bass There's a very different style to this club flyer design – simple but appealing This club night flyer is unlike most others. No glossy paper, bright colours or big typography, just a simple but appealing design. The cool central graphic is reminiscent of an optical illusion, and the whole thing is printed on 100% recycled pulp board. Awesome work by graphic designer Ross Gunter. 39. Riscopriamo Il Borgo These stylish festival flyers reflect the traditional event they promote perfectly Riscopriamo Il Borgo is a traditional festival held in Airola, Italy, created to celebrate the country's history, roots, popular culture and traditional cuisine. These stylish flyers by graphic designer Giuseppe Fierro are a great example of how well a simple, clean design and superb typography can work together. 40. Stampede The horse design for this rock night flyer was created using a series of different sized circlesStampede is a rock night that takes place in Soho, London, every Monday. To promote it, creative project assistant Michael Higginson created this cool, grungy flyer design featuring an elegant yet powerful horse composed of a series of different sized circles. 41. Lovejoy Clever use of shadows makes this flyer design by isoarts look 3D We love everything about this flyer design, from the original design to the colour palette used. But it's the clever use of shadows to give the impression of depth that we find most impressive. Developed by German graphic design studio isoarts (formerly named Andersdenkend), the team has nailed the art of flyer design with this creation. 42. Beat Up Designer Jacopo Severitano welcomes the summer with this retro-style flyer design This flyer for an outdoor party, by graphic designer Jacopo Severitano, proves that if you get the right image, minimal text is all you need to complete the design. With an Instagram feel to it, this retro flyer design makes us want to head out into the sunshine and join in the summer fun depicted here. 43. ADCN We love the distinctive style of Dutch illustration duo LouLou & Tummie Dutch illustration duo LouLou & Tummie make it into our list again for this flyer. Here they applied their distinctive illustration and graphic design skills to this flyer for the ADCN advertising gala back in 2010. The bright colours against the black background makes the brilliant graphics really pop, creating a totally eye-catching flyer design. 44. Ochsenfest Nicole Jacek developed this cool lenticular flyer design for the biennial Ochsenfest festivalNicole Jacek is an award-winning graphic designer from Germany, now based in New York, and the brains behind this lenticular flyer design for the biennial Ochsenfest in Ludwigsburg, a four-day music festival. The design itself is fairly simple, featuring a black cow on a simple white background. The impressive part is the guitar that forms on the animal's head as the flyer is moved. Related articles: 33 InDesign tutorials to level up your skills 50 brilliant design portfolios to inspire you 100 amazing Illustrator tutorials View the full article

Dan Mall is a creative director and advisor from Philadelphia, founder and director of SuperFriendly and co-founder of Typedia (an encyclopedia for typefaces), The Businessology Show (a business podcast for designers), No Chains and swFIR. And he's also confirmed to talk at Generate New York in April 2018. Mall’s ‘Should Designers…’ workshop will provide specific methodologies and techniques to help designers become even more indispensable. Designers need to grow their skills in order to stay relevant and effective these days, but which skills are worth focusing on? Mall’s session will give you the answers. We caught up with Mall ahead of his appearance to ask him to answer some net magazine reader questions. How has your pricing strategy changed over the years? Regina Casaleggio, Cape Town, South Africa Dan Mall: The more I work, the more I realise that pricing is an emotional variable. Clients will pay for things that they really value, regardless of whether it makes sense on a spreadsheet. The more attuned I am to that fact, the less dependent I am on a client’s stated budget. I rarely ask now what budget they have; instead I focus the entire conversation around their hopes and dreams and try to deliver a price for those things that’s guaranteed to be an excellent return on investment. Discover more about in Dan Mall's best-selling book How much design are you doing in static tools versus in browsers? Ben Callahan, Ohio, USA DM: Currently, it’s a bit of a parabola: I do a lot of sketching up front with tools like Photoshop and Sketch, mostly of small screen designs. I’ll hand that off to my frontend developers who start to rough those out in the browser. Towards the end of a project, I’ll jump back into Photoshop and do spot comps of any rough spots. Tickets for Generate New York 2018 are out now! I've read about your pricing articles, but how do you educate clients that the pricing you quote is worth their money? Yap Kwang Yik, Singapore DM: Empathise – Focus on the results of what your work will bring your client. Will they make more money? Will it help them become more efficient? Articulate – As the service provider, you’re supremely qualified to articulate exactly how your client will be better off by working with you. When thinking through what the project might entail, you’ve likely thought about how your client’s life will be better after you deliver your work, but few people remember to actually spell out these benefits to the client. Reinforce – Don’t be afraid to reinforce how your work will improve things; that goes a long way in helping your client understand why you’re worth the money. This Q&A with Dan Mall originally featured in net magazine's special 300th edition. You can grab your copy from here. Don't forget to book your Generate New York tickets now. The must-attend web design and development conference will be held on April 25-27, 2018 at the Metropolitan Pavilion Chelsea and features a who's who of some of the industry's biggest name. What are you waiting for? Get your tickets now. Related articles: Dan Mall on defeating apathy 18 great web design podcasts 4 ways to get your pricing right View the full article

You're reading HTML Media Capture is Now a Proposed Recommendation, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! HTML Media Capture is a W3C specification that defines an HTML form extension that facilitates user access to a device’s media capture mechanism, such as camera or microphone, or within a file upload control. It works by extending the <input type=”file”> element with a capture attribute. Surprisingly, browsers were never good at capturing images and […] View the full article

From marketing to journalism, every industry is turning more to video as the next frontier. Now is the perfect time for you to pick up some key skills that could help place you in a new and growing field. Grab the Adobe Premiere Pro CC Masterclass and master the most powerful tool in video editing. It's on sale right now for just $21 (approx. £16). Adobe Premiere Pro CC is possibly the most used video editing tool on the planet. Everyone from commercial makers to movie studios uses this program to put together their video work, and you can join their ranks with the help of the Adobe Premiere Pro CC Masterclass. This comprehensive course will teach you everything you need to get started on editing – whether it's as a hobby or a career. From improving audio to colour grading and even adding effects to green screen footage, you'll get 59 lectures and over 5.5 hours of actionable lessons that will make your videos look professionally-made. The Adobe Premier Pro CC Masterclass usually retails for $200. You can get it on sale right now for just $21 (approx. £16). That's a saving of 89% off the retail price for a course that will have you editing video like an expert. Grab this deal today. 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 Check out these great articles: The ultimate Christmas gift guide for freelancers 9 tools to make graphic design easier in 2018 5 best laptops for video editing in 2017 View the full article

Medieval churches, green pastures and slate-topped farm houses are synonymous with the villages that litter the British countryside. Here I'll use my own 'five C’s of painting' – Concept, Composition, Contrast, Colour, Completion – as logical steps to paint the beautiful medieval St Laurence’s Church in Weston Underwood, the next village from where I live in the Cotswolds. The photograph of the church was taken on a sunny but cool day in April from the edge of a field at the back of the church. I put a 3x3 grid on the photograph to help draw my composition. To do this, draw a 14 x 10-inch border on your watercolour paper and this will be exactly proportional to the dimensions of the photograph. Once done, draw a 3x3 grid lightly with a B pencil on the watercolour paper, which will proportionately match the grid on the photograph and enable you to transfer the image accurately. Get off to a good start with tools and materials assembled For this painting, I used: Winsor & Newton Professional Watercolours in Raw Sienna, Burnt Sienna, Burnt Umber, Cobalt Blue, Ultramarine Blue, Brown Madder, light red. Bockingford Not 140lb (300gsm) 11x15-inch. Isabey Squirrel Mop Brush (size 10) for the broad washes and Escoda Perla size 8 and size 12 to use on the architectural details. For a pen, try a sharpened matchstick (such as Bryant & Mays Extra Long Matches) dipped in a bottle of waterproof Indian Ink. The matchstick makes it easy to achieve a line with character. B pencil. Putty rubber. 01. Paint from the photo Develop the concept by observing a photograph of the scene The first C is Concept (what you want to say in the painting). The concept here is an English country church on the edge of a village. I decide to refine the concept to create a warm autumn painting in contrast to the cool spring feel of the photograph; the concept now is an English country church in autumn. I also decide to have a strong sun from the left to light up the left facade of the church and create strong shadows for tonal contrast at the centre of interest. 02. Draw a pencil outline Keep it simple with the use of gridlines and dots Composition is the next C and refers to the arrangement of the painting. A pencil outline of the main elements is drawn by referring to the 3x3 grid on the photograph and putting dots on the watercolour paper grid where the main elements strike the grid lines. Then it’s a case of joining the dots – no detail, just the outline of the objects. For clarity, I’ve drawn the gridlines, dots and outline in strong 4B pencil, but you should draw these lines with a B pencil as lightly as you can. 03. Start the ink drawing Using waterproof ink is essential to prevent lines loosing shape Line and wash is particularly useful for details on the buildings and drawing the trees. To produce a line with character, I’m using a sharpened matchstick dipped into waterproof black Indian ink. It is particularly good fun flicking in the trunks and branches of the bare autumn trees. As the ink drawing is completed first, it is critical that the ink is waterproof and doesn’t run when the watercolour washes are applied. As I’m left-handed, I start drawing on the right-hand side of the paper to avoid smudging the ink; if you are right-handed start on the left. 04. Complete the ink drawing Change and replace elements to achieve the right effect You will note I have made some adjustments from the photograph: I left out the rather ugly bush at the centre left of the photograph, which I felt competed with the church. I’ve also indicated some plough furrows in the foreground to create the autumn feeling but reversed the direction of the furrows to give directional perspective lines leading the eye to the centre of interest – the church. I also added a distant hill to improve the composition and add depth. 05. Hatch in the shadows Identify areas of light and darkness at the drawing stage The next C to explore is Contrast (tone values). This refers to the darkness or lightness of objects in the painting; I create the tonal plan for the painting at the ink drawing stage by hatching in the shadows using vertical lines. The sun is coming from the left so there will be shadows on the right-hand side of the tower,the buttress and the gable end of the church, as well as an eaves shadow caused by overhanging roof. If you want to erase the grid lines, now is the time. 06. Paint the sky Bringing warmth to the picture beginning with the sky Colour is the next C to consider, specifically whether it is warm or cool. I’ve decided on a predominantly warm painting so the sky will be warm light grey clouds with blue patches. I mix a warm light grey from Cobalt Blue and light red and another pan of strong Cobalt Blue. Using my mop brush, I apply clean water where I want the clouds and leave the paper dry for the blue patches. To emphasise the centre of interest, I put blue sky behind the church tower, leaving the domed cupola the white of the paper. Then I quickly paint the light grey wash into the damp paper, creating soft-edged clouds and drop in some more blue patches in a single wet-into-wet wash. 07. Begin the foreground The grass in the photo gives way to a freshly ploughed field One of my concept decisions was to change the season to autumn and create a freshly ploughed field in the foreground in rich browns and reds to give warmth to the painting. The plough furrows were drawn in ink so at this point, a strong wash of Burnt Umber and Burnt Sienna is sloshed on with my mop brush. The shadows created by the furrows are dropped in while the wash is still damp. 08. Start a first wash on the buildings Focusing on the Cotswold stone for church and headstones I add a touch of Raw Sienna to my grey cloud wash to emulate the dull yellow grey of the Cotswold stone. Using my number 12 round brush, I paint the walls and tower of the church in addition to the gravestones. 09. Finalise the wash Making sure the contrasting elements show through The church, cottage roof and the domed roof of the cupola are all painted with a strong mix of Ultramarine Blue and light red mixed on the paper to vary the wash. I then use light grey again for the lead roof on the facing extension and paint the cottage walls light red. The large bush in front of the church uses Ultramarine Blue and Raw Sienna, and the other bush is Burnt Sienna. Both are put in while the church wall wash is slightly damp to give a soft-edge effect. The long dead grass at the edge of the field is watery Burnt Umber. 10. Add a shadow wash Getting the colour of the shadows just right The hatched shadows are reinforced with a strong shadow wash, which will turn on the sunshine. Shadows aren’t grey; they are a darker tone of the colour of the object plus some purple from the sky and reflected light from adjacent elements. For shadows I use a transparent mix of Ultramarine Blue and Brown Madder; the transparency of the shadow wash allows the colour to show through, which I reinforce with some strong colour dropped into the wet shadow mix, for example, Raw Sienna into the tower shadow. 11. Make the final touches Less is more; know when to stop adding touches Completion is the final C. At this stage, I’m nearing the finish of the painting and there is a danger of adding too much. The trees need some indication of shape, so using quick downward strokes I dry brush in some light Burnt Umber. Then I emphasise the furrows in the foreground with some corrugated cloud shadows using the same shadow mix as before and dropping in some neat Burnt Sienna as the local colour. 12. Enjoy your work Sit back and admire the countryside At this point I refer back to my concept; English country church in autumn. Have I achieved my concept? I think I have, so the painting is finished. This article originally appeared in issue 11 of Paint & Draw magazine, offering tips and inspiration for artists everywhere. Buy issue 11 here. Related articles: 7 must-know painting techniques for artists How to capture the light with oils How to draw and paint - 100 pro tips and tutorials View the full article

Recently, I was asked the question: “How would you characterize the traditional patch management space compared to how the market is evolving?” This was my answer: Patch management is a discipline that’s not evolving as fast as the markets. The main reason is that, as a rule, discussions about evolving patch management practices don’t get support from senior management, therefore end up not being prioritized by IT professionals. The root cause of this challenge is in the fact that patch management is traditionally an IT Operations function and rarely treated as an integral part of a IT security strategy. This vision is contradictory though, considering that patch management is known to be the single most effective way to prevent exploitation of vulnerabilities, and the exploitation of software vulnerabilities is one of the top means for external intrusion. Additionally, it is known that applying patches before risk increases should be possible. Here are some facts that confirm my points: 99 percent of exploitation targets are publicly known vulnerabilities. That means vulnerabilities are known, not only to hackers, but by users and system administrators long before they are exploited. Patches are available for most vulnerabilities at the day they become public. Our research shows that, on average, over 80 percent of vulnerabilities have a patch within 24 hours of public disclosure. The majority of first exploitation happens long after the vulnerability becomes public. Despite this knowledge, we continue to see high profile attacks targeting known vulnerabilities. That’s the case in the WannaCry ransomware attack and the breach of Equifax, to mention two cases with broad media attention in 2017. Both of them started more than two months after the vulnerability – and the patches for the affected versions – were made public. Those facts confirm the need for more attention to patch management practices as an effective way to close the window of opportunity for hackers and keep businesses and users protected. Addressing the challenges of managing software vulnerabilities is our “raison d’être”. The Secunia Research team works relentlessly to deliver the best intelligence that feeds our vulnerability and patch management solutions. Our customers are empowered to patch the right things, before hackers can exploit them. Contact us, if you would like to learn more about how our customers use our solutions to prioritize their work and reduce risk. Source View the full article

As an artworker at Wieden+Kennedy London, I design for print regularly. There are certain requirements that printed products need that are different to other types of design. Here's my process for getting files print-ready. Christmas offer: Save up to 47% on a subscription to Computer Arts When preparing an artwork file for print, I start with an approved file from the design team. I make several rounds of minor amends – copy and image updates, such as edits to the headline or adding retouched images. Once I receive final sign-off internally and from the client, I prepare the artwork file according to job specifications defined by the design or media channel booking. This usually includes checking the resolution and colour space, so for a print job we ensure the image is a minimum of 300dpi and in the CMYK colour space. I then set the document up to specification, making sure the document size, bleed, trim and copy safe area are correct. To ensure the artwork is colour accurate, I print a colour-certified proof to be signed off by the necessary parties. For press and out-of-home campaigns, I will adapt the master artwork to suit specific media bookings. For example, if I’m adapting a press ad for Sainsbury’s, I receive different sizes and specifications for each newspaper and adapt the file while being careful to keep the overall look and feel as close to the master layout as possible. Once adapted, files are then packaged up (collecting the individual assets, layout files, fonts, graphics, images) or formatted to a particular file type, according to the printer’s requirements. We then supply to the printers or production partner ready to print. Balancing print The Three Holiday Spam campaign pictured above centred around people bragging via holiday snaps. As this was for print, the files were created in InDesign in the CMYK colour space. All images had to be a minimum of 300dpi and in the correct colour space. Colour adjustments were made so that the execution felt balanced and some of the duller images still popped. It was important that the white space between the images was consistent and exact and that the copy sizing, leading and tracking adhered to Three’s brand guidelines. I also ensured the T&Cs, hashtags and URLs were correct. This article was originally published in issue 272 of Computer Arts, the global design magazine – helping you solve daily design challenges with insights, advice and inspiration. Buy issue 272 here or subscribe to Computer Arts here. Special Christmas offer: Save up to 47% on a subscription to Computer Arts for you or a friend for Christmas. It's a limited offer, so move quickly... Related articles: 33 InDesign tutorials to level up your skills Create special print finishes in InDesign 5 things every creative needs to know about print design View the full article

Ivan Chermayeff, the American designer behind some of the most distinctive contemporary logos, passed away on 3 December aged 85. A founding partner of Chermayeff & Geismar & Haviv, Chermayeff is widely recognised for his branding work, as well as his output as an author, illustrator and collagist. Born in London in 1932, Chermayeff was the son of Russian-born industrial designer Serge Chermayeff, who also enjoyed a diverse career as an author and architect of the De La Warr Pavilion. In 1940, Chermayeff moved to the US and went on to study at Harvard, the Institute of Design in Chicago and Yale School of Art and Architecture. A formal education was not the source of Chermayeff's artistic talents, however, as he once claimed that studying chemistry would have given him the discipline that he needed to succeed as a graphic designer. After graduating, Chermayeff worked as an apprentice for fellow American graphic designer Alvin Lustig and designed record covers at CBS. He founded his own New York studio with Tom Geismar and Robert Brownjohn in 1956. The studio, which would later become known as Chermayeff & Geismar & Haviv, is the source of over 100 renowned corporate logos, including designs for NBC (see the famous peacock above), Pan Am, Showtime Networks, and HarperCollins. Major non-profits and cultural institutions also got the Chermayeff & Geismar & Haviv treatment, with the likes of The Museum of Modern Art, National Geographic, and the Smithsonian Institution among its many clients. Speaking to us in 2015 for our branding article, Chermayeff described his meticulous approach at Chermayeff & Geismar & Haviv: "We not only insist on seeing what they do, but on talking directly, face-to-face, to those in charge of any decision-makers – the CEO and others responsible for strategy, design or marketing." Alongside his career as a designer, Chermayeff enjoyed success as an illustrator. His bold style lent itself well to text by Kurt Vonnegut in the book Sun Moon Stars. As part of the studio he helped to create posters for the Guggenheim, magazine covers for Bloomberg Businessweek and a 9/11 editorial for The New York Times. Chermayeff served as president of the American Institute of Graphics Arts (AIGA), while Chermayeff & Geismar & Haviv received the AIGA Medal for graphic design and visual communication in 1979. Chermayeff's contribution to modern graphic design has been monumental, with artists taking to social media to pay their respects to the creative genius. Related articles: The designer’s guide to using colour in branding The top 10 big-brand logos Interview with Chermayeff & Geismar & Haviv View the full article

We're in a world where communication increasingly takes place online, and GIFs are on the rise. They now permeate everything from popular culture to ad campaigns. For the next generation of designers and developers, knowing your way around motion graphics and having a good understanding of the basics of creating a GIF is essential. A good GIF can be playful and full of dynamism, or it can be slow and smooth; whatever describes the feeling behind the moving images. The key is to understand what makes an eye-catching GIF and create a language that fits the mood of the message. However, there are some rules to learn and tools that can help you on your way. Here, creatives from leading studios, as well as some well-known freelancers, share their tips for mastering the art of the GIF. 01. Keep it eye-catching With social media usage hitting an all-time high, it's perhaps no surprise that the trend for GIFs in advertising is rising rapidly. "Using GIFs in social content can be really powerful if executed right, " says Tom Grant, a designer at Fiasco Design in Bristol. He sees GIFs as the ultimate attention-seeking device, bringing what would be a flat, static post to life in "eye-catching, engaging and informative ways". Fiasco Design created a range of energetic GIFs for the Rio 2016 Olympics Fiasco Design created a range of lively and energetic GIFs for the Rio Olympics, combining a vibrant colour palette with quick, flashy frame speeds, and experimenting with a typeface that would be legible at different sizes. 02. Keep the size down for social sharing For designers, there are a few rules to making effective GIFs for social platforms. "The main technical challenge is keeping them below the file size limitations of each social media platform, " suggests James Curran, senior director at global production company Partizan. "Tumblr in particular is always tricky as it has a 2MB limit, so I sometimes need to be creative with ways of shortening loops to keep the size down." There are also some particular rules for creating GIFs that will be compressed: first off, stick to a limited colour palette. Avoiding gradients is essential, as you'll end up with either grubby shading or huge file sizes. Semi-transparent pixels are also a no-no, as the transparency is either fully on or fully off – something to keep in mind to avoid those jagged edges. 03. Design with mobile users in mind Although different types of websites use GIFs in different ways, most designers agree that it's better not to have a huge number of GIFs playing at the same time on one page. Curran recommends using rollovers to avoid slowdown, and to keep the animations playing at the speed they were intended to. And it's worth bearing in mind the kind of devices that your GIF is going to be viewed on. Curran's tip is to design with a small screen in mind: "Keep everything simple and bold so it works well on any device." Russell Etheridge, a member of Animade's creative team, favours designing in a square. "Many of our GIFs start in that shape and get cropped if need be. Also, you tend to scroll social sites in portrait on your phone, so it's better to have a design closer to a square as narrower images will look smaller." For his Olympops GIF (above) Etheridge animated everything in 4:3, which could then be cropped to a square or standard 16:9 video. 04. Make it work as a continuous loop Parisian designer Valentin Adam, who works as Playground Paris, argues that rather than thinking about GIFs specifically, it's the concept of the 'loop' format that is gaining pace: "It's really fun to make a two-second animation that plays infinitely and looks like it's different at every loop." Curran agrees, and suggests thinking about GIFs as being continuous, rather than having a definite start and end point. "Try to tell a story that works within the loop, " he suggests. "I think that helps to keep people watching GIFs for longer." James Curran's playful GIFs have propelled him to a giddy level of popularity If the animation is short in length, it's good practice to limit the loops to no more than three times before halting the animation completely, recommends Nick Lewis, a designer and frontend developer at Fiasco Design. However, if you're designing the GIF to go on a social media platform such as Twitter you don't need to worry so much, as built-in functions only play GIFs when they are in view. Finally, it's essential to get your loops nice and smooth – and there's one particular pitfall to avoid. "Having the last frame of your animation the same as your start results in a tiny little hold where you see the same frame twice, causing an un-smooth loop, " Etheridge points out. "Make sure you remove that one at the end to avoid this." 05. Find the right tools for you For the majority of designers, mastering Photoshop is pretty much key when it comes to making your own GIFs. Curran recommends YouTube as a go-to resource for online tutorials to pick up software basics: "Once you've got a good understanding you can figure out how to adapt those principles to the style of work you want to create." Grant suggests playing around in CodePen: "It holds great sources of inspiration and offers a place to learn and get creative with code; whether you're a novice or a seasoned pro." For more complex GIFs, After Effects is many designers' tool of choice. "There is much greater control over the movement and timing functions, as well as some extra tools to create really powerful animations, " reveals Lewis. If you're looking to brush up your After Effects skills, try Curran's GIF-making tutorial (above), our guide Get started with animation in After Effects or our compilation of 40 amazing After Effects tutorials available online. It is possible to export your designs as GIFs directly, but Lewis suggests exporting as a video first: "It seems to be easier to compress that way and reduce the file size." 06. Start off simple With all these different options, it's easy to get overwhelmed. "Because there are many variables to consider, there is a lot of testing and technical know-how required. It can take twice as long as a usual illustration turnaround to create a looping GIF, " says Melbourne-based illustrator Ellen Porteus. Her advice to beginners is to keep things simple: "Start with a few elements, to understand how things move, and slowly build up to more complicated animation. I started out by creating a lot of bouncing balls." Valentin Adam (aka Playground Paris) built his portfolio by creating a GIF a day for a month Adam mastered the art of keeping things simple when he was working on expanding his GIF portfolio. "I had in mind to make a huge miscellaneous motion with a lot of silly and crazy things, but to make it happen I had to publish a GIF every day – partly to avoid overthinking it," he explains. He ran the challenge for a whole month, publishing the GIFs on his Instagram page. By employing a range of tricks he managed to get his average creation time down to around an hour. 07. Turn a video into a GIF Creating GIFs need not be the sole domain of illustrators – you can import any video into Photoshop to convert it into a GIF. For those whose Photoshop skills are lacking, Grant recommends experimenting with Giphy, which provides a free, simple way to break your videos down into frames. "I don't really use the frame animation system in Photoshop, as video layers are much more intuitive," comments Etheridge. "If I'm animating graphics I'll animate in After Effects and import into Photoshop as a rendered video file before converting." However, he points out that if you're making a GIF from live action video footage, achieving a smooth loop is going to be much trickier, as is getting an even colour. 08. Make it accessible for everyone To ensure content can engage with a wider audience, developers need to be mindful of accessibility and web standards. "Web animation should always be used to progressively enhance the experience, " argues Grant. He suggests describing animations and animated GIFs in text so they can be understood by screen reader-users, and avoiding too much blinking or flashing so they remain suitable for viewers with photosensitive epilepsy. Fiasco Design's GIF for Larmer Tree Festival Animade co-founder James Chambers agrees that accessibility should be built in from the start: "Basics like providing alt tags on images – animated GIF or otherwise – should be a baseline." He also points out that for vector animation, using inline SVGs can drastically improve accessibility. Simply put, an SVG is a XML-based vector image format for two-dimensional graphics that supports interactivity and animation. "From an accessibility standpoint, inline SVGs contain more information when compared to a blank <canvas> tag, and can therefore be better interpreted by the browser, " he explains. For animation-heavy sites, Chambers suggests combining SVG with thoughtful use of ARIA labelling. Out of the box, screen readers work with regular HTML, but adding ARIA can provide screen reader users with more context and greater interactivity with content. Yet ARIA has no effect on how elements are displayed or behave in browsers – it is meant only to act as an extra descriptive layer. An incredibly useful tool for web developers. 09. Explore something new So why have GIFs become so popular? For many designers, they offer a new outlet for creative expression. "I think it's partly because the core audience for GIFs is younger, [clients] are more interested in content that is a bit off-beat, " says Curran. "For whatever reason, brands seem more open to allowing creators to be more creative with GIFs than they would be with more conventional content. Because GIFs are smaller projects with generally smaller budgets, it's less of a risk for brands to use this format to try something different." Ellen Porteus designed this looping GIF for Quantcast Porteus agrees: "It's all about making the most of the flexibility of the digital medium. Traditional illustrations are great, but GIFs can be really engaging, fun and clever. For me, the most engaging GIFs are the ones that loop seamlessly and infinitely, with a lot of movement and playfulness." As for what makes a great GIF, intuition has something to do with it. "It's about having an understanding of basic animation principles, a sense of rhythm, and being able to think of an idea," concludes Curran. "I'm still learning all of those things myself after over 10 years of animating!" Main illustration: Yukai Du This article originally appeared in issue 287 of net, the magazine for professional web designers and developers – offering the latest new web trends, technologies and techniques. Subscribe to net magazine here. Related articles: What CSS framework should you use? Fresh ideas for building websites 30 amazing vector art tutorials View the full article

Push your renders like never before with this free Cinema 4D guide from the makers of 3D World and 3D Artist. Inside you’ll find 29 pro tips and workflows on character rigging, how to create walkcycles quickly and easily, pattern creation, graphical animation and more, all using Cinema 4D's Voronoi Fracturing. Download your free Cinema 4D guide Through 29 expert tips, you’ll find top advice for using new features in Maxon's latest release, Cinema 4D R19 from pros such as Edna Kruger – who writes for Maxon’s Cineversity learning platform. Kruger shares her advice on pose space deformation, PBR with AMD ProRender, MoGraph effectors, fragment destruction and more. You’ll also get an in-depth tutorial on the power of fracturing, so you can upgrade your motion graphics and destruction for VFX instantly. Jonas Pilz teaches you to work with Voronoi Fracture for true flexibility and create patterns, destruction, graphical animations and sort fragments for truly spectacular 3D art. Last but not least, Glenn Frey shares his essential techniques for rigging in Cinema 4D, including how you can effortlessly rig a character, use Character Builder (Cinema 4D’s autorigging system), and master walkycycles with CMotion. Frey has also provided plenty of videos so you can watch his animations in action while reading his detailed explanations at the same time. And don’t forget, you can download a free trial for Cinema 4D here! View the full article