Envato Tuts+ Tutorials

Envato Tuts+ Tutorials


30 Best Cryptocurrency WordPress Themes (For Bitcoin and More in 2021)

Posted: 03 Sep 2021 12:41 AM PDT

In the past few years cryptocurrency (certainly Bitcoin) has become a term familiar to many. Starting as a concept with which only visionaries and fans were familiar, the ever-growing popularity of cryptocurrencies has become so mainstream that all kinds of people have invested in them, written about them, or even ventured into creating their own.

The high profile profits, the commonplace losses, corruption, mystery, and outspoken optimism and skepticism have been making headlines for years now. Stories such as (the late) John McAfee eating his own body parts if his Bitcoin predictions failed to materialize, Elon Musk's sporadic market interference, and the tale of the Missing Crypto Queen have become part of the compelling crypto narrative.

The Missing CryptoqueenThe Missing CryptoqueenThe Missing Cryptoqueen
The Missing Cryptoqueen podcast from BBC

Best Cryptocurrency WordPress Themes

I've put together an outstanding list of premium cryptocurrency WordPress themes for writing about cryptocurrencies on a magazine-styled website, displaying the actual price of most popular currencies on a directory or listing styled website, or promoting your own Initial Coin Offer (ICO).

Best Cryptocurrency WordPress ThemesBest Cryptocurrency WordPress ThemesBest Cryptocurrency WordPress Themes
Best Cryptocurrency WordPress Themes

1. DojoChain - Cryptocurrency Consulting WordPress Theme

DojoChain is a modern WordPress cryptocurrency theme. It comes packed with more than four demos and over 30 Elementor widgets. That lets you customize your new cryptocurrency WordPress website with the Elementor drag and drop page builder. DojoChain also comes with lifetime updates, so you can make sure your site looks great in any year.

DojoChain Crypto Exchange WordPress ThemeDojoChain Crypto Exchange WordPress ThemeDojoChain Crypto Exchange WordPress Theme
DojoChain - Cryptocurrency Consulting WordPress Theme

2. Cryptor - NFT Marketplace & Cryptocurrency ICO

Cryptocurrency isn't the only great innovation of the tech world in recent years. Non fungible tokens, or NFTs, gained a lot of popularity in 2020 and 2021. For 2022, set up a website for both using Cryptor.

This cryptocurrency theme for WordPress comes with seven total demo landing pages for different topics, as well as multiple inner pages. There are light and dark mode themes with Cryptor, as well as the ability to buy and sell digital items. It's a complete WordPress theme for cryptocurrency that's right for the modern age.

Cryptor WordPress Theme for CryptoCryptor WordPress Theme for CryptoCryptor WordPress Theme for Crypto
Cryptor - NFT Marketplace & Cryptocurrency ICO

3. Crcoin - Cryptocurrency & Blockchain Technology

Crcoin is a fresh Bitcoin template for WordPress. You can easily set up a platform for traders to buy and sell different cryptocurrencies. It comes with more than 12 templates that you can customize and experiment with. These templates are built with Elementor, meaning you don't need to know how to code to make the edits you want.

It's Retina-ready, cross-browser compatible, and comes with multiple page demos. It's hard to find a cryptocurrency WordPress theme free download that can compete with Crcoin.

Crcoin Bitcoin Template WordPressCrcoin Bitcoin Template WordPressCrcoin Bitcoin Template WordPress
Crcoin - Cryptocurrency & Blockchain Technology

4. Acco – Blockchain Cryptocurrency & Bitcoin

Acco is a stylish cryptocurrency WordPress theme. It's crafted with crypto, blockchain, and Bitcoin in mind.

This Bitcoin template for WordPress is supplied with over 15 pre-built pages and a choice of layouts to get you up and running in no time. It's fully responsive, so your new site functions on any screen size. Acco is also cross-browser compatible so visitors from Google Chrome, Safari, and Firefox can enjoy the same experience.

Acco WordPress Theme Crypto Blockchain BitcoinAcco WordPress Theme Crypto Blockchain BitcoinAcco WordPress Theme Crypto Blockchain Bitcoin
Acco – Blockchain Cryptocurrency & Bitcoin

5. BitPal—Cryptocurrency WordPress Theme

BitPal is a contemporary WordPress theme for cryptocurrency that conveys an appealing website with refreshing colors.

As one of the best cryptocurrency WordPress themes, BitPal is suitable for a number of cryptocurrency-related projects. It includes an ICO launch countdown, an ICO listing, Roadmaps, News, Blog, Portfolio and packs a number of powerful features including WooCommerce. It's a highly competent WordPress theme for crypto.

BitPal—Cryptocurrency WordPress ThemeBitPal—Cryptocurrency WordPress ThemeBitPal—Cryptocurrency WordPress Theme
BitPal—Cryptocurrency WordPress Theme

6. RexCoin—Multi-Purpose Cryptocurrency and Coin ICO WordPress Theme

RexCoin is a multi-purpose CryptoCurrency and Coin ICO blockchain WordPress theme. It's powerful, modern and bold, perfect for cryptocurrency and financial blog in general.

As a forex theme for WordPress, Bitcoin exchange or other crypto exchange, this WordPress theme for cryptocurrency is suitable for a number of different types of crypto business.

RexCoin— Bitcoin and Forex Theme WordPressRexCoin— Bitcoin and Forex Theme WordPressRexCoin— Bitcoin and Forex Theme WordPress
RexCoin—Multi-Purpose Cryptocurrency and Coin ICO WordPress Theme

7. Hoverex—Cryptocurrency and ICO WordPress Theme

When it comes to cryptocurrency theme WordPress sites, Hoverex is one of the best. It also includes cryptocurrency templates for WordPress in Spanish as well as English.

100% compatible with WordPress 5 and GDPR-ready, Hoverex is an excellent WordPress theme for cryptocurrency websites. So, if you're looking for a WordPress cryptocurrency theme, then try Hoverex.

Hoverex—Cryptocurrency and ICO WordPress ThemeHoverex—Cryptocurrency and ICO WordPress ThemeHoverex—Cryptocurrency and ICO WordPress Theme
Hoverex—Cryptocurrency and ICO WordPress Theme

8. Cryptoking—Bitcoin and ICO Theme

Cryptoking is a cryptocurrency WordPress theme exclusively built for ICO, Bitcoin, other cryptocurrency, and coin websites. It's fully responsive, Retina ready and easy to customize.

No need to code nor have coding knowledge. You don't need to be a developer to customize this crypto ICO theme.

Cryptoking—Bitcoin and Crypto ICO ThemeCryptoking—Bitcoin and Crypto ICO ThemeCryptoking—Bitcoin and Crypto ICO Theme
Cryptoking—Bitcoin and ICO Theme

9. CryptApp—Landing Page

CryptApp is a cryptocurrency landing page and Bitcoin template WordPress theme. This cryptocurrency theme for WordPress is one page and helps you create informative crypto landing pages and app promotion.

With drag-and-drop design functionality for effortless and code-less website creation, CryptApp features a number of cryptocurrency widgets including a Bitcoin calculator and WooCommerce functionality. It's a worthy Bitcoin exchange WordPress theme for this list.

CryptApp—Landing Page ThemeForest ICOCryptApp—Landing Page ThemeForest ICOCryptApp—Landing Page ThemeForest ICO
CryptApp—Landing Page

10. Crypterio—ICO Landing Page and Cryptocurrency WordPress Theme

Crypterio is one of our best-selling cryptocurrency templates for WordPress. It's targeted at digital consulting or crypto-oriented businesses which offer their consulting or investment services.

Whether you're an ICO advisor or an expert focused on cryptocurrencies, this ICO template website helps boost sales and popularity by means of great design and functionality.

Crypterio - Crypto ICO ThemeCrypterio - Crypto ICO ThemeCrypterio - Crypto ICO Theme
Crypterio - ICO Landing Page and Cryptocurrency WordPress Theme

11. Monyxi—ICO Cryptocurrency Trading Business Coach WordPress Theme

Monyxi is a multipurpose crypto and forex theme for WordPress that's modern, powerful and bold. Designed for financial blogs it's also a great choice when choosing a layout for a financial advisory or consulting business. 

With a thematic design and beautiful crypto-oriented interface elements, this crypto exchange WordPress theme definitely helps a website stand out from the crowd.

