Rss Bot

There’s no reason for you to not have your own website online. Whether you're hosting a portfolio site, launching a blog, or setting up a storefront, all you need are the right tools to get it up and running. The Dragify Web Hosting and Builder Bundle has what you need, and you can get a lifetime of service for 91% off the retail price! Dragify Web Hosting and Builder Bundle has everything you need to get your website up and running. Start with the Dragify Website Builder, which makes it easy to put together a site that has all the features that you need. Then get your site online with Dragify Website Hosting. This web hosting service lasts a lifetime so you won't have to worry about it ever again. Dragify Website Hosting features 200GB of bandwidth per month, and unlimited email accounts and more. You'll also get great tools and resources to keep your website safe and make sure it's never overwhelmed by traffic. You can get started setting up your own space on the web with a lifetime subscriptions to Dragify Web Hosting and Builder for 91% off the retail price. That's a great deal of savings or a must-have bundle, so grab it 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. Related articles: Choose a website builder: 18 top tools The 14 most exciting open source projects on the web 12 best web hosting services View the full article

After hours of looking online for some web design inspiration, you're ready to get started with a new site and now need a website builder. There are a multitude to choose from, so which is the best? Well, for a start, you'll be looking for a website builder that can create your website in the latest version of HTML, HTML5. And secondly, you'll want a tool that simplifies the process of web design and enables you to create a great site without needing a lot of programming or coding knowledge. We've scoured the web to find you the best HTML5 website builders – in no particular order – that fit these requirements and more. Let us know how you get on... 01. Duda Duda's free plan gives you pretty much all you need to get up and running online Designed with online stores, business sites, blogs and one-pagers in mind, Duda's responsive website builder has a stack of ready-made templates for you to choose from, and a drag-and-drop editor to make it easy to put your site together. It features plenty of widgets to help turn visitors into paying customers, plus integration with web-based solutions such as OpenTable, Disqus and PayPal, and even features website personalisation tools that can trigger a variety of individualised actions that'll make your customers feel extra-special. The 41 greatest free web fonts 02. Shopify An easy way to build a great-looking shop with a reliable backend If the website you need to build is an online store, Shopify is a good choice. It powers over 325,000 online shops and the pricing plans and features are flexible enough that it will work for you whether you have a tiny fledgling business or something much larger. There are loads of templates and themes so you can put your store together exactly as you want, and if you think you might need something more advanced in the future, it's easy to find an expert to help you. Prices start from $29 per month. 03. Silex Silex is free and easy to use, if you don't mind sorting your own hosting Free and open source, Silex can be used entirely within the browser and works with you, whatever your skill level. There's a friendly WYSWIG editor drang and drop interface that you can use to put everything together, with all your changes visible immediately, and if you're comfortable with CSS and JavaScript then you'll find integrated editors that enable you to get down and dirty with code in order to add styles and interactivity to your elements. There are plenty of templates - both free and paid - and widgets to choose from, plus built-in SEO. Bear in mind, though, that Silex won't host your site, however it offers advice to help you get sorted. 04. Jimdo All of Jimdo's plans offer unlimited bandwidth and plenty of design options If you want to create a site for free without getting hobbled by a lack of features, give Jimdo a try. All of its plans offer everything you need to create a professional-looking HTML5-powered website, including templates, photo galleries, Google Maps integration, plenty of storage and unlimited bandwidth, and it's easy to put everything together. Step up to one of its paid services from $5/month and you'll get your own domain, an online store, SEO, widgets and stats. 05. BigCommerce If you want to open a store, BigCommerce will scale to suit your needs Got something to sell? BigCommerce is a great way to create beautiful ecommerce websites with off-the-shelf responsive templates featuring plenty of customisation options. Its storefront editor enables you to change your site's look without coding, while you can also go completely custom using HTML, CSS and other code libraries. The basic plan will cost you $29.95/month for a full-featured online store, and if your business takes off then BigCommerce can scale to suit your needs. 06. Webflow Webflow lets you create sites across a range of devices Californian-based website building company Webflow is an astonishingly simple platform that gives everyone the power to build their perfect site across a range of devices. Suited to designers, creative professionals and entrepreneurs, Webflow is a web design tool, CMS and hosting platform all in one. Create your dream site and update it personally without having to touch a single line of backend code. 07. BuilderEngine Create large websites on the Cloud with BuilderEngine Promising to help users set-up and launch their site in seconds, BuilderEngine is an intuitive platform capable of creating any type of website. Users can get started with a free trial package, complete with template themes and hosting, then choose add-ons from their constantly updating collections of apps. Capable of creating complex sites without coding, BuilderEngine goes beyond basic text and images. If you ever get stuck you can also find one-to-one support by using their forums and Ticket Support Systems. 08. IM Creator IM Creator is free to use, and comes with some stunning templates The IM Creator was introduced in 2011 and it quickly became one of the top HTML5 website builders online. The IM Creator hosts a huge library of stunning website templates in a long list of categories ranging from sports and medicine to business and academics. You can start using the IM Creator immediately after registering for free. Start off with a blank page or choose a design of your choice from a library of hundreds of fully customizable website templates. Since the IM Creator is an HTML5 website builder, every website you create with it should work fine with all major mobile platforms. 09. SquareSpace SquareSpace offers a free trial so you can find out if it's right for you SquareSpace is a popular web-based HTML5 website builder that will help you create beautiful sites in a matter of minutes. It offers a diverse range of website designs tailored for different occasions and industries. All the templates are compatible with mobile devices as well, and contain high resolution images and graphics to add further colour to your website. SquareSpace is a paid application but you can also use its free trial with limited options. 10. PrestaShop PrestaShop is a great open-source ecommerce solution French startup PrestaShop has released version 1.6 of its eponymous open-source ecommerce website builder with a revamped frontend experience plus a backend overhaul that focuses on the business intelligence side of things. The most impressive thing about PrestaShop is its default theme, which is comfortably one of the best around – slick and easily customisable thanks to Sass Compass built-in. The back office is no less well-presented despite the huge depth of analytics that it contains, and both are fully responsive. 11. Dunked Dunk lets you make a beautifully responsive online portfolio without touching a line of code If you want to stand out, your online portfolio needs to stand out. But what happens when you don't know how to code? That's where Dunked are offering to fill the gap. Dunked provides responsive designs that are Retina-ready and allow you to create an online portfolio without any coding difficulties. You can choose from a growing collection of professionally designed templates, that are pixel-perfect, customizable and easy to use. Each template is fully responsive and will adapt itself to any mobile device - iPad, iPhone or Android. Adjust layout, colours and typography using a selection of preset options; there's also advanced CSS editing for those familiar with website markup. 12. Wix Wix has moved from Flash to become an HTML5-based website builder Originally based on Flash, Wix has now switched to HTML5. Its unique template designs stand apart, making it a great way to create eye-catching websites. Wix is primarily a paid service but does offer a limited number of features in its free version as well. 13. Mobirise Sites made with Mobirise are 100% mobile-friendly according the Google Mobile Test With a mobile-first approach and easy drag-n-drop interface, Mobirise has become one of the most popular offline website builders. Mobirise is available for Windows and Mac and comes with over 400 clever website blocks, 20,000 hi-res images, and over 6,000 icons. Mobirise Builder is free for commercial and non-profit use and has the option of publishing your website to any hosting service, local drive or free Github page. 14. Strikingly Sites built with Strikingly are visibly optimized for search engines As the name suggests, Strikingly is an HTML5 website builder you can use to create beautiful websites and designs. Its templates are not only eye-catching but are also completely responsive and compatible with major mobile platforms. They are also visibly optimized for search engines with extremely quick load times. Strikingly also offers in-depth analytics for every site you build with it. 15. Easy WebContent Easy WebContent has recently begun to embrace HTML5 Easy WebContent is another beautiful website builder that allows you to build HTML5 websites. Currently, it allows you to create websites in various forms and it recently started to embrace the HTML5 technology. You can create HTML5 websites in a matter of minutes. Begin by simply registering with the EWC Presenter for free. Once registered, you will have the option to select a theme for your website from a number of stunningly beautiful and eye-catching templates. Every template is compatible with all major mobile platforms and runs very smoothly on all browsers. You can edit every section of these templates to tailor them according to your specific needs. Along with high quality website templates, Easy WebContent helps you add more colour to your sites by giving you the option to add high resolution images, HD videos, sound clips and eye-catching graphics. 16. Weebly Use either your own domain name or a Weebly subdomain Weebly is one of the pioneers in creating HTML5 based websites and templates. It's an entirely online website builder with lots of goodies for designers. Its designs are immaculate and its features and mind blowing. Every template and website design created using Weebly is compatible with mobile devices and works smoothly on all major platforms. You can create websites with Weebly using either your own domain name or a Weebly subdomain. 17. Moonfruit Free website builder Moonfruit is a great choice for ecommerce sites Whether you want to create a personal webpage, a corporate website or an ecommerce platform to start online selling, Moonfruit will create everything for you free of cost. This online HTML5 website builder creates the highest quality of websites with minimum of effort. It also offers a detailed design editor that can be used to customize its website templates. Since all its templates are responsive in nature, you don't need to create separate websites for mobile platforms. 18. Cabanova Cabanova lets you create up to three pages for free Cabanova is another HTML5 website builder that offers a diverse set of website design templates that are compatible with mobile platforms. As a free Cabanova user, you can create websites with up to three pages and 50 MB storage. You also get to choose from over 1000 high quality website templates and designs. These limits, however, can be increased by purchasing the premium version. Related articles: 3 top tools for testing web performance Master the art of JavaScript with this development bundle Optimise your website with this powerful analytics tool View the full article

