Business card logo mockup psd

  • Home
  • /
  • Business card logo mockup psd
Business card logo mockup psd

Business card logo mockup Download File

So, for example I will show you how to create minimalistic business card logo mockup as a simple tutorial made in Adobe Photoshop. Follow the steps mentioned below to generate a simple mock-up, if you are looking for pre-made PSD files then add that accordingly. This is a simplified version; you may want to clean it up for your own use case.

How to make a quick business card logo mockup

Step 1: Open Photoshop

Turn on your PC load Adobe Photoshop.

Step 2: Create a New Document

Or open a new blank document and create one with the dimensions of a standard business card. In the US, this is 3.5 inches by 2 inches (88mm x 59mm ) It is a high quality print resolution 300 pixels/inch.

Step 3: Create Your Business Card

Front and back side of your business card Include your logo, company name and details on how to contact you personally around the post. I would suggest to create separate layers for each element, because that gives you a lot more flexibility.

Step 4: Generate a Smart Object for Your Logo

Right click your logo layer, and select Convert to Smart Object. It allows transformations without compromising image quality.

Step 5: Creating a Rectangle for Mockup Background

Add a New blank layer and draw the rectangle that covers all of your business cards. This will serve as your canvas when you create the layout, You can color in with any plain colour or you could do a gradient one.

Step 6: Embrace Smart Filters for Realism

Select the rectangle layer, Filter > Noise > Add Noise. To increase the realism of your mockup, give some #TEXTURE! After That, Filter > Blur > Gaussian Blur and get a little blueish blur to simulate depth of field.

Step 7: To Finish Paste the Logo as a Smart Object

Drop your logo smart object to the document Resize it to fit however you like on the card.

Step 8: Save as PSD

Save your file as PSD (keep layers and editability).

Step 9: Export For Shear Presentation

JPG or PNG will be the export format when you are done mocking up your idea. Unfortunately you won’t have the ability to move or adjust any of the layers as you would with a PSD, but it’s perfectly acceptable for showing off your b-card.

Please remember that this is bare minimum, you may apply shadows/highlights or any additional effects to make the mockup more realistic. If you want something more premium and professional looking, try searching for mockups templates on design resource websites.

Website UI kit Figma [Free version]
Wireframing & Prototyping Free Ui Kit
Wireframes Kit – Free wireframing Websites and SaaS UI UX
Bricks Free Ui-kit for wireframing
ree UI kit Design System Wireframing Showcase Components
Webdesign Wireframe Free UI Kit
Free Wireframes UI Kit
Free Checkout Perfect UI Kit
Untitled UI – FREE Figma UI kit and design system
Browk UI KIT,
Material Theme Builder
Variables manager: copy/paste variables between files
Free Responsive Button UI Kit
Table Creator
Page Pilot UI Kit
DhiWise – Figma to Code
Indigo.Design Figma Plugin
ATOM DARK V.2 UI KIT Freebies UIKIT Analytics
Email design template freebie
Landing Page Kit – Free 13 Landing Pages
Freebie UI Kit Game information
Design System Ui Kit Free
Free Ecommerce UI Template
ART WEBSITE UI UX DESIGN – FREE TEMPLATE
Free Mobile UI kit
Live Score UI KIT (FREEBIES)
Push Notification UI Kit iOS, Android, Chrome, Firefox, Windows
Magazine Mobile UI Kit
GlobeGlider – Travel App Booking Free Mobile UI Kit
Food & Vouchers Free Mobile App UI Kit
Smart Free Task Mobile Apps Ui Kit
TikTok UI Screens
Instagram UI Screens
Medical App Freebie
Food App FoodHub
Audio Book UI Kit
Facebook Messenger UI Screens
Furniture Shopping UI Kit Minimal
Virtual Payment Service Mobile App UI
Spotify Redesign Ui Kit Free
Free Food App Design
Coinpay Fintech Finance Mobile App UI kit
Analytics Web App UI Kit
Clonify Library
Landing Page UI Kit (Community)
Vector Illustration Design Pack
Free Pulse Illustration Kit 130+ Assets and Scenes
Plant App Freebies
Empty States and Illustrations
Empty States Kit (7 free templates!)
Healthcare App with Blush Illustrations
Echo Website Hero Header Builder Illustrations Kit
2000+ Free & Premium Vector Illustration
Free Dashboard Ui Kit
Admin Modified Dashboard
Figma UI Kit for Dashboard Free
Dashboard UI Kit – Dashboard
Nike UI Kit – Free (Recreated)
Timeline Dashboard UI Kit
Essential UI – Figma Ui Kit
Friendly UI kit • Free
Open Art – Free NFTs UI Kit
Free Coding app interaction design
Free Payment UI Kit
Free Data visualization app UI kit
Free UI Kit Social App
Android Material Ui Kit (Free)
Android iOS Keyboard UI kit – FREE
Free Mobile Game Ui Kit
Instagram UI Kit 1.0
Queezy – Quiz App UI Kit
Mobile App Free UI Kit for Figma
Free Apple Store Mobile App UI Kit
Food delivery app Ui kit
Free UI Kit Social App
Hotel Hub App
Free UI Kits for Figma
Free eCommerce UI Kit
Free Financial Website
Free Astrolus Landing Page UI KIT
Landing Page UI Kit(Freebie)
Edu Toys Landing page
Landify Landing Page UI Kit v1.1
Free Travel UI Landing Page
Esports Team Landing Page
Online Learning Page
UI Kit Landing Page
Social Media Landing Page

I hope you guys like Ui kit!

If you have any query contact us – ITO Digital Agency

Thank You! 🎊

  • Author: Team Anyjson
  • Categories: Mockup
Share

Items you may also like

UI Design System
Dashboard

A UI Design System is a collection of reusable components, patterns, and guidelines that are used to create cohesive and consistent user interfaces. It provides...

Cryptocurrency Landing Page
Landing Page

In the competitive world of cryptocurrency, a well-designed landing page can be the difference between attracting potential investors and losing their interest. Whether you're launching...