Imagine your company’s logo is like a handshake. It’s one of the first things people see, so you want it to look good! A logo mockup is like a photo booth for your logo. It shows what your logo would look like on things in the real world, like business cards, t-shirts, or websites. Your… Continue reading The Ultimate Collection of Best Logo Mockups
Tag: Create
How to Create a Typing Test Game with Vanilla JavaScript
HTML Structure Okay, let’s get started. The HTML structure will consist of the following elements; A timer button An <h3> tag containing the text to be typed. An input text for typing the words. A reset button that will prompt the user to retake the test once the timer runs out.… Continue reading How to Create a Typing Test Game with Vanilla JavaScript
How to Create the Baldur’s Gate 3 Logo Text Effect
Tutorial Assets You’ll need the following resources to complete this project and create the Baldur’s Gate logo 3D gold text effect: 1. How to Create the Number “3” Shape Step 1 Let’s get started by launching Adobe Photoshop and going to File > New to open the New Document window. From there, type “Baldur’s Gate Logo”… Continue reading How to Create the Baldur’s Gate 3 Logo Text Effect
How to Create a Meeting Agenda Presentation
Agenda slides can be used as a plan for your presentation. They can give you the structure and help you set the tone for what your audience needs and expects. This is true for any type of agenda, whether a team meeting or a conference agenda. Business Agenda is a premium template from Envato Elements. … Continue reading How to Create a Meeting Agenda Presentation
How to Create a Problem-Solving Google Slides Presentation
At its core, running a business is a problem-solving practice. To conquer challenges, you’ll need team buy-in. It helps to create presentations that highlight problem solution slides. You’ll learn techniques to frame the problem presented and then explore solutions to the problem. (Photo: Envato Elements.) In this tutorial, you’ll learn how to use 7-step problem-solving… Continue reading How to Create a Problem-Solving Google Slides Presentation
How to Create a Wicked Movie Inspired Logo
Tutorial Assets You’ll need the following resources in order to complete this project: 1. How to Make a New Photoshop Document Launch Photoshop and go to File > New to open a blank document. Type Wicked movie logo as the name of your file, set the dimensions shown, and then select Pixels as the Units… Continue reading How to Create a Wicked Movie Inspired Logo
Top 10 Mistakes When Creating User Journey Maps
[unable to retrieve full-text content] Here are the top 10 common mistakes to watch out for when creating user journeys: 1. Not defining clear objectives Creating a user journey without a clear goal is like setting out on a trip without a destination. It’s crucial to know what you’re trying to understand or achieve with… Continue reading Top 10 Mistakes When Creating User Journey Maps
How to Create an “AI Quotes Generator” With OpenAI and JavaScript
In this tutorial, we’ll learn how to create an “AI Quotes Generator” app with JavaScript. This app will demonstrate how to fetch data from the OpenAI API and generate engaging quotes for different categories or custom moods. HTML Structure The HTML structure will consist of the following elements: A button at the top right will… Continue reading How to Create an “AI Quotes Generator” With OpenAI and JavaScript
How to Create an “AI Quotes Generator” With OpenAI and JavaScript
In this tutorial, we’ll learn how to create an “AI Quotes Generator” app with JavaScript. This app will demonstrate how to fetch data from the OpenAI API and generate engaging quotes for different categories or custom moods. HTML Structure The HTML structure will consist of the following elements: A button at the top right… Continue reading How to Create an “AI Quotes Generator” With OpenAI and JavaScript
How to Create a Beyoncé “Cowboy Carter” Ribbon in Illustrator
Cowboy Carter, also known as Act II, is the second installment of Beyoncé’s three-act project conceived during the last few years. Since all Beyoncé album covers have something to deliver visually, the latest release features an image of a saddle with a sash that says “Cowboy Carter” in a country & western font, and also… Continue reading How to Create a Beyoncé “Cowboy Carter” Ribbon in Illustrator
How to Create a Coffee Cup Mockup
There’s nothing like a fresh cup of coffee in the morning. Learn how to create a coffee cup mockup in Adobe Photoshop. During this tutorial, you will discover how to create a smart object for your coffee logo and apply effects to generate a realistic cup mockup. What You’ll Learn in This Coffee Cup Mockup… Continue reading How to Create a Coffee Cup Mockup
How to Create a Layered Text Effect in Affinity Designer
If you love all sorts of Affinity Designer warp text effects, distorted text effects, or text effects in general, then follow this tutorial and improve your skills while learning to create a retro layered text effect that’s fully editable. Affinity Designer is good at creating an editable text effect, and it might impress you too… Continue reading How to Create a Layered Text Effect in Affinity Designer
How to Create a 2D Digital Clock with HTML, CSS, and Vanilla JavaScript
Wouldn’t it be fun to create your own beautiful Digital Clock with basic web technologies? This tutorial will cover how to create a faux-3D digital Clock with HTML, CSS, and Vanilla JavaScript. Let’s get started! HTML Structure The HTML structure will consist of a rectangular container with a time display inside. The time display will… Continue reading How to Create a 2D Digital Clock with HTML, CSS, and Vanilla JavaScript
Learn How to Build a Career as a Freelance Presentation Designer
What Is a Freelance Presentation Designer? What is a PPT designer, and what does it mean to be a freelance PowerPoint designer? Freelance presentation designers may offer their services for hire. They might also build presentation products for sale. Many freelance PPT designers have left behind full-time presentation designer jobs. It’s common to “hang up… Continue reading Learn How to Build a Career as a Freelance Presentation Designer
Create a Rotating Text Animation Effect With CSS Variables and JavaScript
In this new tutorial, we’ll learn how to create a rotating text animation effect using CSS variables and JavaScript. Although we can certainly build a simple text-changing animation in pure CSS, we’ll put in the loop JavaScript to make things more maintainable and effective. Basic Text Rotating Animation We’ll define a h1 element where we’ll… Continue reading Create a Rotating Text Animation Effect With CSS Variables and JavaScript
How to Create a Trendy Pixelated Effect in Photoshop
What You’ll Learn in This Photoshop Tutorial How to pixelate an image in Photoshop How to add a pixelated effect in Photoshop How to make pixel art in Photoshop How to create a pixel art oil painting effect How to make oil pixel art What You’ll Need To recreate the… Continue reading How to Create a Trendy Pixelated Effect in Photoshop
How to Create the Sonic the Hedgehog Logo in Illustrator
Learn how to make the famous Sonic the Hedgehog logo from scratch with minimal font adjustments and a few simple appearances. This Sonic text effect is easy to achieve, and you can apply this style to create other bold logos in your projects. If you don’t have the time to learn how to draw Sonic… Continue reading How to Create the Sonic the Hedgehog Logo in Illustrator
How to Create an Expanding Search Input with HTML, CSS, and JavaScript
As a designer, you can enhance the user experience of a website or mobile application by adding subtle animations to its components. One such component is a search input box. This tutorial will cover how to create an expanding search input; one which expands when a user clicks on a search icon. You’ll find this… Continue reading How to Create an Expanding Search Input with HTML, CSS, and JavaScript
Create a Currency Converter with HTML, CSS, and Vanilla JavaScript
Let’s create a fully functional currency converter application using HTML, CSS, and vanilla JavaScript. By the end of this tutorial, we will have a responsive currency app that fetches real-time data with the Exchange Rate API and presents it in a user-friendly interface. HTML Structure Our currency application will have a simple interface containing :… Continue reading Create a Currency Converter with HTML, CSS, and Vanilla JavaScript
Create a Currency Converter with HTML, CSS, and Vanilla JavaScript
Let’s create a fully functional currency converter application using HTML, CSS, and vanilla JavaScript. By the end of this tutorial, we will have a responsive currency app that fetches real-time data with the Exchange Rate API and presents it in a user-friendly interface. HTML Structure Our currency application will have a simple interface containing :… Continue reading Create a Currency Converter with HTML, CSS, and Vanilla JavaScript
How to Create 5 Space Effects in Photoshop
In today’s tutorial, we’ll learn how to create five different spaced-themed Photoshop effects. We’ll cover how to create a galaxy in Photoshop, as well as several different Photoshop sci-fi brushes, an alien spaceship, and an entire planet. Let’s get started! What You’ll Learn in This Photoshop Tutorial How to create a planet in Photoshop … Continue reading How to Create 5 Space Effects in Photoshop
All the Zelda Logos & How to Create the Triforce Logo
Whether you prefer the Zelda Ocarina of Time logo, the Twilight Princess logo, or the Majora’s Mask logo, which are all unique and beautiful, this tutorial is a great opportunity to learn new techniques whilst creating your own Zelda logo, Triforce! Before jumping in, we’ll briefly learn more about this iconic game series and discuss… Continue reading All the Zelda Logos & How to Create the Triforce Logo
Using Figma variables for breakpoints
The hunt to find more use cases for local variables. At this point in 2023, almost all UX UI designers who use Figma should know about one of Figma’s biggest features of this year, local variables. Something I have continued to struggle with since its initial launch this past summer is how to actually apply… Continue reading Using Figma variables for breakpoints
How to Add Audio to PowerPoint (Free PowerPoint Template Included)
Want to get your audience to listen? Audio is a powerful attention-getter for your presentation. You can use it to share quotes, play background music, include other voices in your presentation, and more. Get this free PowerPoint template from Envato Elements to learn how to add sound to PowerPoint. (Background image from Envato Elements) The… Continue reading How to Add Audio to PowerPoint (Free PowerPoint Template Included)