Rss Bot

Hats off to Adobe, they really do seem to listen to user feedback. Just take a look at the latest batch of updates to Adobe XD CC which are available today. These features, which have been requested for a while, aim to make workflows smoother by integrating popular UX tools. Adobe hopes that this will make designer and developer handoff easier. One of the biggest draws for designers is that Dropbox now supports native XD file previews on mobile, web and desktop. What's more, when users view an XD file saved to Dropbox, a preview of the file automatically displays. This means that designers and stakeholders can sort through their assets via Dropbox more quickly than before. “Our goal is to unleash creative energy through an expanding partner ecosystem, and connect design tools like Adobe XD with core Dropbox mobile, web and desktop products," said Daniel Wagner, Engineering Lead, Dropbox Previews. As well as incorporating Dropbox, creatives can now quickly export their designs from Adobe XD into third party tools like Zeplin, Avocode and Sympli. These highly requested workstreams are already part of designers’ existing processes, but with direct integration with XD they can now handoff the developers without disruption. The latest update also sees XD integrate with ProtoPie and Kite Compositor, letting designers add advanced animation to their XD prototypes. Another significant enhancement to emerge from the latest XD update is that designers now have the ability to zoom in and out of a canvas with thousands of artboards without compromising performance. On top of this, Adobe XD has released five free UI kits in partnership with leading UI/UX designers around the globe. These make it easier than ever to get started with designing apps for different problems. "Adobe XD's human-first design approach and integration with other Creative Cloud tools has made it incredibly easy and seamless to create scalable and cross-platform design systems,” said Michael Wong, designer and founder of Mizko Media & the Designership, who created a gaming console UI kit for Adobe XD. Related articles: How to prototype a mobile app with Adobe XD Adobe XD and Adobe Dimension launched at Adobe Max Adobe’s new Photoshop CC tool detects objects in a click View the full article

Preparing assets for digital use is a core task for junior designers today – and distinct from preparing files for print. You may get asked to create or adapt images for websites, social media campaigns, display ads, email newsletters, video animations, infographics and app designs, to name but a few. At Conran Design Group, for example, a typical task might be to produce imagery for use in a responsive website, explains senior designer Ollie Rone-Clarke. “Once the design has been signed off, we’ll create a core master file of each asset size and these will then be saved for the web, using the right file format to make the files as small as possible, while still retaining key detail – so that these assets are fast to download, for example, on mobile.” So how you go about creating and adapting assets for digital use? There are four broad things you need to consider. 01. Master the fundamentals Conran Design Group collaborated with food redistribution charity FareShare to produce its 2016 annual report and social media assets Firstly, you’ll need to understand the fundamentals, which hopefully you’ll have covered on your design course. “From a functional perspective, typically you should ensure you’re using the correct colour settings in Photoshop: RGB rather than CMYK,” explains Osman Gani, global digital advertising director at Hogarth Worldwide. “You’ll need to be working in the correct digital pixels per inch, giving Photoshop layers the correct names, and positioning layers from bottom to top. “You’ll need to export the correct digital formats as stipulated in the brief, and ensure text boxes and images have been ‘snapped’ correctly. And you’ll need to adhere to best practices such as naming conventions, clear folder structures on the server, and using version-control files.” 02. Follow brand guidelines Conran Design Group helped the Keep Britain Tidy campaign by giving the brand's original Tidyman logo a modern twist Secondly, each project will come with digital guidelines that are specific to the brand, says Andrea Esteban, digital designer for Battenhall. Much of the time this will be relatively routine. “Most of our projects come from existing clients whose guidelines we’re already familiar with,” she explains. “But for new clients, we have to ask them, fully analyse their requirements, and think about all the limitations they may present, in terms of file size and colours, for example.” 03. Test your designs across different platforms Rather than creating print and digital assets separately for FareShare, Conran Design Group created a strong unifying theme within the report that it could use across other platforms Thirdly, in an ever-changing digital environment, you need to keep up-to-date with the platforms you’re designing for. “So for example,” says Esteban, “I have private social media accounts to test – and then delete – posts, to see how they look across all devices. We often design quite innovative posts, like ‘click to reveal’ on Twitter or ‘filter to reveal’ on Instagram, so testing how everything looks in-stream rather than guessing is better. After all this, it should be easy to change each artboard to all the different sizes you need: adjelly.com has all the different up-to-date sizes, but Googling each platform also works.” 04. Know your organisation Keep Britain Tidy needed a unified identity that better communicated the core brand Finally, you’ll also need to understand the systems and processes of the organisation you’ve come to work for. “Junior designers come in with the basics of design and asset management preparation, but they won’t be ready for the studio filing system,” says Rone-Clarke. “This is where we spend a lot of time with them, showing them how we file and set up stages for each design job.” Understand the deliverables How much your design course will prepare you for all of this will vary. Chloe Holden, a junior designer at Conran Design Group, says hers was a little patchy. “While I’d learned that RGB was for digital and CMYK was for print, what I didn’t realise until I was an intern is the importance of double-checking file settings when going between digital and print files,” she recalls. “Nor did I learn the hows and whys. It isn’t until you are working in a studio that you learn how to take a brief and understand the deliverables clearly.” Elena Morán, a UX/UI designer at atom42, also points to the importance of the brief in preparing digital assets. “Be sure you receive a good one – and don’t be ashamed to push back if it doesn’t contain the information you need,” she stresses. “A baker can’t work without flour, and you can’t make the assets without the correct specifications.” Ask questions The visual theme for FareShare closely linked print and digital Most importantly, keep asking questions, she adds. “For example, if someone asks you to create a display ad, important points to double-check include the size of the creative, dimensions needed and minimum and maximum weight allowed. Is it animated or static; do they want a still image or do they want dynamic elements? If it’s animated, do they want an interactive ad? What type of file: JPG, PNG, MP4, HTML5? And where is it going to be displayed? Every platform has its own unique rules.” This can all be slightly overwhelming at first. “As a junior you will get a lot of work to do, so time is key. Tracking your hours carefully makes it easier to prevent issues and correctly organise your projects. "And if you feel overwhelmed, tell your line manager so they can organise, push back and share, if possible, with the rest of the team. Sharing is caring, so don’t just say yes all the time or you’ll end up producing less high-quality assets as a result.” Tips for creating digital assets The logo typeface was given a ‘stamped’ effect to add interest and texture, as well as being optimised for digital applications 01. Work efficiently “Always ask what digital output the assets are needed for, how many versions you will need and across how many breakpoints,” says Rone-Clarke. “Set up a process that anyone else on the design team can pick up. Make sure you have a definitive list of assets that need to be created.” 02. Understand goals “Be clear about what you’re designing for and where the asset will end up,” says Holden. “Then you’ll know how to create the optimum design to suit each digital application. For example, an asset for Instagram will look very different to one for a web page.” 03. Adjust screen brightness “When altering colours for digital, make sure your screen brightness is up,” adds Holden. “It’s a simple thing but very easy to forget. Always test it and get a second opinion from a senior designer.” 04. Save assets correctly “Saving seems the easiest step, but if you’re not sure about formats, it might be the most difficult one at the beginning,” says Esteban. “Save, Save for Web, Export: they all have different settings that will make your life easier – or more difficult – so check which one is the best option to optimise your exports.” 05. Get GIFs right “There’s a big trend right now for GIFs over videos, but remember they’re super-compressed, which means potentially lower quality content,” adds Esteban. “Also, if exporting from Photoshop, remember it only allows 500 total frames – which sounds like loads, but it’s not!” Related articles: 6 ways to get out of your creative rut How to futureproof yourself as a designer The best free fonts for designers View the full article