Over the last half-century, a handful of giant American brands have achieved world domination. For better or worse, the eight logos below are everywhere. So what lessons can we learn from them? Well, besides their local ubiquity – repetition breeds familiarity, after all – and the objective quality of their design, there are some common factors. Like with many of the 20 biggest logos of 2017, half of these US brand logos are primarily wordmarks with small memorable details – which range from simple graphic flourishes to unique combinations of colours – that are enough to set them apart from the competition. The other half are based on very simple symbols that have achieved standalone recognition with no company name required. They have the silhouette factor: pare them back to pure black and white, with no detail, and you can still pick them out of a lineup instantly. Read on to discover what eight of the most iconic American logos can teach us about branding... 01. Coca-Cola: Respecting brand heritage Coca-Cola has kept the same cursive logo since the 19th century Dr John S Pemberton may have perfected the Coca-Cola formula in the 1880s, but it was his book-keeper Frank M Robinson who not only chose the name, but also penned it in the distinctive cursive script that would define the brand over the next century. Robinson chose an elaborate Spencerian scrawl that was fashionable in the late 19th century. But while other brands – notably arch-rival Pepsi – later dropped their 'handwritten' wordmarks in favour of something cleaner and more modern, Coca-Cola stuck to its guns. Plenty of evolution and refinement has taken place, but the confidence to stick to that cursive script logo helped shape it into one of the world's most famous logos. What can we learn from Coca-Cola? The simple adage that if it isn;t broken, don't fix it. Can you imagine setting Coca-Cola in a neutral sans-serif font? No: the heritage and brand collateral accumulated in that script is far too important to lose. 02. McDonald’s: Having the sense to change direction McDonald's has used green colour schemes in its European branches for the last decade Who could have guessed that the company that started in 1940 as 'McDonald's Famous Barbecue' would grow into the biggest fast-food chain on the planet? The first iteration of McDonald's now-iconic 'M' logo arrived in 1961, referencing the restaurant's distinctive architecture, designed by Stanley Meston: a pair of illuminated golden arches. Like Coca-Cola, the brand has seen various incremental updates – added shadows, new slogans, and notably the confident removal of the wordmark that once cut across one of the arches, leaving the symbol to hold all the brand collateral. But perhaps the biggest thing we can learn from McDonald's is about brand repositioning. In the wake of rising childhood obesity, the US chain switched its marketing focus from Happy Meal-guzzling kids to young, more eco-conscious professionals, taking on the likes of Starbucks. The distinctive golden arches remain, but the bright primary red has been swapped for a deep, hunter green in many European restaurants. The antics of Ronald McDonald and the Hamburglar are a distant memory, and the whole ethos of the logo feels different. 03. Nike: Packing a simple symbol with attitude Nike's Swoosh is simple but identifiable Another stalwart of American branding, based out of Portland, Oregon, Nike has one of the simplest symbols on this list – which is all part of its appeal. Design student Carolyn Davidson was famously paid $35 to design it in 1971, and Phil Knight's equally famous response – 'I don’t love it, but it’ll grow on me' – was ultimately proved correct. Davidson spent around 17 hours coming up with the Swoosh as a way to convey motion on a shoe in a clean, classic, simple way. She sketched ideas onto tissue paper, and placed them over a drawing of the shoe to test them. While a Futura Bold 'Nike' wordmark was part of the look up until 1995, it was subsequently dropped so that, like McDonald's, all the brand equity now sits with the Swoosh. What can we learn from the Nike logo? Simple: the huge impact you can achieve with an incredibly simple symbol, if you treat it with respect and build equity – and attitude – into it over time. A child could draw the Swoosh on a napkin, but it unmistakably belongs to Nike. 04. Apple: Building brand loyalty through innovation Apple's logo has come to embody a mark of quality for fans Since the dawn of the iPhone took Apple into the mainstream, it's hard to look anywhere without seeing that distinctive fruit with a bite out of it. Few remember the earliest version of the logo by co-founder Ronald Wayne, depicting Isaac Newton beneath his apple tree. Steve Jobs quickly brought graphic designer Rob Janoff on board to fix it, and the rest was history. Janoff introduced a rainbow palette to celebrate the Mac's groundbreaking colour screen, an emblem that lasted 20 years. Sheens, bevels and other details were added and removed since the late 1990s, but that unmistakable shape has remained a constant – and definitely passes the silhouette test. We can learn many things from this Californian tech giant's ascendance, but at the heart of it all is substance: the logo has come to represent a relentless commitment to innovation and quality that you just can't fake. The untouchable gloss it had under Jobs' rein may have faded somewhat, but without the products to back it up, it would never have earned such reverence from superfans worldwide. The best-designed logo in the world can't mask a substandard product for long. 05. Starbucks: Finding brand equity in strange places Starbucks' mermaid may not be sipping a tall americano, but she marks the brand out Having started life in 1971 as a humble Seattle coffee bean retailer, Starbucks is now selling its wares in more than 60 countries, under the banner of its unmistakable green mermaid. Since the company was named after Captain Ahab's first mate in Moby Dick, the original logo designer Terry Heckler turned to old marine books for inspiration and found a 16th-century Norse woodcut of a two-tailed mermaid. The seductive siren developed into a much-loved brand mascot, an unlikely association with coffee that gives Starbucks significant market standout. She has been significantly redrawn since Heckler's original – including a major 2011 overhaul, with Lippincott's help – but remains to this day. What can we learn from Starbucks? Quite simply, how to recognise the brand equity even in a well-established symbol that – on paper at least – has nothing to do with the product you sell. The choice to bring the mermaid front and centre – at the expense of the name Starbucks, and the word 'coffee' – was an inspired one, and cements the emblem's place in the annals of iconic American brands. 06. FedEx: Adding a subtle flourish FedEx's subtle negative space trick elevates the wordmark no end It's graced many lists of the greatest logos of all time, and topped a few of them too. And for any uninitiated readers who are yet to be introduced its famous use of negative space, that may be baffling. FedEx grew from a tiny delivery company, founded by a young entrepreneur in 1971, into a vast multinational powerhouse. Its original logo spelled out the full name, Federal Express – a savvy implied association with the US Government that significantly boosted the fledgling company's growth. Designed in 1994, its deceptively simple current wordmark cut this down to the much snappier 'FedEx', and the Futura-style type is carefully crafted so that the space between the 'E' and the 'x' makes a perfect arrow – representing speed and accuracy. FedEx's success teaches us that sometimes, a clever symbol isn't necessary to achieve global brand equity: a subtle but smart typographic flourish can speak volumes. Minimalist sans-serif wordmarks are everywhere, but that arrow has helped keep FedEx on the list of iconic US brands for 25 years. 07. Google: Having the confidence to stay simple Google has avoided getting overly 'designed' with its logo Back in the 1990s, the internet search market was hugely competitive. Getting your website listed on multiple search engines was a business in itself. Now, Google is pretty much the undisputed king of search, and plenty of other things too – and the slightest change in its algorithm sparks panicked marketing meetings about SEO worldwide. In 1998, Google founder Sergey Brin knocked up a serif wordmark using free graphics program GIMP. The now-iconic green, red, yellow and blue palette was there from the outset – but in a different order. A reworked wordmark the following year shuffled them into their now familiar order, and briefly introduced a Yahoo!-style exclamation mark. By now, Google was growing fast, and designer Ruth Kedar was brought on board to refine its logo. While she experimented with various visual quirks – from targets to magnifying glasses – the company ultimately chose to stick with clean, typographic simplicity, in keeping with Google’s user-centred, ‘form follows function’ ethos. Kedar’s wordmark did, however, sport a drop shadow, which lasted from 1999 until 2010 before later iterations became flatter and more pared-back, before finally dropping the serifs in 2015, adopting in-house-developed typeface Product Sans across the entire Alphabet product suite. There are thousands of things we can learn from Google as a business, but its biggest triumph in terms of logo design is a resistance against over-complication. Back in 1999 when it was all about search, a magnifying glass or target might have served it well for a while – but Google now is about so much more than that. The brutal simplicity of the wordmark also makes its four-colour palette even more distinctive. 08. Amazon: Using wit to add warmth to a brand Amazon's smile-like arrow adds personality to the online retailer Along with eBay, Amazon is one of the few massive success stories to survive the bursting of the dotcom bubble – and is now the world’s biggest retailer. Its earliest logo, however – in the mid-90s, when it only sold books – was a visual car crash, blending the silhouette of a capital ‘A’ with a winding river. As it diversified its offer beyond books, this was later pared back to a simple wordmark: black text on white, with a gold swoosh underneath. The tagline evolved from ‘Earth’s biggest bookstore’ to ‘Books, music and more.’ Of course, the Google example shows us that being too specific in a logo can be detrimental to a company’s later expansion. Jeff Bezos brought Turner Duckworth on board in 2000, and the resulting rebrand ditched the restrictive tagline and introduced a witty flourish: an arrow, linking the ‘a’ and ‘z’ in the name, that doubles as a smile. Even in 2000, Amazon had no idea how much it would grow to dominate the world of online retail. But that logo has endured brilliantly despite that growth. As a (mostly) online business, Amazon can’t offer the same human connection that a physical retailer, with a curated user experience, can. But the logo is all about bringing a smile to your face, as a customer – and recent campaigns have developed the arrow/smile into a standalone icon. Related articles: 15 influential art and design movements you should know 5 logo design trends for 2018 10 huge graphic design trends to know View the full article

Exclusive offer: Save 15% on Adobe Creative Cloud now InDesign CC 2018 was launched in October 2017 at Adobe Max, along with a raft of updated and newly launched Adobe apps. Unlike the last version of Adobe's desktop publishing software – which highlighted a new user interface, rather than new features – this latest release does introduce some new tools, some of which InDesign users have wanted for some time. These include endnotes, paragraph borders, the ability to store an object’s size and position in an object style, plus the ability to finally store shared text assets in Adobe CC Libraries. There are also helpful new ways to filter your fonts in the Font menu, and a new file format addition for users sending files between new and older versions of InDesign. So who’s InDesign CC 2018 for? In short: anyone looking to create professional-looking publications, whether print and digital. With the ability to also publish online, plus very robust PDF exporting abilities, any design studio or small business should have InDesign CC 2018 in their arsenal – especially with the additional bonus of collaboration features in the wider Creative Cloud. Here, we’ll review the most powerful new features of InDesign CC 2018. Support for endnotes in InDesign CC 2018 Us InDesign users have been able to add and manage footnotes in documents via scripts since version CS2. InDesign 1.0 was released 18 years ago – so endnotes have been a long time coming – but InDesign 2018 finally lets you add endnotes to documents, so readers can jump directly from annotations in the text to the endnote references. You can control the formatting, numbering and layout of your endnotes. You can can also import a Microsoft Word document with endnotes already included, using the Import option. All imported endnotes will be added in a new text frame. Paragraph borders The Paragraph border feature enables you to create a border around one or more paragraphs to draw attention to them. You can also now customise corner designs to highlight a paragraph with multiple effects. We already had paragraph shading in InDesign – but now we don’t need to create an additional text box. It’s a simple enough tool, but it gives you more creative options to apply to your text. Object Styles enhancements You can now set and modify an object’s size and position across multiple pages in your documents with the updated Object Styles feature. This makes it a lot easier to make global changes throughout your document. You’ll find the size and position options in the Object Style Options dialog. Height and width options control the size; while X only, Y only, or X and Y coordinates combined options adjust the position. Text management in Creative Cloud Libraries Another new addition to InDesign CC 2018 is better text management capabilities. You can now add text assets from InDesign documents to your CC Libraries and share them with others across applications – I told you these updates were worthwhile. Formatting and styles can be saved with the attributes applied to them. Then, when text is dragged and dropped into a document, it brings with it all the formatting that was applied to it originally. These text assets can be used in both InDesign and Illustrator. Font filtering How many fonts do you have in your font list? You’re either very disciplined – or like the other 99 per cent of designers, you have a lot. Searching for fonts used to be a very arduous and time-consuming process, but you can now narrow down your results by filtering your fonts by classification, such as serif, sans serif, decorative, handwritten and so on. The Font menu also allows you to search for fonts based on visual similarity. The fonts closest in visual appearance to the font you’re searching for appear at the top of the search results. InDesign CC 2018 also boasts improvements to PDF accessibility when exporting, including alt-txt for images, group level tagging, support for footnotes, anchored frames and groups tagging, master page tagging, index tagging, list tag language, list tagging and TOC. More details of these enhancements can be found over on the Adobe website. All in all, there’s a decent bunch of enhancements with the release of Indesign CC 2018. Best in class The collaborative aspects of Creative Cloud, plus the addition of InDesign's latest features and extras – including Adobe Typekit and Adobe Stock integration – make it a robust and professional tool to use. The InDesign community is strong and Adobe seem to be listening to its user base to continue to improve the functions. What does it do well? Collaborating with Photoshop and Illustrator users is a creatively satisfying process – and a huge time-saver. It would be good, though, to be able to manipulate text more than the software currently allows. Maybe a third party solution will address this, or Adobe will find a way to add this next time around. How does it compare to alternatives? Serif keeps tempting the industry with its own version of InDesign, but the product is yet to be released. The only other player in this professional space would be the evergreen QuarkXpress, which still continues to improve. Many businesses, though, have bought into the Adobe ecosystem. So should you buy InDesign CC 2018? The app on its own is only £19.97 a month (this includes VAT, 100GB of cloud storage, your own portfolio website, premium fonts, and social media tools) or part of the complete Creative Cloud. If you design and produce content in the publishing industry, then this is the only tool you should be using. Buy InDesign CC 2017 or sign up to Adobe Creative Cloud here System requirements Mac Multicore Intel processor mac OS version 10.13, 10.12, or 10.11 2 GB of RAM (8 GB recommended) 2.5 GB of available hard-disk space for installation; additional free space required during installation 1024 x 768 display with 32-bit video card; supports Retina display PC Intel Pentium 4 or AMD Athlon 64 processor Microsoft Windows 7 with Service Pack 1, Windows 8, Windows 8.1, or Windows 10 2 GB of RAM (8 GB recommended) 2.6 GB of available hard-disk space for installation; additional free space required during installation To use the new InDesign Touch workspace, you must have a touchscreen-enabled tablet/monitor running Windows 8 or above (such as Microsoft Surface Pro 3) with the screen resolution set to 2160 x 1440 or more View the full article

Farringdon-based studio Ragged Edge prides itself on having no egos. "Our strategy was always to hire people better than us," explains co-founder Max Ottington. "That's how to get better – you have to put your ego aside if you’re bringing in all these talented people who can do things better than you can." Big branding trends to watch out for in 2018 It's a great ideal, but how does it work in the real world? In this video and written interview below, creative director Luke Woodhouse reveals how Ragged Edge's open, collaborative and ego-free creative process works in practice, and how his 'T-shaped' team of designers can rise to any challenge. 01. Get T-shaped "To get that sort of integrated approach and that seamless brand experience, we've built a real mixed team with a lot of different skills," says Woodhouse. "We love the principle of having 'T-shaped' people." Ragged Edge's rebranding of Camden Market was a real passion project for many of the creatives, and won a Wood Pencil at the D&AD Professional Awards 2017 He's referring to the idea that the vertical bar of the T represents a depth of expertise in a particular field, while the horizontal bar represents a spread of more generalist skills. "All of our branding designers have something that makes them stand out, whether it's 3D, specialism in digital design, motion typography, that sort of thing." 02. Keep learning new skills "Learning new skills just happens quite naturally over the course of a project," Woodhouse believes. "We're always looking for the best ways to do something – and there's always a better way to do anything that comes along, and I think that's something really inherent in Ragged Edge's nature. We needed to make a film, so Sam learnt how to use After Effects!" 03. Collaborate and communicate Woodhouse admits that sometimes – especially when the pressure is on – the last thing you want to do as a designer is discuss your work: "It's kind of easy to revert to getting headphones on, getting your head down and doing it on your own." Ragged Edge rebranded green energy company Simple Energy as Bulb, and developed a campaign based around the idea of Positive Energy But, he believes, that's not helpful in the long run, and the more you communicate among your team, the better the results will be. "I think we have got a really good team ethic here – a good team spirit. Everyone's really collaborative and naturally supportive. When we're reviewing work over the course of a project, everything just goes up on the wall. Everyone's invited to join in, whether it's your project or not. Good ideas can come from anywhere." This article was originally published in issue 273 of Computer Arts, the global design magazine – helping you solve daily design challenges with insights, advice and inspiration. Buy issue 273 here or subscribe to Computer Arts here. Related articles: Build a better personal brand How design sprints can shape your brand The best laptops for graphic design View the full article

