Envato Tuts+ Tutorials

---

• How to Add Storage Media to the BMPCC and Save Money
• 10 Top Vapourwave Video Templates for Final Cut Pro
• What is React Native?
• 19 Best HTML5 and JavaScript Game Engines and Templates
• 15 Best PHP Help-Desk Scripts and 5 Free Options
• How to Make a Basic Interactive Quiz in PowerPoint From a PPT Template (+Video)
• 20+ Best Instagram Infographic Templates (Instagram Post Slideshow Templates)
• How to Round Corners in Illustrator
• 10+ Best New HTML Templates for Your Blog

How to Add Storage Media to the BMPCC and Save Money Posted: 30 Aug 2021 06:20 PM PDT The Blackmagic Pocket Cinema Camera series is a popular one for filmmakers. It's available at a reasonable price for the capability of the technology, but it does require a bit of modification and thought to get the very best out of it. SD, CFast or external hard drive? Find out how to get the most storage for your money without compromising on speed or size in this article. How to Choose and Add Storage to the BMPCC Each of the Pocket Cinema Camera models – 4k, 6k, 6k Pro – have the same storage options: 1 x CFast card slot 1 x SD UHS-II card slot 1 x USB-C 3.1 Gen 1expansion port for external media Whichever storage you choose, make sure you check compatibility on the Blackmagic site. For example, we have a Samsung T5 SSD drive — which I'll talk more about shortly — and it's one of the most popular methods of storage for the BMPCC, but the newer version, the T7 isn't compatible. The recommended storage options are different for each camera (4k, 6k, 6k Pro) so it's worth bearing that in mind. Important: CF (Compact Flash) cards and CFast cards are different, the latter being an evolution of the former, with – as the name might suggest – faster writing speeds. SD (Secure Digital) and CFast Though SD cards have come a long way in terms of storage and speed in balance with price over the last decade, they're not the most cost-effective option when it comes to storing large video files. UHS-II has really bumped up transfer speeds and so you should have no problem writing even high-quality footage to them, but you're still looking at paying over £100 for a recommended brand with 512GB of storage. SD card on a white background from Envato Elements CFast cards tend to write at higher speeds than SD and faster than their predecessors CF cards. They look very similar to CF cards but they're actually a fraction thicker and have different connections, so a CF card won't fit in a CFast slot. CFasts are reliable storage, they fare well in most temperatures and are pretty solid so you're not likely to accidentally snap or break one like you might an SD. Comparatively though, they're very expensive. For 512GB as in the SD example above, taking a recommended brand, it'll set you back around £500, if not more. USB-C 3.1 Gen 1 Expansion Port The great thing about having the USB-C option is you can pop an external drive into your BMPCC which gives you a lot more flexibility between speed, price and storage space.  One of the most popular options – for the BMPCC 4k – is the Samsung T5 SSD (solid state drive). It's one of Blackmagic's recommended storage options and when it comes to storage and price you can see why. You can get 1TB for around £100 which is considerably more GBs for your buck than you get with SD and CFast options. If you choose to go down an SSD route there are a few things to consider on top of which hard drive you pick: Data cable: The data cable might be a weak link between a perfectly good hard drive and your camera. The cable that came with our Samsung T5 didn't work, but upgrading the cable to one with a faster transfer speed meant the hard drive worked fine. Physical size: Unlike card storage, the SDD will stick out from your camera so physical size and shape needs to be considered with however you use the camera. It's worth digging into that final point a bit more because not everyone will use their BMPCC in the same way, some will have it primarily on a tripod, some handheld, some with a cage, or a gimbal, and so on. External SSD with clamp on BMPCC 4k You might need something extra to secure your SSD, like a mount bracket or a universal holder. Attaching this to your camera will be much easier if you've got a cage around your Blackmagic. To avoid common problems like breaking the input/output ports, we leave the SSD plugged in all the time. When transferring data off, it's left on the camera and we plug into the SSD, so that it isn't being taken off and put back on all the time. The storage might seem a little vulnerable when it's bolted on the outside, unlike the cards tucked away in their slots, but as long as you attach it securely it shouldn't be anymore vulnerable than the other parts of the camera. Using a Mix of Storage Options As with many things, you might decide that a mix of storage is right for you. It might be that if you're using an SSD you, sensibly, have SD/CFast cards as backups. Or for practical reasons you might want to stick to SD/CFs because you use those across other cameras/devices and it makes sense to be able to flip between them rather than buying something separate. Storage option settings In the camera settings you can tell your PCC which storage option to use if you have more than one plugged in. For example, we have it set to use whichever has the most storage space, which saved us recently when during an interview. The SSD data cable failed, so the camera then flipped to the next available storage which was an internal card. If you're looking for the most for your money while not compromising on write speeds, then a solid-state hard drive is a good choice, but remember to buy two good data cables – one as a spare! Also think about how you'll securely attach that to your current rig. Include a good backup option that will do in a pinch – if you run out of storage or if something fails – like a mid-price BM recommended SD or CFast card, and you'll be ready to film with confidence. More Articles for Blackmagic Users How to Set Up the Blackmagic Pocket Cinema Camera: Quick Start Guide Find out how to get started with the Blackmagic Pocket Cinema Camera, what extra bits to buy and how to avoid common pitfalls. Marie Gardiner 30 Jul 2021 Video How to Protect the BMPCC With a Cage and Add-ons Discover some of the biggest issues with the Blackmagic Pocket Cinema Camera and how you can avoid them happening to yours. Marie Gardiner 30 Jul 2021 Video 26 Top Free Templates for Resolve: Graphics, Titles, Projects, and Transitions Pepper your footage with these absolutely free Resolve templates offering graphics, titles, design elements like buttons and prompts, eye-catching... Duncan Clark 13 Jul 2021 Video How to Match Colors Between Video Clips Using DaVinci Resolve In this video from my course "Automatic Color Correction With DaVinci Resolve", you will learn how to select your clip and use the color match feature. David Bode 04 Aug 2017 Video About This Page About the Authors Marie Gardineris a writer and photographer from the North East of England. After gaining her degree in Film and Media, Marie worked in the media industry, before leaving to set up the business she runs with her partner: Lonely Tower Film & Media. As well as writing about visual practices like photography and video, Marie is also the author of Sunderland Industrial Giant (The History Press, 2017) and Secret Sunderland (Amberley Publishing 2019). Her photographic work focuses on landscapes and industrial ruins, particularly those of the North Pennines as she continues to work on her long-form documentary project Changing Landscapes. This page was edited and published by Jackson Couse.