onyxi wordpress theme for ico forex and crypto websiteonyxi wordpress theme for ico forex and crypto websiteonyxi wordpress theme for ico forex and crypto website
onyxi | ICO Cryptocurrency Trading Business Coach WordPress Theme

12. Cryptico—ICO Crypto Landing & Cryptocurrency WordPress Theme​

Cryptico is a great website theme for ICO agencies and cryptocurrency investment companies. It provides everything needed to create a great looking website.

Built with the latest technologies in mind, the crypto ICO theme has its foundation on the Bootstrap framework and LESS, paired with an icon font set.

Cryptico - Crypto ICO Theme WordPressCryptico - Crypto ICO Theme WordPressCryptico - Crypto ICO Theme WordPress
Cryptico - ICO Crypto Landing and Cryptocurrency WordPress Theme​

13. Cryption—ICO Landing, ICO Consulting, Cryptocurrency and Blockchain WordPress Theme 

Cryption is a premium WordPress cryptocurrency theme, optimized for the specifics of the industry, and is perfect for building websites for ICOs, ICO Advisors, and Cryptocurrency Agencies. 

If you're in need of a stylish business website for your digital consulting agency or crypto investment website, then there aren't many reasons to look any further. Cryption is a ThemeForest ICO website template designed for 2022 and beyond.

Cryption - ThemeForest ICO Website TemplateCryption - ThemeForest ICO Website TemplateCryption - ThemeForest ICO Website Template
Cryption - ICO Landing, ICO Consulting, Cryptocurrency and Blockchain WordPress Theme 

14. Crypton—A Multi-Purpose Cryptocurrency and ICO WordPress Theme

Crypton is a multi-purpose cryptocurrency WordPress theme that's powerful, modern and bold. A perfect solution for a cryptocurrency or financial blog. It can also work as a WordPress theme for a forex website.

Spreading the word about your business in the crypto industry is now easier than ever with the number of available integrations and extensive, integrated functionality in the theme. Not bad for a crypto forex theme for WordPress.

Crypton  A Multi-Purpose Cryptocurrency  ICO WordPress ThemeCrypton  A Multi-Purpose Cryptocurrency  ICO WordPress ThemeCrypton  A Multi-Purpose Cryptocurrency  ICO WordPress Theme
Crypton | A Multi-Purpose Cryptocurrency & ICO WordPress Theme

15. Draaz—Cryptocurrency Business WordPress Theme

Draaz is a WooCommerce-compatible, ready-to-use cryptocurrency WordPress theme for buying and selling digital currency.

Shipping with demo data in seven unique homepage layouts, Draaz incorporates an advance theme and plugins update system. Personalise this Bitcoin exchange WordPress theme, or other cryptocurrency, with your choice of fonts, colours and layouts.

Draaz Bitcoin Crypto Exchange WordPress ThemeDraaz Bitcoin Crypto Exchange WordPress ThemeDraaz Bitcoin Crypto Exchange WordPress Theme
Draaz—Cryptocurrency Business WordPress Theme

16. Cryptro—Cryptocurrency, Blockchain, Bitcoin and Financial Technology

Cryptro (yes, you read that right) is another premium WordPress cryptocurrency theme that's worthy of being included in this showcase of themes. It has numerous features such as a Live Composer, Auto-Update feature, a maintenance or coming soon page, and unlimited sidebar options. 

Having been built by a seasoned developer with more than 100,000 customers, the quality of this WordPress theme for crypto is beyond question.

Cryptro - Cryptocurrency Blockchain  Bitcoin Exchange WordPress ThemeCryptro - Cryptocurrency Blockchain  Bitcoin Exchange WordPress ThemeCryptro - Cryptocurrency Blockchain  Bitcoin Exchange WordPress Theme
Cryptro - Cryptocurrency, Blockchain , Bitcoin & Financial Technology

17. Bizdrone—ICO Crypto Landing and Cryptocurrency WordPress Theme​

Bizdrone is a multipurpose, responsive cryptocurrency, VPN, money exchange, cryptocurrency WordPress theme. It includes a custom WHMCS template based on WHMCS v7.10.x 

An email template pack also included in the package. Anyone can easily update and edit this ICO site template by following the theme's comprehensive online documentation.

Bizdrone ThemeForest ICO Template WebsiteBizdrone ThemeForest ICO Template WebsiteBizdrone ThemeForest ICO Template Website
Bizdrone—ICO Crypto Landing and Cryptocurrency WordPress Theme​

18. Lymcoin—Cryptocurrency and ICO WordPress Theme

Lymcoin is a premium WordPress theme made for crypto stores and shops. It's designed for the promotion of ICOs and provides functionality that allows payments in popular cryptocurrencies like Bitcoin and Etherium. 

Furthermore, this Bitcoin exchange WordPress theme comes with a one-click installation feature. Helpful to both the experienced developer or somebody with little coding knowledge.

Lymcoin - ThemeForest ICO WordPress Site TemplateLymcoin - ThemeForest ICO WordPress Site TemplateLymcoin - ThemeForest ICO WordPress Site Template
Lymcoin - Cryptocurrency & ICO WordPress Theme

19. Cryptonite—Blockchain and Cryptocurrencies WordPress Theme

Cryptonite is a premium WordPress theme that's targeted at both experts and beginners alike, with a number of customization options. Be that a crypto-related landing page or an agency's website, this crypto exchange WordPress theme definitely serves you well with multiple pre-designed layouts.

Cryptonite - Cryptocurrency Templates WordPress ThemeCryptonite - Cryptocurrency Templates WordPress ThemeCryptonite - Cryptocurrency Templates WordPress Theme
Cryptonite - Blockchain and Cryptocurrencies WordPress Theme

20. Blokco—ICO, Cryptocurrency and Consulting Business WordPress Theme

Blokco is a premium Bootstrap-based Bitcoin template for WordPress that features the Visual Composer, Revolution Slider and the Eventer Plugin as its key features. It allows for unlimited header and footer customization and is built on the Isotope grid system. The crypto widgets and tickers allow for a good layout that's both beautiful and niche-themed.

Blokco - ThemeForest ICO WordPress Template Blokco - ThemeForest ICO WordPress Template Blokco - ThemeForest ICO WordPress Template
Blokco - ICO, Cryptocurrency & Consulting Business WordPress Theme

21. ProCoin—ICO and Cryptocurrency WordPress Theme

ProCoin is a ThemeForest ICO template for WordPress. The theme works perfectly for any crypto related business. It includes WPBakery Page Builder (formerly Visual Composer), Revolution slider, WooCommerce support and an advanced admin panel. 

You may set unlimited colors and create unlimited layouts. With all those features and their excellent support, you just can't go wrong with this ICO WordPress website template.

ProCoin ICO Site TemplateProCoin ICO Site TemplateProCoin ICO Site Template
Procoin

22. Tolarcek—A Bitcoin and CryptoCurrency WordPress Blog Theme

Tolarcek is a Bitcoin and cryptocurrency-oriented WordPress theme that's a powerful tool for creating outstanding websites for the crypto market.

With real-time graphs and coin tickers, this forex theme for WordPress is definitely a great choice.

Tolarcek - A Bitcoin  CryptoCurrency Forex Theme WordPressTolarcek - A Bitcoin  CryptoCurrency Forex Theme WordPressTolarcek - A Bitcoin  CryptoCurrency Forex Theme WordPress
Tolarcek - A Bitcoin & CryptoCurrency WordPress Blog Theme

23. Cryptox—Cryptocurrency WordPress Theme

Cryptox is a beautiful and functional Bitcoin template for WordPress for websites that trade, discuss, or have consulting businesses around cryptocurrencies.

Considering the WooCommerce integration is one of its key features, a testimonials and contact form and a currency calculator, the WordPress theme for crypto works well when it comes to creating any kind of informative portals about cryptocurrency.

Cryptox - Cryptocurrency Bitcoin Exchange WordPress ThemeCryptox - Cryptocurrency Bitcoin Exchange WordPress ThemeCryptox - Cryptocurrency Bitcoin Exchange WordPress Theme
Cryptox - Cryptocurrency WordPress Theme

24. Cryptoland—ICO Landing Pages WordPress Theme