If you're keen to add another skill to your design portfolio, editorial design could be a great place to start. Editorial design can be a daunting task for someone who isn’t used to formatting large amounts of text. The skills you'll need are different to those of other types of graphic design – organisation and planning are key. Get Adobe Creative Cloud In this article, I'll share some tips to make sure your life doesn’t suck while designing editorial layouts in InDesign CC. If you want to take things further, check out our guide to brochure design and our article on how to design a book cover. 01. Get organised first InDesign is set up specifically for editorial design First things first: you need to have all the content organised and finalised before starting to work on the design of your book. Working with content that is still developing will only lead to an inconsistent product and plenty of headaches along the way. Keep chapters separate and use InDesign’s book feature to link them all together. Never, ever, try to work with one long InDesign document for multiple chapters in a book. It will make your life a living hell. 02. Set up master pages Set up your Master pages before doing anything else. Your Master pages will include any design elements that will carry through the whole layout, such as folios and automatic page numbering. Use separate Master pages for different editorial layouts within your document. For example, if you have a sidebar column, set up a master for that type of layout. If you have a layout for the beginning of a chapter, set up a master for that. If you have an Appendix with no formatting, set up a blank master for that... you can see what I’m getting at. You can use as many Master layouts as you need. This will be a huge time saver in the end. 03. Establish a visual hierarchy Make sure you establish a visual hierarchy, and stick with it. No matter the editorial content, a hierarchy is key. As well as being more aesthetically pleasing, a hierarchy will enable readers to skim the page and find the content they’re looking for. A basic outline for text hierarchy might look something like this: Main headline, subhead 1, subhead 2, pull quotes; body content, captions, folios. It is very important to make sure the design of each level of the hierarchy is consistent throughout the document, which is where Styles come in. Styles are your best friend; use as many Paragraph and Character Styles as you can. The more efficient you are with these, the easier it is to make sure everything is consistent. 04. Create a balanced layout Use images to offset text so headlines don't line up Think about the balance of imagery and text in your layout. It can be a good idea to use images to break bigger chunks of text into digestible blocks to make them easier to read and absorb. Visuals will also make the page more interesting to look at. Ideally, you want to make sure headlines don’t crash into each other. For example, in a 2-column layout, you would not want to have both columns starting on the same line (above left). Add images to offset the columns (above right), or use the Span Columns function to create a headline that runs across both columns of text. 05. Don't forget about screens It's not unusual for print articles to be made available to view as PDFs online, so you may need to consider this in your design too. If designing an editorial piece for print, make sure it will be readable when viewed on a screen. PDFs will often have live hyperlinks, so check these all work. Also consider using links within your table of contents, so readers can quickly jump to the chapter or section they want. 06. Choose fonts carefully This infographic compares serif and sans-serif fonts (click to see the full image) Your decision on which typefaces to use should be based on where most readers will be viewing the editorial. Many people argue that serif fonts are best for large blocks of text in print, while sans-serif fonts work better for large blocks of text on screen. So if it's going to be viewed by most people as a PDF on a screen, you might want to opt for a sans-serif. If you want to learn more about the reasoning behind this theory, there are great articles here and here. To find a great font from either category, check out our best free fonts for designers post. Read more: Create special print finishes in InDesign How to prepare a file for print How to colour-match your print projects View the full article

Last year, Adobe launched Creative Coffee Breaks – a series of mini-tutorials each teaching you a new skill or technique in the time it takes to boil a kettle. This year, this popular series will help you make the most of Adobe Stock – a library of millions of top-quality resources, which Creative Cloud members can access directly from inside their favourite apps. Download a free Adobe Creative Cloud trial January is the ideal time to refocus, learn something new and add some skills to your creative toolbox, and Adobe has released four video tutorials to help you do just that. This series covers all of the flagship Creative Cloud programmes, with a special focus on how they work seamlessly with Adobe Stock. Adobe Stock provides Creative Cloud members with access to over 90 million high-quality images, graphics, videos, templates, and 3D assets, and is built right into your favourite Adobe apps. The latest Creative Coffee Breaks series aims to show you exactly what the fuss is about, and what sets Adobe Stock apart from other image libraries. Adobe has asked some of the coolest UK designers and photographers around to show you how they use Stock in their workflows. You'll learn how to apply lettering to a stock template in Photoshop CC with hand-lettering artist Ian Barnard, and how to source and licence a Light Leak directly in Adobe Stock through Premiere Pro CC with photographer Dave East. And that's just the first two videos – check out the playlist for the full set. Each tutorial lasts under two minutes, which means you can easily grab a cup of coffee, take a mini break from work, and learn a new trick. If you're not yet a Creative Cloud member, but you fancy having a go at some of the tutorials, you can download a free trial of any of the apps in the suite – and with the 30-day Adobe Stock trial, you'll get 10 free images. What are you waiting for? View the full article

Adobe has set the bar high for photo editing and so much more with Photoshop. You can take your work to the next level by learning to use this incredible tool through the expert-led training of the Complete Photoshop Mastery Bundle. You can get this collection of courses on sale now for a special price of just $19 (approx. £14). Photoshop is a powerful program, but its features can appear overwhelming when you're first learning it. This bundle will take away your concerns by teaching you the ins and outs of the app so that you can master every aspect of it. You'll get access to eight courses packed with 214 lessons, each with actionable information that will teach you how to master lighting effects, create cinematic gradients, colour black and white photos and much more. The courses in the Adobe Photoshop and Editing Mastery Bundle are valued at $1,210 altogether. You can get the bundle on sale right now for just $19 (approx. £14). That's an amazing amount of savings on a course that every photographer will love, so grab this deal while you can. 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: The 5 best laptops for photo editing 5 free tools for editing photos online The 33 best photo apps View the full article

Easy to use and with a number of creative tools under its belt, Affinity Designer is a great alternative to Adobe Illustrator. So, if you're working on a new logo design, for example, it has everything you need to create a unique and striking design. In this tutorial, I will show you how to go retro, using gradients and layer effects to create a 1980s-style logotype in Affinity Designer. More info on Affinity Designer 01. Set up your base text Click the arrows icon (top right) to enlarge this screenshot First, create a new document (Cmd+N) giving yourself enough space for your typography. Select the rectangle tool (M) and draw in a black background. The Fill and Stroke tool can be found top right of the interface. Select the Artistic Text tool (T) and set your copy. Type a decent slab sans serif and script font to get the 80s feel (check out our best free fonts for designers post for inspiration). 02. Add a gradient Click the arrows icon (top right) to enlarge this screenshot To get this 80s look, the majority of the design is put together with gradients. In this case, I've used: one for the sky, one for the horizon, one for the outline, and one for the neon copy. To create gradients in Designer, it's easy. Simply select your object and click the Fill tool, and a window will appear below, then select the Gradient tab. To add more colours to your gradient just double click along the gradient line. 03. Customise the gradient Click the arrows icon (top right) to enlarge this screenshot To save your gradient, click the Swatch tab below the gradient window. Next to the drop-down colour menu there's a small palette icon. Click this. To change the direction of your gradient, select the Fill tool (G), this will bring up a guide that'll allow you to move it around. 04. Draw in some shapes Click the arrows icon (top right) to enlarge this screenshot For the horizon, select the Pen tool (p) and draw a ragged line across the middle of the text. Create a shape that fills the bottom half of the type, then add your purple gradient. Next, simply cut (Cmd+X), make sure your Text has been selected, then paste inside (Cmd+Alt+V). If you need to move this shape inside the type, click the arrow next to the layer in the layer window, and the shape to select and move should open below. 05. Add a sheen Click the arrows icon (top right) to enlarge this screenshot To add a gradient to the stroke of the type, click the Stroke tool, in the top right of the interface, then add the alternating black and white outline gradient. To change the direction of the outline gradient, select the fill tool (G), to get to the outline. In the top-left there's a Context drop-down menu, change this from Fill to Stroke. For the effect, we need to go from corner to corner to give the look of a sheen. 06. Make the neon glow Click the arrows icon (top right) to enlarge this screenshot For the neon part, add a dark pink to a light pink gradient, then select the FX icon at the bottom of the Layers palette. This will bring up your layer effects window. Here's where we're gong to add an outer glow and the bevel/emboss effect. For the outer glow, keep the blend mode on screen and alter the 'radius and intensity' to get the desired effect. Giving it a mid pink colour will help finish off the effect. 07. Adjust the colours Click the arrows icon (top right) to enlarge this screenshot Once you've ticked the bevel/emboss box, make sure the bevel type is set to 'inner'. Altering the 'radius and soften' will give you the edge while tweaking the light direction, and 'highlight and show colour' should add the details. I've given the highlight an off pink/white tone, and the shadow a deep purple. 08. Decorate with flares Click the arrows icon (top right) to enlarge this screenshot For the flares, draw two ellipses with the Ellipses tool (M), one bigger than the other. Next add a Gaussian blur layer effect with the FX icon, making the bigger one more blurred that the smaller one. Using the Shift key, select them both and place them on top of each other. It's a good idea to group (Cmd+G) them at this point. Copy (Cmd+C) as many as you need and move them to the white parts of the outline to give the sheen effect. 09. Create a shape to accompany the text Click the arrows icon (top right) to enlarge this screenshot Selecting the Triangle tool, draw a triangle and use middle anchor point to rotate it 180 degrees. Once done, draw five rectangles (M) evenly spacing them apart and combine them together with the Add icon, a blue circle and square together in the top right corner of the interface. Then selecting both the triangle and the rectangle, subtract them using the icon next to the Add icon. Once filled with a dark blue, you might need to move the shape behind the main logo. You can do this using (CmD+[) and (Cmd+]) to move it a layer back and forth. 10. Overlay some noise Click the arrows icon (top right) to enlarge this screenshot To add the finishing touches, we'll apply some noise. The easiest way of doing this is to draw a rectangle over the whole logo and fill with white. When you click the fill tool (in this case to the left), select the Colour tab. At the bottom, there's an opacity slider, if you click the small circle next to it, it'll change to a noise slider. Slide this to add as much noise as you want. All you need to do now it change the layer blend mode from normal to Multiply. Job done. Related articles: How to draw with Affinity Photo for iPad 10 iconic examples of Memphis design 5 logo design trends for 2018 View the full article