10 Top Vapourwave Video Templates for Final Cut Pro Posted: 30 Aug 2021 05:45 PM PDT You are alone in an empty mall at midnight, hazy pink and blue neon lights colour the food court. You can hear arcade machines faintly while quasi-elevator music plays over the speakers. You feel, though you are not sure why, overwhelming nostalgia for an imagined future, a shimmering vision both other-worldly and oddly familiar. You are now riding a vaporwave. On this page, we'll take a look at ten Top Final Cut Pro vapourwave templates, with premium templates from Envato Elements and Envato Market, plus a free template from Mixkit, to help you craft a vaporwave video. Top Vapourwave Templates for Final Cut Pro Creating this unique aesthetic can be as simple or as complicated as you'd like. On the one side of the spectrum, you can go all out, painstakingly making something along the lines of Bladerunner (not really vapourwave, but definitely something that influenced it). While on the other side you can pick and choose the aspects you like and use the aesthetic as an undertone. Vaporwave is a look born from of the meeting of lo-fi internet culture and unbridled arch-capitalist utopia fantasies. The aesthetic combines influences of 80's and early 90's Japanese consumerism—tape cassettes, VHS players, boxy futuristic cars, neon signs, and vibrant city development—with internet-y themes, memes, and the visuals of analog or early computer graphics. VHS Opener Featured Template Pack for Vapourwave Videos From Envato Elements The template features classic VHS overlays and beautiful era-specific typography to create a stylish, stylized opener. Project Details This project was created by Envato Elements author Motionsparrow. Program version: Apple Motion 5, FCPX 10.4.6 and above Requirements: none, no plugins needed Resolution: 1920x1080 HD  Key Features VHS Opener comes packed with seven media placeholders, seven text placeholders, and a logo placeholder. Download and Try With a subscription to Envato Elements you get unlimited Final Cut Pro templates and more. Download VHS Opener from Envato Elements: Download More Top Vaporwave Templates From Envato Elements Unlimited downloads from Envato Elements makes it easy! You can try as many Final Cut Pro Templates as you'd like! If you are looking for more vapourwave templates to round out your video, check out these fantastic alternatives: First up, take a look at VHS Opener, another opener of the same name. This template has many of the same over-arching themes as our featured asset, though executed differently. Next up, try Neon Creative Titles, a brand new template on Elements that features six high quality retro titles to choose from. And check out Glitch Logo Reveal and Glitch Logos, which are both great options for both reveals and stings. Last, but not least, VHS Transition Pack can be used to keep continuity to your video's transitions. Transitions Pack VHS FCPX Final Cut Pro Vapourwave Templates on Envato Market An Elements subscription might not fit your project: with Final Cut Pro templates from Envato Market you can keep your work on a budget without loosing out on style.  Grunge Digital Alpha Pack — $14 Try using this great static overlay pack, featuring five options with alpha channels as the foundation to build your own vapourware video from the ground up!  VHS Glitch Pack — $18 Check out this pack that has 15 amazing analog overlays of glitches and beautiful textures that are perfect to tone down the digital sharpness and contrast of your video. These overlays have been captured at a high quality 16:9 aspect ratio. Neon Instagram Stories — $11 This is a little different than the others on this list! Neon Instagram Stories features five classic retro-styled stories with drag-and-drop templates for ease of use. This a full vertical formatted FCP template that's perfect for social media! VHS 76 Pack — $16 Analog tech inspired overlays are an amazing way to achieve an authentic vapourwave vibe. This pack contains. 76 unique overlays, making it a perfect toolkit to have in your arsenal. Free FCP Template from Mixkit For FCP templates that are completely free try Mixkit, here's one of the best for a vaporwave. Colour Distortion Glitch — Free This is a creative glitch effect with a beautiful distortion as one clip moves to another. Colour Distortion Glitch More Resources for Filmmaking and Creating Vaporwave-Inspired Videos If you are filming your own video, adjusting your camera settings and using filters is a great way to improve your results. This aesthetic has a softer image, in all respects, and making a few practical adjustments can really help sell the look. Of course, you don't have to do all of these things. Sometimes less is more. In-camera, try turn downing your contrast and sharpness.  Shoot in classic 4:3 aspect ratio. Doing this in-camera really aids with your framing. Use soft light: by diffusing or bouncing your light source you are able to make subject look more natural. Filters: The Black Pro Mist 1/8 is a great diffusion filter that blooms light sources and softens skin. Making these changes can really help your footage fit with retro-inspired templates. The trade off in doing things in-camera rather than all in post is that you're married to your choices from the get-go.  Keep Learning With Envato Tuts+ Here are more free resources from Envato Tuts+. Lighting Basics for Video Creative Camera Movement—How to Rack Focus How to Color Grade Video Recommended Tutorials Learning the ins and out of filmmaking is made fun and enjoyable with Envato Tuts+. There are thousands of award winning guides, giving you everything from quick tips to in-depth courses, taking you through the needed steps to create great work. If you're just staring out making video, check out Recording Video with a DSLR, how to Record Better Video on Your Smartphone, and Learn the Lingo, Camera Shots & Techniques in Storyboarding to get started. After you've gotten comfortable with your camera, try following along with Video Editing in Final Cut, Introduction to Video Editing in Premiere Pro, and Setting Up Your Mac for Photo and Video to help you start out with editing. Free Video Courses: Follow Envato Tuts+ on YouTube Subscribe to the Envato Tuts+ YouTube channel for free courses taking you through step-by-step on a variety of software, subjects and techniques. Plus we regularly post the hottest trends and tips. Here is a great course covering the animation of an urban rainfall in a very vaporwave-inspired, Neo Tokyo type scene by Jonathan Lam! More Video Resources Envato has tonnes of amazing resources for you to try. PlaceIt lets you easily make high quality motion graphics directly in your browser, no software needed! Envato Studio connects you with creative talent for your projects. Reshot has free photos, icons, and graphics. Twenty20 has a diverse library of stock photography and thoughtfully curated collections. More FCP Templates Find more top templates for Final Cut Pro X in these articles: Photography How to Make HDR Exterior Architecture Photos With Adobe Camera Raw Marie Gardiner Video 10 Top YouTube Shorts Templates for Adobe Rush to Make Vertical Videos Marie Gardiner Video How to Protect the BMPCC With a Cage and Add-ons Marie Gardiner Video How to Set Up the Blackmagic Pocket Cinema Camera: Quick Start Guide Marie Gardiner About This Page How We Picked We looked at projects and considered all kinds of variables, including organization, complexity, experience required and overall difficulty, minimum hardware specifications, included versions and options, formats, resolution, file size, dependencies and required plug-ins (if any), language options, software versions supported, style, design, and cost. You can read more about how we select items at How We Pick Video Templates to Feature on Envato Tuts+. About the Authors Andre Bluteau is musician and filmmaker from Canada. While primarily working on personal projects, Bluteau has worked produced and edited music videos for Polaris and Juno nominated artists. His work can be heard at Baker and Andre Bluteau, and viewed on YouTube. This page was edited and published by Jackson Couse. Share Your Craft on the Envato Forums Last but not least! if you find yourself using one of these Final Cut templates, let us know by joining the Envato forums. We look forward to seeing your creations!

What is React Native? Posted: 30 Aug 2021 08:30 AM PDT React Native is a cross-platform mobile application development framework that Facebook created in 2015.  React Natives uses JavaScript as the underlying programming language, and it aims to help developers can build native mobile apps for both Android and IOS devices with a single codebase. In this post, I'll introduce some of the key concepts and components. What is Cross-Platform Development Cross-platform development is the art of writing software that runs on different platforms; you write your codebase once and share it across different platforms. Cross-platform development provides you with a broad target audience since you have various options for running your codebase. For example, one app can be shared across both Android and IOS devices, resulting in a broader user base. Features of React Native Lets look at some of the features of React Native. Write Once and Use Everywhere React Native uses the write once and use everywhere approach; this means that the code written in React Native can be used to build native applications that work on multiple platforms. Large Community Base Since React native is based on JavaScript, it has a significant adoption rate and a large community base. JavaScriptis the most popular front-end programming language and is used to power almost all websites. Third-Party Packages and Plugins With React Native, you can use third-party plugins and packages to enhance the capabilities of your application. In fact, many open-source JavaScript libraries found on NPM can be used with React Native. Fast Refresh Fast refresh is a React Native feature that allows you to get near-instant feedback for changes in your code. With the fast refresh feature you can see each UI change immediately as you update your code. Ability to Build Cross-Platform Apps Quickly With React Native, you don't need to learn IOS or Android programming unless you are building a complex app. This means that you can develop your app entirely in JavaScript and share the code in different platforms that work in IOS and Android. It Doesn't Need a Compiler React Native has a hot reload feature that lets you see your results after every change you make in your code, unlike a native app where you have to compile your code every time you make your changes. Easy to Debug React Native leverages Chrome and Safari developer tools hence letting developers detect and solve errors quickly. Some of the popular apps build with React Native include: Facebook Instagram Skype Pinterest Salesforce Discord Bloomberg Wix Uber Eats and many more How Does React Native work? Unlike in React, which renders to the web's DOM, React Native renders to native iOS or Android views: This allows developers to build native iOS and Android applications just by using React Native. React vs React Native React and React Native are pretty similar since they both use JavaScript; however, they are also different. React is used to develop web applications, while React Native is used for creating mobile applications. When it comes to setup, React requires setup tools since it is a framework, while React Native comes bundled with all the tools required to build applications. React does not support live reload, while React Native supports live reload. React uses all the elements provided by the HTML spec such as <div>, <span>, and so on while React natives introduce new components for use: <View> and <Text>. How to Set Up a React Native Development Environment Let's assume you wanted to create an android and IOS app; you would have two separate development environments, ie. Xcode and Android Studi. However, with React Native, you only need one tool to support both versions. Expo CLI Expo CLI is a command line app  that allows developers to build cross-platform apps without touching Android Studio or Xcode. Expo enables you to run projects built by Create React Native App without compiling any native code. Expo will also let you get an application up and running with almost no configuration. How to Install Expo CLI npm install -g expo-cli Expo App Once you have the Expo CLI installed on our development machine, the next requirement is to install the Expo Go app on an IOS or Android device to run your apps. The Expo go app allows you to open up apps that are being served through Expo CLI. You can install it from the following links depending on your device. Android Play Store—Android Lollipop (5) and greater. iOS App Store—iOS 11 and greater. To create a new app with Expo, run the following command expo init my-app React Native Components Let's looks at React Native components and how you would typically use them in your React Native app. The View Component  View is the fundamental building block of any React Native interface. It maps directly to the native view of the application. <View> </View> The Text Component Text is another fundamental component and is used to display text in your application. <View> <Text>Hello World!</Text> </View> The TextInput Component This component is used by users to input text in your application via the keyboard. It also comes with valuable properties such as autocorrect, auto capitalize, and auto focus. <TextInput onChangeText={onChangeNumber} value={number} placeholder="My text here" keyboardType="numeric" /> The ScrollView Component ScrollView is used to render all the content at once and display it when it is required. For example, you can use a ScrollView to display a very long list of items. <ScrollView > <Text VERY LONG TEXT </Text> </ScrollView> The FlatList Component A FlatList is used to display data from props. It overcomes the problem of slow rendering for long lists of components. <FlatList data={ } renderItem={} /> The SectionList Component A SectionList is similar to a FlatList except the data is organized into sections. <SectionList sections={DATA} keyExtractor={(item, index) => item + index} renderItem={({ item }) => <Item title={item} />} /> The Image Component An Image component is used to display an image <Image source={require('./cat.png')} /> The ImageBackground Component ImageBackground is used to display a background image. <ImageBackground source={uri:'https://unsplash.com/photos/06MHFfYv6YY'} style={{width: '100%', height: '100%'}}> <Text>IMAGE TEXT</Text> </ImageBackground> The Button Component A Button is used to display touchables. <Button title="Press Me" /> The Switch Component A Switch is a controlled component that renders a boolean input. <Switch value={this.state.switchValue} onValueChange ={(switchValue)=>this.setState({switchValue})}/> Other important components include: KeyBoardAvoidiingView ActivityIndicator Alert Dimensions Linking Modal PixelRatio RefreshControl StatusBar Summary Expo CLI allows you to scaffold and get up running with minimal configuration without the need for Xcode or Android Studio. Other advantages of Expo include: ability to test on your own devices no lock-in requires little time to build an app Conclusion React Native development takes much of what you're used to from web development and takes it to native development.  When developing native apps, it's important to note a few differences between IOS apps and Android apps. For example, while android uses Material Design, IOS uses Human Interface Design.  For example navigating between screens is different in IOS and Android; Android devices have a navigation bar at the bottom of the screen while IOS devices have a back button. You'll have to take these little differences into your design if you want users to view your app has having a true native interface.