Cryptoland is a beautiful, functional and powerful Bitcoin and altcoin ICO website template that's backed by a rather unique and sleek design. 

This Bitcoin exchange WordPress theme empowers anybody, with no coding skills, to get up and running using the integrated WPBakery page builder. A serious option to consider, especially if time is a sensitive issue and a fast launch is necessary.

Cryptoland - ICO Landing Pages WordPress ThemeCryptoland - ICO Landing Pages WordPress ThemeCryptoland - ICO Landing Pages WordPress Theme
Cryptoland - ICO Landing Pages WordPress Theme

25. Cryptoigo—Cryptocurrency WordPress Theme With Elementor Page Builder

Cryptoigo is another premium crypto Bitcoin WordPress theme which is worthy of consideration, mainly down to the extensive features, beautiful design and structured layout.

With several unique ICO WordPress landing page designs, a fully responsive layout and an unlimited page builder—this theme is a great choice.

Cryptoigo - Cryptocurrency WordPress Theme With Elementor Page BuilderCryptoigo - Cryptocurrency WordPress Theme With Elementor Page BuilderCryptoigo - Cryptocurrency WordPress Theme With Elementor Page Builder
Cryptoigo - Cryptocurrency WordPress Theme With Elementor Page Builder

26. Crypterium—Crypto Theme

Crypterium is a Bitcoin (blockchain) cryptocurrency and ICO landing page WordPress theme that's built-in fully responsive, premium design, elegant style incorporating the flexibility of many customisation and functional features. Its simplicity makes Crypterium stand out as a blockchain WordPress theme.

Crypterium—Crypto Theme

27. Numismatico—Cryptocurrency Directory and Listings WordPress Theme

If you want to create an incredible ICO (Initial Coin Offering) Directory Listings website based on WordPress, and you're tired of testing and evaluating themes, then take a look at Numismatico.

Choose the one completely versatile WordPress theme for crypto to create the website you need. Numismatico is continually updated and has reliable support and amazing features.

Numismatico Best Cryptocurrency WordPress ThemesNumismatico Best Cryptocurrency WordPress ThemesNumismatico Best Cryptocurrency WordPress Themes
Numismatico—Cryptocurrency Directory and Listings WordPress Theme

28. Tradent—Cryptocurrency, Bitcoin WordPress Theme

Tradent is a modern cryptocurrency and Bitcoin and crypto WordPress theme. It's perfectly tailored for cryptocurrency, Bitcoin, ICO promotion page, Bitcoin investments, cryptocurrency exchange, consultancy services, and all cryptocoin project business websites.

The Tradent crypto WordPress theme incorporates multiple homepages with About Us, Cryptocurrency, Services, How it works, Bitcoin Guide, and Portfolio page to showcase your services.

TradentCryptocurrency Bitcoin WordPress ThemeTradentCryptocurrency Bitcoin WordPress ThemeTradentCryptocurrency Bitcoin WordPress Theme
Tradent—Cryptocurrency, Bitcoin WordPress Theme

29. Cryptic - Cryptocurrency WordPress Theme

The Cryptic cryptocurrency WordPress theme has been freshly updated as recently as Spring 2021. Its layout is fresh and modern, but it also works well under the hood. Cryptic has features like:

  • responsive mobile-friendly design
  • ICO WordPress directory
  • multiple inner page demos
Cryptic Cryptocurrency WordPress ThemeCryptic Cryptocurrency WordPress ThemeCryptic Cryptocurrency WordPress Theme
Cryptic Cryptocurrency WordPress Theme

30. Crivto - Cryptocurrency & Bitcoin Elementor Template Kit

We're wrapping up our list of cryptocurrency templates for WordPress with Crivto. There are more than 25 ready to use templates and page demos to choose from, and they're all fully responsive.

This customizable WordPress cryptocurrency theme is built with the free version of the Elementor plugin, so you won't need to go pro if you don't want to. It also means you can drag and drop different page elements without diving into the code.

Crivto Bitcoin Template WordPressCrivto Bitcoin Template WordPressCrivto Bitcoin Template WordPress
Crivto - Cryptocurrency & Bitcoin Elementor Template Kit

Main Features to Look for in a Premium Cryptocurrency Theme

Here are the main things to look out for when picking a premium cryptocurrency theme for WordPress:

  • A solid and robust design that doesn't take shortcuts in terms of quality. Because cryptocurrency-related websites often have a single proposition they shouldn't be overly complicated or overwhelming for the visitor
  • Social-proof behind the design of the theme. Using trust-inspiring colors (such as navy blue) may help gain trust through color psychology. Pair that with some good typography and the level of professionalism of your website increases with just a few easy moves.
  • Thematic design elements, imagery, icons and illustrations that make your website even more distinct from other websites your visitors are likely to interact with on a daily basis.

Your WordPress Questions Answered (FAQs)

Finding your WordPress theme for cryptocurrency means you're well on your way to setting up your site. But if you have some questions about your site and WordPress don't worry. I'll go through five common questions you might have and answer them for you here.

1. Should I Have Ads on My Cryptocurrency WordPress Site?

The answer to this question depends on what your site's goals are. If you're running a cryptocurrency blog or news site, ads would be a great idea. You'll create a new revenue stream to keep your website going.

But if you're running a business platform or are selling products of your own, it might be best to avoid running ads. They'll distract from what you want to sell and could promote competitors.

If you think ads are for you, check out this tutorial for adding Google AdSense to your crypto Bitcoin template for WordPress:

2. Can I Link My eBook?

Hosting your eBook or other documents on your site is actually pretty simple. It's even easier if it's in PDF format. Whether you want visitors to read directly on your website or download your eBook to read on their devices, this guide will help you out:

3. How Can I Boost My Traffic?

One of the best ways to boost traffic is through search engine optimization. SEO is how well your site ranks when people search for related topics. For example, a well-optimized blockchain site will be high on the first search results page for keywords like Bitcoin, ICO, and cryptocurrency.

A great first step towards optimizing your website is right here in this article:

4. Can I Backup My Crypto Site?

There's nothing worse than working so hard on building your website from a crypto exchange WordPress theme and finding out it disappeared. You can avoid this by using WordPress' native backup features or setting up backups with a hosting provider like SiteGround:

5. Can I Use CSS to Customize My WordPress Site?

If you're confident in your coding skills and are familiar with CSS, feel free to dive into the files and experiment! You can edit CSS within WordPress. If you don't know how, read this tutorial:

Your Turn to Let Us Know What You Think!

That concludes my list of premium cryptocurrency WordPress themes. I'm curious to know which one you think is the best out of the bunch; what do you think the key feature for a cryptocurrency theme is?

Tips for Choosing WordPress Themes

25+ Best Trucking and Transportation WordPress Themes for 2021

Posted: 03 Sep 2021 12:39 AM PDT

The trucking and logistics industry is a market that's been growing without pause in recent decades and with a very impressive market share, the industry is growing its presence on the web as well.

With more individual truckers and small companies appearing, plus tech startups that push autonomous driving within the trucking industry, the need for a solid web presence is more relevant than ever. 

If your website needs a trucking theme WordPress is the content management system that delivers being, as it is, the most popular content management system platform available.

With more than 42% of the internet being hosted on WordPress it's a sound choice to use Envato's ThemeForest to choose a transport WordPress theme when creating a WordPress website.

Trucking and Transport WordPress Themes on Themeforest

the Transport wordpress themes offers many variants and optionsthe Transport wordpress themes offers many variants and optionsthe Transport wordpress themes offers many variants and options
The Transport WordPress theme offers several variants and customizing options

With these needs in mind, we have put together a compilation of premium logistics and trucking WordPress themes that will look and work great for a transportation-themed website. 

All are available to purchase individually on Envato Market and are selected on the basis of their quality, the frequency of updates, customer support, and integration with common features such as WooCommerce, Contact Form 7, and so on.

With that said, let's get started!

1. TransX—Transportation and Logistics WordPress Theme

TransX is one of the newest, if not the newest, transport WordPress theme available on Envato's ThemeForest.

TransX is ideal for the development of a business website related to cargo, freight delivery, logistics, packaging, shipping, transportation and trucking.

Shipping (geddit?) with six creative demo home pages, and the inclusion of more than 100 elements with a choice of isometric or flat icons, TransX should be on your list for consideration.