The vulnerability has a CVSS base score of 10.0, the highest possible, and now affects 15 products. View the full article

If you've already started your hunt for a new laptop then you'll have undoubtedly encountered the Dell XPS series. It frequently makes waves in 'best laptop' countdowns – including our list of best laptops for graphic design. So what's so good about them? Whether you opt for the 13-inch or 15-inch version, Dell XPS laptops have a reputation for combining powerful specifications, dazzling displays and a beautiful build. If you want a reliable option and don't want an Apple MacBook, a Dell XPS makes a more than capable Windows-based option. They're certainly not a bargain basement option, but Dell XPS deals do tend to come in cheaper than the likes of the Microsoft Surface Book. And if you use our price comparison features below, you can be sure that you're getting the best XPS prices on the market. Also read: The best 4K monitors for designers 2018 Quite simply, the Dell XPS 13 is among the world's very best laptops. It gets a massive tick in virtually every department, and the just-released 2018 version only improves the model still. In fact, the only real criticism we can come up with is the positioning of the webcam. So what's so good about the Dell XPS 13? Firstly, the almost bezel-free 'InfinityEdge' 13.3-inch display. Even if you don't pay extra for the unreal 4K Ultra HD option, the standard full HD default screen will lend your designs and drawings the clarity and colour they deserve. The 2018 version comes with Intel's brand new 8th generation CPU, code named Coffee Lake. Combine that with 16GB of RAM and a 1TB solid-state drive and you've got yourself a setup that's easily equipped to render images and videos with little delay. Weighing in at around 1.2kg, it's remarkably light and slim – so you'll be able to bag up for remote work, too. Read our sister site TechRadar's Dell XPS 13 review Everything that works so well in the supreme Dell XPS 13 is present here in the XPS 15 – just on a slightly larger scale. The broader InfinityEdge display is 15.6 inches of pure, unbridled Ultra HD joy. If video editing is your game then it should prove a trusted companion, with 4K 3840 x 2160 pixel precision and a touchscreen to bring cutting and editing control to your fingertips. Combine that with the Nvidia GeForce GTX 1050 card running off 4GB of video RAM, and you have the capabilities to beat what the latest MacBook is packing. It has a seventh generation Kaby Lake processor – it's not yet been upgraded to Intel's latest chip. But it doesn't lack for processing power, with the ability to boost up to 3.8GHz. You can pay less to downgrade the screen to Full HD and opt for a lower-grade i3 processor. But if you're spending this much on your new PC, it might be worth stretching the budget to get the extra quality. Read TechRadar's full Dell XPS 15 review If you're willing to sacrifice a little bit of brawn, go for the flexible 2-in-1 alternative to the original Dell XPS 13. The name refers to the hybrid nature of the device – it's part svelte laptop, part chunky tablet. That versatility could come in handy if you often find yourself working in collaboration with others, and like to hand your work around the studio for everybody to see. Simply fold the 13.3-inch touchscreen back on itself around the 360-degree hinge, and enter Tablet mode. It also makes the device a lot easier for sketching directly on to, with Dell's Active Pen available to buy separately. Like the Dell XPS 15, the 13 2-in-1 is yet to get the Coffee Lake upgrade, and it does noticeably lack the power of its Dell contemporaries. But if you value the distinctive ergonomic functions above sheer speed, then the XPS 13 2-in-1 might be the best choice for you. Read the TechRadar Dell XPS 13 2-in-1 review Related articles: The best laptops for graphic design The best free graphic design software 15 influential art and design movements you should know View the full article

Kerning has a huge impact on how your lettering is read by viewers, so it's important to get it right. Get your kerning wrong and at best you end up with a message that's difficult to read, and at worst you could create a communication that's indecipherable or possibly offensive. Perhaps the trouble with kerning is that there are different rules depending on the shape of the letters in question. Characters with curves need to be positioned together more tightly than letters with straight edges, for example. And letters with diagonal angles have rules of their own when placed beside one another. To help you brush up on kerning rules and conventions, typography and lettering instructor Nils Lindstrom offers his advice in this crash course video, called 4 Essential Tips for Kerning Type & Lettering. Published by creative pioneers The Futur, it's one of the most concise typography tutorials we've ever seen, given that it outlines the basics of kerning in less than two minutes. Watch it below. We love this video because it's an instant refresher for typography experts, but it's also a useful and unpretentious introduction for beginners. Given that typography can bring out the most pernickety parts of a designer's personality, this video will give you the knowledge you need to kick back if someone challenges your spacing. If you're unsure as to why kerning is so important, be sure to check out our look at some examples of embarrassingly bad kerning. It might be a subtle art, but kerning can make or break a piece of typography and design. Make no mistake, once people notice that you're kerning's off it doesn't matter how good the rest of the graphics are – the wonky lettering will pull focus for all the wrong reasons. Luckily, if you listen to Lindstrom's advice, kerning is an area of design that you'll have under control. Related articles: 10 typography tricks every designer should know Tote bag design error proves the power of kerning 5 typography trends for 2018 View the full article

Illustration is a hugely subjective discipline with, in theory at least, as many styles as there are practitioners. But the field can be buffeted by trends like a ship in a storm, with boundary-breaking individuals often swimming against a surge of shared influences and identikit styles that threaten to flood the market. Spread from CA issue 276's Illustrator Hotlist 2018, featuring cover star Petra Eriksson The cover story of Computer Arts issue 276 celebrates 25 of the most exciting – and original – illustrators working today. In short, these are the people you should be commissioning in 2018. Buy Computer Arts issue 276 now Some faces are newer than others, but the range of styles and approaches on show is hugely encouraging, we hope you agree. Four of our favourites grace this month’s cover, in our fourth split-run design of the past six months. CA issue 276 features a split-run of four covers, with artwork by (left to right) Tianju Duan, Andreea Dobrin Dinu, Petra Eriksson and Rosanna Tasker Elsewhere, Logo Design Love founder David Airey has distilled his 10 golden rules of logo design into an essential crib-sheet to help keep your identity design skills razor-sharp, illustrated with a selection of famous best-practice examples from many different sectors. David Airey presents his 10 golden rules of logo design in Computer Arts issue 276 Meanwhile, in a video special CA also shares advice for crafting a better online portfolio, featuring input from an senior agent and three illustrators from top London agency Handsome Frank - in association with Wix. Also in Computer Arts issue 276 CA's Showcase section features the latest design, branding, illustration and motion work from around the world Kicking off a new series focused on digital skills, CA issue 276 includes a handy guide to UX design In one of Computer Arts' regular project diaries, Carter Wong reveals the process behind its latest limited-edition notebook Subscribe to Computer Arts today Like what you see? Make sure you never miss an issue of Computer Arts again, and subscribe here today! View the full article

T-shirt design is a hugely popular outlets for creatives. Whether you're an illustrator, graphic designer or typographer, the idea of putting your designs on T-shirts can be hugely appealing (not least because you can sell your designs online). However, the process can be daunting. Here, I'll walk through my best tips for designing custom T-shirt graphics and printing your own T-shirts. (And if you need some drawing tips, head over to our How to Draw article.) 01. Take time to explore your concept Electric Zombie tee by Derek Deal has loads of colour and loads of detail Sketch your T-shirt design out, go for a walk, create a few variations, have something to eat, do a full brainstorming process. Then sleep on it. And do it all over again. If it comes to you straight away, great. But explore other creative options just in case. 02. Imagine the design on a T-shirt Having worked for both print and web over the years, I know the vast difference between design on screen and a printed piece. Don't be afraid to mock up your T-shirt design on a photo of a model. Print it out if necessary and place it on an actual tee. Make sure you see your artwork at actual size. 03. Detail is king but keep things simple These classic Johnny Cupcakes T-shirts showcase limited colour palettes and strong concepts Everyone appreciates great drawing ability and attention to detail. There's nothing better than seeing a really well executed masterpiece on a tee, which you can study for hours. But, equally, some of the most classic T-shirt designs are the simplest – and get the message across through their simplest form. Anywhere in the middle and you may struggle to deliver a successful design. 04. Consider your market T-shirt designs by artists on Society 6 This is an important one. Are you designing for male or female; young or old? At the end of the day you're designing a product that you want people to wear. Like a good brand designer would do, write down the exact person you want to attract to your T-shirt design – who they are, what they like, what other brands they like and go from there. 05. Keep your humour subtle If you're going for a humorous T-shirt design, you don't want it coming across as a cheap and low-cost joke shirt. Even the most successful loud and in-your-face designs have subtle humour. I'm not a fan of 99 per cent of humorous tees, but done correctly, humour can turn heads. I'm digging Brad McGinty's designs at the moment because he has a good balance. 06. Choose the right colours Try choosing complementary colours in your design Use the T-shirt colour effectively and try choosing complementary colours. If you're using Adobe Illustrator, turn on Global Colours. It's an absolute life saver and will save you so much time. (You can get Adobe Creative Cloud here.) You can also use Halftones to make the most of the restricted colours you're allowed to use. 07. Prepare your artwork properly Use Pantone Colours when screen printing – your printer will love you for it. They'll also love you if you outline text and expand any strokes you may have. There are plenty of good tutorials out there, depending on whether you're using Illustrator or Photoshop. 08. Source a good printer It's important to take time to learn about what type of T-shirt you want to print on So your design is finished and properly artworked, but your tee will only be as ever as good your printer. Try a reputable company like White Duck in the UK or Hey Monkey in the US. You could even give your local screenprinter a call. But it's important to take time to learn about what type of tee you want to print on. The weight, sizes, labeling options, cost and so on all affect the end product. This takes a while and will require speaking to various companies, but one thing is for certain: deal with a company that wants to treat your tee as an end retail product and will handle your work with care. Screenprinting is an art. 09. Get educated To have a good understanding of anything, you need to study it and understand its context To have a good understanding of anything, you need to study it and understand its context. Tees have come out of every subculture phenomenon that has ever existed, whether it's music, skateboarding, street art, sport or general pop culture. Find out about them and and have an appreciation for it all. One good book for reference is Vintage T-shirts by Lisa Kidner. 10. Be ahead of the game Be inspired by what the latest trends are, but don't copy them. Chances are by the time you've seen that T-shirt produced, other designers are moving onto something else behind closed doors. This article was first posted on Creative Bloq in 09/2012. Related articles: 60 amazing Adobe Illustrator tutorials Review: Screenprinting: The Ultimate Studio Guide 8 business tips for selling design goods View the full article

Even the best writers make mistakes. That's why they have editors. While your work and everyday texts don't have a second set of eyes to look them over, you can still improve your writing with the help of WhiteSmoke. This app will catch all the errors that sneak past you. Grab a premium lifetime subscription on sale for 82% off. WhiteSmoke is an essential tool no matter your writing level. The powerful app uses advanced technology to proofread your work and identify grammar, spelling, punctuation, and style errors as you go. This versatile and easy to use app works on mobile and desktop, so no matter where you're writing, it can keep you from making common mistakes. Never send an email with a misspelled word again with WhiteSmoke. A premium lifetime subscription to WhiteSmoke usually retails for $399.95, but you can save 82% off that price right now. Grab this must-have writing app on sale for just $69.99 (approx. £50) and watch your writing improve in no time. If you'd like to give the app a try, you could opt for the one-year premium licence for $19.99, reduced from $119.95. About Creative Bloq deals This great deal comes courtesy of the Creative Bloq Deals store – a creative marketplace that's dedicated to ensuring you save money on the items that improve your design life. We all like a special offer or two, particularly with creative tools and design assets often being eye-wateringly expensive. That's why the Creative Bloq Deals store is committed to bringing you useful deals, freebies and giveaways on design assets (logos, templates, icons, fonts, vectors and more), tutorials, e-learning, inspirational items, hardware and more. Every day of the working week we feature a new offer, freebie or contest – if you miss one, you can easily find past deals posts on the Deals Staff author page or Offer tag page. Plus, you can get in touch with any feedback at: deals@creativebloq.com. Related articles: 10 apps for endless design inspiration Branding pros share how they nail brand voice How to write a great headline How to write the perfect design dissertation View the full article