19 Best HTML5 and JavaScript Game Engines and Templates Posted: 30 Aug 2021 07:59 AM PDT Do you want to code an online game? You're in luck—this is a great time for any online game developer and those aspiring to be online game developers. The days of Flash are over, and this has paved the way for dozens (maybe hundreds!) of different engines, libraries, and variants of common web languages. HTML5 and JavaScript games have quickly taken over, powering a huge number of games on the web. That's where HTML5 and JavaScript browser game templates come in. Top-Selling HTML5 Game and JavaScript Game Engines for 2021 on CodeCanyon CodeCanyon is one of the best sources for professional-quality game engines and templates—as well as countless other scripts and tools. If you want to try your hand at creating online games with HTML5 and JavaScript, grab one of these HTML5 and JavaScript game engines and templates. They come with ready-to-use designs and functionality. All the time-consuming programming has already been done for you, so you can focus on designing games that are fun to play. 10+ Best HTML5 and JavaScript Game Engines and Templates Some of these templates are just that—templates—while others border on complete game concepts or flexible game engines. Whether you're finding something for your website or learning how to flesh out your own idea, you can clearly see how diverse HTML5 and JavaScript game templates can be. For now, let's take a look at the top game engines and templates available on CodeCanyon. 1. Canvas Puzzle Canvas Puzzle was the first HTML5 game on Envato Market. The concept is simple but can easily be built on to create a fully fledged game. Compatible with all modern browsers, this HTML5 game template has an Internet Explorer 9 or less fallback, while also working great on the most current iPads. Users can use any image—just drag and drop with Firefox and Chrome—and the game generates any number of different pieces. Canvas Puzzle is lightweight, simple, clean, and ready for you to customize to your liking. 2. Slot Machine: The Fruits Slot Machine: The Fruits is optimized for both mobile and desktop and includes high-quality images that support up to 1500x640 resolution. It comes with HTML5 casino games source code. This colorful game was developed with HTML5, JavaScript, and CreateJS. Games made with the Slot Machine: The Fruits template can even be installed using the CTL Arcade WordPress plugin. 3. HTML5 3D BlackJack HTML5 3D BlackJack has all the features you'd expect in a realistic blackjack game: split hand, double bet, and insurance. But the best part is the hi-res 3D graphic style. This game has been developed with HTML5, JavaScript, and CreateJS, and is both ready to play and very customizable. You can even ante up HTML5 3D BlackJack with the CTL Arcade WordPress plugin.   4. 3D Roulette Like the HTML5 3D BlackJack game template, the 3D Roulette HTML5 casino game has a great 3D hi-res look. It has also been developed using HTML5, JavaScript, and CreateJS. Easily modify 3D Roulette by downloading and editing the Photoshop and Illustrator files. The HTML casino game source coded can also be installed directly into WordPress using CTL Arcade WordPress plugin. 5. Indiara and the Skull Gold Just like many of the other HTML5 and JavaScript game templates, Indiara and the Skull Gold works on all platforms. Are you ready to go on an adventure collecting ancient artifacts in caves full of traps? This fantastic HTML game template includes: eight levels Construct 2 files layered Photoshop and Illustrator files and more Indiara and the Skull Gold is fully touch and mouse supported, includes social media share buttons, and can be visually customized by swapping out the image files or completely modified with Construct 2. 6. The Sorcerer Enjoy the magic of HTML5 game templates with The Sorcerer. This game build was inspired by Zuma gameplay and includes three different progressive levels. It has been developed with HTML5, JavaScript, and CreateJS. The 960x540 resolution scales to fit and can be used with the CTL Arcade WordPress plugin. Customize The Sorcerer and start making some puzzle magic! 7. Katana Fruits Become the next fruit ninja with the highly customizable Katana Fruits template. This HTML5 game template was developed with the following code chops: HTML5 JavaScript CreateJS You can edit the look and feel with the included Photoshop and Illustrator files and install it directly into WordPress using the CTL Arcade WordPress plugin. 8. Bubble Shooter Bubble Shooter reminds me a lot of Snood and other games like it. This simple and addictive game can be installed as is or modified to your liking. This HTML5 game template comes in 870x1504 resolution, is fully responsive, and can be easily modified using the included Photoshop and Illustrator files. It has been developed with HTML5, JavaScript, and CreateJS, is ready to play, and can be installed directly into WordPress using the CTL Arcade WordPress plugin. 9. Jumper Frog Built on HTML5, JavaScript, and CreateJS, this title includes full source code and is ready to be customized. This combination makes it great for learning all of the pieces that go into a game, for building your own games from, or as a head start for an app project. PSD and Adobe Illustrator files are also available separately for easier customization. 10. Don't Crash Don't Crash. That's it. It sounds easy, but this mesmerizing HTML5 game template will keep you guessing. Don't Crash includes Construct 2 files. It is fully responsive and has touch support, with 1280 x 720 resolution. And never forget—Don't Crash! 11. Game FlapCat Steampunk Game FlapCat Steampunk is based on similar blockbuster games with its simple design and playability. Enjoy this touch and mouse compatible game in full 1280x720 resolution. This cool cat includes infinite levels, Construct 2 files, layered Photoshop and Illustrator files, and more. Game FlapCat Steampunk has a great art style and is ready to play or customize. 12. Ultimate Swish Want to add some jump shots to your upcoming project? Ultimate Swish gives you the framework to do just that. Ultimate Swish provides a short, addictive game cycle that could be expanded into its own full game or customized to fit within your current project. The game is based on HTML5, JavaScript, and CreateJS, with all source code included, so it's easy to see how it works and start customizing in no time! 13. Panda Love Ready, set, run! This fast-running panda needs to be guided over obstacles to collect prizes and finish each of the over 20 levels. This template includes the following Construct 2 files and features: autosave, ad support, and one touch control. Show some pixel love with Panda Love. 14. Game Christmas Furious The Game Christmas Furious HTML5 game template brings touch and mouse-supported fun to all platforms. It includes six levels, Construct 2 files, layered Photoshop and Illustrator files, and more. Balloons invade the North Pole—can Santa catch all the gifts and avoid the balloons? The Game Christmas Furious HTML5 game template is ready to play or transform into your own creation. If you're still looking for the perfect HTML5 game engine or template, CodeCanyon has lots more to choose from. You can find another great list of HTML5 game engines and templates here—along with tips on connecting to your audience and making a great game trailer! HTML5 19 Best HTML5 Game Templates of 2021 With Source Code Franc Lucas 5 Open-Source HTML5 and JavaScript Games The following is a selection of open-source game templates and engines you can use to build games that users can play on their browsers. You can easily download the source code on your computer and modify it according to your requirements. You can then run the games on your browser, and even distribute them. Canvas Tetris Canvas Tetris is perfect for new developers learning to understand 2D game concepts. It's built using HTML5 and JavaScript. A careful study of the game's source code will help advance your game development skills. Download the source code for free from GitHub! MelonJS MelonJS is a game engine and framework with a very lightweight footprint. You can create games that only need an HTML5 web browser. Pixel Defense This HTML5 and JavaScript game is based on the tower defense game genre. The source code is available on GitHub, so you can learn how the game was developed. You only need to understand how HTML5 and JavaScript work. Quantum Game Quantum Game has the following components: photon sources to emit photon particles, a rock to act as an obstacle, a mirror that deflects the photon particle, and a photon detector that receives the photon particle. Your goal is to arrange the mirror in a way that a photon particle emitted from the photon source evades the rocks and reaches the photon detector. The game is developed using HTML5, CSS, JavaScript, and sound plugins. It has a simple layout and can be played in your browser. And the source code is available free from GitHub! 2048 2048 is based on the 1024 game. To play this game, you use your arrow keys to move the times. When two tiles with the same number touch, they merge into one. It's written using HTML5, CSS3, and JavaScript. You can download the source code from GitHub. Why Use an HTML5 Game Template? Building a game is difficult. With several distinct skill sets nestled into a complex package, it can be difficult to start a whole project from scratch. For those new to game programming, using a game template can help to fill in those gaps in skills, such as user interface or graphic design, giving insight into the workings behind a completed game. This is a great learning experience and helps you get your first couple of projects done without getting too overwhelmed. Experienced game programmers can find plenty of use from these game templates too. They can help to build the skeleton for a larger game or act as the base for a new project, cutting down on creating repetitive code for each new game you make. Designing Online Games So you have an idea for an online game or several. But how do you start building one? You can build a game from scratch. It requires you to have a knowledge of programming. If you don't know how to code, you can use templates. There are thousands of them. But either way, you have to have a roadmap. Have a basic and detailed description of: What kind of game do you want to create? What is your game about? In what genre? For what platform: is it a mobile game (iOS or Android) or a desktop game (Windows or Mac)? How do you want it to look? What visual features do you want to include? In addition, some game design software allows you to build games with drag-and-drop—without even knowing how to code! Drag-and-drop game making software includes: Stencyl Construct 2 GameSalad Game Maker RPG Maker These platforms all have free versions that allow you to publish to the web, but you'll need to pay for professional editions that allow you to make mobile games. Text-Based Game Engines The most basic game design software allows complete beginners with no coding experience to create text-based games. Quest is the perfect beginners' software, and so is Twine. Create 2D Games Without Coding To create 2D games you can use Stencyl, Game Maker, or Construct 2. These are beginner-friendly, with no coding experience needed, and they have drag-and-drop interfaces. Choosing Game Design Software Choose software that publishes to HTML5 and is oriented to publishing games in mobile browsers. You don't want to miss out on mobile users. If you want to make money as a game designer, think of software that comes with end-user data collection and game monetization choices. It should be easy to use and come with extensive documentation and tutorials. It should have access to a robust community of users sharing technical knowledge. It should also come with a rich library of stock images and stock music. Publishing and Distributing Your Game Option 1: Distribute and Host Your Game Independently To distribute independently, you will need a hosting service with a reliable infrastructure that can handle a lot of traffic and also make your game website available at lightning-fast speeds. Of course, you'll pay a lot in hosting fees. You will also need to build and maintain a vibrant online community in order to be profitable. Option 2: Outsource Hosting and Distributing to a Gaming Platform Platforms offer a ready-made audience through their vibrant built-in communities. Keep in mind they do charge submission fees for each game you submit. They also charge a percentage for every sale. To outsource the hosting and distribution, you can use the following platforms: Android: Google Play Store or Amazon Appstore iOS: App Store Desktop and Mobile apps: Steam, Game House, Gamers Gate, Humble Bundle, Kongregate, Gog, Itch.co Start Your HTML5 and JavaScript Game Today These HTML5 and JavaScript game templates are just a small selection of the hundreds we have available at CodeCanyon, so if none of them quite fits your needs, there are plenty of other great options to choose from. You might also find an Envato Tuts+ code tutorial on game design or game mechanics or game development helpful, or even an HTML5 tutorial to get you started on coding your own game. Game Engines Best JavaScript Game Engines and Games to Download Kyle Sloka-Frey HTML5 19 Best HTML5 Game Templates of 2021 With Source Code Franc Lucas Game Engines Best JavaScript Game Engines and Games to Download Kyle Sloka-Frey iOS SDK 15 Best iOS Game Templates Franc Lucas Android SDK 10 Best Android Game Templates Monty Shokeen Game Design Which Digital Game Distribution Platform Is Right for My Game? Matthias Zarzecki HTML5 19 Best HTML5 Game Templates of 2021 With Source Code Franc Lucas