TransX—Transportation and Logistics WordPress ThemeTransX—Transportation and Logistics WordPress ThemeTransX—Transportation and Logistics WordPress Theme
TransX—Transportation and Logistics WordPress Theme

2. Transfers—Transport and Car Hire WordPress Theme

Transfers is a transport and car hire premium transfers WordPress theme for car hire and transport WordPress theme for logistics providers.

It comes with a powerful and fully working booking system, an availability manager and with advanced search results. Create any and as many vehicle types and add additional items that can be bought along per each transfer.   

Seamless WooCommerce integration for the online booking System supports Stripe, PayPal (for accepting credit card and PayPal account payments), Direct Bank Transfer and Cash on Delivery. Plus around 75 other paid-for and free payment gateways.

Transfers—Transport and Car Hire WordPress ThemeTransfers—Transport and Car Hire WordPress ThemeTransfers—Transport and Car Hire WordPress Theme
Transfers—Transport and Car Hire WordPress Theme

3. Shiftler—Transportation and Logistics WordPress Theme

Shiftler is a clean, modern and retina ready WordPress transportation and logistics business transport WordPress theme.

Shiftler is best suited for movers, cargo, logistics and transport, shipping and delivery services websites. 

The theme comes pre-packed with a drag-and-drop page builder Visual Composer, Slider Revolution to ensure you can easily design your website just how you like it.

Shiftler—Transportation and Logistics WordPress ThemeShiftler—Transportation and Logistics WordPress ThemeShiftler—Transportation and Logistics WordPress Theme
Shiftler—Transportation and Logistics WordPress Theme

4. Dilevars—Transportation and Logistics Services WordPress Theme

Dilevars is a courier and delivery services responsive transport WordPress Theme.

This template is very easy to customize with great code structure, and every page of this theme tailored to the needs of anyone requiring a shipping company WordPress theme.

Choose from the standard homepage designs for Logistics, Home Mover and Removals, Transport and Courier, with plenty of customization options to make it your own. 

Dilevars—Transportation and Logistics Services WordPress ThemeDilevars—Transportation and Logistics Services WordPress ThemeDilevars—Transportation and Logistics Services WordPress Theme
Dilevars—Transportation and Logistics Services WordPress Theme

5. Equita—Logistics Cargo WordPress Theme

Equita is easy to set up and use theme that helps you to establish a website for businesses such as: air cargo services, trucking services, different logistic services, air transportation services, logistic jobs and much more.

It provides a simple roadmap to create a great-looking website, so you can get back to what's most important: your business and clients.

Equita—Logistics Cargo WordPress ThemeEquita—Logistics Cargo WordPress ThemeEquita—Logistics Cargo WordPress Theme
Equita—Logistics Cargo WordPress Theme

6. Geoport—Transport and Logistics WordPress Theme

Geoport is the one of the best WordPress themes for logistics, transport, and cargo companies.

The Geoport layout looks beautiful at any size, be it a laptop screen, iPad, iPhone, Android Mobile, or tablets. Plus, the theme includes plenty of customization options to change the visual style of any elements without touching to a single line of code.

Geoport—Transport and Logistics WordPress ThemeGeoport—Transport and Logistics WordPress ThemeGeoport—Transport and Logistics WordPress Theme
Geoport—Transport and Logistics WordPress Theme

7. Additrans—Transport and Logistics WordPress Theme

Additrans is a shipping company WordPress theme that's easy to customize and is well documented.

It includes a child theme and is compatible with desktop, laptop and mobile devices to ensure that you can reach your customers and potential customers with ease.

Additrans—Transport and Logistics WordPress ThemeAdditrans—Transport and Logistics WordPress ThemeAdditrans—Transport and Logistics WordPress Theme
Additrans—Transport and Logistics WordPress Theme

8. Logistic—WP Theme for Transportation Business

Logistic is a premium WordPress theme intended to be used by transportation and trucking companies who seek to have a beautiful, thematic website with extensive customization options. 

Getting this theme means you'll also get 15 pre-built homepages, included Visual Composer, WPML translation files, advanced theme options, and a fully responsive layout. 

Logistic - WP Theme For Transportation BusinessLogistic - WP Theme For Transportation BusinessLogistic - WP Theme For Transportation Business
Logistic - WP Theme For Transportation Business

9. CargoPress—Logistic, Warehouse and Transport WP

CargoPress is another logistics, transportation, and trucking premium WordPress theme in our showcase.

With a thematic and robust design, this theme will works well for magazine-styled websites due to its emphasis on blog posts and articles. Its bold font-type pairings and bright color choices definitely make for a great theme design. 

CargoPress - Logistic Warehouse  Transport WPCargoPress - Logistic Warehouse  Transport WPCargoPress - Logistic Warehouse  Transport WP
CargoPress - Logistic, Warehouse & Transport WP

10. Transcargo—Transportation WordPress Theme for Logistics

Transcargo. Another premium WordPress theme that focuses on transportation companies and truckers who seek to have a prominent web presence. 

Using Transcargo makes it easy to create a modern website and start promoting your services. Considering the amount of research put behind the development of this theme, it is definitely a theme worth considering.

Transcargo - Transportation WordPress Theme for LogisticsTranscargo - Transportation WordPress Theme for LogisticsTranscargo - Transportation WordPress Theme for Logistics
Transcargo - Transportation WordPress Theme for Logistics

11. Transport—WP Transportation and Logistic Theme 

Transport is another great choice in our selection of premium logistics WordPress themes. With a focus on ease of use and set-up, this theme comes with the WPBakery Page Builder, the Revolution slider and WooCommerce support by default. 

With its unlimited colors and unlimited layouts, this theme will work great in many scenarios.

Transport - WP Transportation  Logistic Theme Transport - WP Transportation  Logistic Theme Transport - WP Transportation  Logistic Theme
Transport - WP Transportation & Logistic Theme 

12. Cargo—Transport and Logistics 

Cargo is a clean and corporate WordPress theme that is a good choice for transportation, logistics, and warehouse companies. 

With a design that puts focus on shipping, delivery, and storage service providers and companies, Cargo adapts to every device out there and comes with free updates and support.

Cargo  Transport  Logistics Cargo  Transport  Logistics Cargo  Transport  Logistics
Cargo – Transport & Logistics 

13. Transport—Logistic and Warehouse WordPress Theme

Transport is a logistics and warehouse WordPress theme that features full Gutenberg and WP 5.0 compatibility, more than nine dynamic homepage designs and a multitude of premium plugins for page building and extensive feature integration. 

Use this theme to create a blazing fast loading website with live customization and retina-ready graphics.

Transport - Logistic  Warehouse WordPress ThemeTransport - Logistic  Warehouse WordPress ThemeTransport - Logistic  Warehouse WordPress Theme
Transport - Logistic & Warehouse WordPress Theme

14. Global Logistics—Transportation and Warehousing WordPress Theme 

Global Logistics is a modern, stylish and powerful Logistics WordPress Theme with high-class business design.

With a design that well suits the trucking, logistics and shipping industry, this theme features a multitude of highly-relevant features such as a quote calculator, interactive maps and tooltips, pre-made pricing tables and outstanding blog layouts.

Global Logistics  Transportation  Warehousing WordPress Theme Global Logistics  Transportation  Warehousing WordPress Theme Global Logistics  Transportation  Warehousing WordPress Theme
Global Logistics | Transportation & Warehousing WordPress Theme 

15. Logistic Business—Transport and Trucking Logistics WordPress Theme 

Logistic Business is a dedicated theme for transportation websites, like trucking, shipping, and logistics services. The theme features custom WordPress admin layouts, flexible layout options, and unlimited color shortcodes. 

The theme has full Gutenberg integration and features the Revolution Slider, and is WPML and RTL-ready Use the one-click installation to make the set-up of this theme extremely easy. 

Logistic Business - Transport  Trucking Logistics WordPress Theme Logistic Business - Transport  Trucking Logistics WordPress Theme Logistic Business - Transport  Trucking Logistics WordPress Theme
Logistic Business - Transport & Trucking Logistics WordPress Theme 

16. GoCargo—Freight, Logistics and Transportation WordPress Theme 

GoCargo is a premium WordPress theme that has been built for freight, logistics and transportation companies.

With an easy to use and great-looking layout, the theme provides everything you need to create a great looking website. 