Leave your preconceptions at the door: when you don't have the time or the budget to commission bespoke photography or illustration for your design project, quality stock assets can be the perfect solution. Success depends on being smart with how, when and why you choose to use stock. It's not always the right solution: complete control can sometimes be crucial, as can guaranteeing originality and standout from competitors who could, after all, purchase the same asset for themselves. But pick the right scenario, and use it wisely, and stock can save you time and money that you can then spend on other aspects of the project. Here we've got advice for four such scenarios, and how to get the most from each of them... First, there are three simple best-practice guidelines to follow whatever the task: To start, if originality is key – and it really should be – then it can be wise to avoid the most popular downloads, as by definition they'll crop up more regularly elsewhere. Secondly, make sure you download the image at a suitably high resolution for your purposes. Don't be tempted to cut corners, as it'll limit your options and risk undermining the rest of the project. And thirdly, steer away from well-trodden, obvious visual territory. That goes for pure cliches like hand-shaking businessmen or beaming call-centre glamour models, but also almost any unnaturally 'posed' shots, or subjects staring down the camera lens. Context and relevance is everything. Now those are out of the way, let's get more specific... 01. Sourcing supplementary photography for a brochure This brochure about biodiversity in the Royal Parks demonstrates how photography can help give a design real wow factor If you're working on a brochure design or other print design for a client, sometimes bespoke brand imagery is the only course of action – especially if they have the budget to art direct a full shoot. This is true where specific products or people are required, but also where a unique and consistent brand voice is key. Stock assets can be incredibly useful for supplementary photography, however. Not necessarily the hero images that grace the cover or lead a section, but when it comes to backgrounds, general mood shots or more abstract representational imagery they can help convey a mood or feeling for a fraction of the cost. Consider the context and relevance of the photo you're using. Don't just use supplementary photography for the sake of it, to fill space or jazz up a spread for aesthetic reasons alone. Ensure it fits with the look and feel of any commissioned material you may have – after all, the beauty of stock is you can manipulate and treat it however you like. For instance, a brochure for a running shoe brand that embodies a carefree, aspirational attitude might have use for an open road cutting through breathtaking mountain scenery, while an adventure travel company might need grittier, more elemental location shots. An organic artisan cafe would be better suited to arty, macro images of all-natural ingredients, while a bank could benefit from visual metaphors for security or trust that are less painfully obvious than a locked safe – or it could be a brand that bucks the trend in search of a more emotional connection with its customers. Take the time to search for less obvious stock options; it really is worth it. Check out our articles on 5 ways to use imagery to create better branding and Where to find unusual images for your design projects for more ideas. 02. Adding depth and texture to your artwork Created for a Computer Arts magazine tutorial, this image by illustrator Jeffrey Bowman demonstrates how texture can add depth Stock assets don't have to be front and centre: they can make life easier for you behind the scenes as well. While the ever-growing trend for authenticity means some designers favour hand-made textures – and they can add a beautifully artisanal twist to your work – the brutal reality is that sometimes there just isn't time to indulge in scanning your mark-making experiments into Photoshop. Stock textures and patterns can give flat digital artwork extra depth and character quickly, cheaply and easily – without the same concerns about uniqueness or originality you might have with stock photography. By the time they're worked into the artwork and combined with other textures, it's much less of an issue if another designer has downloaded the same files. Consider versatility and resolution – vectors will always give you the most flexibility, although bitmap textures are more realistic – and test the construction of the pattern. If it's a texture that you're using over a large area, does it feel suitably 'random' and natural when stitched together and repeated? Value is another consideration: in some cases it may be quicker to create a simple pattern or texture yourself, rather than searching through stock options. Pick your battles, and invest wisely. 03. Incorporating graphic elements into a campaign New York studio Vault49 created this complex double-sided poster for Computer Arts Collection, using iStock vector assets Painstaking creation of smaller assets and design elements for a project is unlikely to be the best use of your time, particularly if you're a freelancer without a team of eager juniors to whom you can outsource such tasks while you focus on the big stuff. When it comes to collage work, using stock assets is well-trodden territory – nobody has the time or money to shoot every element of a complex photomontage composition from scratch. But when it comes to vector elements, some designers may be more reticent. Don't be. Say you're tasked with designing a series of banner ads for a campaign in a graphic, vector style, but you don't have the budget to commission an illustrator. You need the look and feel to be unique, and have created various assets already – but the task as a whole seems insurmountable. Stock can be a great way to supplement your own creations. Once you start trawling stock libraries, choice can be difficult as the range of subject matter is enormous: unlike photography, after all, it's limited only by the imagination of the contributors. Again, pick your battles and source stock vectors that match the look and feel of the rest of your project. That could include stylistic features such as quality of linework, level of realism or use of colour, or more abstract qualities such as wit or whimsy. Remember, as with stock textures and patterns you can break stock illustration apart into its component parts. Consider how assets can be used in different ways in the design – layered files make this simpler – to ensure you get the best value possible from your investment. 04. Developing UI elements for your digital designs Icons and UI elements are available as themed packs of vector assets, such as these examples from iStock Over and above textures and illustrative elements, a third category of vector stock asset can prove invaluable for frontend web and app designers working on smaller details such as buttons, icons, widgets and UI elements – whether it's for early mockups and beta versions, or the final design. Vector elements can often be downloaded as a ready-made package to make life as easy as possible for all involved, but customisation is important to avoid giving your app or website a stagnant, identikit look and feel. If your stock UI elements have a pared-back, flat design feel, this may be as simple as tweaking the colour palette to match the look and feel of your project. Resist the temptation to do it the other way around, and design around the stock assets. If your assets are more stylised and characterful, be wary of using them as they are as they may end up feeling bolted on. Keep an eye on distinguishing features such as shapes, edges, shadows or gradients, which may be consistent within the asset pack you've downloaded, but could stand out for all the wrong reasons if they jar with the look of your project as a whole. As with all of the other scenarios above, setting the time aside to search carefully for the perfect assets will still likely be quicker than creating everything from scratch yourself. You might like these related articles: How to use images more effectively in web design 12 essential tools for graphic designers in 2018 How to use images more effectively in annual reports View the full article

Expert artists share their figure drawing advice in the latest issue of ImagineFX magazine - out now! Drawing the human form is one of the most important skills an artist can dedicate their time to. Thanks to everyone's familiarity with how people look, viewers can easily spot if an arm appears too long or if the muscles don't seem right. To help readers take their anatomy art to the next level, we hear advice and tips from expert illustrators. Buy issue 158 of ImagineFX here Elsewhere in issue 158 we pay a visit to science fiction, fantasy and horror illustrator Bob Eggleton to see how he transformed his bedroom into a studio. We also catch up with French sculptor Romain Van den Bogaert and learn how he carved out his niche career. And of course, there's also all the latest news, reviews, and reader's art in our FXPose section, so make sure you don't miss ImagineFX magazine issue 158! Check out what's in store with a look at the lead features, below. Never miss an issue: Subscribe to ImagineFX here Kick-start your Kickstarter Get your project off the ground with this expert advice Crowdfunding is an increasingly popular way for artists to get their idea off the ground and out into the world. Just look at Lois van Baarle who smashed her target by hundreds of thousands of pounds. Discover if crowdfunding is right for you, and how to run a successful campaign, with these expert tips. Artist interview: Julie Bell The US illustrator talks about the problem with women in fantasy art Specialising in fantasy, westerns, wildlifes, nudes, and many other genres besides, Julie Bell is a prolific and varied artist. We talk to her about wolves, bodybuilding, and how female nudity in art is always dependant on context. Sketchbook insights Explore the amazing sketchbook art of Anna Dittmann What could be more tantalising than taking a look inside an artist's sketchbook to discover how they work? This issue we take a peek into the pages of Anna Dittmann's sketchbooks to discover how her stunning life drawings take shape. Anatomy advice Feast your eyes on ten pages of helpful anatomy advice from Stan Prokopenko When it comes to drawing the human form, it's important to remember that there are lots of rules to follow. After all, the human eye is well versed in looking at the human body so it will spot a mistake a mile off. Illustrator Stan Prokopenko shares his expert advice for drawing the human form in these 24 tips. Charcoal workshop Nathan Fowkes shares how to harness light and shadows with charcoal Understanding how light works is important when it comes to making people and scenes look believable. Animator Nathan Fowkes explores how to use light and shade to convey form in this traditional art workshop for charcoals. Related articles: 10 sketching tips for beginners How to quickly sketch hands Create a fast and anatomically correct sketch View the full article