15 Best PHP Help-Desk Scripts and 5 Free Options Posted: 30 Aug 2021 07:31 AM PDT Are you looking for a reliable PHP help-desk script? Solving issues related to your products on time will lead to happy clients and customers. That in turn leads to referrals and repeat customers—the lifeblood of any business. Support Board is one of example of PHP Help Desk scripts on CodeCanyon. The main focus of a help desk is fixing issues. A good PHP help-desk script will let you fix your customers' technical issues in an organized manner. And a good help desk will leave people satisfied with your services. If you're looking for a WordPress help-desk plugin, I've collected some of the best in another article. WordPress 15 Best Help-Desk Plugins for WordPress (And 5 Free Plugins) Franc Lucas Top-Selling PHP Help-Desk Scripts in 2021 Grab one of these PHP help-desk scripts and streamline the way you respond to customers' queries and complaints. Let's look at some of the best PHP help desk scripts on CodeCanyon. 1. PHP Live Chat Pro PHP Live Chat Pro is a help-desk script that concentrates support for your clients and/or customers in a live chat. The service features easy installation and a clean, modern design, including emoticons and avatars, customisable automated messages, and mobile support. Other features include geolocation, dynamic translation, and transcription of the chats, which can then be sent to the client via email. 2. Support Board Now for scripts that use live chat as well as support tickets: Support Board is a powerful and simple-to-use support desk and chat script that provides a great dual solution for communicating with clients. The plugin has full Slack integration for sending and receiving user messages directly from Slack. It also has full bot integration with Dialogflow to reply automatically to your customers! 3. Support Centre The beauty of the Support Centre script is that it allows you to add a database of frequently asked questions, so your clients have a resource to turn to that may possibly answer all their questions and preempt them opening a ticket. Support Centre also allows you to assign your staff to specific ticket categories and has an optional built-in payment system that allows you to create Premium Plans that users can buy for more customisable support. 4. BeDesk BeDesk enables business owners to reduce support ticket volume by creating articles based on frequently asked questions and setting up the software to automatically suggest an article when customers create a new ticket with the relevant topic. BeDesk also allows business owners to categorise tickets, automate repetitive tasks with triggers, and customise its appearance to match the site seamlessly. And users can log in with popular third-party sites like Facebook, Twitter, Google, etc. 5. Best Support System Best Support System is another great choice for managing customer queries. With its easy-to-use step-by-step installer wizard, you'll have your service up and running within minutes. You can move right on to managing queries, whether they arrive via email or the support form provided. It has an easy-to-use search engine to help users find relevant articles. In addition, relevant articles from the database are triggered when users ask frequently asked questions. Finally, this help-desk script comes with a built-in ability to collect user feedback. 6. HelpDesk 3 HelpDesk 3 also offers clients support via live chats and tickets, but has taken things a step further by allowing clients to email their queries. Not only is it easy to install, but you can set up automated answers for the chat feature, set up standard responses for the chat and tickets, and your client history is saved and can be viewed at any time. HelpDesk 3 also allows you to create an FAQ article database to cut down on unnecessary inquiries. 7. AH Ticket AH Ticket is a PHP help desk and support ticket system. In addition to sending tickets by email, other things you can do with this system include adding estimated times for resolving tickets, allowing users to log in with their social media accounts and to rate replies from admin and staff, and the ability to integrate with Mailchimp. 8. Pearls! Pearls takes a crowdsourcing approach to help-desk support by providing your clients with a question and answer platform similar to that of Quora, to help them resolve their issues. Clients can log in using their Facebook or Google accounts, follow other users' topics, feeds, and questions, and get notified when someone posts new questions or answers. In addition, users who follow each other can access live chat. You can approve questions and answers before they become public. A powerful admin section gives you the ability to moderate users and upgrade them to become senior publishers, reviewers, or even admins. 9. SupportDesk This script focuses on support tickets. To access support for a product or service via the PHP SupportDesk script, your clients simply need to go to a dedicated support page on your website, enter their name and email address, select the department they need help from, and write their message. This opens up a ticket with a special ID number, and your customer service staff will get an email notification that a ticket has been opened. You can also integrate SupportDesk with Slack. New Additions Already Best-Selling! 10. UltimateDesk Ultimate Desk is is a support system with a knowledge base and FAQs. It that allows you to create and manage unlimited tickets, knowledge base articles, FAQ's. You can have unlimited agents, users, and other staff members. 11. Ticky Helpdesk Through its clean and simple user interface, Ticky will help you efficiently manage your customers' support tickets and your online knowledge base. Users can login using their social media accounts. Ticky is multilingual so you can translate the app to your own language from your dashboard. Other notable features include: receive email notifications on each new ticket or ticket reply resolved tickets can be closed after X days automatically auto assign tickets to available agents manage saved replies to quickly answer common tickets search for customers, articles, tickets and categories for admins 5 Free Help-Desk Scripts We understand that for small businesses, the cost of help-desk software can be high. I have included the following free help-desk apps for you to consider. 1. HelpDeskZ HelpDeskZ is a free PHP-based application that allows you to manage your site's support with a web-based support ticket system. Features include the ability to create groups, canned responses, custom fields, a knowledge base, news, template customization, and email piping. 2. Spiceworks Spiceworks is a user-friendly, free, open-source help-desk ticketing system for IT. It's easy to download and integrate with your active directory, and you don't need to create users and departments separately. No admin limit. No ticket limit. Spiceworks gives you the option to set up an online help desk or a self-hosted help desk. You can manage the software from Android or iOS. 3. Hesk Hesk is a PHP-based help-desk ticket management system. It's easy to download and install, and its simple interface allows you to create and assign tickets quickly. Staff and customer interfaces come with their respective functionality. 4. Liberum Help Desk Liberum Help Desk is a complete help-desk solution for small to medium IT departments and service providers. This software provides a simple, easy-to-use web interface for managing and tracking technical support problems. Liberum Help Desk is open sourced under the GPL license and free for use. The help-desk software is written in HTML and ASP and is easily modified and customized. All that is required to run Liberum Help Desk is a Windows Server running IIS. 5. Faveo Help Desk Community Edition Faveo has a free open-source version and a paid version. The free version does not come with support for installation, configuration, and maintenance. Apart from that, it has everything you need to create a help-desk ticketing system! Understanding Help-Desk Scripts Types of Services Help Desks Offer A help desk is focused on providing technical services. The list of issues that help desks fix is long and ranges from simple to complex. troubleshooting issues in devices assisting with customers' installation system updates security updates fixing bugs and so much more! What Help-Desk Software Does Imagine tracking customer issues by email. Things get messy. You do everything manually. You lose track of very important messages. Customers get frustrated. For a more organized business, a help-desk script takes away the manual work and removes confusion. It automates the process and streamlines how you deliver technical support to your customers. Once customers' problems are received, they are turned into tickets. A help-desk application manages the ticket creation, issuing, and tracking until the issue is resolved. The help-desk application also keeps a record of how the issue is resolved. Nothing falls through the cracks anymore because you—and the customers—receive email notifications when anything changes. What Help-Desk Software Contains Help-desk software contains the following core features: ticketing, knowledge base, and communication. More features you will find in help-desk software include: surveys and feedback: a way of rating help desks and giving feedback to improve processes reports and analytics: track the efficiency of help-desk agents with the help of specific metrics community forums: users can find answers from a community SLA and SLO management: keeping track of service-level agreements and service-level objectives Why You Need a PHP Help-Desk Script Help-desk scripts streamline how your business fixes issues that customers have by allowing you to attend to customer cases and complaints quickly. They offer multiple channels through which customers can contact a business. This multichannel approach—Twitter, Facebook, email, phone, SMS, live chat, etc.—ensures that issues are resolved faster. You also need to have a centralised way of receiving feedback and knowing what specific areas you need to improve. Launch Your Help Desk Today With a Great PHP Help-Desk Script These PHP help-desk scripts just scratch the surface of products available at CodeCanyon, so if none of them fit your needs, there are plenty of other great options you may prefer. And if you want to improve your PHP skills, check out the ever so useful free PHP tutorials we have on offer! PHP PHP Magic Methods Cheatsheet Sajal Soni WordPress How to Update PHP in WordPress Jessica Thornsby PHP 18 Best Contact Form PHP Scripts for 2021 Monty Shokeen PHP How to Use PHP in HTML Sajal Soni PHP 13 Best PHP URL Shortener Scripts (Free and Premium) Monty Shokeen PHP Create Beautiful Forms With PHP Form Builder Ashraff Hathibelagal PHP Create a PHP Email Script and Form Monty Shokeen PHP 13 Best PHP Email Forms Esther Vaati