GoCargo - Freight Logistics  Transportation WordPress Theme GoCargo - Freight Logistics  Transportation WordPress Theme GoCargo - Freight Logistics  Transportation WordPress Theme
GoCargo - Freight, Logistics & Transportation WordPress Theme 

17. Logiscargo—Logistics and Cargo WordPress Theme 

Logistics Wordpress Theme is designed specifically for logistic and cargo-oriented company websites and related businesses.

With heavy research behind the design and development of this theme, it is meant to address all of the needs a shipper or trucker individual or company might have. 

Logiscargo - Logistics and Cargo WordPress Theme Logiscargo - Logistics and Cargo WordPress Theme Logiscargo - Logistics and Cargo WordPress Theme
Logiscargo - Logistics and Cargo WordPress Theme 

18. Morz—Transport Cargo Logistics WordPress 

Morz is a well-designed, beautiful premium WordPress theme that showcases transport, cargo, and logistics websites. With a bright and airy layout, this theme features some beautiful design touches and user-interface elements. 

With lifetime free updates, 24/7 dedicated support and a demo content importer, this theme has multiple features that will impress you.

Morz - Transport Cargo Logistics WordPress Morz - Transport Cargo Logistics WordPress Morz - Transport Cargo Logistics WordPress
Morz - Transport Cargo Logistics WordPress 

19. Cargo HUB—Transportation and Logistics WordPress Theme 

Cargo HUB is a beautiful transportation and logistics WordPress theme. It's another great option amongst the bunch that comes along an easy one-click installation function, a drag-drop builder and the premium Revolution Slider.

This theme is fully integrated with the WPML plugins, the MailChimp and the Contact Form plugins among others.

Cargo HUB - Transportation and Logistics WordPress Theme Cargo HUB - Transportation and Logistics WordPress Theme Cargo HUB - Transportation and Logistics WordPress Theme
Cargo HUB - Transportation and Logistics WordPress Theme 

20. MoveCo—Logistics, Moving Company WordPress Theme 

MoveCo is a premium WordPress theme that is great for moving companies, local delivery services, and logistics companies. It provides all the necessary functionality that you might need and is based on real research of what these types of companies in this sector need. 

With clean fonts and awesome designs, this theme includes plenty of customization options that allow for a change of visual style without touching a single line of code. 

MoveCo - Logistics Moving Company WordPress Theme MoveCo - Logistics Moving Company WordPress Theme MoveCo - Logistics Moving Company WordPress Theme
MoveCo - Logistics, Moving Company WordPress Theme 

21. Globax—Logistics WordPress With WooCommerce 

Globax is a premium logistics WordPress theme that features eight homepage designs, an AJAX portfolio and multi-layout blogs. With 35+ header demos and fully responsive layouts, this theme is also 100% compatible with Gutenberg. 

Pair those things with beautiful parallax effects, page scroll animations, and advanced page titles and you have yourself a great theme choice for a new website design or redesign of an existing website.

Globax - Logistics WordPress Theme  WooCommerce Globax - Logistics WordPress Theme  WooCommerce Globax - Logistics WordPress Theme  WooCommerce
Globax - Logistics WordPress Theme + WooCommerce 

22. TransPress—Ultimate Transport Logistics Warehouse WP Theme

TransPress is another great choice in our showcase of beautiful logistics WordPress themes that features a very easy one-click demo installation that can let you build and customize your company's website in an easy way with the intuitive drag and drop Visual Composer plugin that comes included with it.

TransPress - Ultimate Transport Logistics Warehouse WP ThemeTransPress - Ultimate Transport Logistics Warehouse WP ThemeTransPress - Ultimate Transport Logistics Warehouse WP Theme
TransPress - Ultimate Transport Logistics Warehouse WP Theme

23. Expeditor—Logistics and Transportation WordPress Theme 

Expeditor is a freight, warehouse and logistics premium WordPress theme that features a multitude of layouts with three predefined demos and their own color schemes. 

Each demo comes with three fully customizable homepage layouts and further customization options through the means of the included Visual Composer.

Expeditor - Logistics  Transportation WordPress Theme Expeditor - Logistics  Transportation WordPress Theme Expeditor - Logistics  Transportation WordPress Theme
Expeditor - Logistics & Transportation WordPress Theme 

24. Logistics—Transportation Warehousing WP Theme 

Logistics is a stylish, responsive and clean-looking logistic company WordPress theme that is a great choice for a courier agency or delivery service.

The theme comes along with several functionalities that ensure your transportation business runs smoothly, such as a client login system, pre-made services layouts, and three ready-made homepage designs.

Logistics  Transportation Warehousing WP Theme Logistics  Transportation Warehousing WP Theme Logistics  Transportation Warehousing WP Theme
Logistics | Transportation Warehousing WP Theme 

25. Wheelco—Cargo, Transport and Logistics 

Wheelco, another theme that's been exclusively built for the logistics, trucking and cargo industry, is a great looking theme that makes use of sharp colors, suggestive imagery and icons, and lovely type choices. 

With a quote calculator, responsive design and extensive functionality this theme does indeed prove to be a great choice from a design and functionality perspective.

Wheelco - Cargo Transport  LogisticsWheelco - Cargo Transport  LogisticsWheelco - Cargo Transport  Logistics
Wheelco - Cargo, Transport & Logistics

Free Transportation WordPress Themes

Sometimes you'll want to get a website up and running for as little cost as possible, perhaps as a demonstration to a prospective client, perhaps as a proof of concept.

Either way, you just might not be ready to purchase a professional WordPress trucking theme or a shipping company WordPress theme.

That's where a free WordPress Theme comes in handy. It's ideal for downloading free transportation WordPress themes. So if you're searching for a free WordPress Trucking theme or another free WordPress theme download, be sure to check out WordPress.

Free WordPress Trucking ThemesFree WordPress Trucking ThemesFree WordPress Trucking Themes
Free WordPress Trucking Themes

Free: Learn More About WordPress Themes

If you're new to WordPress, or if you have some knowledge already and are looking to learn more, Envato Tuts+ provides a wealth of information and ideas across a large number of tutorials.

Up-skill and educate yourself for free with Envato's Tuts+ free WordPress tutorials.

Key Features in any Trucking WordPress Theme:

  • Bright colors used within the design such as blue, yellow and red. These colors are not only good colors for call-to-action buttons, but also resemble the branding colors used by many logistics, trucking, and transport companies
  • Solid and robust layouts that clearly present the key information and description of the company
  • Bold and big typography choices that clearly convey the message and/or service provided

10-4 Good Buddy: Get a Trucking Theme Today!

This concludes our showcase and collection of premium WordPress themes for logistics, trucking, and shipping websites.

With highly customizable designs, extensive functionality and a plentitude of options for modification, these themes are great options for a future redesign or for a new website design. 

For more inspiration, check out the themes listed below!

--

Editorial Note: This post has been updated with contributions from Johnny Winter. Johnny is a staff writer with Envato Tuts+.

How to Create a 3D Black and Gold Text and Logo Mockup

Posted: 03 Sep 2021 12:00 AM PDT

Final product imageFinal product imageFinal product image
What You'll Be Creating

In this tutorial I will show you how to create a 3D black and gold text or logo mockup using smart objects, layer styles, and a small time-saving action. 

Black and gold logos are timeless thanks to their sleek and edgy appearance. And while creating a 3D logo mockup is easy, it can be a long process. Save time and get a logo instantly using a black and gold mockup from Envato Elements! 

black and gold text efectblack and gold text efectblack and gold text efect

What You'll Learn in This Adobe Photoshop Tutorial 

  • How to make mockup logos in Photoshop 
  • How to make a black and gold text effect 
  • How to make a logo in 3D

Follow along with us over on our Envato Tuts+ YouTube channel:

Tutorial Assets

The following assets were used during this tutorial:

Before you start creating our text mockup, download and install the font and also download the background.

1. Load a Document Background

Let's start this 3D mockup Photoshop tutorial off by placing a quick background. 

We will use the blue background from the Tutorial Assets as our document background. It is a 2000 x 3000 px JPG file. Go to File > Open and open the blue-background.jpg.

Blue backgroundBlue backgroundBlue background

2. Create a Smart Object

In these steps, you will create the main smart object.

Step 1