ASUS patched a bug that allowed attackers to pair two vulnerabilities to gain direct router access and execute commands as root. View the full article

Dueling browsers, Mozilla Firefox and Google Chrome, have patched bugs and beefed up security. View the full article

When light strikes a metallic object, it can reflect back onto any nearby object in an unusual way. Normally, light hitting a primary and secondary object gives varying degrees of light, shadow and cast shadows, but reflective light also happens under these circumstances, and will need to be shown in your artwork. 10 expert tips for charcoal drawing To demonstrate the drawing techniques to make this work, I have produced the images above, working with a dark charcoal pencil and an eraser. 01. Place your objects in light Position your objects to make the most of the highly lit and shadowed areas Select interesting objects – such as this highly polished metallic teapot and a ceramic vase – and place them with light catching one side so you can carefully observe the highly lit and shadowed areas. Then draw basic shapes with a charcoal pencil, trying to represent these reasonably accurately, although adjustments can be made later. 02. Get shading Shading the metallic object is where the fun starts Shade the object in direct light first – here the ceramic pot to the left – observing the deeper and lighter values. Then move on to shade the object in its shadow – here the metallic object. It was important to really concentrate on the depth of the cast shadow from the ceramic pot as it struck the left side of the metallic one, here. The deepening of the shadow to the right of the metallic pot follows conventional rules of light and shadow. 03. Add some shadows Add ground shadows to bring your objects down to Earth The objects appear to be almost floating in space at this stage, so need grounding. Shade the shadows cast by the objects as they fall to the right across the table top, thus sitting the objects on a solid base. 04. Blend and soften Use an eraser to highlight areas where light is reflected off the metallic object Using a charcoal eraser, rub out sections of reflections and – here we rubbed out from the already shaded right side of the vase, where the light was reflected back from the teapot. You can see how this is of secondary importance compared to the other highlighted area. Finally, blend some areas using your finger to soften the transition of tonal variances on the vase for effect. This article was originally published in issue 13 of Paint & Draw, the magazine offering tips and inspiration for artists everywhere. Buy issue 13 here. Related articles: How to choose the right drawing tools Pencil drawing in 6 simple steps How to draw and paint - 100 pro tips and tutorials View the full article

It’s difficult to know, most of the time, how much big companies really spend on logo designs and redesigns. Few firms are willing to share figures, and even if they do, it’s difficult to distinguish the cost of designing the logo from the cost of the rebrand as a whole, which can include marketing, advertising and other associated costs. But while we can’t list “the most expensive logos in history” (because we don’t definitively know the top five, and in truth, neither does anyone else), it’s interesting to look at examples where companies have spent vast sums on their logos, and whether they were worth it. In this post, we look at five famous examples of expensive logos, and pull out some lessons we can learn from them. 01. BP In 2008, the sunflower-style BP logo (right) replaced the old shield logo (left) In 2000, BP paid an awful lot of money for a new logo. According to The Daily Telegraph, it cost a whopping £4.6 million just to design the logo, while the overall cost of the rebranding came in at £136 million (including the cost of rebranding stationery, van liveries and manufacturing plants). The project, led by Landor Associates in 2000, saw the replacement of the old ‘shield’ logo with a new one designed specifically to promote “BP’s position as an environmental leader and its goal of moving beyond the petroleum sector”, as the company began to invest in alternative energy. According to Landor: “A stylised sunflower symbolizes the sun’s energy, while the colour green reflects the brand’s environmental sensitivity.” The new logo attracted much ridicule from environmental campaigners, most of whom saw BP’s new interest in green energy as a smokescreen for continuing to promote fossil fuels. Later, Greenpeace even crowd-sourced a parody version featuring a bird stuck in an oil slick. The cost of the rebranding exercise was also lambasted by the UK press at the time, in light of a continuing series of price hikes at petrol stations. However, the case study on Landor’s website offers a different take on the project. Rather than focusing on what the public thought of BP’s revamped logo, it talks more about the internal institutional reaction to the new branding. Landor trained more than 1,400 brand champions in 19 countries on the promise of ‘Beyond Petroleum’. As a result, “nine months after launch, 97 per cent of BP employees were aware of the brand idea, and 9 out of 10 agreed that BP was heading in the right direction”. In short, the tone of the case study suggests BP was less interested in convincing the public that it was becoming greener, and more interested in convincing its own staff. And that puts a completely different spin on how you view the success of the new logo design. Lesson learned: Before you judge a logo, think about who its real audience is. It might, for example, be more targeted towards influencing employees, stakeholders or investors than consumers. 02. CitiBank This 1998 logo was created after the merger of Citicorp and Travellers Group to form CitiBank The CitiBank logo was designed in 1998 by well-known designer Paula Scher of Pentagram, when industry giants Citicorp and Travellers Group merged to create the world’s largest financial services firm. That the bank paid the princely sum of $1.5 million for this design (part of a near-$10 million for the branding as a whole) is not so surprising. With assets under management of $700bn, its pockets were deep enough. But what was controversial is that the logo they received was based on a sketch Scher did on the back of napkin. During their first meeting. In around 10 minutes. Scher’s quick sketch formed the basis of CitiBank’s $1.5 million logo “My best work is kind of big, bold strokes that come very quickly,” she explains in this video interview. “And it’s problematic because a lot of clients like to ‘buy process’ and they don’t think they’re getting their money’s worth, like I sold it too fast. ‘How can it be that you talk to someone and it’s done in a second?’ But it is done in a second – and 34 years.” In other words, drawing on those 34 years of experience meant that Scher could sidestep months of ‘process’ and produce the perfect basis for a logo design in an instant. Certainly, in all meaningful ways, Citibank got their money’s worth. The now-globally recognisable logo has been in place for the whole of the century so far, and shows no signs of needing to be replaced. Lesson learned: The economic value of a logo design lies not in how long it took to produce, but how well it works. Scher’s example highlights how experienced and talented designers can help shortcut the process and still obtain great results, and there’s no shame in being paid accordingly. 03. The City of Belfast The City of Belfast logo cost a reported £180,000 In 2008, the City of Belfast commissioned a new logo, but the process was longer and more involved than originally expected. It took a reported 15 months and £180,000 to create the new logo, designed by brand consultancy Lloyd Northover, along with £250,000 on advertising, launch events and showcase promotions, according to the Belfast Telegraph. That figure attracted widespread press criticism, especially when Sunday Life revealed that the new logo was very similar to others already in use in England, such as a logo for Food and Drink Devon, which had been created for just £7,000. 7 classic logos that should never have been changed It’s worth pointing out, however, that Lloyd Northover certainly worked for its money. Having won the contract following a competitive pitch process, it went on to consult around 3,000 key Belfast City stakeholders from within the business, tourism, hospitality, culture, arts and youth communities. Its in-house market research team also worked with focus groups, held workshops and conducted a web survey to test ideas and concepts across England, Scotland, the Republic of Ireland, Europe and the USA. Given the troubled history of Belfast, it’s fair to argue that such consultation was necessary to avoid a costly mistake. Consequently, the resulting logo was welcomed across all communities. Lesson learned: In a charged and conflicted environment, it’s good to get everyone on board. And if that costs a little extra when it comes to researching your branding, it’s a price worth paying: the alternative would have been far costlier in the long term. 04. NBC The 1976 NBC logo (left) and the quite similar NETV logo (right) In 1976, NBC wanted to update its image for its 50th anniversary, and introduced a completely new logo design based around an abstract letter N made of two trapezoids: one red, one blue. It went on to be used in the first electronically animated ident for an American TV network, and came into official use on 1 January 1976. Designed by the firm Lippincott and Margulies, it was reported to have cost between $750,000 and $1million; an enormous sum for the 1970s. Unfortunately, nobody had noticed that it was virtually identical to the logo for Nebraska Educational TV, part of the PBS network. In February, the latter filled a trademark infringement lawsuit, and in the eventual out-of-court settlement, NBC gave Nebraska ETV over $800,000 worth of new equipment, as well as paying them $55,000 to cover the cost of designing and implementing a new logo. (Which seems especially high, given that NETV had spent less than $100 on designing their original logo.) Lesson learned: Check you’re not plagiarising other people’s logos, even innocently, or it will cost you dear. Especially if they’re in the same industry as you. 05. Tropicana This new logo and branding cost Tropicana an estimated $30 million in lost sales As the NBC example shows, the “cost” of a logo isn’t always just what you pay the branding company to develop it. In the case of Pepsico fruit brand Tropicana, it was the estimated $30 million in sales it lost because of it, over just two months. To be fair, the failure of its 2009 rebrand wasn’t entirely down to the logo. The new packaging had swapped the well-known fruit-with-a-straw emblem for a generic-looking glass of orange juice, making it difficult to find on the shelves. The $35 million advertising campaign, with its overwrought overtures to family life and a nonsensical slogan (“Squeeze, it’s a natural”), was another factor. But the new, straightened, vertical logo really didn’t help. While the old logo (below) had a sense of fun and personality, this new creation by now-defunct agency Arnell jettisoned all that. This logo looked more grown-up and professional, to be sure, but since when were those values associated with sugary drinks? The leaf that forms the dot of the letter i was still there, but so small as to be indistinct. And overall, beyond the word itself, the recognisability factor had dropped to near zero. The old logo was quickly reinstated after the failure of the new branding As a result, people were less likely to spot their favourite drink in the supermarket, and less inclined to buy it when they did. After two months, Tropicana sensibly reverted to the old logo and packaging. Lesson learned: A clean, minimalist look might suit tech products and web startups, but for food and drink brands with a high degree of customer loyalty, they’re a disaster. Liked this? Read these: 6 secrets to creating outstanding infographics 5 logo design trends for 2018 8 ways to make more money in 2018 View the full article