How to Make a Basic Interactive Quiz in PowerPoint From a PPT Template (+Video) Posted: 30 Aug 2021 07:05 AM PDT Pop quiz: what's the best way to create an engaging presentation? If you said "PowerPoint quiz," I'd be inclined to agree. With the help of Microsoft's leading presentation app, you can make a quiz in PowerPoint to engage your audience and help them learn. PowerPoint quiz templates help you check your knowledge and engage the audience. Maybe you're building a PowerPoint presentation quiz to help your students learn. Or, you might want to learn how to make a quiz in PowerPoint as a study tool. This tutorial will show you how to make a quiz in PowerPoint with the help of templates from Elements. Plus, you'll see interactive quiz PPT options from Envato Market. Both options give you PowerPoint quiz templates with great designs. How to Make a Basic Interactive Quiz in PowerPoint Quickly (Video) Are you ready to learn how to make an interactive quiz in PowerPoint? Watch this screencast to get a headstart on the process.  For even more information about interactive videos in PowerPoint, read the rest of the tutorial (below). How to Use Interactive Quiz PPT Presentations Effectively First: why should you make a quiz in PowerPoint? You might have never considered using this tool to create a PowerPoint presentation quiz. Here are a few ideas for how to make a basic PowerPoint quiz effective and ideal uses for them: Quiz the audience. Ideal for teachers; a PowerPoint presentation quiz can help you check your learning objectives. Best of all, an interactive quiz is more fun for the audience. Check your learning. You can use a PowerPoint quiz for your studies, too! Use slides to build up content, then add an interactive quiz PPT slide at the end to make sure you've mastered the info. Training slides. The idea is like quizzing your audience. But after your training seminar, certify your attendees as experts with a final few slides. Now, let's learn techniques that show you how to create a quiz in PowerPoint. The Best Source for PowerPoint Quiz Templates (With Unlimited Downloads) To learn how to make a quiz game on PowerPoint, start with a template. As you create a basic PowerPoint quiz, you'll likely spend most of your time writing content. It makes good sense to use pre-built designs to save time. You can use basic PowerPoint quiz templates from Envato Elements to create a questionnaire slide in less time than ever. The results are sure to rack your audience's brains with quizzical, fun slide designs. Elements gives you unlimited, flat-rate access to designs that help you make a quiz in PowerPoint. Thanks to Elements' all-you-can-download model, you don't break the bank while you make a quiz in PowerPoint. For a single flat rate, you'll unlock tens of thousands of designs that work well as PowerPoint quiz templates. It's easier to see how to make an interactive quiz in PowerPoint when you use a template. Let's check out three top templates that work great for basic PowerPoint quizzes: 1. Agio : PowerPoint Presentation Later in this tutorial, you'll see Agio in action as you understand how to create a quiz in PowerPoint. Minimal and clean slide designs are an ideal option for PowerPoint multiple-choice questions and answers. Simple, minimal slides won't distract anyone while presenting your interactive quiz PPT. 2. Suite PowerPoint Template Here's another template that works well for a clean multiple-choice PPT. It's easy to fill out with your details and has more than enough slides for every occasion. Use Suite to create not only your multiple-choice PowerPoint quiz game slides, but a complete presentation to introduce the info. 3. Jeopardy PowerPoint This PowerPoint quiz template is already built with a quiz in mind. It's a fun way to host a jeopardy-style game with your friends and family.  Just add your questions, update the categories, and presto! I'll take "Fun PowerPoint Quiz Templates?" for 1000, Alex. It's even easier to imagine how to make an interactive quiz in PowerPoint with this template. Envato Elements has a few PowerPoint quiz templates that are already built with quizzes in mind. With the help of this tutorial, you can use any design as a PowerPoint quiz template.  See More Interactive Quiz PPTs on GraphicRiver Know precisely what you're looking for when creating an interactive quiz PPT? You might love GraphicRiver, a pay-as-you-go marketplace with great designs to make a quiz in PowerPoint. It's a pay-as-you-go, a la carte marketplace for templates. GraphicRiver gives you great templates for PowerPoint multiple-choice questions and answers. Whether you use Elements or GraphicRiver to source a template for PowerPoint quiz questions with answers, you've made a great choice. Let's learn how to create a quiz in PowerPoint. How to Make a Quiz In PowerPoint (How to Use PowerPoint Quiz Templates) Let's learn how to create a fun, interactive PowerPoint quiz in just a few quick steps. A proven way to boost audience engagement is to get them involved. An interactive quiz PPT is a great way to do that. Remember, you don't have to use a slide specifically designed for quizzes. Instead, you can build slides of your own. For our tutorial, we'll use Agio to show you how to make a quiz game on PowerPoint. This template works great for PowerPoint multiple-choice questions and answers. We'll transform Agio as you see how to create a quiz in PowerPoint. Let's walk through exactly how to change any slide into a multiple-choice PowerPoint game in just four easy steps. It's easier than you think to create a multiple-choice PowerPoint. Then we'll review and add it to another slide deck. 1. Customize Questions and Answers When you make a quiz in PowerPoint, questions and answers are the key feature. It makes sense to start there. Begin by quickly removing clutter from the slide. This includes two subtitles, along with footers in the lower corners.  Click on any of the text boxes. Then hold down Shift on your keyboard while selecting the other items. Then, press Delete. Now you'll have a cleaner slide to work with. Start to build a fun interactive PPT by customizing question-and-answer text boxes. Adding custom Q&A is easy. In the title box, highlight the current text inside, then start typing over it to add a question. Remember, you may need to expand or resize a text box for your text to fit inside.  To resize a text box, click and drag on a corner to scale it. Repeat those simple steps in each of the four designated answer blocks. 2. Change Font Colors and Styles Changing font styles and colors is easy, and a leading way to add contrast. Let's change the color and style of the word "Trivia" and each of the four answer possibilities.  Begin by highlighting "Trivia." Navigate to the Home tab on PowerPoint's ribbon. The left half includes the Font group, and that's where to find text options. A shade of green would add subtle contrast, so click on the Font Color drop-down. Make PowerPoint quiz questions with answers stand out with a bit of color contrast. A pre-built theme like Agio will include its own set of Theme Colors. These are customized color palettes unique to the template. Those will display first, with Standard Colors (typical PPT colors) immediately below. For the most customization, click More Colors, which brings up a color wheel for exact color creation. There's a nice shade of green within Standard Colors, so go ahead and click on it. PowerPoint will apply it to the highlighted text automatically. Go ahead and use these same steps to other blocks of text you want to change.  Pro tip: for the answer choices, if you want the same color for all four, select all four text boxes by using Shift + Click. In this way, your color edit will apply to all of them at once. 3. Add Custom Icons The icons shown on the slide can be used to reveal the right and wrong answers. The Agio template includes hundreds of customized icons. Another option is to use PowerPoint's built-in symbol library. This can be found on the Insert tab under Symbols. Agio's symbols are on the very last slides in the template. A check mark would make sense for the correct answer, with an X-mark for an incorrect one. Browse through the icon choices until you find each of these. Then select both using Shift + Click and copy them to your clipboard by using Ctrl + C on Windows or Cmd + C on Mac. Use icons built into Agio to show response indicators in your quiz presentation PPT. Back on your slide, paste them in with Ctrl / Cmd + V. Delete the existing icons, and then click and drag these into place.  For a multiple-choice quiz, you'll want three X-marks, so repeat the copy/paste technique to duplicate them. Then position them into place, and you're all set. 4. Build Animations to Build Suspense Your PowerPoint presentation quiz won't be much fun if the audience can identify the right answer immediately. The solution: animate the icons onto the slide one by one, after people have had the chance to answer. Some slides may be pre-animated, but it helps to start with a clean slate. Click on the first icon. Then go up to the Animations tab. On the right side, click Animation Pane. Select the list of animations with Shift + Click, then press Delete.  A bit of animation goes a long way to make your interactive quiz PPT. The vision for this slide is to have all content except the four icons already visible. Then, with a click, each of the four will display one by one. Here, a simple effect is best.  To add an animation, click Appear on the left side of the Animations tab. The animation is applied to the shape. Repeat these steps to add animations to the other three icons.  Finally: Review and Insert When you're finished with your quiz presentation PPT, review your slides to ensure everything is working the way you'd envisioned. To do that, choose Slide Show on the ribbon, then click on Play from Current Slide.  You might prefer to add this slide to an existing PPT file. Copying and pasting slides between templates is easy. Click on the slide thumbnail in PowerPoint's sidebar, then copy it with Ctrl + C or Cmd + C.  Jumping to the slide deck you're pasting into, right-click in the sidebar in the location you wish to paste to. To keep the formatting we just applied, choose Keep Source Formatting. If you need to match the new file, Use Destination Theme is the right choice. For more on copying and pasting your quiz presentation PPT slides, check out our quick screencast on the subject: Microsoft PowerPoint How to Copy and Paste Slides into PowerPoint in 60 Seconds Andrew Childress Learn More About How to Use Microsoft PowerPoint Here's another quiz: what goes well with quiz presentation PPTs? The answer is more tutorials that help you master PowerPoint. We've built out a library of resources that are sure to help. They're part of our series, How to Use PowerPoint (Ultimate Tutorial Guide.) Here are three of our top tutorials that help you create a multiple-choice PowerPoint. Microsoft PowerPoint What Are the Right Dimensions (Size) for Your PowerPoint PPT Slides? Andrew Childress Microsoft PowerPoint How to Make Great PPT Charts & Graphs in Microsoft PowerPoint Andrew Childress Microsoft PowerPoint How to Quickly Add Good Animations to Your PowerPoint PPT Presentations Andrew Childress Envato Elements (Design Without Limits) Elements offers unlimited downloads for a single flat-rate price. Envato Elements has an incredible offer that can't be matched: Sign up for Envato Elements. You'll get access to thousands of unlimited use graphics and templates (with unlimited use). Get great web themes, cool presentation templates, and more—all for one low price.  Get unlimited downloads from the incredibly deep library. You'll never take on extra costs thanks to Elements. Download as many professional templates and graphics as you want. Customize them to create a great quiz presentation PPT quickly. Now You Know How to Create a Quiz in PowerPoint Remember that unlimited templates from Elements are a great way to create a quiz presentation PPT. Also, single-purchase templates from GraphicRiver help you see how to make a quiz in PowerPoint too. Both are great options. You've seen how to make a quiz game on PowerPoint. With the help of a PowerPoint presentation quiz, you're ready to ask your audience: is that your final answer? Editorial Note: This post was originally updated on June 9th of 2020. It's been updated by Andrew Childress to include a video.