The age of the web may have connected continents and allowed the world to function around the clock, but we still haven't quite mastered how to send large files by email. But there's no need to spend vast amounts of money on a solution. These free tools will help you send large files to design clients without the hassle of bounced emails and hours of frustration with FTP connections. And some even have iPhone apps and Android apps to make your life even easier. Have a look at these best free tools for sending large files, then perhaps also check out these other essential tools for managing a freelance design business. 01. Google Drive 15GB of free and versatile online storage isn't to be sniffed at Google's so ubiquitous these days that it's easy to overlook it, so we'll remind you: Google Drive gives you 15GB of free online storage, and it's easy to share absolutely anything you like, be it individual files or entire folders. You can set your own sharing options too, for anything from a download link that anyone can use, up to sharing with specific people and giving them editing rights. And with the app installed on your desktop and your devices, it's splendidly simple to move the files you need to wherever you need them. 02. Hightail Previously known as YouSendIt, Hightail rebranded and relaunched in 2013 as a platform for sharing and collaboration. Its free Lite plan lets you share files up to 250MB, with instant visual previews and the ability to add comments to any file. With the Pro version from $8.25 per month you can share files up to 25GB, and you get extra collaboration features such as email notifications, content permissions and approval tracking. And if that's not enough then there's also a Business plan, which offers custom packages to suit your company's needs. 03. Terashare Share files of any size with BitTorrent technology Terashare is different to most file-sharing services in that it uses BitTorrent technology to transfer the file directly from your computer to the receiver's. There's no filesize limit, although files larger than 10GB cannot be downloaded when you turn your computer off as this is the only place the file is stored. Files smaller than 10GB are also uploaded to the Terashare servers so that they can be accessed at all times. If you need to share a file with a lot of people then Terashare is a good option, as BitTorrent makes it possible for everyone downloading the file to download parts from each other as well as from the server. You need to install a small client to make it work, and files are shared via a unique URL. Terashare is completely free. 04. WeTransfer WeTransfer makes it easy to send large files WeTransfer is a lovely looking site that allows you to send large files – up to 2GB per transfer – as often as you like! That way, there won't be any of those last minute email woes when you run out of free transfers. You can send large files by email or grab a download link from the site; easy peasy. For more hardcore users, there's WeTransfer Plus. For $12/€12 per month you can up your file size limit to 20GB a time, and store up to 100GB. 05. SendSpace With the SendSpace app, you can send large files on the move Since it launched back in 2005, SendSpace has been delivering files millions of times a week. Each file is tracked so if it's lost into the abyss of the internet, SendSpace will do its best to find it for you. There's also a useful drag-and-drop feature, as well as a SendSpace app – meaning you can send large files on the move. 06. DropSend DropSend lets you send large files for free With DropSend you can send large files of up to 4GB for free, and up to 8GB if you pay $5 per month. Fast, simple and secure to use, you'll be sending those all-important large files in no time. There's no software to install and it's available with 256bit AES Security. You get five sends per month for free; the $5 payment plan gives you 15 sends per month. Check out the pricing to see other interesting options, including capacious online storage. 07. Wikisend You don't need an account to send large files with Wikisend Wikisend is a free file-sharing service that doesn’t require you to create an account to use; you simply upload your file and are given a unique URL to access your file. Files are then accessible for seven days for your client to download as many times as they need, and you can share files up to 100MB in size. Wikisend also provides password-protected file sharing if you register for an account. 08. Dropbox Dropbox is the best-known way to send large files Dropbox is the most well-known file-sharing tool. You'll almost certainly find that your client already has it installed and is familiar with using it – always a bonus. You need to register an account to use Dropbox, though it’s free to do so. As well as a web-based application, there’s a desktop application you can install that enables you to sync and access your files from within a normal folder. Dropbox also benefits from having no expiration dates on upload files: you can store files as long as you need to. Plus there's an uncapped maximum file size, so you can send the largest cat video mashups to your clients without worrying about capacity. 09. MediaFire Share and play media files in your browser with MediaFire MediaFire is designed to make your media files available to you from anywhere. Not only does it store them, but it also includes a player so that you can view over 200 different file formats in your browser – convenient for quickly showing things to clients. You get 10GB of storage for free with ad-supported downloads, or you can pay $3.75 per month for ad-free sharing, 1TB of space and a better user experience. 10. Box Send large files to your clients securely with Box Most of the services here claim to keep your data secure, but that guarantee might not be good enough if you're working with sensitive data. Box is different to the rest in this regard; security is its niche. Box gives you full control over the encryption keys that are used to secure your data, so no one else (even people at Box) can get access to them. There's also an unchangeable log of key usage so you always know who has looked at your data, as well as various other top-notch security features. You can get a free personal account with a file size limit of 250MB, and business accounts start from $5/£3.50 per month per person. 11. Senduit Senduit allows you to set an expiry time Senduit is intensely simple to use: simply upload your file through the website and you’re provided with a private URL to share your file. The service has a limit of 100MB for files being shared, and allows you to set an expiry time for the files, for durations from 30 minutes up to seven days. Related articles: The 28 best typography apps 20 tools to make your team more productive 5 top tips for creating a productive workspace View the full article

In September 2002, Joss Whedon's sci-fi TV show Firefly premiered on Fox. Set 500 years in the future after a civil war, the show followed the adventures of Captain Malcolm Reynolds and his ragtag crew as they strived to make a living – legally or otherwise. After airing 11 of its 14 produced episodes the show was cancelled, but despite its short life, Firefly went on to gain cult status. The show's post-cancellation success has allowed Whedon's tale to continue to live on through comics, board games and regular 'Browncoat' fan meet-ups. Zoic Studios, which worked on the show's visual effects, also happens to turn 15 this year. Bagging a Creative Arts Emmy Award for its outstanding visual effects on Firefly, the show was paramount in solidifying Zoic Studios as one of the most forward-thinking creative studios of its time. Set in an all-encompassing, otherworldly universe, the team were tasked with creating not only the iconic Serenity ship but the living, breathing world that Malcolm Reynolds and his crew reside in. Creating the 'Verse Serenity visits Niska's Skyplex ahead of the train job Loni Peristere, who worked as the visual effects supervisor during his time on Firefly, explains how coming together with the then digital effects supervisor Emile Smith allowed the team to create this universe from the ground up. "We were interested in changing computer-generated imagery and throwing out the concepts and notions of how to film in digital space and we really kind of leaned into that," he explains. "Joss wanted the audience to participate with the Firefly family in a voyeuristic way. He wanted us to be in the kitchen, on the bridge. He wanted us to follow Malcolm Reynolds down the hall and into his room; he really wanted the intimacy and this voyeuristic sense of presence and that was achieved in a number of different ways. Digital artist Lee Stringer sits in Wash's chair on Serenity's bridge "In order for something to feel authentic in the universe of Firefly, there had to be a camera operator. So no matter where we were – in space, on the planets, in the ship – there was a person and an artist on the machine who was a camera operator, watching the scene. "And what that meant was – and this was what was amazing about Emile's pre-visualisation – that operator didn't know the outcome of the movement they were about to watch, so they had to anticipate that movement. That became rule number one – there's an operator who not only doesn't know the outcome of the shoot, he has to look for it." The world of Firefly is messy, but that's what sets it apart from most sci-fi shows; while sleek, clean design is a trademark of Zoic Studios' success, it was also able to make way for a much more human touch, crafting a universe that felt real while still transporting the audience to another dimension. "We wanted dents and dings and scratches. We wanted dust on everything, so we actually had dust mattes that we would apply when the ship was on a planet as opposed to having it always pristine clean. The world of Firefly would always get dirty," Peristere says. Designing the Serenity space ship Early sketches of Serenity show the initial concept for the iconic ship As with any sci-fi show, a fundamental aspect of its success lies with the design of its ship. Serenity would not only be the home of Malcolm Reynolds and his crew but also the audience, allowing us to witness these characters at their most vulnerable while also offering up some of the most exciting visual sequences in the series. "I think this is one of those things on all sci-fi shows that everyone wants to be a part of, certainly when you're creating something that's going to be iconic," Peristere explains. "We wanted to make it legitimate – how does it travel in space versus how does it travel on the ground. So what Carey [Meyer – production designer] did is he worked with Joss purely from a design aesthetic – we wanted it to be part Millennium Falcon, part Big Bird – a long neck was really important to Joss. He really wanted this idea that Malcolm could sit up on the bridge and look out over the world that they were moving in between. "Over a weekend, Carey basically made a paper model sculpture and we were able to take it over from there. So when you see the paper model, you'll see where we really started to revert because what we wanted to do was to make something that was entirely pragmatic and functional. We can go on about it but even all the way through Serenity, we were tinkering with the ship, all the way to the end." A detailed miniature is built before flying into action for the movie Serenity Smith points out the evolution of the ship from the pilot episode to the 2005 spin-off movie Serenity, claiming that the detail was "three times better." "We would hand paint the grease around the bolts because we wanted it to be right, but we didn't have time to do that initially, so we kept going back and doing more and more and more," Peristere continues. "The ship for us, we really wanted it to feel lived in, so we thought about that in terms of the paint job. We also wanted it to feel old so you'll find that there's metal on the ship from, what we considered, errors of (damage over) the ship's life span, so it's been fixed over and over again over time." Creating the Reavers' ship Serenity's distinct look juxtaposed the garish design of the Reavers' ship This same approach was used for the Reavers' ship but with even more of a 'mash-up' design. "We came across that as a bunch of different ships bolted together. We kept talking about Tankers and the evolution of the Reavers' design. We took that and mashed it up with Mad Max and we imagined – which eventually you see in Serenity the movie – this wasteland where the Reavers hang out, that's just where they build their mean machines," Peristere says. "The first Reavers ship that you see in the pilot – the front end of that ship, it's almost like a luxury cruise liner and they just chopped it in half and then modded it up from there and made it disgusting." One of the show's most iconic sequences is the train job, which sees Serenity hover alongside and over a moving train in order to allow Malcolm and his crew to rob it. Smith remembers that he and Peristere took a trip to Arizona in order to gain inspiration for the desert world they would be creating. "It was so hot there – we couldn't park our car at the side of the road because we were frightened it would catch on fire. And our shoes pretty much melted," he says. "Looking at it now, it looks dated but at the time, it was probably one of the better-looking CG environments." The VFX of the unique worlds The Serenity crew salvaged this ambulance ship from a junkyard The team were given roughly five to six weeks to work on each episode and as Kristen Branan – who was working as the visual effects producer on the show – explains, the world of Firefly was only able to be created through mutual understanding between the visual effects team and the production team. "They understood that we were making a unique world for every single episode," she says. "We absolutely used every minute of that time because we had to wrap our head around the description in the script. We had to come up with concepts, we had to be on set to see how they were filming and then re-tailor our ideas to how they filmed it. "So much of the work that we produced was 100 per cent CGI, and that's super difficult to do when the descriptions were as unique as they were on that TV show." The team was small and with limited resources. "At the beginning of the series, we were still a start-up VFX house. So in those beginning months, we did not yet have a central production database, so everything that we talked about and organised was on these giant white boards. I was plugging my computer into our fax machine to send stuff over to Fox because we didn't have internet on our computers, nor did we have email at the beginning of the show. So I'm getting phone calls from production and I'm writing up notes and I'm running around with pieces of paper to put it in people's notebooks," Branan says, laughing. "All the money that we were using went right back onto the screen. We couldn't even see how to play back our shots. We got a little monitor and deck and we put it on what was basically a library push-cart and we were going [from] desk to desk so the guys could watch their shots in context of the scene." Serenity is chased by an Alliance Short Range Enforcement Vessel Looking back on Zoic Studios' last 15 years, it has worked on 4,800 different TV shows, 1,000 feature films, commercial and design projects, and delivered 340,000 final shots. Firefly may be but a twinkle in the mass of Zoic Studios' creations, but it remains one of its proudest moments. "I think for everyone in visual effects, you look back at those one or two projects that stand out in your career, and I think for many of us, Firefly was one of those stand-out shows," Branan says. "It was just really ahead of the time and some of the work that came out of it is amazing even to this day. I would love to see that show made again. There's just so much potential for new looks and more storylines." This article was originally published in issue 229 of 3D World, the world's best-selling magazine for CG artists – packed with expert tutorials, inspiration and reviews. Buy issue 229 here or subscribe to 3D World here. Related articles: Build a complex 3D sci-fi scene How to design a spaceship Behind the scenes on Transformers VFX View the full article