As smartphone cameras are getting better and better, more people are looking for ways to present their photos in style. Photo collages are a hugely popular way to show off a selection of images or collate ideas together into a kind of mood board. But photo collage-making can be a laborious (if rewarding) task if you use Adobe's Creative Cloud suite – you may need the assistance of some Photoshop tutorials to get you started. However you could take some of the effort out with a dedicated collage maker. Get Adobe Creative Cloud Here is our definitive guide to the best around. Scroll down for the best free collage makers online, or jump to page two for the best collage maker apps you can download. 01. Ribbet Developer: Ribbet Price: Free (Basic); $4.95/mo (Premium) Free online collage maker Ribbet has just got a lovely new interface, which is a delight to use. Pick a template, upload images, adjust sizing, round corners, edit lighting, exposure and so on. If you change your mind, you can easily adjust your template by adding extra rows or columns. This our pick for the best online collage maker around. There's also a free iOS app and one in the pipeline for Android users (see page 2 for all the best collage maker apps). 02. Adobe Spark Developer: Adobe Price: Free Spark is a free photo collage maker from Adobe. Its simple interface means it doesn't require the same learning curve demanded by most Adobe applications. Simply name your project and use the various design options available to arrange your photos into an eye-catching collage. 03. Canva Collage Templates Developer: Canva Price: Free (paid plans available) Canva is an all-round design package that you can use in the browser or as an app – originally just for iOS devices, but now available on Android mobile too. The basic package is completely free, but there are paid plans available if you want something more advanced. Amongst Canva's tools is a big selection of collage templates, which look great and are easy to use. You can also spice up your collages with Canva's enormous selection of effects, filters, fonts, shapes and more. 04. BeFunky Developer: BeFunky Price: Free (Basic); $4.95/mo (Plus) BeFunky is one of the best free online collage makers around. It offers tons of templates, a simple interface and seamless integration with the BeFunky Photo Editor. The free version works well, but if you're after more photo effects, higher-resolution downloads and the ability to use your collages commercially, you'll need the BeFunky Plus account. As well as an online tool, BeFunky is available as an app for iOS or Android. 05. piZap Developer: piZap Price: Free (Basic); $5.99/mo (Pro) At time of writing, online collage maker piZap has a new interface in beta, and we're impressed with what we've seen so far. It's simple to use, there are plenty of templates, stock images and fonts to choose from, and you can add text and stickers to liven things up. A nice feature is the inclusion of Facebook banner templates, to help you upgrade your social media branding with ease. The Pro version offers add-free designing, a much bigger selection of fonts, stock images and templates, the ability to download your collage in super hi-res, and more. There are also app versions for iOS and Android so you can piZap on the move too. 06. PhotoCollage Developer: Zygomatic Price: Free PhotoCollage has a nice, does-what-it-says-on-the-tin name, and the web-based collage maker is no less simple to use. It works on Mac, Windows, Android and iOS platforms including touchscreens, and you can choose from collage templates or use your skills to create freeform collages. You work with lo-res images, then once you're happy with the arrangement you can choose to 'order' a hi-res version of your design. One frustrating feature is that the editing tools aren't sticky, so most people will need to scroll up and down to find the ones you want. 07. Fotor collage maker Developer: Fotor Price: Free (Basic); from $3.33/mo (Pro) Fotor is a professional-level online collage maker. Unlike some of the collage making tools on this list, with Fotor you can import a load of images, which are displayed on the right-hand bar, then choose when and where to place them in your collage (rather than selecting where they'll go when you import them). This is a simple feature that makes it much easier to put together attractive collages. You can only get part of the way with the free version – you can design collages, but they'll feature the Fotor watermark, which isn't ideal. For advanced features, an ad-free interface, watermark-free collages and cloud-based storage, you'll need to go for the Pro version. 08. Photovisi Developer: Photovisi Price: Free (Basic); $4.99/mo (Premium) Photovisi is a stand-alone collage maker with no fripperies and no photo editing tools to distract and confuse. You simply select a collage design, add your photos and drag them around till you're satisfied, then download it. What could be easier? If you want to download a watermark-free collage, you'll need to pay up on the Premium plan. 09. Google Photos Developer: Google Price: Free Google Photos, once known as Picasa, is an image organiser and photo editor – but did you know it comes with a built-in collage maker? You can experiment with six different collage types in the hands-on collage creation screen, and they will be saved in your 'Collages' folder. It's pretty basic, but as you'd expect from Google, the interface is nice and clear and it works very well at what it does. 10. Kizoa Collage Maker Developer: Kizoa Price: Free (Basic) plus lifetime Premium memberships The web-based Kizoa Collage Maker is one of the most difficult to navigate, but it does offer dozens of ready-made templates (both static and animated) for all kinds of occasions. You can customise the templates or create your own from scratch, then add photos, GIFs, videos and even stickers to your designs, and finish the whole thing off with some text. Kinoa membership also includes access to a movie maker and photo editor, so you can accomplish any number of creative tasks from inside the browser. 11. FotoJet Developer: Pearlmountain Price: Free (Basic); $6.99/mo (Plus) FotoJet is a free online collage maker that enables you to create collages, photo cards, posters, Facebook covers, Twitter headers, YouTube banners, fun photos and more. There are hundreds of templates for you to work with, including some of the most creative designs we've seen so far – such as this one, where you can add images into coconuts. The paid Plus option offers a much wider range of resources to work with. 12. PicMonkey Collage PicMonkey's free tools give you plenty of control over your collages Developer: PicMonkey Price: From $5.99/mo (free trial available) Part of the PicMonkey suite – a web app that also offers image editing, touch-up and design tools – PicMonkey collage is a fast and powerful way to organise your images into attractive shapes. Import images from your computer or connect to online services such as Facebook, OneDrive, Dropbox and Flickr. You can fine-tune your collage by adjusting the zoom and placement of your images, and add filters. 'Supremium' users also have access to advanced touch-up tools. Once a free online collage maker, you now need to subscribe to PicMonkey to download your design. There are three different plans available, depending on your needs. However, you can design your collage for free, and there is a week-long free trial available, which is worth exploring before you shell out. Next page: The best collage maker apps 01. PicCollage Platform: iOS, Android, Windows Developer: Cardinal Blue Software Price: Free with IAP Collage maker app PicCollage is crammed with features to help you create impressive collages from photos, GIFs and videos. Choose from a portrait canvas or a square one (ideal for Instagram fans), pick from over 60 templates, and clip images with your finger. There's a face detection template in case you want to add things like party hats to your friends, and you can share your creations to Instagram, Facebook, Twitter, SMS, email, and more. 02. PicsArt Photo Studio & Collage Platform: iOS, Android Developer: PicsArt Price: Free (with IAP) PicsArt's collage maker is just a small part of an app that also includes hundreds of photo editing features, customisable filters, text options and a camera. This collage maker app includes over three million stickers, created by the community and all totally free. Which is impressive by anyone's standards. You can use PicsArt as a digital art suite, with plenty of brushes and effects to choose from that'll take your creative options to the next level. 03. Layout from Instagram Platform: iOS, Android Developer: Instagram Price: Free Facebook-owned Instagram has released Layout, an app designed to help people create collages of their images and share their creations via social media. Layout lets you select and rearrange images by dragging and dropping, and you can also control the size of images by pinching, or tap to mirror or flip them. This collage maker app includes a built-in Photo Booth that you can use to take spur-of-the-moment shots, and instantly see them laid out in various combinations. When you're done, you can easily save, and share your collage across your social media networks. 04. BeFunky Photo Editor Pro Platform: iOS, Android Developer: BeFunky Inc Price: Free (with IAP) The BeFunky Pro collage making app works seamlessly with its photo editing features to help you create collages on the go. You can edit the images in your designs with the touch of a button, there are over 100 templates to pick from, and background textures add interest. Plus, liven up your collages with stickers, overlays and text (there are lots of fonts to choose from, type fans). 05. Capcam Platform: iOS Developer: Christoph Ono Price: $0.99 The guys behind Capcam – called Germany's Best-Kept Secret (and they may well be) – reckon that the best way for us all to tell our life stories is with collages and captions. That's why the collage maker takes centre-stage in this cool iPhone app, which makes collating and captioning your treasured images simpler than a simple thing. 06. Canva App Platform: iOS (iPhone and iPad), Android mobile Developer: Canva Price: Free (with IAP) Available for iPhone and iPad, and now for Android mobile users too, the Canva app is a great collage-making tool and offers lots of other design features too. Use the app to edit photos, add text, elements, stickers, borders, frames and more. There are thousands of templates to select from. Share your design directly to your social media accounts, save it via email, or export it to your camera roll to use later. 07. Pic Stitch Platform: iOS, Android, Windows Phone Developer: Big Blue Clip Price: Free (Windows Phone $1.49) Pic Stitch allows you to stitch pictures (geddit?) to create cool collages. Choose from 300 different layouts and 15 different photo aspect ratios, plus you can apply rounded corners, patterns, shadows, and any number of other photo editing tricks then share your masterpiece on the usual social media networks including Facebook, Twitter, and Instagram. 08. piZap Collage Platform: iOS, Android Developer: Digital Palette LLC Price: Free (with IAP) With the piZap collage maker app, you can put together collages on your iPhone, iPad or Android device. It offers over 1,200 layout options and 37 filters, and has been downloaded over 10 million times. It also offers over 2000 free stickers, if that's your thing. 09. Ribbet Platforms: iOS Developer: Foto Friend Pty Ltd Price: Free (with IAP) Ribbet promises a streamlined editing interface that makes photo editing easy even if you aren't a designer. Drop images into one of the grid options and edit each one individually or the whole lot at once. The web version of this collage maker app has just had a cool redesign, so perhaps an update is on its way here, too. 10. PhotoVideoCollage Pro PhotoVideoCollage brings video to the world of collage makers Platform: Mac OS X 10.9 or newer Developer: Bits&Coffee Price: $9.99 PhotoVideoCollage brings the classic photo collage to the next level. Not only can users add photos but also videos and soundtracks of their favourite music. The user can select a layout template from a multitude of presets, add photos and videos to the layout and adjust additional settings like border width, curvature, colour and texture. The placement of the photos and videos inside the collage can be easily changed via drag and drop. 11. Collagelt Platform: iOS, Mac, Windows Developer: PearlMountain Price: Free (Pro version $29.90) PearlMountain's collage maker app offers a straightforward way to create photos on your Mac, PC or iPhone. You can choose from its various templates to suit several page sizes, or you can start from a completely blank sheet – it's up to you. Choose from five collage styles (mosaic, grid, center, pile, free) as well as over 60 templates. There's also a smart fit feature and facial recognition. Its real-time preview means it is easy to use for people of all experience levels, and you can share your creations on Flickr and Facebook. 12. Shapecollage Platform: Mac, Windows, Linux, iOS Developer: Shape Collage Price: Free (iOS $1.99) Shape Collage is an automatic photo collage maker that creates collages in different shapes in just a couple of seconds. You can create picture collages in the shape of a rectangle, heart, text or logo, all with just a few clicks of the mouse. The tool automates much of the process so you can just pick a shape, select your photos, and let Shape Collage do the rest – and it's available as an iPhone app too. Related articles: How to get started with mood boards 15 essential photo editor apps The 38 best tools for data visualization View the full article

The Oscar nominations for 2018 have been announced. Leading the nominations this year are The Shape of Water (with a whopping 13 nominations), Three Billboards Outside Ebbing, Missouri and Dunkirk. You'll surely be aware of Dunkirk (Harry Styles and Christopher Nolan. The Actual Harry Styles and the Actual Christopher Nolan), but if those other titles aren't ringing any bells, or if you're wondering whether it's worth investing an evening in watching one of them, take a look at this series of alternate posters TheShiznit.co.uk has removed the original cover lines for each of these critically acclaimed movies and replaced them with what it considers to be the movie's real... er... USP. Click the icon in the top right to see the full-sized poster Guillermo del Toro's The Shape of Water is a fantasy film with an admittedly obscure premise: the relationship between a mute employee at a high-security government lab and a captured amphibian creature. The alternate poster spells out exactly what you're thinking. Click the icon in the top right to see the full-sized poster All the Money in the Word focuses on the kidnapping of 16-year-old John Paul Getty III and his mother's struggle to convince his billionaire grandfather to pay the ransom. It's a heart-wrenching, emotionally hard-hitting story that earned an Oscar nom for Christopher Plummer. However, all of that has been monumentally overshadowed by some unforeseen casting issues that resulted in a hasty reshoot with the aforementioned Plummer. Click the icon in the top right to see the full-sized poster The snappily-named Three Billboards Outside Ebbing, Missouri is in the running for a whole bunch of Academy Awards, including Best Picture, Best Actress, Best Supporting Actor and Original Screenplay. The alternate poster for black comedy-meets-revenge thriller opts for a similarly rolls-off-the-tongue title. Click the icon in the top right to see the full-sized poster It's been a trying year, what with various political events we won't go into here. In such a climate, the only thing to do – if you're Steven Spielberg – is to tackle the issue obliquely, in movie form. The alternate poster for bio-drama The Post lets you know exactly what Spielberg (probably) really wanted to say. Click the icon in the top right to see the full-sized poster There's something about seeing a mega-famous actor pretending to be another mega-famous person that really draws the audiences. Add in a fat suit and some incredible prosthetics and wait for the cash to roll in. Can you tell who that is in the poster for Darkest Hour? Visit TheShiznit.co.uk to see the full set. Read more: Are movie posters in a design crisis? Have we entered the era of bad graphic design? 4 classic movie poster designs making a comeback View the full article

You're reading Create Landing Page in 2 Days  –  Overview of Slides by Designmodo, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! As you may know, Slides Framework is our flagship in the website framework lineup. It is a professional product with a bunch of helpful features. You can literally build a website in minutes without delving deep into the code. It is one thing for us to tout our product since as developers we are perfectly […] View the full article

Have an idea for a film floating around in your head that you've been trying to put down on the page? Final Draft 10 is the perfect tool to help you make those ideas reality. Write your script with the same tool the expert screenwriters trust and get it on sale now for 50% off the retail price. Final Draft 10 is the absolute gold standard for screenwriting software. Name your favourite film or TV show and odds are the screenplay for them was written with this program. Now it's your turn to use it for your creative side project or career-changing venture into scriptwriting. Craft your own script with this powerful writing tool that will make it easy to form your work the way the pros do. You can start from scratch or use templates to build your script, create easy-to-follow outlines, and can even collaborate in real time with a writing partner. Final Draft 10 usually retails for $249.99, but you can get it on sale now for 50% off that price. That means you pay just $124.99 for this powerful piece of software for writers, 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: 20 tools to make your team more productive 22 ways to boost your productivity How to start a side project: 21 pro tips View the full article

One of the key things that working in CGI should provide is greater precision. However, it is amazing just how difficult it can be to get accurate control over CGI mesh placement in the 3D world of digital content creation applications. This is where snapping can come in handy, as it allows objects to align to others via a range of desired parameters. Whether snapping to the grid of the world or the vertices of another CGI mesh, snapping can be a life-saver when organising models and getting meshes correct down to the last detail. 37 brilliant Blender tutorials While most digital content creation applications come with the snapping 'basics' of object and grid-based snapping, some allow more refinement such as enabling 'sliding' of elements along a predefined set of parameters, for example a background mesh. One of the best features of snapping can also be the worst, especially when working in 3D viewports. Snapped objects can snap to the wrong place, and it is not until the view is altered that snapping mistakes can then become evident. To this end, having easy access to snapping controls, which also includes the ability to turn snapping on and off, is essential. When combined with a movable pivot point, snapping is the basis for setting up animation rigs, which depend on accurate placement of joints at exactly the right point to enable convincing movement without causing unwanted geometry deformation. Snapping can be one of the most useful tools for helping to set up scenes, but do not be afraid to switch it off when working with more organic shapes; the snapping function should be there to help you, not to get in the way of your creative freedom. 01. Snap by edge, point or polygon Most applications have multiple snapping options for you to use While most snapping tools rely on aligning whole CGI meshes to each other, most digital content creation applications can also snap by the core elements of a shape, namely the points (vertices), edges or polygons. Having the ability to snap elements within a mesh can be hugely useful when retopologising a mesh or getting elements in alignment. Every application is different, however, so make sure to explore all the available snapping options within the application. 02. Step snap Step snapping can help you if you're trying to create convincing hard-surface models Step snapping refers to the ability to move, scale or rotate models (or the elements of models) by a predefined amount. The most common example of this is a rotation that is constrained to fixed angle amounts of 15 degrees or similar. Using a step snap system is especially useful when hard-surface modelling as most man-made objects are created to tolerances, so mimicking that by placing objects 'by eye' can create unconvincing models. 03. Snaps and pivots Using snapping on your pivot points will save you a lot of grief Understanding how to manipulate pivot points in a model is a fundamental factor of becoming a successful 3D artist. Pivot points are useful for aligning furniture to floors, wheels to axles and horns to demons. Snapping is key to this, as the pivot is usually snapped to a surface feature on a mesh, whether it is a vertex or the centre of a polygon. Having a pivot set by snapping rather than arbitrarily is important for preventing any issues later down the line. 04. Adjust the grid Adjusting the grid size and snapping tolerance can make your life a lot easier One of the most common uses of snapping is aligning objects to the grid shown in the viewport. Dependant on the size of the object being built, grid snap can either be a huge help or a major hindrance when it comes to building geometry. Thankfully, most digital content creation applications offer an adjustable grid, which enables an artist to snap objects to a tolerance of millimetres, before switching to snapping by kilometres all within the same scene. 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: Sharpen your hard-surface modelling Discover how this stunning Millennium Falcon model was made 30 inspiring examples of 3D art View the full article

The new issue of 3D World is out now and it's full of inspirational insights into the latest visual effects and animation projects, as well as the best tutorials and reviews to help you improve your 3D art and make the most of your tools. Here's some of the great content you can expect to see in the new issue, on sale now. Buy 3D World issue 231 here Feature: The shape of Water Del Toro projects are often showcases for the very best of what can be done with visual effects and, while a deeper narrative than some blockbusters, the Shape of Water is no exception. We explore behind the scenes, to find out how this visionary love story was put together. Practical feature: Visual language part 1 In this first part of our new short series, you will learn some of the fundamental rules that have evolved as part of the syntax film makers use to help viewers understand what is on screen. As an animator or VFX artist it's vital to have a solid grounding in this, so that you can deliver meaning and narrative in a clear and concise manner. Houdini special This issue brings a special theme to 3D World and we have a huge section on Houdini, the king of procedural workflows. This issue has a huge tips feature, training pieces, industry insights and a review of the latest version, so whether you are new to generative art or a veteran looking to expand your knowledge then there will be something for you here. Tutorial: VR sculpting Follow along with Marin Nebelong, who teaches his workflow for creating stunning concept scifi ships in VR. Q and A Our regular Q and A section is hosted by Maya Jermy, Pietro Chiavarro, Simon Edwards and Ant Ward this month and cover a host of your questions. 3D World is the world's best-selling magazine for CG artists – packed with expert tutorials, inspiration and reviews. Buy issue 231 here or subscribe to 3D World here. View the full article

There is something oddly satisfying about lava lamps. A soothing, colourful light and mesmerising waxy blobs raising and descending due to temperature changes. It almost makes me want to touch and play with it. When it comes to achieving that beautifully looking material for a lava lamp model, you might find yourself stuck at first. It seems as though it should be an easy thing to create, but to achieve that realistic look it can be a bit of a hassle if you do not know much about materials. I will show you how to make a very simple KeyShot material for the blobby lava floating inside of the lamp. It will leave some room for improvement depending on how far down the path of realism you wish to take it, but it will be enough to satisfy the eye. Of course, there are lots of different types of lava lamp, e.g. waxy, metallic or even glittery. Let’s just focus on the most basic and best-known one, which is wax, and try to re-create that look. You may ask, what is so special about the wax material that you cannot just apply it to the part and move on with the rest? Well, if it were just wax for a candle model we were working on, it would probably be fine to do so, but this is a completely different case. The lava lamp wax should emit some of the light we are going to fake and give us control over the colour transformation, to blend and behave within the set scene. I assure you it is all there, we just need to know what settings to apply. 01. Base texture Click the arrows icon (top-right) to enlarge this image Once your model is ready for textures, go to Library>Materials> Miscellaneous, grab the Infrared Gradient material and drop it onto the model. In Project>Material, locate the Material Type setting and set it to Emissive. 02. Feeling blue Click the arrows icon (top-right) to enlarge this image In the Textures tab change the reds and yellows to different shades of blue; light (left) to dark (right). Below, set the Gradient Type to Spherical. Changing the scale of the texture will give you control over the texture spread on your model. 03. Adjustments Click the arrows icon (top-right) to enlarge this image Set the Centre On to either Model or Part, whichever works best with the mesh. Now it is time to move the texture down to where the source of light should be. Go back up to the Material Properties and adjust the Intensity slider. 04. Surrounding materials Click the arrows icon (top-right) to enlarge this image Apply the Glass (Solid) White material to the sphere. Sometimes the liquid that surrounds the lava has a very delicate tint to it, so let’s set the glass diffuse to a very light shade of blue (R254; G255; B255). Expert tip Add a light source emitting from the centre of the lamp to light up the scene. Try other colour combinations for more dramatic looks. Changing the background colour and HDRI can make the colours pop out even more. Learn more from Maya Jermy at Vertex Maya Jermy is a regular contributor to 3D World magazine and has years of industry experience, working across various fields. She will be at Vertex 2018 taking part in our panel discussion, along with other industry veterans including Chris Nichols and Brett Ineson, where the future of digital humans is the topic. Make sure you get your chance to be there for the discussion, as well the workshops, recruitment fair and all the other activities we have throughout the day. Visit the Vertex site to book your tickets, from the free expo ticket, to the access all areas passes. We look forward to seeing you there! Related articles Why Vertex is a must for CG artists The ethics of digital humans Scott Ross at Vertex View the full article

The team behind the popular open-source framework Electron warns a remote code execution flaw could compromise user privacy. View the full article

The team behind the popular open-source framework Electron warns a remote code execution flaw could compromise user privacy. View the full article

Leeds United has nearly hit its centenary, so to celebrate, the club decided it was time to redesign its badge (above). Despite referencing the 'Leeds Salute', however, the new crest has not been well received by fans. Unveiled today, Leeds United's new crest took six months of work to complete and involved consultation with more than 10,000 people. For the uninitiated, the 'Leeds Salute' referenced in the new crest is a gesture used by fans on match days, where they place their right hand on heart and sing the club's song Marching on Together. The redesigned badge is the latest in a series of efforts by the club to re-engage fans and the wider community. Leeds United isn't the first sports organisation to rely on a rebrand to boost interest, of course. Earlier this year, Formula 1 changed its logo to get more people involved. Leeds United managing director, Angus Kinnear, said “updating the crest is not a decision we have taken lightly, but we are proud to have a new crest that is authentic to Leeds United and honours the quality and loyalty of our fans. It is a symbol of ‘strength in unity’ and a proud expression of the club’s identity and history.” Currently, however, the only thing Leeds United fans are united by is their dislike of the new crest. Plenty have taken to social media to voice their despair, with some taking aim at how the emblem can be modified to represent other teams. (A popular one sees a Newcastle supporter punching a horse.) One element that's caused anger and confusion is the crest appears to be covering itself up. If a fan or player does the 'Leeds Salute', of course, by its very nature the gesture obscures the badge – but when it comes to design, blocking your team's badge is a peculiar way to show pride. With a petition to stop the new badge from being implemented having already racked up over 10,000 signatures, it remains to be seen whether the club holds its ground or gives in to fan pressure. Related articles: Photography book celebrates the joy of football The 20 posters of the FIFA World Cup 5 great EPL football stadium illustrations View the full article

The 2018 design trends keep on coming. We've already seen the logo design trends and colour trends that are set to influence the next 12 months. But what about typography – or to be more specific, type used in motion graphics? 37 must-see examples of kinetic typographyWell, wonder no more. StudioBinder – a maker of video, photo, TV and film production management software – has created a video that showcases some big typographic trends to expect in motion graphics for the year ahead. To get an idea of how type will be used in video this year, StudioBinder combed through the best uses of text found in films and programmes in 2017. These include the title sequences for shows such as Top Gear and Stranger Things, among other creative examples. As we watched this video, we were struck by just how many uses of type in motion graphics pass almost unnoticed. Perhaps that's an indicator of how audiences have become used to more sophisticated typographic effects in their media. See for yourself how typography in films and TV has been used in innovative ways – and the predicted text in video trends for 2018 – in the StudioBinder video, below. Over on the StudioBinder site they look into these examples and explore what makes them tick. For example, by studying the Stranger Things titles, we can see that the show cleverly draws in the viewer's attention by containing visuals inside the lettering itself. Meanwhile, some films and shows layer their typography and title graphics with 3D elements to help get across the mood of what viewers are about to watch. Others make the most of the lower third of the screen to flash up an information card that reveals useful plot and character information. For the full dissection of 2018 motion typography trends, be sure to head over to the StudioBinder blog. Related articles: 9 responsive typography tips A designer's guide to typography and fonts Get to grips with accessible web typography View the full article

Buy Lightroom CC 2018, Lightroom Classic, or sign up to Adobe Creative Cloud Lightroom is Adobe’s all-in-one photo cataloging, organising and editing tool. Unlike Photoshop, however, which handles photography, illustration and design, Lightroom is purely for photographers. It doesn’t have Photoshop’s in-depth manipulation, layering, selection and compositing tools. But for regular photo enhancement and repair, it’s fast, efficient and powerful – and all its adjustments are non-destructive. In October 2017 Adobe took a bold step, splitting Lightroom into two products, the new Lightroom CC and a continuation of the old Lightroom as ‘Lightroom Classic’. Lightroom Classic sticks to the old desktop storage model. The new Lightroom CC is slimmer, slicker and based around cloud storage instead. Depending on the Adobe subscription plan you choose, you get Lightroom CC or both versions plus Photoshop – more on this in a moment. The key feature of Lightroom CC 2018 is that your entire image library is available everywhere, on any device. This is different to Lightroom Classic, where it’s only chosen Collections which are synchronised, and even then only by using lower-resolution Smart Previews as editing ‘proxies’. If you’re going to store all your photos online, you’re naturally going to need lots of storage, and this is perhaps the biggest bone of contention. There is a new Lightroom CC subscription plan which gives you Lightroom CC and 1TB of storage, but nothing else. Or you can stay with the existing Photography Plan and get both versions of Lightroom, and Photoshop, but no extra storage. Both options cost £9.98/$9.99 per month. Finally, you can get the best of both worlds with the old Photography Plan plus 1TB of storage, but at a cost of £19.97/$19.99 per month. Whichever way you cut it, that 1TB of storage comes in at around £10/$10 per month. Initially, Adobe indicated that extra storage would cost £10/$10 per month per terabyte; now the Adobe website carries the message “Up to 10 TB of cloud storage available. Call for details,” suggesting (we hope) some flexibility. Lightroom CC 2018’s cloud-based approach comes with significant costs, but it does also have advantages: Anywhere editing Need to edit your photos on another computer? With Lightroom web you get access to your full photo library, though only some, not all, of the editing tools Fair enough, this is a big one. With Lightroom Classic’s regular desktop storage, you only get to see the image Collections you’ve selected for synchronisation. And while you can organise and even edit images on your smart device and in your web browser, you can’t download the full-resolution versions, only a lower-resolution Smart Preview. That’s fine for placement but you’ll still need to export a full-res version from your desktop library for final use. Your photos can also be browsed, edited and rated on your smart device using the free Lightroom mobile app Adobe also makes a great play of the new, simpler interface. Lightroom’s workspace has always been pretty oppressive and busy, and Lightroom CC’s stripped-back approach is genuinely refreshing. A few things have gone, like the separate Library and Develop modules (now in a single window) and the Map, Book, Slideshow, Print and Web modules are gone completely – but then these are features that probably only a small percentage of photographers would use anyway. And if you are one of those, well, there’s still Lightroom Classic. Smarter organising Lightroom CC’s organisational tools are stripped-down and straightforward, and aided by Adobe’s intelligent Sensei search tool. Who knew we had so many pictures of boats? Lightroom’s organising tools are indeed simpler. Lightroom Classic and its desktop storage system continues to offer two parallel organisational systems – actual Folders and virtual Collections – which even live in separate panels, while Lightroom CC dumps all your photos into a single giant pot, and then it’s up to you how you want to organise them, using Albums and Folders (not real folders, just virtual containers to organise your albums). How can something that does less be better? Lightroom CC does force you into a simpler way of working, but it also strips away all the distraction, confusion and indecision of working with Lightroom Classic. There is one omission that’s quite hard to take, however – you can’t create smart albums (Smart Collections in Lightroom Classic), so you can’t create a smart album to automatically group all the shots taken in Tokyo last November on your Canon EOS 5D Mark IV, for example, or all the shots you’ve taken with a particular lens at a particular ISO setting. There are filter menus for isolating images by star rating, camera used and more, but even these are much reduced compared to those in Lightroom Classic. But Lightroom CC’s trump card is Adobe’s web-based Sensei search technology. Adobe says its machine learning/object recognition technology saves you the drudge of manually keywording your images. Well, it does do a good job of recognising object types, such as trees or skies, but it’s less effective at identifying locations, except where images feature a well-known landmark or have embedded location information. Worry-free storage Adobe’s cloud storage for Lightroom CC might banish your worries about where your files are, but there is an ongoing cost Adobe’s idea of worry-free storage is fine in as much as you don’t have to find space for your photos on your own computer or disk drives, or worry about synchronising them across computers or even about backing them up… but you might worry about how much your ever-expanding image library might cost you in the future. Editing upgrades Adobe’s aim is full feature parity between Lightroom CC and Lightroom Classic and the addition of Tone Curve and Split Toning tools in the latest update is a step along the way The first version of Lightroom CC back in October 2017 was actually missing more than just smart albums and workflow modules. There was no Tone Curve or Split tone panel amongst the editing tools either. These have been added in a December 2017 update, though, plus automatic image enhancement via Sensei and a full-screen view. Even so, Lightroom CC still lacks some of the bells and whistles of Lightroom Classic, and still doesn’t support plug-ins. Should you buy Lightroom CC 2018? You can migrate your existing Lightroom catalog to Lightroom CC, but it’s a one-way journey Lightroom CC is a frustrating mix of brilliance (the new, streamlined interface) and disappointment (the lack of feature parity with Lightroom Classic). And tempting as the idea of cloud storage might be, the cost seems too high right now – £10/$10 per terabyte, per month, seems out of step with competing cloud services. Apple will rent you 2TB of iCloud storage for £6.99 per month, for example. Lightroom CC is still a terrific all-in-one image cataloguing and editing tool and it has no cloud-based rivals. The closest are Adobe’s own Lightroom Classic and, say, Phase One Capture One. Capture One is a terrific product, but lacks Lightroom’s multi-platform synchronisation tools. For designers, it’s a complicated decision. Lightroom CC is great for photos, but that’s all. If you work on projects across Adobe’s creative tools, migrating work from Photoshop, through Illustrator to InDesign, for example, Lightroom CC is a bit of an outlier which might be good for organising your photos but is likely to be on the periphery of your main design work. Early adopters might be keen to try out a wholly cloud-based photo library, but the regular Photography Plan with its desktop storage is better value (you get both versions of Lightroom and Photoshop) and Lightroom Classic is still a more powerful organising and editing tool. For designers, Lightroom CC is not so much a ‘must have’ as a ‘might like’. Buy Lightroom CC 2018, Lightroom Classic, or sign up to Adobe Creative Cloud Related articles: Adobe launches new cloud-based photography service Lightroom CC Adobe announces free Lightroom for Android Shoot raw images on your phone with Lightroom 2.0 View the full article

The way you approach sketching a character is very important. You shouldn’t be afraid of constant refinement. Here, I will lead you through my process, showing you how to use shapes and light lines to create an underdrawing, and then how to properly work on top of this for the best results. The more you sketch, the more confident your drawings will become, so grab your pencils and get sketching! 01. Find a pose Strike a pose, there's nothing to it A very important part in sketching a character is figuring out how you want to depict your subject. It is essential to find the right pose, clothes and general look. The best way to approach this is by creating small loose sketches that are not defined, but at the same time give you an idea of the features of the final sketch. 02. Develop form Take your time to get the foundations right Once you decide which sketch you prefer, you can continue to develop it further by giving it a form. Before going into detail, it is crucial to create a skeleton for the final drawing by using simple shapes and lines. Don’t worry about drawing too many guidelines; you can erase them later. 03. Lay down lines Make sure your lines are solid and confident Choose the lines you want to work with from the guidelines you’ve created. Remember that these lines are there to help and not constrain you, so make changes as you go and add necessary details when appropriate. Don’t rush the drawing, but once you decide to draw a line, use a bold straight stroke to avoid wobbly or uneven marks. 04. Erase guidelines Erase needless guidelines, but leave useful ones behind Some artists are a little intimidated by rubbers. They associate them with correcting mistakes, but in fact, a rubber can be used as an important tool in your drawing. In this example, use your rubber to erase some of the guidelines. You don’t have to rub out all of them – just the ones that get in the way of your drawing. Related articles: Perfect your figures with our anatomy masterclass The Anatomy of Style: Figure Drawing Techniques 10 steps to improve your figure drawing View the full article