Create a new layer by going to Layer > New > Layer, name this layer Hide me, and hit OK. Fill this layer with any color—for example, to fill it with the background color, hit Control-Delete.

Hide me layerHide me layerHide me layer

Step 2

Pick the Type Tool and select the Raleway font. Set the Font Style to Black and the Font Size to 635 pt, and select Center text. Now write BLACK GOLD in the center of the document, on two lines and all uppercase.

Type toolType toolType tool

Step 3

Select the BLACK GOLD layer in the Layers panel, hold Control and select the Hide me layer. While both layers are selected, go to Layer > Smart Objects > Convert to Smart Object.

Craete smart objectCraete smart objectCraete smart object

Step 4

Right click on the BLACK GOLD smart object layer and choose Edit Contents to open the smart object.

Edit smart objectEdit smart objectEdit smart object

Step 5

Delete the Hide me layer in the Layers panel. Then close the BLACK GOLD.psb document and hit Yes to save changes.

Save smart objectSave smart objectSave smart object

Step 6

Select the BLACK GOLD layer, go to Layer > Rename Layer, and change its name to Gold.

Rename smart objectRename smart objectRename smart object

3. Create the Shrinking Action

The last step, before we can start creating the main effect, is to create a small action which will be very helpful, as you will see later.

Step 1

Right-click the Gold layer in the Layers panel and select Duplicate Layer. Change the name to Action and hit OK.

Create Action layerCreate Action layerCreate Action layer

Step 2

Open the Actions panel with Alt-F9, and then hit the Create new set button at the bottom and name it Shrinking Action. Hit OK.

Create new action setCreate new action setCreate new action set

Step 3

Select the Action layer in your Layers panel and then hit the Create new action button at the bottom of the Actions panel. Change the name to Shrink and hit Record.

Create new actionCreate new actionCreate new action

Step 4

Hit Control-J to duplicate the Action layer.

Duplicate layerDuplicate layerDuplicate layer

Step 5

Go to Layer > Arrange > Send Backward. This step will move the Action copy layer under the Action layer.

Arrange layersArrange layersArrange layers

Step 6

Transform the selected layer with Control-T and set the horizontal scale to W: 99.93% and the vertical scale to H: 99.90%. Hit the Enter key twice to apply the transformation.

Transform layerTransform layerTransform layer

Step 7

Hit the Stop button at the bottom of the Actions panel and delete the Action and Action copy layers from your Layers panel. The Shrink action is now ready to be used.

Stop action and delete layersStop action and delete layersStop action and delete layers

4. Create the 3D Effect

In this part we will be creating multiple layers using the previously created action.

Step 1

Select the Gold layer in your Layers panel and then select the Shrink action in your Actions panel.

Select layer and actionSelect layer and actionSelect layer and action

Step 2

Now we will create 105 layers for the 3D effect. Hit the Play button at the bottom of the Actions panel to play the action, and keep hitting the Play button until it creates the Gold copy 105 layer in your Layers panel.

Play actionPlay actionPlay action

Step 3

Select layer Gold copy 105, go to Layer > Duplicate layer, and name it Shadow. Then move this layer backwards by going to Layer > Arrange > Send Backward.

Create and arrange shadow layerCreate and arrange shadow layerCreate and arrange shadow layer
105 layers created105 layers created105 layers created

Step 4

Let's make some groups and clean up our Layers panel a little bit. Select the layer Gold copy and Shift-click the Gold copy 19 layer to select these layers and all between. Hit Control-G to make a group, and then go to Layer > Rename group and name it Effect 1.

Group layersGroup layersGroup layers

Step 5

Select the layer Gold copy 20 and then Shift-click the Gold copy 29 layer to select these layers and all between. Hit Control-G on your keyboard to make a group, and then go to Layer > Rename group and name it Effect 2.

Group layersGroup layersGroup layers

Step 6

Select the layer Gold copy 30 and then Shift-click the Gold copy 39 layer to select these layers and all between. Hit Control-G on your keyboard to make a group, and then go to Layer > Rename group and name it Effect 3.

Group layersGroup layersGroup layers

Step 7

Select the layer Gold copy 40 and then Shift-click the Gold copy 59 layer to select these layers and all between. Hit Control-G to make a group, and then go to Layer > Rename group and name it Effect 4.

Group layersGroup layersGroup layers

Step 8

Select the layer Gold copy 60 and then Shift-click the Gold copy 89 layer to select these layers and all between. Hit Control-G to make a group, and then go to Layer > Rename group and name it Effect 5.

Group layersGroup layersGroup layers

Step 9

Select the layer Gold copy 90 and then Shift-click the Gold copy 94 layer to select these layers and all between. Hit Control-G to make a group, and then go to Layer > Rename group and name it Effect 6.

Group layersGroup layersGroup layers

Step 10

Select the layer Gold copy 95 and then Shift-click the Gold copy 100 layer to select these layers and all between. Hit Control-G to make a group, and then go to Layer > Rename group and name it Effect 7.

Group layersGroup layersGroup layers

Step 11

Select the layer Gold copy 101 and then Shift-click the Gold copy 105 layer to select these layers and all between. Hit Control-G to make a group, and then go to Layer > Rename group and name it Effect 8.

Group layersGroup layersGroup layers

5. Add Layer Styles

Step 1

Select the layer Gold and Double-click the layer to apply the following layer style:

Add a Bevel & Emboss with these settings:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 32%
  • Direction: Down
  • Size: 3 px
  • Uncheck the Use Global Light box
  • Angle: -81°
  • Altitude: 26°
  • Select Gloss Contour: Ring - Double
  • Highlight Mode: Linear Dodge (Add) with a color #ffffff and Opacity: 18%
  • Shadow Mode: Linear Burn with a color #171718 and Opacity: 33%
Add a bevel and embossAdd a bevel and embossAdd a bevel and emboss

Step 2

Add a Stroke with these settings:

  • Size: 3 px
  • Position: Inside
  • Blend Mode: Normal
  • Fill Type: Gradient
  • Style: Angle
  • Angle: 90°
  • Check Dither box
  • Scale: 150%
  • Click on the Gradient and set these color stops:
  • Color stop with a Color: #7a6b37 on Location: 7%
  • Color stop with a Color: #84753f on Location: 43%
  • Color stop with a Color: #7d6d37 on Location: 70%
  • Color stop with a Color: #ffe785 on Location: 85%
  • 7 color stops with a Color: #f7c753 on these Locations: 0%, 13%, 19%, 48%, 63%, 81% and 100%
  • 5 color stops with a Color: #c59f44 on these Locations: 16%, 27%, 55%, 75% and 93%
Add a strokeAdd a strokeAdd a stroke

Step 3

Add a Satin style with these settings:

  • Blend Mode: Linear Burn with the color #afa182
  • Opacity: 4%
  • Angle:
  • Distance: 22 px
  • Size: 1 px
  • Check the Invert box
Add a satinAdd a satinAdd a satin

Step 4

Add a Color Overlay with these settings:

  • Blend Mode: Linear Burn
  • Pick the color #000000
  • Opacity: 7%
Add a color overlayAdd a color overlayAdd a color overlay

Step 5

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Check the Dither box
  • Opacity: 100%
  • Style: Linear
  • Angle: 67°
  • Scale: 100%
  • Click on the Gradient and set these color stops:
  • Color stop 1 - Color: #010202 Location: 11%
  • Color stop 2 - Color: #737373 Location: 34%
  • Color stop 3 - Color: #010202 Location: 58%
  • Color stop 4 - Color: #737373 Location: 75%
  • Color stop 5 - Color: #010202 Location: 100%

Hit OK to apply all of the changes.

Add a gradient overlayAdd a gradient overlayAdd a gradient overlay
Applied layer styleApplied layer styleApplied layer style

Step 6

Collapse the Effect 1 group, select the layer Gold copy, and Double-click the layer to apply the following layer style:

Add an Inner Glow with these settings:

  • Blend  Mode: Linear Dodge (Add)
  • Opacity: 14%
  • Pick the color #ffffff
  • Technique: Precise
  • Source: Edge
  • Choke: 100%
  • Size: 136 px
  • Check the Anti-aliased box
Add an inner glowAdd an inner glowAdd an inner glow

Step 7

Add a Color Overlay with these settings:

  • Blend Mode: Color
  • Pick the color #fee691
  • Opacity: 100%