Chaos Group Labs director Chris Nichols will be doing a keynote talk at Vertex, our event for the CG community. Get tickets now! With the Adaptive Dome Lighting feature now available in V-Ray, you can render smarter than ever before. A dome light is a type of spherical or hemispherical area light that shines inward and is often combined with panoramic HDR for image-based lighting. However the sampling of dome lights can be inefficient due to other light entering interior spaces, eg from a window in the scene, meaning that only a small amount of the dome light will contribute to the image. Adaptive Dome Lights calculate which parts of the dome light are likely to affect the scene using Light Cache data, and here Chris gives us four steps to improving your lighting. 01. Light an interior with IBL Currently, when you’re lighting an interior scene using image-based lighting, you might add Skylight Portals near openings like doors, windows or skylights to help direct more light samples. Unfortunately, this is a manual process that takes time, but worse, it’s also not that accurate. 02. Build a smarter dome light Click the arrows icon to enlarge this screenshot To avoid this problem, we built a smarter dome light based on a similar concept to our Adaptive Lights algorithm. Using the Light Cache calculation phase to learn which parts of the dome will most likely affect the scene, the new Adaptive Dome Light can better predict its sampling. 03. No more skylight portals With the Adaptive Dome Light, Skylight Portals are no longer needed for the lighting process. It automatically figures out which portions of the environment to sample and which ones to ignore, making it so much easier to set up and much more efficient and accurate to render. 04. Seven times faster IBL Many factors can affect the overall speed gains that this feature can give you. Our early tests have shown speed increases from 10% up to 700%, depending on the scene. V-Ray 3.x for 3ds Max customers can register for the V-Ray Next Beta and try out the Adaptive Dome Light right now. Don’t miss out on Chris Nichols' keynote speech at Vertex! Book your ticket now at vertexconf.com. There are still some amazing workshops we’ve yet to announce so keep an eye on our website, where you can also find out more about the other amazing speakers, workshops, recruitment fair, networking event, expo and more. This tutorial originally appeared in issue 116 of 3D Artist, the magazine offering practical inspiration for 3D enthusiasts and professionals. Subscribe to 3D Artist here. Read more: How to make massive explosions with V-Ray New year, new skills: learn new tricks at Vertex China: the new Hollywood? View the full article

There's not long to wait now until cinema goers get to return to a galaxy far, far away with Solo: A Star Wars Story. A recently launched trailer (below) follows hot on the heels of a teaser trailer that premiered during the Super Bowl, along with four new poster designs. Whereas the last Star Wars spin-off movie, Rogue One, went for a more serious and gritty tone, judging by the looks of the promotional material released so far, Solo looks like it will be more of a lighthearted and humorous romp. Accompanying these trailers are the vibrant teaser posters, which put bold typography at the centre of their design. Masking the visuals of the characters inside the lettering makes use of a trend we've seen before with typography in motion graphics, and its inclusion here sets an extravagant tone for the film. We're also really enjoying the blend of old and new design elements. A flaking paper background is a striking contrast to the painted images in the sci-fi fonts. Scroll through the set of four Solo teaser posters by clicking left to right in the gallery below. It's important to remember that these aren't the theatrical posters for Solo: A Star Wars Story. Instead, they're a nice bit of extra promotional material that also contain a tidbit of exclusive information by revealing the name of Emilia Clarke's character. The saturated colours also call to mind the poster of another recent fantasy cinematic epic, Thor: Ragnarok. We're pleased that the posters for Solo take a strong yet simple approach in terms of composition, though, instead of the cluttered photo montages that left us asking if we were in the middle of a movie poster design crisis. As for the official theatrical poster, we probably won't have to wait long to see that either given that Solo: A Star Wars story is scheduled for release on Memorial Day (28 May 2018). Related articles: 4 classic movie poster designs making a comeback 10 best movie posters from the 1990s Are these vintage concept movie posters better than the originals? View the full article

At Adobe Max 2017, back in October, Adobe and Coca-Cola announced a design collaboration called Cola x Adobe x You. As a partner to the 2020 Olympics in Tokyo, Coca-Cola gave away all its brand assets to creatives around the world, asking them to participate in a design challenge using Adobe Creative Cloud software. Save 15% on Adobe Creative Cloud now Working with Adobe, Coca-Cola invited 15 creatives to contribute to the launch of the challenge at Adobe Max 2017. Using Coca-Cola Red Disc, Spencerian Script Coca-Cola Logo, Contour Bottle icon and Dynamic Ribbon – plus their own imaginations – each was asked to create imagery. We have a look behind the scenes at how the project launch took shape. "When I attended the Adobe Max event in San Diego in 2016, I admired the scale and presence the company has with the global creative community," explains James Sommerville, the vice president of Global Design at the Coca-Cola Company. "We discussed ideas around how we could collaborate, and connect with the design community using Coca-Cola’s cherished assets, and that led us to formulate this challenge. "Coke x Adobe x You is a pre-campaign exploratory design challenge. It’s an opportunity for Coke, as a global brand, to take the pulse of the design community and see what creatives can do with our brand assets. The challenge looks towards the 2020 Tokyo Olympic Games, but at this stage we have not formulated our global campaign for Tokyo 2020. "At Adobe Max 2017 in Las Vegas, we invited the design community at large to visit the site www.cokexadobexyou.com to find out more about the challenge. The brief is simple, but the possibilities really are endless. We have restricted the elements to the Coca-Cola brand colour palette, the Coca-Cola assets, and what the designer thinks of when they think of Coca-Cola, Japan and the Olympics." Artists chosen to inspire and lead A work in progress sketch by Karen Cantuq as she plans out her entry "Initially, we invited 15 creative influencers to participate, so that we would have their images at launch to inspire others," says Somerville. "It was important to us to work with people using all the design disciplines, including 2D, 3D, motion, illustration, photography and typography, in order to show the extent of this brief in terms of application. "Kouhei Nakama uses motion graphics, Vasjen Katro creates fabric graphics, Birgit Palma [who designed the Tokyo-inspired geometric design in the main image] is a type designer, and Guy Aroch is a photographer, for example. "Each of the 15 creatives has worked with the same brief and assets, and it was important that they all worked with the same elements. The Olympics brings the world together through sport, and we felt the design challenge would do the same thing through creativity. "Over the decades, many artists ranging from Andy Warhol, Norman Rockwell and Mr Brainwash have embraced the Coca-Cola identity, and provided their unique perspective on our brand. Today the tools may be different, but the passion remains, and all of our creative influencers have been excited to participate. This work will become a moment in time, and they will be part of that, and the work may one day live in our archives. "Aside from the constraints of the simple brief, it was open for our 15 designers to take any approach. We wanted to explore what individuals can create with no firm direction from me or the Coca-Cola Design team. This is a design challenge, not a commercial campaign." The Israeli-American fashion photographer Guy Aroch created a set of provocative and colourful photos for the challenge "The assets provided include the Coca-Cola Red Disc, Spencerian Script Coca- Cola Logo, Contour Bottle icon and Dynamic Ribbon. The only colours to be used in the challenge are the Coca-Cola red, black and white. "Red is our precious colour and few brands come as quickly to mind as Coca-Cola when you think of red. While we hope to have many diverse styles across different mediums, it is important to have a thread, and our Coca-Cola red is that thread." The 15 creatives involved in the campaign launch were Asjen Katro, Birgit Palma, Kouhei Nakama, Sha’an d’Anthes, Ion Lucin, Frankie Cihi, Guy Aroch, Max Muench, Jati Pratama, Olivia Odiwe, Kei Meguro, Mike Winkelmann, David Tshabalala, Karen Cantuq and Filip Hodas. Let's see how three of the creatives made their designs for the launch of the campaign. 01. Gif design Vasjen Katro's design Vasjen Katro’s creation riffs on circles and repeated forms. "After I discovered that the Olympics are held over 16 days, I decided to create a different piece of artwork for each day of the event," he explains. "Every day is different and has its own unique qualities but also has similarities, so my approach was to translate all that into a series of different images. When you watch the final video you get an overall feeling of these differences, but you also see one element that doesn’t change, which is the circle and the Coca-Cola identity. "I began the artwork in Photoshop before moving to Illustrator to create the illustrations and elements. Each piece was compiled and merged in Photoshop. For the video, I worked in After Effects and exported the file using Media Encoder." 02. Video Motion graphics artist Kouhei Nakama explains how he created two stunning videos to inspire others: "At first glance, using red, white and a circle as required in the brief seemed quite simple, but there was a risk that my final artwork would end up looking quite similar to that of the other creatives doing the challenge. I focused on creating something simple that was also original. "In my first video, the camera zooms in to Japan’s flag. I wanted to create something that got people excited about the Tokyo Olympic games. By describing the athlete’s dynamic performances in the flag, I’m hoping viewers will get that feeling of excitement. "For the video where athletes are painted with the Coke logo, I wanted to use 3D. You can’t see the whole logo in one frame, but it fills in across the sequence. The logo is invisible in the still, but it is visible in the movie and this serves to enhance the logo. "First, I created 2D materials and textures in Photoshop and Illustrator. I then imported them into my 3D software, modified them and sorted the layout. After compositing the rendered footage in After Effects, I edited it. Then I compressed the files with media encoder and posted them. Kouhei Nakama creating the videos "The most difficult part of the challenge for me was generating the idea. I needed to come up with something original and sophisticated, something that people would instantly recognise. I spent a lot of time thinking about how the videos would work before I started producing the design. Once I had finalised my idea, the production process went pretty smoothly." 03. Geometric art Birgit Palma’s finished work looks at the Tokyo setting for the games in a different way, through the lens of Coca-Cola’s geometric forms Illustrator Birgit Palma says of her geometric Olympic artwork at the top of this article: "I was inspired by the shapes of the elements we were given, and decided to take the most important ones – the circle, the bottle of Coca-Cola and the Asakusa Kannon – as symbols to communicate the characteristics of Tokyo. In her sketches, Palma explores occlusion and the use of positive and negative space, as well as experimenting with various additions. "Those shapes were fascinating and I decided to use their symmetry as the basis of my artwork. I scribbled down some ideas, and when I had chosen one I started to compose the different elements and to sketch it out geometrically in Illustrator. "To give it more depth, I switched to Photoshop and coloured in the composition, concentrating on the colour balance of the artwork and on the details at the intersections and triangular parts." This article was originally published in issue 274 of Computer Arts, the global design magazine – helping you solve daily design challenges with insights, advice and inspiration. Buy issue 274 here or subscribe to Computer Arts here. Related articles: Coca-Cola celebrates heritage with bespoke typeface 10 huge graphic design trends to know for 2018 60 amazing Adobe Illustrator tutorials View the full article