20+ Best Instagram Infographic Templates (Instagram Post Slideshow Templates) Posted: 30 Aug 2021 07:00 AM PDT If you need great Instagram templates that offer loads of room for text, these 20+ Instagram infographic templates could be just what you're looking for. We'll show you Instagram infographic templates from three different premium suppliers—Envato Elements, Placeit, and GraphicRiver— that represent some of the best infographics for Instagram found on the internet.  Unlimited Downloads at Envato Elements Envato Elements is a terrific resource for designers and dabblers that offers thousands of premium digital assets like graphic templates, mockups, logos, photos, fonts, and much more. What makes this service outstanding is that for one low monthly fee you can download as many of these digital assets as you like, as often as you like. Let's take a look at some of the terrific Infographic for Instagram  available from Envato Elements.  7 Best Instagram Infographics From Envato Elements Infographic Instagram Post (PSD) Infographic Instagram Post is a modern and professional Instagram template that contains five fully editable and customisable Instagram templates. Just add your text, images, and colour choices to the template and get ready to amaze your followers. That's how to make infographics for Instagram using a Photoshop template.  Infographics on Instagram Template (PSD, AI) When you want to communicate with your customers using more than images, you need a well-laid-out template. Infographics on Instagram Template is just such a template. It contains four fully layered and well-organised PSD and AI files. Perfect for fashion brands, lifestyle bloggers, magazines, and tech bloggers who use Instagram. Weminar Infographic Instagram Post (PSD) Weminar Infographic Instagram Post offers an awesome collection of ten templates you can use to create attractive and informative Instagram posts. All you need is a good working knowledge of Photoshop to use these templates and make them your own. Colourful Infographics on Instagram (AI, PSD) Give your Instagram post a boost with the Colourful Infographics on Instagram template. With four fully editable templates, you have more than enough choice to create your own outstanding designs. Instagram Infographic Maker (AI, PSD, SKETCH, FIG) The dynamic Instagram Infographic Maker will help you to create your own attractive Instagram posts in no time at all. The template offers nine fully editable options that can be customised in Sketch, Figma, Photoshop, or Illustrator. Marketers Infographic for Instagram (PSD) Marketers and businesses, this Infographic for Instagram template is for you. Specifically designed to be used for promoting your brand and increasing your followers, these nine professionally designed templates are editable using Photoshop. Adopt Infographic on Instagram Size Template (PSD) If you run a pet store or shelter, this is a great infographic for Instagram for you. Mind you, the ten files included can be customised for multiple purposes, so don't hesitate to check them out.  Unlimited Downloads at Placeit Placeit is an affordable online design generator that provides high-quality designs, logos, videos and mockups designed to suit a range of budgets. You can buy one digital resource at a time, or if you regularly need mockups, logos, and various designs, you can sign up for a low monthly or yearly plan that gives you access to unlimited downloads of any and all the digital assets available at Placeit. In addition, Placeit offers terrific online design generators that allow you to customise a template right from your browser in a matter of minutes. Let me show you what I mean. 1. Select a Template of Your Choice 2. Select an Image and Icon if Needed 3. Select a Colour Scheme 4. Enter Your Text 5. Download Your Template That's how to make Instagram infographics in five simple steps. 7 Best Instagram Infographics From Placeit Multi-Coloured Infographic Instagram Post Multi-Coloured Infographic Instagram Post is a super special template that offers colour blocks to which you can add text, as well as one section that you can add your photos to. It's so easy to customise using the online Instagram infographic maker. Tips & Tricks Infographic Instagram Post This fabulous template offers plenty of real estate for your images and text. Customisation can be done in a few clicks. Just enter your text, choose your image and colour scheme, and you are ready to download the Infographic Instagram Post template. Infographic Instagram Stories Looking for an infographic Instagram stories template? How about this one. Not only is it eye-catching and suitable for a number of different kinds of content, but you can customise it to suit your needs in a matter of minutes.  Instagram Post Slideshow If you're wondering how to make a slideshow on Instagram, this Instagram post slideshow can help you create attractive and eye-catching results. With this template, you can add additional slides to make your slideshow as short or as long as you like, and of course you can customise all text, images, and colours to suit your brand. Sales Instagram Infographic Maker How about this Sales Instagram Infographic Maker to draw attention to your sales post? You can swap out the photos, change the colour palette, and of course add as much text as you need to. Just awesome, right? Multipurpose Infographics on Instagram Multipurpose Infographics on Instagram is just what you need to advertise all sorts of content on Instagram. As you can see, there's plenty of room for text of all sorts, and if the colour palette doesn't suit your needs, you can change it to one that does.  Instagram Slideshow Template We round up this list for Placeit with another Instagram slideshow template. This template is the perfect choice for fashionistas, influencers, travellers, and others. It's highly customisable right from your browser. Check it out and make magic.   Premium Downloads From GraphicRiver GraphicRiver is another service that offers terrific Instagram infographics and other premium digital assets, but it works a bit differently from Elements and Placeit in that it offers only single downloads for a low fee. This makes it a great choice for those on a budget.  Let's take a look at some of the top-quality offerings from GraphicRiver. 7 Best Instagram Infographics From GraphicRiver Newsroom Infographic Instagram Post (AI, PSD) Newsroom Infographic Instagram Post template is an excellent Instagram template for those needing to get lots of information into an Instagram post in a coherent and attractive way. The template contains 12 Illustrator and Photoshop files so there are plenty options here to chose from. Real Estate Infographic for Instagram (AI, PSD) Real estate businesses will love these beautifully laid out Infographic for Instagram templates. The template contains well-organised and structured files. The images, text, and colours can be fully edited quickly and easily in Photoshop or Illustrator. Digital Marketing Infographic For Instagram Post (PSD) Digital Marketing Infographic For Instagram Post offers four beautifully laid out templates for use in your marketing efforts on Instagram. Change the text and add your images and brand colours to create the perfect marketing posts for your business. Trendy Infographics on Instagram (PSD) Wondering how to make an infographic for Instagram? Take a look at this gorgeous multipurpose template. It offers well-organised files that you can customise quickly using Photoshop.  Educational Infographic on Instagram Size Post (PSD) If you run your school's Instagram page and are wondering how to create infographics for social media, this template is for you. Designed specifically for educational environments, it offers loads of flexibility to create just the right post on Instagram. Just use Photoshop to edit the template by adding the colours, photos, and text of your choice, and your job is done. RetroByte Infographic Instagram Post (PSD) RetroByte Infographic Instagram Post contains 12 designs with a retro flavour. Use them for a range of purposes. They're guaranteed to liven up your Instagram feed and deliver the information you need to communicate to your followers. Infographic for Instagram Sales Template (PSD) Infographic for Instagram Sales Template is just what you need to boost your sales via your Instagram page. The template offers four beautifully designed and well-organised Photoshop files. Choose Your Infographic Instagram Template Today  Envato Elements, Placeit, and GraphicRiver are all terrific sources for the best Instagram Templates on the internet today. Head on over to the site that works best for your budget and choose the best infographic Instagram template for you. If you want more information on other useful graphic resources for Instagram, check out these really helpful articles below:  Instagram 41 Best Instagram Templates (Posts, Stories, PSD, and More) Nona Blackman Instagram 44 Best Instagram Layout Ideas (Using Instagram Grid Templates) Nona Blackman Instagram 28 Best Instagram Post Templates Using an Instagram Post Creator Nona Blackman Instagram 30 Free Instagram Templates (Post, Story, and More!) Nona Blackman Instagram How to Create an Instagram Post Template in Photoshop Abbey Esparza Instagram How to Make an Instagram Puzzle Template (Grid Template) Ivan Gromov Instagram How to Create an Instagram Ad Template Monika Zagrobelna Instagram How to Make Instagram Story Templates Abbey Esparza