Add a color overlayAdd a color overlayAdd a color overlay

Step 8

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Check the Dither box
  • Opacity: 100%
  • Style: Reflected
  • Angle: 90°
  • Scale: 150%
  • Click on the Gradient and set these color stops:
  • 4 color stops with a Color: #7a6b37 on these Locations: 7%, 23%, 58% and 89%
  • Color stop with a Color: #84753f on Location: 43%
  • 2 color stops with a Color: #7d6d37 on these Locations: 70% and 100%
  • 5 color stops with a Color: #ffe785 on these Locations: 4%, 25%, 39%, 85% and 97%
  • 6 color stops with a Color: #f7c753 on these Locations: 0%, 13%, 19%, 48%, 63% and 81%
  • 5 color stops with a Color: #c59f44 on these Locations: 16%, 34%, 55%, 75% and 93%
Add a gradient overlayAdd a gradient overlayAdd a gradient overlay

Step 9

The same gradient will be used in the next steps, so let's save it to our gradient Presets by pressing the New button. Then hit OK to apply all of the changes.

Save the gradient as a presetSave the gradient as a presetSave the gradient as a preset

Step 10

Right click with your mouse on the Gold copy layer and select Copy Layer Style, and then Shift-left click the layer Gold copy 19. While all of these layers are selected, right click on any of these layers and select Paste Layer Style. This will apply the same style from the Gold copy layer to all the selected ones.

Copy and paste layer styleCopy and paste layer styleCopy and paste layer style
Applied layer stylesApplied layer stylesApplied layer styles

Step 11

Close the Effect 1 group and collapse the Effect 2 group. Select the layer Gold copy 20 and Double-click the layer to apply the following layer style:

Add an Inner Glow with these settings:

  • Blend  Mode: Linear Dodge (Add)
  • Opacity: 7%
  • Pick the color #ffffff
  • Technique: Precise
  • Source: Edge
  • Choke: 100%
  • Size: 136 px
  • Check the Anti-aliased box
Add an inner glowAdd an inner glowAdd an inner glow

Step 12

Add a Color Overlay with these settings:

  • Blend Mode: Color
  • Pick the color #fee691
  • Opacity: 100%
Add a color overlayAdd a color overlayAdd a color overlay

Step 13

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Check the Dither box
  • Opacity: 100%
  • Style: Reflected
  • Angle: 90°
  • Scale: 150%
  • Click on the Gradient and select the previously saved gradient from Presets.

Hit OK to apply all of the changes.

Add a gradient overlayAdd a gradient overlayAdd a gradient overlay

Step 14

Right click with your mouse on the Gold copy 20 layer and select Copy Layer Style, and then Shift-left click the layer Gold copy 29. While all of these layers are selected, right click on any of these layers and select Paste Layer Style.

Copy and paste layer styleCopy and paste layer styleCopy and paste layer style
Applied layer stylesApplied layer stylesApplied layer styles

Step 15

Close the Effect 2 group and collapse the Effect 3 group. Select the layer Gold copy 30 and Double-click the layer to apply the following layer style:

Add an Inner Glow with these settings:

  • Blend  Mode: Linear Dodge (Add)
  • Opacity: 3%
  • Pick the color #ffffff
  • Technique: Precise
  • Source: Edge
  • Choke: 100%
  • Size: 136 px
  • Check the Anti-aliased box
Add an inner glowAdd an inner glowAdd an inner glow

Step 16

Add a Color Overlay with these settings:

  • Blend Mode: Color
  • Pick the color #fee691
  • Opacity: 100%
Add a color overlayAdd a color overlayAdd a color overlay

Step 17

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Check the Dither box
  • Opacity: 100%
  • Style: Reflected
  • Angle: 90°
  • Scale: 150%
  • Click on the Gradient and select the previously saved gradient from Presets.

Hit OK to apply all of the changes.

Add a gradient overlayAdd a gradient overlayAdd a gradient overlay

Step 18

Right click with your mouse on the Gold copy 30 layer and select Copy Layer Style, and then Shift-left-click the layer Gold copy 39. While all of these layers are selected, right-click on any of these layers and select Paste Layer Style.

Copy and paste layer styleCopy and paste layer styleCopy and paste layer style
Applied layer stylesApplied layer stylesApplied layer styles

Step 19

Close the Effect 3 group and collapse the Effect 4 group. Select the layer Gold copy 40 and double-click the layer to apply the following layer style:

Add a Color Overlay with these settings:

  • Blend Mode: Color
  • Pick the color #fee691
  • Opacity: 100%
Add a color overlayAdd a color overlayAdd a color overlay

Step 20

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Check the Dither box
  • Opacity: 100%
  • Style: Reflected
  • Angle: 90°
  • Scale: 150%
  • Click on the Gradient and select the previously saved gradient from Presets.

Hit OK to apply all of the changes.

Add a gradient overlayAdd a gradient overlayAdd a gradient overlay

Step 21

Right click with your mouse on the Gold copy 40 layer and select Copy Layer Style, and then Shift-left click the layer Gold copy 59. While all of these layers are selected, right-click on any of these layers and select Paste Layer Style.

Copy and paste layer styleCopy and paste layer styleCopy and paste layer style
Applied layer stylesApplied layer stylesApplied layer styles

Step 22

Close the Effect 4 group and collapse the Effect 5 group. Select the layer Gold copy 60 and double-click the layer to apply the following layer style:

Add an Inner Glow with these settings:

  • Blend  Mode: Linear Burn
  • Opacity: 3%
  • Pick the color #000000
  • Technique: Precise
  • Source: Edge
  • Choke: 100%
  • Size: 136 px
  • Check the Anti-aliased box
Add an inner glowAdd an inner glowAdd an inner glow

Step 23

Add a Color Overlay with these settings:

  • Blend Mode: Color
  • Pick the color #fee691
  • Opacity: 100%
Add a color overlayAdd a color overlayAdd a color overlay

Step 24

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Check the Dither box
  • Opacity: 100%
  • Style: Reflected
  • Angle: 90°
  • Scale: 150%
  • Click on the Gradient and select the previously saved gradient from Presets.

Hit OK to apply all of the changes.

Add a gradient overlayAdd a gradient overlayAdd a gradient overlay

Step 25

Right click with your mouse on the Gold copy 60 layer and select Copy Layer Style, and then Shift-left click the layer Gold copy 89. While all of these layers are selected, right click on any of these layers and select Paste Layer Style.

Copy and paste layer styleCopy and paste layer styleCopy and paste layer style
Applied layer stylesApplied layer stylesApplied layer styles

Step 26

Close the Effect 5 group and collapse the Effect 6 group. Select the layer Gold copy 90 and Double-click the layer to apply the following layer style:

Add an Inner Glow with these settings:

  • Blend  Mode: Linear Burn
  • Opacity: 10%
  • Pick the color #000000
  • Technique: Precise
  • Source: Edge
  • Choke: 100%
  • Size: 136 px
  • Check the Anti-aliased box
Add an inner glowAdd an inner glowAdd an inner glow

Step 27

Add a Color Overlay with these settings:

  • Blend Mode: Color
  • Pick the color #fee691
  • Opacity: 100%
Add a color overlayAdd a color overlayAdd a color overlay

Step 28

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Check the Dither box
  • Opacity: 100%
  • Style: Reflected
  • Angle: 90°
  • Scale: 150%
  • Click on the Gradient and select the previously saved gradient from Presets.

Hit OK to apply all of the changes.

Add a gradient overlayAdd a gradient overlayAdd a gradient overlay

Step 29

Right click on the Gold copy 90 layer and select Copy Layer Style, and then Shift-left click the layer Gold copy 94. While all of these layers are selected, right click on any of these layers and select Paste Layer Style.

Copy and paste layer styleCopy and paste layer styleCopy and paste layer style
Applied layer stylesApplied layer stylesApplied layer styles

Step 30

Close the Effect 6 group and collapse the Effect 7 group. Select the layer Gold copy 95 and double-click the layer to apply the following layer style:

Add an Inner Glow with these settings:

  • Blend  Mode: Linear Burn
  • Opacity: 16%
  • Pick the color #000000
  • Technique: Precise
  • Source: Edge
  • Choke: 100%
  • Size: 136 px
  • Check the Anti-aliased box