There comes a point in everyone's life when it's time to take more control of your destiny. If you've built your own site using free WordPress themes or Drupal themes, you might be craving more control. It's time to take an online coding course, learn to code yourself and build your site, your way. Many accessible educational tools have popped up that make learning new skills more straightforward. The daunting task is finding one that's right for you and your learning style. We've tested and reviewed some of the most popular schools being talked about on the web today, to give you a better understanding of the pros and cons of each. Here's our list of the web's best online coding courses. 01. Code School $29/mo 15 free courses available Code School offers some free courses Of all the tools we dug into, Code School – owned by Pluralsight – was one of the best. Not only does the site look great, but it offers quality content and a great student experience. You can follow a 'path', which will guide you through a succession of different courses, or you can opt for a single course on its own. The videos are quirky and fun in an after-school special kind of way, which is a refreshing break from typically dry video tutorials. It's like watching Bill Nye explain it, which is to say, comforting. After viewing a video, you work on your own tasks – relating back to the video if required. If you get really stuck you can 'buy' answers with points you've earned from other classes. Code School offers 15 introductory courses for free, so you can try it out for size, or you can buy a monthly subscription for $29/month. If you're looking to splash a few bucks on a learning tool, we would recommend spending your money here. 02. Skillcrush $499 per 'blueprint' Free 10-day coding bootcamp Skillcrush closely resembles learning in the classroom Skillcrush is a unique online coding course, and the option here that most closely resembles an actual curriculum in a classroom setting. Users enrol in their chosen three-month 'blueprint' – a bundle of three courses that build on each other. There are four to choose from: frontend developer, visual designer, freelance WordPress developer or freelance business builder. Alternatively, you can embark on a nine-month bumper programme dedicated to helping you break into tech. Once enrolled, students have access to not only a classroom setting chat forum with their fellow students, but also to office hours and one-on-one time with their instructor. Skillcrush is currently also offering a free 10-day coding bootcamp. 03. Udacity Large selection of free courses Nanodegrees from around €200 (approx $250) Udacity covers a huge array of technical subjects Udacity offers robust guides to many different topics, with seriously advanced courses on everything from robotics to design theories in everyday life. There's a big selection of free courses on offer here – and not just basic ones, either, but across all skill levels. Alternatively, Udacity has a range of 'nanodegrees', which cover in-demand skills. Current courses on offer include Design Sprint Foundations and VR Developer. Prices and lengths of course vary dramatically, but the cheapest courses start at around €200. All courses are summarised before you even begin, outlining the difficulty level, why the course is important, any prerequisites for taking it, and the project you will complete at the end. This means you can easily scan through and choose what suits you best. 04. Code Avengers From $150 (6-month plan) Free 7-day trial Code Avengers takes a simple step-by-step approach This online code school offers courses teaching you how to code or build websites, games and apps. There are lessons for total beginners, or if you have a little prior knowledge, you can start at a higher level. Code Avengers walks you through each process with very simple, step-by-step instructions, starting with minor tasks, while you watch what happens in a mini phone simulator next to your editor. The team has managed a good balance of difficulty: not so tricky you have to cheat, but not so simple you're just copy-pasting. One interesting thing about this online code school is the Code Avengers Junior section. This teaches children basic programming and computer literacy skills, via gamified courses. 05. Khan Academy Free Khan Academy is very straightforward and offers quizzes Khan Academy is a free online school that's not just focused on coding – there are a wide range of courses on offer, from economics to arts and humanities. Under the Computing section, you'll find courses on computer programming, computer science, coding and animation, all of which are broken up into specific sub-sections. What's interesting with Khan Academy is that you hear someone talking while they write the code, which feels natural, like you're sitting down with someone. The courses were straightforward, easy to follow and you can then transfer the concepts to the simple exercises. Sometimes, there are mini-quizzes following a demo, which help you think about things conceptually and understand what the code is doing a little better. 06. Hack Design Free This is a great source of aggregated content The 'courses' here are just collections of aggregated content, whether that's blogs, books, games, tutorials or videos, from around the web. There isn't anything to ‘complete' by way of tasks, but if you're after some resource recommendations to help you learn more about a specific part of design, this is a good place to turn. There are also tool lists with recommendations from people who use them. This is an excellent catalogue of design resources for all levels. It offers great introductory content for beginners and more advanced techniques for those who do this full-time. 07. Udemy Courses from free Udemy has a hude catalogue of courses and topics Udemy is an expansive catalogue, filled with thousands of other topics besides web and technology, with prices ranging from free to hundreds of dollars. We would venture to say you could find just about anything you wanted to learn about on here. The vast number of courses available (around 65,000 at time of writing) does make it tricky to dig out the good stuff. 08. Envato Tuts+ $29/mo If you want to keep growing your skills, Tuts+ is a great choice With online code school Envato Tuts+, you can learn about a number of aspects of design, from coding and web design to 3D and illustration. Users can select from courses (video-based lesson), tutorials (write-ups about different topics) or ebooks (including the popular A Book Apart series), depending on their particular learning style. Envato Tuts+'s content is access via a monthly subscription that also gives you access to design resource library Envato Elements. Next page: eight more top online coding courses 09. Treehouse $25/mo Free 7-day trial Treehouse is, hands down, one of the best learning tools around Treehouse has one of the most comprehensive libraries of educational materials on this list, while also being one of the most relevant. Not only does it offer a large variety of coding courses, but it also includes 'workspaces' you can use to try out new projects in your own time, as well as a library with videos of talks from industry professionals. It offers an iPad app to continue your learning, too. The structure is simple: learn from the video courses (which are regularly refreshed to reflect industry changes), practice your new skills though quizzes and challenges, and earn badges to reflect the skills you've already mastered. You can try a free seven-day trial on Treehouse, from then on it's $25 (£20) per month for access to all of the site's content. 10. Codeacademy Free Codeacademy is easy to use and it's free Codecademy is free and easy to set up. Straight away you can create 'goals' for yourself and find the skills you want to learn. These could range from applicable things like creating a portfolio site to silly, fun things like animating your name or building a CSS galaxy. 11. Lynda.com From $19.99/mo Free 30-day trial Lynda offers solutions for businesses, higher education and government Lynda.com is one of the more popular video tutorial sites. It offers an abundance of content that's constantly added to with new and up-to-date technologies and software. Lynda.com is a trusted resource that many turn to when they're after a tutorial to pick up a new skill. 12. Skillshare Plenty of free classes Premium access from $15/mo Skillshare offers over 18,000 classes Skillshare is a subscription-based service that offers thousands of classes taught by industry professionals. Courses come complete with material that's been created by the instructors, and there are projects for you to apply your skills. There's also an iOS or Android app that enables you to steam courses on the go, for more flexible learning. 13. Mijingo Free Mijingo is aimed at web professionals Mijingo is an online learning resource that features step-by-step video tutorials for both web design and development. These online coding courses aren't for beginners: they're aimed at helping web professionals get up to date with the latest developments. Current courses focus on things like ExpressionEngine and Twig. Alternatively you can pick a 'lesson' – these cover small, specific elements of broader topics. Stream the videos or download them to any device to watch at your leisure. The courses are cohesive and thorough, and some offer transcripts, starter files and additional resources. 14. Pluralsight From $29/mo Free 10-day trial Pluralsight offers a 10-day free trial No discussion of online training would be complete without a mention of Pluralsight. Following an acquisition spree, it now offers the world's biggest online training library. The company owns Code School, Smarterer and Digital-Tutors. Such is the size of the Pluralsight stable, if it doesn't offer a certain course then it's unlikely anybody does. A nice feature is Pluralsight's 'IQ tests', which help you determine which course is the right level for you. 15. Sitepoint $99/year Sitepoint offers a range of 'paths' to teach you particular coding skills. These lay out a clear journey through a specific subject, such as HTML and CSS, Angular 2, or full-stack JavaScript. You follow them at your own pace to complete your goals. It also offers a range of books, courses and screencasts to supplement your learning. 16. StackSkills Courses from free StackCommerce was founded in 2011 StackSkills is an online learning centre built to serve the StackCommerce community. It offers courses in a huge variety of subjects, including advanced JavaScript, Python, digital marketing and web development, all with the aim of developing a publisher's ecommerce potential. Courses range from free to $300, so no matter what your experience level or budget, it's certainly worth having a look. Related articles: 15 Twitter accounts every web designer should follow 5 top tips for speedy learning 9 of the best resources for learning HTML and CSS View the full article

If you're thinking of buying a nifty new Wacom graphics tablet, you've come to the right place. We'll update this post with all the best Wacom tablet deals, discounts and offers to help you get a great price. If you’re not sure it is a Wacom you want, take a look at our selection of the best drawing tablets of 2018. It’s packed with all the info you need to make the right purchase decision for your needs. But for cheap Wacom tablets, look no further. We’ve scooped up the best deals on Wacom's drawing tablets and accessories on this page, and our clever price finding tool will update you with the latest deals and discounts as they drop. As well as the Wacom website, the best places to bag a bargain are leading retailers like Amazon, John Lewis and Currys. If you don't mind a second-hand product, you can also pick up some bargains on refurbished Wacom devices, or take a look at Wacom's bundle offers. Read on for the cheapest Wacom deals we can find on the firm's leading tablets. Wacom Cintiq 13HD deals Wacom's ever-popular Creative Pen Cintiq tablet offers a high precision solution for all your graphics projects, whether in the office or at home. Weighing in at just 1.2kg, it's a highly portable device, meaning you can easily jot down sketches on the go, and with a 13.3-inch display, there's plenty of room to really express your creativity. It also comes complete with Wacom's powerful Pro Pen, featuring 2048 levels of pressure sensitivity and tilt recognition. Wacom Cintiq 27QHD Creative Pen and Touch Display deals Offering unparalled clarity and colour sensitivity, the Cintiq 27QHD provides true-to-life colour on a high-resolution, 27-inch display. The widescreen 16:9 display has four times the pixel density of standard HDTV, providing artists with the resolution (2560 x 1440) to handle the finest detail. Designed for drawing and painting, image editing and 3D animation, the 27QHD includes a Pro Pen, complete with a range of nibs, including felt for a smooth flow across the tablet surface. Wacom Cintiq Pro deals If you're after that natural pen-on-paper feel from your tablet, look no further than the Wacom Cintiq Pro. Designed for professional artists and designers who demand an intuitive, pen-on-screen connection to their work, the Wacom Cintiq Pro offers a resolution of up to 4K and a wide-gamut display, so you’ll be able to see your work in life-like detail. Wacom MobileStudio Pro deals Wacom MobileStudio Pro provides an entire studio full of powerful creative tools right at your fingertips. Featuring the new sensitive, more accurate and responsive Wacom Pro Pen 2, this MobileStudio provides everything you need to create at your best, from your studio desk to on the go. Available in two sizes, 13- and 16-inches, the MobileStudio Pro has been designed specifically to meet the demands of creative professionals who want the freedom to create anywhere. Backed up by powerful Intel chips, these machines have all the muscle you need to run professional creative applications. Plus, the Wacom MobileStudio Pro 16 model come with NVIDIA Quadro graphics and on-board memory to make even the heaviest files fly around your screen. Wacom Intuos Pro deals If you're after a quality drawing tablet but are on a bit of a budget, then the Wacom Intuos Pro might be just the solution. Simply connect this nifty but affordable device to your Mac or Windows PC with USB or built-in Bluetooth, install drivers, and you’re ready to start work directly in the software of your choice. The ultra-responsive Wacom Pro Pen 2 connects you to your creative work like never before, providing the perfect drawing space. Wacom Bamboo Slate deals Wacom Bamboo Duo stylus deals Wacom Bamboo Fineline stylus deals Wacom Bamboo Sketch stylus deals Related articles: The best deals on Adobe Creative Cloud The best cheap laptop deals for creatives How to create new character designs in Photoshop View the full article