How to Round Corners in Illustrator Posted: 30 Aug 2021 04:00 AM PDT In the following tutorial, you'll learn how to round corners in Illustrator. There are several different methods to achieve this, so pick the one which best helps solve your problem. 1. How to Round Corners Using Live Corner Widgets Let's get to rounding some corners in Adobe Illustrator. A couple of helpful panels to get you started are: Transform panel (Window menu > Transform) Properties panel (Window > Properties) Control bar (Window > Control) Step 1 Let's say we have this star object, and you wish to apply rounded corners to all its edges. By using the Direct Selection Tool (A) and selecting the shape, you will notice the appearance of the Live Corners widget; little circular nodes in the internal and external corners of the shape. This Live Corners widget has been available in Adobe Illustrator CC since 2014. You can increase/decrease the curve of the shape, by dragging the nodes inwards and outwards. The curvature will appear in red once the maximum possible curve point has been reached. Use the Live Corners widget to round corners Step 2 If you wish to round an individual corner, then use the Direct Selection Tool (A) to double-click on one of the Live Corners widgets. This will open a dialog box that will allow you to edit the options for the selected anchor point. Select Corner: Round option, and set the desired Radius size and Rounding style. Double-click the Live Corners widget to open the dialog box and set Corner options Step 3 Did you know you can also round multiple selected corners in Adobe Illustrator? For example, say you have two separate paths. Use the Direct Selection Tool (A), and hold the Shift key to select multiple nodes you'd like to round. Then head over to the Corners link in the above Control bar, and manually set the Corner Radius pt value. Or you can simply click and drag the Live Corner widgets to the desired roundness. From the Control bar, set the Corner Radius of one or multiple anchor points Step 4 Another technique for rounding or editing the corner radius is displayed within the Transform panel (Window menu > Transform). You can easily set the radius value from the Corners section. Use the Transform panel as an option to edit the Corner radius Step 5 What to do if you can't round a corner on a path or object? Sometimes, you might run into the situation where the Live Corner widgets are not showing. First, check that your Adobe Illustrator version is no earlier than the Illustrator CC/17.1 version, which introduced Live Corners. Second, make sure View > Show Corner Widgets is on. Third, check if the anchor point is actually a corner. Select the point using the Direct Selection Tool, and then head over to the Convert section in the Control bar and click the Convert selected anchor points to corner icon. If you still cannot round the corners after this point, then the issue is probably due to the object being too small. To solve it, scale the object until you see the widgets appear. This might disrupt the original object size, but after making the rounding corner modification, you can simply scale it back. 2. Other Techniques to Round Corners In Illustrator There are various methods to quickly round corners or edges on a path or shape, using Illustrator's basic tools. Let's have a look at the options. Method 1: Learn How to Use the Anchor Point Tool Sometimes, when a path or shape is selected, it might display both sharp edges and smooth corners. You will notice that some corners will not have Live Corners. The sharp edges will show anchor points with no handles, while smooth corners are presented as anchor points with handles. To edit the smooth corners, you must convert them to sharp anchor points. To do so, use the Anchor Point Tool (Command-C). So to convert the sharp corners, just click, drag, and release an anchor point to drag the handles out. And to convert smooth corners, simply click the anchor point to remove the handles, and then adjust the rounding using the Direct Selection Tool (A). Method 2: Round Corners Using the Convert Button Option This method of rounding corners in Illustrator uses the Convert button option. If you have a single anchor point selected, move over to the Properties panel, where you will notice a Convert section displayed. The first button will convert to a sharp corner, while the second button will Convert selected anchor points to smooth. Convert sharp corners to smooth from Properties Panel's Convert options Method 3: How to Apply a Stylize Effect to Round Corners Next, learn how to round the corners of rectangles in Illustrator, or basically any shape that needs round edges. Once you have the shape selected, apply Effect > Stylize > Round Corners, and you will see the dynamic effect being applied uniformly to the appearance of your object. You can define the curvature of the rounded curve by setting the Round Corners: Radius pt value, from the dialog box. How to round the corners of a rectangle in Illustrator using the Stylize effect 3. How to Apply Round Corners to an Image in Adobe Illustrator For the last method, let's assume you have a photo image and you want to know how to make rounded corners in Illustrator. We have used a colorful educational toy photo from Envato Elements for this quick tip. Step 1 Import the image onto your artboard (File > Place). Then choose the Polygon Tool, under Rectangle Tool (M) in the Tools menu, and draw a hexagon shape over the image. Step 2 Select both the hexagon and the photo using the Selection Tool (V). Then Object > Clipping Mask > Make (Command-7) to create a clipping set that masks the photo. Step 3 Then take the Direct Selection Tool (A), hold the Shift key, and select multiple Live Corners nodes from the top and bottom of the hexagon. Drag the nodes towards the center of the shape, and you will have rounded the image corners. You Gained a Skill! Now you have gained the skills of how to round corners in Illustrator! This will definitely ease your workflow and productivity. If you have any questions on how to round edges or corners in Illustrator, simply leave a comment below. Do check out these other handy tutorials from Envato Tuts+ to kick-start your design career! As always, thanks for following! Adobe Illustrator How to Use Illustrator on iPad Jonathan Lam Illustrator Brushes How to Install and Use Brushes in Adobe Illustrator Mary Winkler Patterns Quick Tip: How to Make a Repeating Japanese Wave Pattern in Adobe Illustrator Kate McInnes Adobe Illustrator How to Trace an Image in Illustrator Zap Layden Adobe Illustrator How to Crop in Illustrator Monika Zagrobelna Would you like to learn other useful tips in Adobe Illustrator CC? Head on over to our Envato Tuts+ YouTube channel.