Add an inner glowAdd an inner glowAdd an inner glow

Step 31

Add a Color Overlay with these settings:

  • Blend Mode: Color
  • Pick the color #fee691
  • Opacity: 100%
Add a color overlayAdd a color overlayAdd a color overlay

Step 32

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Check the Dither box
  • Opacity: 100%
  • Style: Reflected
  • Angle: 90°
  • Scale: 150%
  • Click on the Gradient and select the previously saved gradient from Presets.

Hit OK to apply all of the changes.

Add a gradient overlayAdd a gradient overlayAdd a gradient overlay

Step 33

Right click on the Gold copy 95 layer and select Copy Layer Style, and then Shift-left click the layer Gold copy 100. While all of these layers are selected, right click on any of these layers and select Paste Layer Style.

Copy and paste layer styleCopy and paste layer styleCopy and paste layer style
Applied layer stylesApplied layer stylesApplied layer styles

Step 34

Close the Effect 7 group and collapse the Effect 8 group. Select the layer Gold copy 101 and double-click the layer to apply the following layer style:

Add an Inner Glow with these settings:

  • Blend  Mode: Linear Burn
  • Opacity: 22%
  • Pick the color #000000
  • Technique: Precise
  • Source: Edge
  • Choke: 100%
  • Size: 136 px
  • Check the Anti-aliased box
Add an inner glowAdd an inner glowAdd an inner glow

Step 35

Add a Color Overlay with these settings:

  • Blend Mode: Color
  • Pick the color #fee691
  • Opacity: 100%
Add a color overlayAdd a color overlayAdd a color overlay

Step 36

Add a Gradient Overlay with these settings:

  • Blend Mode: Normal
  • Check the Dither box
  • Opacity: 100%
  • Style: Reflected
  • Angle: 90°
  • Scale: 150%
  • Click on the Gradient and select the previously saved gradient from Presets.

Hit OK to apply all of the changes.

Add a gradient overlayAdd a gradient overlayAdd a gradient overlay

Step 37

Right click with your mouse on the Gold copy 101 layer and select Copy Layer Style, and then Shift-left click the layer Gold copy 105. While all of these layers are selected, right click on any of these layers and select Paste Layer Style.

Copy and paste layer styleCopy and paste layer styleCopy and paste layer style
Applied layer stylesApplied layer stylesApplied layer styles

6. Create Shadows

Step 1

Select the layer Shadow and hit Control-J on your keyboard twice to make two duplicates of this layer.

Duplicate shadow layerDuplicate shadow layerDuplicate shadow layer

Step 2

Select the layer Shadow and hit Control-T, and then add 20 px to the horizontal position X: and also add 30 px to the vertical position Y: The position values shown in the picture below may be different from yours.

Hit Enter to apply the changes.

Move shadow layerMove shadow layerMove shadow layer

Step 3

Double-click the layer Shadow to apply the following layer style.

Change the Blending Options with these settings:

  • Opacity: 35%
Change the blending optionsChange the blending optionsChange the blending options

Step 4

Add a Color Overlay with these settings:

  • Blend Mode: Normal
  • Pick the color #312000
  • Opacity: 100%
Add a color overlayAdd a color overlayAdd a color overlay

Step 5

Add a Drop Shadow with these settings:

  • Blend Mode: Multiply
  • Pick the color #010101
  • Opacity: 75%
  • Uncheck the Use Global Light box before setting an Angle: 120°
  • Distance: 17 px
  • Spread: 0%
  • Size: 5 px

Hit OK to apply all changes.

Add a drop shadowAdd a drop shadowAdd a drop shadow

Step 6

Go to Filter > Blur > Gaussian Blur, set the Radius to 4.3 pixels, and hit OK.

Add the gaussian blurAdd the gaussian blurAdd the gaussian blur

Step 7

Go to Filter > Blur > Motion Blur, set the Angle: -60° and Distance: 97 pixels, and then hit OK.

Add the motion blurAdd the motion blurAdd the motion blur
Added shadowAdded shadowAdded shadow

Step 8

Select layer Shadow copy and Double-click the layer to apply the following layer style.

Change the Blending Options with these settings:

  • Fill Opacity: 0%
Change the blending optionsChange the blending optionsChange the blending options

Step 9

Add a Drop Shadow with these settings:

  • Blend Mode: Linear Burn
  • Pick the color #000000
  • Opacity: 47%
  • Uncheck the Use Global Light box before setting an Angle: 124°
  • Distance: 0 px
  • Spread: 50%
  • Size: 2 px

Hit OK to apply all changes.

Add a drop shadowAdd a drop shadowAdd a drop shadow
Added shadowAdded shadowAdded shadow

Step 10

Select layer Shadow copy 2 and Double-click the layer to apply the following layer style:

Change the Blending Options with these settings:

  • Opacity: 50%
  • Fill Opacity: 0%
Change the blending optionsChange the blending optionsChange the blending options

Step 11

Add a Color Overlay with these settings:

  • Blend Mode: Normal
  • Pick the color #000000
  • Opacity: 100%
Add a color overlayAdd a color overlayAdd a color overlay

Step 12

Add a Drop Shadow with these settings:

  • Blend Mode: Linear Burn
  • Pick the color #000000
  • Opacity: 11%
  • Uncheck the Use Global Light box before setting an Angle: 45°
  • Distance: 87 px
  • Spread: 0%
  • Size: 79 px

Hit OK to apply all changes.

Add a drop shadowAdd a drop shadowAdd a drop shadow

Step 13

Go to Filter > Blur > Gaussian Blur, set the Radius to 16.8 pixels, and hit OK.

Add the gaussian blurAdd the gaussian blurAdd the gaussian blur

Step 14

For better clarity, we will group all of the shadow layers. Select layer Shadow copy 2, and then Shift-right click the Shadow layer and hit Control-G on your keyboard to make a group of layers.

Group shadow layersGroup shadow layersGroup shadow layers

Congratulations! You Are Done

And that is how to make mockup logos in Photoshop! In this tutorial we learned how to make a 3D black and gold text and logo mockup using a smart object and the layer styles.

We started by creating the smart object, and then we created the shrinking action. After that, we added multiple layers to create the 3D effect and also added the layer styles. Finally, we added some shadows.

Final resultFinal resultFinal result

From now on, you can change the content from the BLACK GOLD title to any other text, shape, or vector. To change the content, right click the Gold layer and select Edit contents. When you are done editing the content, close the .psb document and hit Yes to apply the changes.

You can use a vector logo instead of the text. In the example below, I've changed the content to the Phoenix Logo which is also a part of my portfolio on Envato Market.

Phoenix logo examplePhoenix logo examplePhoenix logo example
Phoenix Logo Template

5 More Black and Gold text Effects

That completes the 3D mockup Photoshop tutorial, but if you are looking for even more black and gold text effects try any one of these assets from Envato Elements and Envato Market!

3D Gold Text Mockups

Mock upMock upMock up

The tutorial we followed today was based on the 3D Gold Text Mockups pack. It contains three different black and gold text effects, and you can get the exact text effect we created in this tutorial instantly! 

Gold Text Effect on a Black Background

Gold text effect on a black backgroundGold text effect on a black backgroundGold text effect on a black background

This classy golden text effect and 3D logo mockup is perfect for any text-based branding! In high resolution with smart object support, this PSD file is ultra customizable. 

Elegant Gold Text Effects

black and gold text effect black and gold text effect black and gold text effect

Whether you're looking for a logo in 3D or a black and gold text for a movie poster, this set of epic gold layer styles will truly stand out! There are three gold text effects, all of which can be changed to fit your project's needs.

Polished Gold Text Effect

Polished Gold Text EffectPolished Gold Text EffectPolished Gold Text Effect

While this asset is promoted as a gold text effect, it can also be used to create the look of metal, bubbles, or even glass! It's a multi-use asset perfect for any graphics designer's toolbelt. Create a logo in 3D instantly by typing in your company's name. 

Black and Gold Mockup Logo

Black Gold Logo MockupBlack Gold Logo MockupBlack Gold Logo Mockup

This black and gold mockup can be applied to both text and shapes! The black and gold logo gives off both a classy and edgy vibe. Just place your shape or text, press save, and you're done! 

Post a Comment

0 Comments