Blade Runner 2049, out now on DVD and Blu-ray, brings back Harrison Ford as Rick Deckard; however, this time around, the government-sanctioned replicant assassin is the one being hunted in a world at the mercy of an egomaniacal scientist. Tasked to find Deckard and bury a revelation that could ignite a civil war is a Nexus-9 replicant named KD6-3.7, a hired killer for the LAPD portrayed by Ryan Gosling. Blade Runner 2049 VFX supervisor John Nelson spent two years crafting 1,190 visual effects shots and relied on the expertise of Double Negative, Framestore, MPC, Rodeo FX, BUF, UPP, Atomic Fiction and Territory Studio to produce desolate cities, holographic companions and celebrities, drone-projected advertisements, manufactured memories, analogue UI and a replicant cameo. How to model a Blade Runner-style 3D city scene Shot composition was inspired by storyboards drawn by Sam Hudecki under the direction of Denis Villeneuve and Roger Deakins. "The nature of our work was not to have spectacle for spectacle's sake but rather tone it down to make the visuals fit well into director Denis Villeneuve's vision (and the cinematography of Roger Deakins)." Two key members of the visual effects team were Double Negative VFX supervisor Paul Lambert and Framestore VFX supervisor Richard Hoover who were on set for the entire principal photography. "The three of us met every Saturday," states Hoover. "We went over all of the work of the week, strategised on how to do things, and who would be responsible for what." Creating the Blade Runner 2049 world Brutalist architecture was part of the overall look. "This is a dying world, so we had to paint out all of the cars and any sign of life in the streets," remarks Double Negative CG supervisor Chris McLaughlin. "We removed large factories and added a lot of favela-style buildings to fill up the green spaces as well as some megastructures to give it a sense of scale." An innovative and efficient approach was taken when populating buildings. "We built and laid out an environment in Maya using simple representations of our buildings," explains McLaughlin. Drone-projected ads light up night-time Los Angeles, based on aerial plate photography of Mexico City "Using our in-house tools, this is up-resed to a more detailed version then converted to a VDB point cloud, which is then used to instance more complex geometry within Clarisse," he remarks. Hundreds of ads projected by drones had to be created, such as one featuring a dancing ballerina. "The ads went through a bit of a design process. We ended up coming up with something that Denis called the 'patented Double Negative advertisement system', where we would take a flat advertisement, break it into several layers, layer stuff in Houdini, add a static flickering effect, output as Alembic caches, and use them as light sources in the scene." San Diego has become a massive junkyard known as Trash Mesa. "We had helicopter reference footage of the Chittagong, Bangladesh salvage yard with the ships on the beach being dismantled," states Hoover. The prevailing thematic look of the film is of a tiny man living in a gigantic and oppressive world "The crash site was a partial set built in Hungary that we extended all the way around. We started by using a particular beach in Iceland as our ground plate. Each shot was custom laid out compositionally with the same pieces: ships, beach, ground and piles of trash." Photo scans were used as much as possible for the asset builds. "With these scans, we retopologised clean meshes in Maya and prepared UVs for texture projection," remarks Framestore CG supervisor Adrien Saint Girons. "We then project back some details on our default resolution in ZBrush. Texturing was handled in Mari using polarised photography when available and our look development was created using Arnold shaders." Concept art produced by Double Negative to explore the urban environment "We started with a USGEO point cloud of actual Las Vegas and all of the buildings that were there," explains Hoover. "The Framestore London art department created a model of futuristic Las Vegas where there are still key buildings in the same location. We put newly designed buildings on top of them or blended the original and current design of the building into a Syd Mead kind of design. It was months of designing different pieces, parts, signage and putting detail in that would give it scale." The prevailing thematic look of the film is of a tiny man living in a gigantic and oppressive world. "My concept was when this bomb went off there were people outside or in restaurants or out on tables eating. We would dress the street as if they all ran away. There are chairs knocked over. Just to try to give a hint of some human level there." Difficult scenes and paint jobs An unexpected difficulty arose in the penthouse sequence when K and Rick Deckard are having a conversation. "Outside in the plates they had a physical backing where there was a printed image of the Las Vegas skyline, but that led to some wrinkles in the backing and there were some issues with depth," remarks Adrien Saint Girons. "We had to modify the backing in all of the shots and that meant a crazy amount of roto. The compositors spent the time balancing each shot to get that virtual backing to sit in it." Gas masks were also digitally placed upon the bodyguards accompanying Luv (Sylvia Hoeks), a replicant henchwoman for her maker Niander Wallace (Jared Leto), and K encounters CG bees. "We had to build a pseudo crowd system in Houdini; we had animation do clips of bee behaviour and our effects artists came up with a clever system to switch between those clips and get the bees to behave." Roger Deakins and Denis Villeneuve discuss a shot while on set "In a couple shots you see an array of these solar farms," states Adrien Saint Girons. "They shot the main one in Spain at dusk as the weather did not permit to shoot overcast. We graded it to look overcast with some soft sunlight directionality. The main tower had to be replaced with a futurised brutalist version. We had to make sure circular shapes of the lines at the base of the panels stood out that they wanted to tie in with the previous eyeball shot." The scene is followed by an aerial view of greenhouses which was also captured in Spain. "It was more of a matte painting task to fill in the holes by adding more greenhouses and then a couple of farm vehicles." Lighting tricks For the final showdown between K and Luv, a partial set was built of the seawall in a water tank located in Budapest. "That was two weeks of night shooting with simulated rain and wind," recalls Lambert. "It was absolutely miserable. The limo was on a contraption that allowed it to be pulled into the water. The practical water worked well but there were times that Denis wanted bigger waves, so we augmented with some full CG splashes on the limo. Not having moonlight or a completely lit set was key to the look of this. You could see a few waves out but then it was pitch black." Roger Deakins deployed a bunch of fantastic lighting tricks. "One of them was to quickly run lights on a cable that gave us interactive light on the inside of the limo as well as on the rain around the limo. We augmented that with the shape of K's Spinner as well as with additional light." Ryan Gosling as K in Blade Runner 2049 "There are a lot of invisible effects like the layout of the snow at the end scene when K dies," notes Nelson. "All of that background didn't exist. It's all BUF. We had the steps and part of the building but no glass on the front of the building. We shot it with practical snow and added more digitally. That whole city back there was recreated." The hologram companion of K stands out for Double Negative. "The biggest creative challenge was the idea of Joi because it took a good while; even though the final effect is subtle, it's sophisticated and hard to pull off," states Lambert. "The rain and atmospherics were huge renders so more of a technical challenge." Dealing with the orange light and the asset management were the major hurdles that Framestore overcame. "As a supervisor and doing this for 35 years," remarks Hoover, "it was inspirational to watch a crew of artists so involved and excited in making this movie work." Creating Joi the hologram Plate photography of Ana de Armas and Ryan Gosling in the rain. A live-action Joi is composited over the CG version, then the back shell is added to the transparent CG Joi For Joi, Blade Runner 2049 VFX supervisor John Nelson had the challenge of turning a companion hologram portrayed by Ana de Armas into a believable and empathic love interest for K. K buys a device that allows Joi to step outside his apartment and experience the natural elements for the first time. "The story is that her software has to learn to [react to] the rain," explains Nelson. "Double Negative took away raindrops and digitally brought them back onto Joi." Wet and dry hair grooms were created for the hologram. "One of the things that underlined all of the Joi work was that in Blade Runner 2049, digital didn't happen," notes Lambert. "It's like advanced analogue. That's why we tried to avoid any form of square compression or any form of wireframes. When you see Joi walking out into the rain there's a painterly feel to it." The hologram technology experiences severe glitches such as when the Spinner piloted by K crashes and Joi panics. "We had a witness camera on the dash and triangulated her from two angles to body track her," remarks Nelson. "Denis said to me, 'She should be emotionally flipping out at the same time as her software is corrupted.' He directed Ana to say, 'K! K! K!'. Joe Walker, the editor, removed frames to have it glitchy." A CG model of actress Ana de Armas is transformed into Joi breaking down into a series of volumetric cubes to emphasise the fact that her software is malfunctioning Joi breaks down into a series of volumetric cubes. "Our effects supervisor wrote a program in Houdini where cubes would change size and shape, and glitch based on her physical motion," explains Framestore VFX supervisor Richard Hoover. "When it was more emotional we could dial it up as well as control the transparency of the cubes." Joi hires a prostitute named Mariette (Mackenzie Davis) with the plan of temporarily merging their two bodies together. "The technique was we would shoot the real women, get them close, and where we needed a more critical lineup we would project one image onto the CG surrogate and then shim it over to line it up," explains Nelson, who placed GoPro witness cameras in the corners of the small apartment to get multiple views for body tracking the women onto CG surrogates. Mackenzie was treated as the primary with Ana mimicking her timing, actions and gestures with the help of an iPad. Every shot started out of sync and ended in sync. Rigs were produced for Mariette, Joi and their combination, referred to as 'the third woman', so as to deal with the physical differences between the two actresses. "We never changed the facial portions of Ana," states CG supervisor Chris McLaughlin. "Just the length of her neck and width of her shoulders." Replicating Rachael Along with the return of Harrison Ford as Rick Deckard, the film's visual effects supervisor John Nelson also partnered with MPC to create a CG cameo of Rachael, originally portrayed in Blade Runner by Sean Young. Loren Peta was cast with her hair style, make-up and outfit replicating the look of Sean Young in the original Blade Runner. "We shot Loren coming in and talking to Harrison Ford with markers on her face," explains Nelson. "We also modelled Sean from a life cast of when she was in her thirties. That got us close." MPC recreated a sci-fi icon with the CG cameo of Rachael Not only did the CG character need to have the right look, but it also needed to have the correct mannerisms. "I love this little thing Sean does in Blade Runner where she wobbles her head. She's this beautiful nerd who is really smart and knows she is special. She needed to look confident in order to identify with the original Rachael." A secret facial motion capture session was held for Sean Young. "We shot Sean with DI4D saying the lines being directed by Denis Villeneuve and did the same with Loren." He wanted Rachael to come across as if she had met someone she hadn't seen for years, couldn't control her emotions, and then feels rejected. "We did these little stray hairs that are unkept in the groom, which adds to the verisimilitude of it." Witnessed cameras were used on Loren Peta as well as for the moving lights so to know where they were at any one time. "Rachael is entirely CG from the neck up for her face and hair. "We narrowed the body of Loren because she is an athlete while Sean is fashion-model skinny." The hard part was getting the unique and big eyes of Sean to sit properly in the CG face. "We used a new subsurface scattering renderer on the skin and really worked to get the face and make-up correct." Weathering the storm The iconic Spinner was a key part of the film's visual language Atmospherics resulting from severe environmental damage is a signature element of the Blade Runner universe, with the sequel further upping the ante by adding overcast skies, snow, sleet and radioactive haze. "Traditionally with rain you do your foreground, midground, background and you don't think about it," observes Paul Lambert. "On this one, rain took the longest to render because of the amount of light everywhere. We were forever having to tweak the size and how much rain. It just takes for the rain to be slightly off to completely break the scale and we were breaking the scale all of the time." The number of raindrops incorporated into the wide shots was massive, acknowledges Chris McLaughlin. "We had a lot of versions that had completely maxed out on the particle count and it still didn't look big enough." K approaches the desolate city of Las Vegas where he believes Deckard to be hiding A radioactive orange haze engulfs Las Vegas, which has become a ghost town. "There was an aspect of the particular filter that Roger chose which John and I categorised as a Kodak 23A," states Richard Hoover. "It's designed to remove all blue light so when you're trying to describe surfaces in that light you've got only two thirds of the spectrum to work with. Roger hand-made that filter specially to give the proper look he desired. I said, 'Lets render everything in white light and if it looks right to us then we'll apply the filter and that's what we get.'" Atmosphere was used to reveal certain elements at the right time in order to heighten the sense of mystery. "When K is walking in the statuary we ended up designing each shot as a single-point perspective as if you were looking down a long road on every shot, and then played the buildings shot by shot to be going back in the distance," remarks Hoover. "Then we would wedge the density of the atmosphere and even create pockets, so that you saw just enough to give a feeling of depth, but not take away from the environment that K was in." This article was originally published in issue 229 of 3D World, the world's best-selling magazine for CG artists – packed with expert tutorials, inspiration and reviews. Buy issue 229 here or subscribe to 3D World here. Related articles: How to break into movie concept art Master the art of storyboarding How videogame graphics and movie VFX are converging View the full article

If a normal picture is worth a thousand words, just imagine how many books you'll be able to fill when you take your photography to the next level with Photolemur Spectre. Get this photo editing app that is enhanced with artificial intelligence to make your pictures pop. Its family licence is on sale for 61% off the retail price. 15 ways to improve your photography skills Photolemur Spectre makes it easy to pull out the best elements of all your pictures thanks to its advanced tools that make editing a breeze. Photolemur Spectre is the world's first automated photo enhancement tool for Macs. It's enabled by artificial intelligence that can analyse a photo and touch it up in a matter of minutes. This app will work its magic on any photo to make it ready for you to share proudly on social media. You can get a family licence for Photolemur Spectre on sale for just $19 (approx £14). That's a saving of 61% off the retail price for tool that will improve your photos with just a click, so 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. Related articles: Fix your photos with ease with new AI-powered app The 5 best laptops for photo editing The best cameras for creatives in 2018 View the full article

With hundreds of millions of monthly active users, Instagram is a fantastic visual platform for designers. The Facebook-owned social network lets you share the world around you from your smartphone, and gives you insights into what others are up to on its feed. A designer's guide to Instagram Stories To help you find the best user experience and UI design influencers to follow on Instagram, we've compiled a list of some of the most inspiring, interesting and forward-thinking creatives on the platform. Follow these inspirational web designers and get daily inspiration for your own projects. 01. @twohabitsdesign A daily showcase of best practice in UI and UX design, as curated by frontend developer Ilya Fedotov. There's inspiration from all over the world to be found here. 02. @iamnotmypixels Yael Levy is the UX expert behind I am not my pixels. On this Instagram account, she regularly shares plenty of great UX advice and insights. For more in-depth discussions, check out her website. 03. @ux_ui_wireframes With almost 40k followers, UX/UI Wireframes collects together all the best wireframe posts from around Instagram. Get inspired by web designers all over the world with this excellent account. 04. @cadabrachallenge Twice a week, app design agency Cadabra sets a design challenge. This Instagram account shows what its designers can achieve in an hour, as well as inviting followers to join in – the results are pretty impressive. 05. @agenceme AgenceMe is a product design agency with offices in San Francisco and Paris. Its Instagram feed is full of great UX/UI inspiration, with lots of clean and minimal interfaces peppered with gorgeous photography. 06. @humble_ux HumbleUX offers a curated collection of the best UX and UI wireframes. It also shares pictures of lustworthy work setups, to make you feel bad about your messy desk (speaking of which, check out these 16 super-cool design offices to stir the senses). 07. @uitrends Get daily design inspiration on this Instagram feed, which features UIs from designers across the world. It's great to see a range of different styles and approaches. 08. @uxjurgen Freelance UX designer Jürgen Leckie's Instagram feed is dedicated to showcasing his work. Take a look to see behind-the-scenes snapshots from projects and moments in time in his design process. 09. @nick_buturishvili Beautiful micro-animations and clean UI work have earned freelance product designer Nick Buturishvili plenty of Instagram followers. 10. @uxdesignmastery UX Design Mastery's feed shares UX ideas and tips, as well as interface design inspiration from leading designers and agencies. There's plenty to learn here. 11. @gifux UI animations are big news. This Instagram feed is dedicated to celebrating things that move, and regularly shares animated GIFs from designers. 12. @uxpuzzles This Instagram account collects together pictures of UX fails (and some successes), plus quotes and cartoons about design. Some of it is a bit flurry, but there are things to be learned here – and who doesn't love a good UX fail? 13. @nicholastenhue This Instagram account is run by Nicholas Tenhue, the host of The UX Blog Podcast. In it he shares a range of diagrams to help you make sense of design processes. 14. @interaction_design_foundation Follow this account for plenty of UX insights and quotes, linking to a bank of educational UX articles on the Interaction Design Foundation website. 15. @uxmemo Jessica Robbins – the woman behind this account – is a creative and UX director. In it, she shares the Post-It note insights she learns in her day job. This feed is packed with lo-fi but thought-provoking quotes on design. 16. @wireflow Wireflow is a free online wireframe tool. Its Instagram account is dedicated to curating and sharing beautiful low-fidelity wireframes, sketches and flows. Related articles: 5 top UX design trends for 2018 7 UX tools to try The pro's guide to UI design View the full article