10+ Best New HTML Templates for Your Blog Posted: 30 Aug 2021 02:16 AM PDT Content makes the web go round. And what better than a blog to put you in the middle of that web action? When you use your blog right you can get your slice of the web pie and eat it too! Now that I have convinced you about the importance of having a blog. You may be wondering how to get one going. Don't sweat it. These days you don't have to be a master programmer to plant a flag on top of the highest mountains on the internet; there are ready-made tools, platforms, and templates to get you there. For the purpose of getting your blog going, we'll stick to HTML blog templates. You just need to find the right template on ThemeForest and you'll be on your way to contributing your thoughts and ideas and hopefully overflow with big smiles as your online bank account sings the angelic tune of notifications.  Alay is a great HTML blog template available on ThemeForest. In this roundup I will show you some best new HTML templates for your blog. Bestselling New HTML Templates for Your Blog When it comes to blog templates on ThemeForest, you'll be spoilt for choice. Not only will you find some of the best premium blog templates online, you will see that they are very affordable and have powerful features that will make your blog stand out. And if you need support with your template, it is readily available.  1. NoonPost - Personal Blog HTML Template First up is NoonPost. This template is for writers who like their blogs clean and minimal. It's perfect for travel, lifestyle, food, fashion, or photography blogs. The template includes home pages, blog layouts, post layouts, Google fonts, and icon fonts. You can publish your blog in dark or light. It supports RTL languages.  2. Stories - Personal Blog HTML Template Then there is the aptly named Stories. With this template you can build a responsive, fun, visually engaging blog that is a pleasure to read. It provides colors and fonts, home page layouts, archive layout, single page post format, inner pages, mega menu, and an off canvas sidebar.  3. Katen - Minimal Blog & Magazine HTML Template If you like to keep it minimal and clean, Katen will be one to consider. Katen is perfect for magazines, newspapers, personal blogs, and writers. The theme is based on Bootstrap 5 and comes with customizable pre-built pages, inner pages, smooth animations, sticky sidebars, fonts, and colors which you can modify with SCSS. 4. Flow - HTML Personal Blog Template Flow creates minimal and elegant blogs that follow the natural visual flow of the eye for easy reading. Fine assortment of features include three home page layouts, four archive page layouts, four single post format, eight inner pages, and well-commented code.  5. Vividly | Video Blog HTML Template And if you prefer to create a well-organized blog or website that showcases videos, choose Vividly, which works smoothly on all devices and browsers. It comes with fifteen fully organized HTML files and four home pages, fonts, icons, and images. It's ideal for filmmakers, video producers, video bloggers, YouTubers, streamers and more.  6. Cookiteer - Food Blog HTML Template And if your vision is to bring smiles to the world through food then you can do so with Cookiteer, a Bootstrap template for food blogs, restaurant websites, and recipe tutorials. Features include home pages, inner pages, blog styles, blog detail styles, recipe pages and five banner styles and video banner. It integrates with Full shop.  7. Abaz - Magazine & Blog HTML Template Abaz comes with four demos ready to import to get started publishing your magazine or blog quickly. It also includes revolution slider, smooth transition effects, customized slider, Font Awesome icons and Flaticons. The template is lightweight and loads fast.  8. Videodune - Video Blog HTML Template Another video blogging template you might want to consider is Videodune. This Bootstrap 4 template is simple and easy to customize. Suitable for magazine, video blog, news, and editorial content. It comes with eleven HTML pages and well commented HTML and CSS files.  9. Alay – Luxury BLog HTML Template with Dark Mode Alay is suitable for lifestyle, travel, food, fashion and photography blogs. This luxury blog template is fully responsive and includes home page layouts, post layouts, two header layouts, and a smart image loader. You can publish in light or dark mode.  10. Newspoint - News, Magazine & Blogging HTML Template Newspoint boasts a super fast loading speed and uses lazy load. To help you create robust magazines, blogs, and newspapers, this SEO optimized template comes with unlimited colors, parallax effect, free slider revolution plugin, Google maps, and Google fonts, and a clean, well-organized code.  11. Bunzo - Blog Bootstrap 5 HTML Template Bunzo is the template to consider if you want to create fast loading responsive blog pages which have variety. You have a choice of six engaging home pages divided into sections for trending articles, following articles, latest posts, and featured videos.  12. Magberg - Blog & Magazine HTML Template To help you build dynamic blogs and magazines, Magberg provides four blog home pages, four magazine home pages, twenty inner pages, parallax image effects, CSS animation, clean code, Google web fonts, and working contact form.  13. Being - Personal Blog HTML Template What sets Being HTML blog template apart is its simplicity and beauty. This Bootstrap based template is easy to customize and doesn't overwhelm users with too many features. It comes with three home pages, four blog layouts, three post layouts, icons and Google fonts.  14. Grand Blog HTML Template Finally, if you're looking for a blog template that packs a punch then that's what Grand blog gives you. In addition to over 30 simple, clean, and modern HTML pages, you get portfolio layouts, Google map styles, contact form, shortcodes, and well-commented HTML/CSS3 files.   More Modern HTML Templates By this stage of your journey you'll be so impressed about the capabilities of HTML templates and their web transforming potential that you'll probably want to learn more! Don't worry, Envato Tuts+ has your back. There are loads of tutorials and articles you can benefit from. Here are some to get you started. HTML 25+ Top Gaming Website Templates (HTML) Brenda Barron Bootstrap 15+ Best Bootstrap Website Templates (With Modern Designs) Hermione Wright HTML 15 Best HTML Website Templates (Most Popular on ThemeForest For 2021) Maria Villanueva Bootstrap 20 Feature-Packed Bootstrap Admin Templates Ian Yates Choose the Best HTML Blog Template Finding the right HTML template for your blog will depend on the type of blog you have in mind. On ThemeForest you will find multi-purpose templates and specialized templates. You can use multi-purpose templates to build any kind of blog. Specialized templates focus on specific areas like food, news, sports, travel, etc.   Be clear on the purpose of your blog. Choose a theme that fits with the goals you have in mind. And think about how it will look on all devices.  With Themeforest's huge HTML blog templates selection your blog can be up and running in no time.

You are subscribed to email updates from Envato Tuts+ Tutorials. To stop receiving these emails, you may unsubscribe now.	Email delivery powered by Google
Google, 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States