Editorial design is a highly visual medium by definition. The best magazines and newspapers use imagery in creative ways to grab attention, help tell stories, and achieve interest and pace within a layout. Whether you choose photography or illustration as the lead visuals for your design - and there are strong pros and cons for both - there are some sure-fire tips and tricks for making images work harder for you. So without further ado, read on for five ways to use images more effectively in your editorial design work... 01. Let the content lead the design Migrant Journal tells visual stories beautifully, such as this evocative photograph accompanying a story about coconut water Design and editorial make wonderful bedfellows, and when both are firing on all cylinders, the effect can be stunning: a picture speaking a thousand words, alongside a thousand words telling a story. It may sound obvious, but one of the most important things to do first as an editorial designer is read the content. Not only can it spark off specific ideas for what images to use, but the style and tone of the writing can also inform the look and feel of the piece. A classic method for using imagery to help readers engage with the content is infographics, such as this example from The Times It will also help you decide whether photography or illustration (or a combination of both) is the best choice to make. Illustration is great for communicating more abstract concepts, as well as adding colour, personality and character to an editorial design. While photography is much more effective at depicting a specific subject referenced in the piece – whether a person, an object or a place – it can also achieve powerful impact, and control tone and mood. Either way, choose what's appropriate for the content. 02. Use photography more creatively A creative, colourful and eye-catching example of how to combine relatively simple photography with illustration, courtesy of Bloomberg Businessweek Sometimes, photography in editorial design is all about being literal, and representative of a subject. A portrait of an interviewee, for instance, or a shot of a particular location discussed in the copy, is sometimes the only logical choice to make. This often requires a bespoke shoot, and this is an ideal opportunity to art direct to suit the specific layout, style and tone of the piece. Create a rough layout first and consider how and where the photography will be used, and shoot to fit the space – taking into account where typography and other page elements will be placed. Here, Wired Italia has saturated a potentially dull portrait photograph with hot pink to give the whole spread real impact But if time and budget is an issue, sometimes stock imagery is the best course of action, particularly for famous subjects where photoshoot access isn't possible, for locations that are too far-flung to afford to shoot yourself, or for news-based editorial where time is of the essence. If you do choose the stock route, however, don't plump for the default option: take the time to search a little deeper. Find an unusual angle on a well-known subject, or add some more specific search terms or filters to 'art direct' the results to suit your layout. 03. Tell stories with illustration A great example of visual storytelling from Migrant Journal, illustrating a story about immigrants journeying through Mexico into the USA There are many different types of editorial article that illustration can bring to life. For relatively dry, business-focused articles it can add a playful, more lighthearted edge, as well as communicating relatively convoluted ideas through visual metaphor. Illustration can also bring an article to life when photography is impossible or inconvenient, and explore themes and topics that photography could struggle with, such as fantastical or otherworldly environments, or fictional characters and scenarios. Here, Wired uses a quirky, playful style of illustration to explore connections between characters in the Marvel universe Commissioning illustration, like art directing photography, is a skill that takes practice. Finding the right illustrator for the task is half the battle: read the article, and find the right look and feel of illustration to suit its tone. Then pick out particular visual cues and stories, and make them part of the brief. If budget and time constraints rule out commissioned illustration, consider stock assets. These are particularly useful for smaller spot illustrations, or articles that require relatively well-established visual metaphors – again, take the time to search for the right look and feel for the job in question, and try to avoid clichés. 04. Don't be afraid to go big Bold, bright infographics can be incredibly arresting when blown up huge across a full double-page-spread, such as this Bloomberg Businessweek example In print, never underestimate the sheer drama and impact of running a stunning full-bleed image, either filling one page or even a full double-spread. Sometimes you need to give visual assets the space they deserve, whether it's a breathtaking photo of a landscape, or an intricate, complex infographic that demands to be shown large. This may require some rethinking of a layout, or even a reallocation of pages to make room to expand the particular feature you're working on. But it's absolutely worth it, particularly if you have some killer assets at your disposal. Another example from Migrant Journal, demonstrating how powerful a great photograph can be when run full-bleed in an article Don't squander a beautiful image by squeezing it into a corner of a spread packed with text, or dilute the impact of the best single asset by trying to use too many others around it. Sometimes, having the confidence to pick the most eye-catching, dramatic image and blow it up large can transform a piece of editorial design. 05. Crop images in a dynamic way Sometimes, an abstract crop of an image can draw the reader in - this example from Real Review is a fascinating study of shadow and texture Impact can be achieved by being unconventional and surprising, too. After all, two magazines or newspapers using the same image – whether stock, or licensed directly from a photographer – can achieve a very different effect depending on how, and where, they choose to use it. Full-spread images can work wonders. But so can close, macro crops and unexpected, dynamic interactions between type and image – editorial design is all about finding that perfect balance, after all. If the content suits it, don't be afraid to zoom in, crop, distort, integrate graphic elements, and generally be playful with your editorial imagery. This incredibly sensual extreme close-crop of lips about to kiss, blown up large across a spread in The Times, can’t help but grab attention This is a particularly effective way of putting a unique twist on stock imagery, to give your design a fresh twist, compared to the efforts of any other editorial designer with access to the same assets as you. Thanks to Computer Arts magazine's art editor Mark Wynne for his assistance sourcing best-practice examples. Related articles: 15 influential art and design movements you should know 6 fantastic editorial designs and what we can learn from them 4 tasks that stock imagery makes easier View the full article

As a creative director, I see a number of web design portfolios. Here are my top tips to make sure your portfolio impresses. 01. Screenshots aren't always best Obviously you’ll be chuffed to bits with your sparkling new design so you’ll want to drop it in as many iPhone and Mac templates as you can, but that isn’t always the most attention-grabbing approach. Try using client photography as the ‘hero’ image on your landing page, then of course, use your screengrabs once you’re into a particular case study. If the client’s photos aren’t all that (very probable), look at what you’ve put on their homepage. Could you use their logo and their colours to send the message as opposed to tiny images of screenshots? 02. Create attention-grabbing titles Instead of starting your case study off by saying “Look at the new redesign of XYZ.com”, you can make this more engaging by saying something along the lines of “Improved new customer interactions and conversions by 24%” by picking out key stats from Google Analytics. If they don’t have any specific statistic that you can flaunt or they’re something like a barrister, no bother, just instead talk about improving the user experience through a more simplistic navigation, more effective mobile website or even just bringing their site into the 21st century. 03. Let the client sing your praises Clients can be seen as the bad guy, so make sure you take advantage of their praise Get as many testimonials or quotes as you can directly from the person you worked with on the project. This helps enormously for people to understand your capability to work with others, not just your design/coding skills. Given how much of our work requires human interaction, it is vital for prospective clients to understand that you know how to manage yourself – and relationships. In addition, it’s useful to ask clients to add their comments to your LinkedIn. Quite often that may be a client’s first interaction with you as opposed to coming onto your website. The old adage of word of mouth being the strongest form of advertising is still alive and well... 04. All about the detail In your case studies, pick up on the small details you agonised over and the reasons why. For example, talk about the complexity of a JavaScript-driven menu that allows you to navigate to the lowest level in the site in just a couple of clicks to improve UX. As long as you don’t get too geeky, this will illustrate how you approach work – with clear attention to detail. Ask how a fine furniture maker might talk about the beautiful mahogany cabinet he’s just made that took him 3,000 hours to produce. He’d likely mention joins, hinges, handles and polishing. When you consider your work is akin to a traditional craftsman, you can begin to see more than just graphics and code. 05. Tell a story It’s easy to just explain what you did when talking about a project, but it can be far more interesting to explain why you did it. By weaving the redesign or project into a narrative you can begin to draw in the audience a little more than a simple deluge of facts and figures. For example, as opposed to “we redesigned and built the new eCommerce store for XYZ.com”, you could begin with explaining who they are, what their current scenario was and the solution you came to help evolve them out of their current predicament. 06. Don't get cocky, kid There’s nothing worse than a pretentious designer’s overly ‘designed’ website, which they’ve thrown all the bells and whistles at to showcase their abilities, but neglected to provide clear routes to see the work itself. I should know, because as a junior, I spent every waking hour redesigning my own website to chuck in more wizardry that I’d learnt, only to realise that basically all anyone needs is a nice, simple, clean looking page with a clear list of all the work completed, complete with the ability to jump into it, and an easy way of moving back to the list, or jumping to the next item. Oh – and make sure your images are big, bold and extra clear. On mobile and desktop! Don't repeat your mistakes Generate speaker Jenn Schiffer Those in tech who do not study art history are doomed to repeat its mishaps. It's time to discuss those mishaps and how we in the industry are making the same mistakes. If we want to turn things around and have a positive and profound affect on society we need to act. Jenn Schiffer is the Community Engineer for Glitch.com at Fog Creek and she is going to tell you how to avoid making mistakes in her talk at Generate New York from 25-27 April 2018. Get your ticket now This article originally appeared in Issue 270 of Web Designer. Subscribe today. Related articles: 32 brilliant design portfolios to inspire you 8 great graphic design portfolio sites for 2018 The dos and don'ts of perfect portfolios View the full article

We post reams of articles for artists and designers every week: tutorials, advice, news, features, reviews, and loads more. It's a lot to keep up with. Sometimes the front page of our site, with its ever-changing feed of information, can be a lot to take in. To make things easier, we have a weekly email digest curated from the best content from Creative Bloq and its associated brands Computer Arts, net, ImagineFX, Paint & Draw, and 3D World. Every Wednesday, we gather the best articles from the week, plus some great additional offers and info, and fire them out in a condensed and convenient newsletter format to provide you with the content that matters the most to you. Just enter your email address into the form here (we promise we won't sell your details) to start receiving the best of Creative Bloq every week. The best design magazine subscription deals 25 logo design tips from the experts The best computer for graphic design 2018 View the full article

Modelling a static plant that has the appearance of having grown in situ isn’t too hard, but creating a rig that will animate that growth is a little more complicated. Of course, the system that I’ll show you here for creating plant and foliage 3D art can be used and frozen to generate static plants too, and there is something to be said for using this method. As it’s procedural, it means you can adapt and iterate, using settings to create endless variations, rather than having to manually adjust vertices. 6 ways to speed up your 3D modelling So how can it be done? You could use any number of tools, but in my opinion, the best tool for the job is X-Particles, which has a huge number of useful tools and options for you to play with. I will use a single particle system, but you could go in deeper, adding branches or spawning emitters to add complexity and realism. A single emitter, based on geometry selections for ‘roots’ is a good place to start, with some modifiers added to control growth direction and patterns. To start with, you need a scene to work in. I’m reusing a section from an old scene but you can use almost anything – as long as you have something to emit your particles from and something for them to grow along you are fine. As a note, if you don’t have access to X-Particles, you can do something similar with Cinema 4D’s Standard Particles and MoGraph tracer, with a Sweep object. It’s not as elegant a solution and meshing is trickier, but it will get you a fair way. If you do have X-Particles, then load up your scene and let’s get started. You should also gather the files you need. If you want to grow leaves, then you’ll need a material with the textures, including alphas, which is ready to apply to the sprites. To give a quick overview of the process, you need to define a growth start point, then set up the surface the plant will stick to. Next, you need to use modifiers to control the growth itself. The final step is to add the geometry and leaves if needed. This might sound simple, and the good news is that it actually is! So let’s crack on with creating our plant. 01. Create an emitter With an XP system added to your scene, create an Emitter, set to Object, with the geometry you want the plant growing from added to the field and the selection added to the Selection field. You also need to set the Emit From setting to Points. In the Emission tab, set the Mode to Shot. Change the Speed to a suitable setting and add a little Variation so they don’t all grow at the same speed. 02. Add modifiers Add a FollowSurface modifier from the Modifiers list and drop the object in the field that you want the stems to grow along, adjusting the settings to suit your needs. Follow with a Turbulence modifier to get some controlled movement in the growth. Once you’re happy, add a Trails Generator and drop the Emitter into it, so it knows what to trace. Now you can tweak with more of an idea of the finished look. 03. Tweak the stems Add a new SplineMesher generator object and drop the xpTrail into it. This step is all about defining the look of the stems – a good starting point is to taper them off at the end and add a little twist. To do this, unfold the Size and Twist sections, to open the graph views. You can adjust these graphs, which represent the start to end of the trails, making it easy to control the thickness along the length. 04. Add the leaves There are many ways to add the leaves, but the simplest is to add them as clones. To do this, add a Plane to the scene, with your leaf material applied to it. Make this a Child of a Cloner, set to Object Mode. Drag the xpSplineMesher object into the Cloner’s Object field with the Distribution set to Surface. Then adjust the number of clones using Count and apply any effectors as you see fit. Learn more at Vertex Learn more CG and 3D skills at Vertex Vertex is the event that joins all parts of the CG community, with an Expo area where you can catch up on the latest tech, presentations in the auditorium, a recruitment fair and many workshops. To be inspired, build your network, further your career, or to learn new skills, Vertex is the place to be, so head over to www.vertexconf.com to book your ticket. Don’t miss out, book your ticket now at vertexconf.com. There are still some amazing workshops we’ve yet to announce so keep an eye on the event website, where you can also find out more about the other amazing speakers, workshops, recruitment fair, networking event, expo and more. Related articles: Learn new tricks at Vertex Why Vertex is a must for CG artists The ethics of digital humans View the full article