{"id":10819,"date":"2022-05-12T04:05:45","date_gmt":"2022-05-12T04:05:45","guid":{"rendered":"https:\/\/www.picmaker.com\/tutorials\/?p=10819"},"modified":"2022-05-27T06:58:15","modified_gmt":"2022-05-27T06:58:15","slug":"how-to-add-text-to-an-image-without-photoshop","status":"publish","type":"post","link":"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/","title":{"rendered":"How to add Text to an Image WITHOUT Photoshop"},"content":{"rendered":"\n<iframe loading=\"lazy\" width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/UJaWWRZS19U\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>A picture is worth a thousand words. But sometimes it\u2019s not enough to convey your ideas.<\/p>\n\n\n\n<p>Adding text can uniquely improve your image.<\/p>\n\n\n\n<p>In this tutorial, we\u2019ll see how to add text to an image without breaking a sweat.<\/p>\n\n\n\n<p>Watch the video till the end, because we&#8217;re sharing 5 tips that you must know to design with types on images.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tag0\">Choosing an image<\/h2>\n\n\n\n<p>Sign in or sign up to Picmaker using your credentials.<\/p>\n\n\n\n<p>We are on the Picmaker Dashboard right now.<\/p>\n\n\n\n<p>Let\u2019s have a blank YouTube thumbnail artboard.<\/p>\n\n\n\n<p>You can either upload your own image or select from millions of stock photos.<\/p>\n\n\n\n<p>Use this search bar to quickly find an image that interests you.<\/p>\n\n\n\n<p>As you can see, images with diamond icons at the top right are premium and elite images.<\/p>\n\n\n\n<p>Premium images are available in the starter and pro plans.<\/p>\n\n\n\n<p>Elite images are in the pro plan at some applicable cost.<\/p>\n\n\n\n<p>If you are in the free plan, upgrade to starter or pro to use high-quality premium images.<\/p>\n\n\n\n<div class=\"cta\">\n       <div class=\"title\"> Get the power, control, and customization you need to manage your design projects <\/div>                        \n         <p><a href=\"https:\/\/app.picmaker.com\/pricing\/\">Choose your pricing plan<\/a><\/p>\n<\/div>\n\n\n\n<p>You can also use the free images that we offer.<\/p>\n\n\n\n<p>I\u2019m gonna choose this image.<\/p>\n\n\n\n<p>Set it as a background of the artboard.<\/p>\n\n\n\n<p>Double click on the image to position it on the board perfectly.<\/p>\n\n\n\n<p>Pro tip: adding a color tint to your image can uplift the text.<\/p>\n\n\n\n<p>Click on the plus icon at the top.<\/p>\n\n\n\n<p>Choose a color that suits the image.<\/p>\n\n\n\n<p>In this case, I\u2019m gonna choose black.<\/p>\n\n\n\n<p>Play with transparency until u get your desired result.<\/p>\n\n\n\n<p>Before adding the text, let\u2019s add more fun to the image using objects.<\/p>\n\n\n\n<p>Now your image is ready to add text.<\/p>\n\n\n\n<p>Click on the text section in the sidebar.<\/p>\n\n\n\n<p>You can either use one of these text prebuilts or add a text from scratch.<\/p>\n\n\n\n<p>I\u2019ll show you how to use both options.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tag1\">Add a text from scratch<\/h2>\n\n\n\n<p>Let&#8217;s start with adding text from scratch.<\/p>\n\n\n\n<p>You\u2019ve got 6 options in the sidebar.<\/p>\n\n\n\n<p>You don\u2019t need to click on these options to see how it\u2019ll look on the artboard.<\/p>\n\n\n\n<p>The preview is already presented here.<\/p>\n\n\n\n<p>Big text is bigger than the headlines and headlines are relatively bigger than the titles.<\/p>\n\n\n\n<p>Likewise, you can add body text, bulletins, and captions.<\/p>\n\n\n\n<p>With these options, you can relieve yourself from choosing the font-size separately.<\/p>\n\n\n\n<p>I\u2019m gonna use the big text.<\/p>\n\n\n\n<p>To change the color, just click on the color at the top.<\/p>\n\n\n\n<p>Choose a font color that perfectly matches the image.<\/p>\n\n\n\n<p>Double click on the text to edit.<\/p>\n\n\n\n<p>You can change the font using the drop-down menu at the top.<\/p>\n\n\n\n<p>Tweak the other font style like bold, italic, underline, and text transform to spice it up.<\/p>\n\n\n\n<p>If you feel that the text color is not standing out, change the transparency of the image.<\/p>\n\n\n\n<p>You can change the font size from here or manually change it like this.<\/p>\n\n\n\n<p>Let\u2019s add another text using the text caption.<\/p>\n\n\n\n<p>The advantage of text caption is it adds a background color to the text.<\/p>\n\n\n\n<p>And you can change the color from the menu above.<\/p>\n\n\n\n<p>Play with various ready-made text effects on Picmaker.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tag2\">Add a text-prebuilt<\/h2>\n\n\n\n<p>Now that you know how to add a text from scratch, it\u2019s time to learn how to use text prebuilts.<\/p>\n\n\n\n<p>Text-prebuilts are pre-designed fonts with added text effects.<\/p>\n\n\n\n<p>You can use them when you\u2019re on the go to design something in seconds.<\/p>\n\n\n\n<p>For instance, let\u2019s take this text-prebuilt.<\/p>\n\n\n\n<p>As you can see, a hollow text effect is added with brilliant colors.<\/p>\n\n\n\n<p>It\u2019s not like you cannot customize the text-prebuilts.<\/p>\n\n\n\n<p>Double click on the text to edit and you can always play with colors.<\/p>\n\n\n\n<p>If you are designing a presentation, adding a link to the slide will greatly help you to show references.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tag3\">Upload your own font<\/h2>\n\n\n\n<p>Picmaker is loaded with tons of the most popular fonts in the graphic design world.<\/p>\n\n\n\n<p>In case you need to use your own font, you can upload it anytime using this upload button.<\/p>\n\n\n\n<p>The uploaded fonts are handy to use under the text section in the sidebar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tag4\">Tips for designing with type on an image<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Blur the image<\/h3>\n\n\n\n<p>One challenge that you\u2019ll face while adding text to an image is the text merges with the image and makes it hard to read.<\/p>\n\n\n\n<p>Blur the background I&#8217;m age so that the text is easily readable.<\/p>\n\n\n\n<p>It adds focus to the message you are trying to convey.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Play with Transparency<\/h3>\n\n\n\n<p>As shown before, adding a color tint to the image and playing with transparency can greatly improve the readability of the text.<\/p>\n\n\n\n<p>In a matter of seconds, you can take your design to the next level while keeping your message intact.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add text on shapes<\/h3>\n\n\n\n<p>Adding text to shapes like rectangles or circles will help the viewers to read the text easily.<\/p>\n\n\n\n<p>This not just improves the clarity but attracts eyeballs to focus on the text.<\/p>\n\n\n\n<p>If you are choosing a rectangle shape, a text caption will work for you.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Know the Hierarchy<\/h3>\n\n\n\n<p>Use font size to differentiate what\u2019s more important and what\u2019s not.<\/p>\n\n\n\n<p>A text with a big font size will get noticed more than a text with a small font size.<\/p>\n\n\n\n<p>So choose the size of your text wisely to ensure what you want your readers to read.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Color Highlights<\/h3>\n\n\n\n<p>Colors can greatly help to emphasize a word in the design.<\/p>\n\n\n\n<p>Just select a word and change the color.<\/p>\n\n\n\n<p>See how it immensely impacts the design.<\/p>\n\n\n\n<div class=\"cta\">\n       <div class=\"title\"> Play with Typography on your design seamlessly <\/div>                        \n         <p><a href=\"https:\/\/accounts.animaker.com\/login\/picmaker\">Add Text to Image Now<\/a><\/p>\n<\/div>\n\n\n\n<p><strong>Also watch:<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.picmaker.com\/tutorials\/how-to-upload-a-custom-font-in-seconds\/\">How to upload a custom font in seconds<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.picmaker.com\/tutorials\/how-to-add-brand-fonts-to-your-brand-kit\/\">How to add Brand Fonts to your Brand Kit<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.picmaker.com\/tutorials\/how-to-be-a-pro-designer\/\">How to be a pro designer<\/a><\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Convey your ideas with text on images<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":37,"featured_media":10829,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[405,404],"tags":[466,460],"table_tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add Text to an Image WITHOUT Photoshop<\/title>\n<meta name=\"description\" content=\"Play with Typography on your design seamlessly. Adding text can uniquely improve your design. Add text to your image now.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add Text to an Image WITHOUT Photoshop\" \/>\n<meta property=\"og:description\" content=\"Play with Typography on your design seamlessly. Adding text can uniquely improve your design. Add text to your image now.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Picmaker tutorials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/thepicmaker\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-12T04:05:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-27T06:58:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.picmaker.com\/tutorials\/wp-content\/uploads\/2022\/05\/YT-New-Add-text-to-image.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Praveen Simon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@PicmakerHQ\" \/>\n<meta name=\"twitter:site\" content=\"@PicmakerHQ\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Praveen Simon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add Text to an Image WITHOUT Photoshop","description":"Play with Typography on your design seamlessly. Adding text can uniquely improve your design. Add text to your image now.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"How to add Text to an Image WITHOUT Photoshop","og_description":"Play with Typography on your design seamlessly. Adding text can uniquely improve your design. Add text to your image now.","og_url":"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/","og_site_name":"Picmaker tutorials","article_publisher":"https:\/\/www.facebook.com\/thepicmaker","article_published_time":"2022-05-12T04:05:45+00:00","article_modified_time":"2022-05-27T06:58:15+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.picmaker.com\/tutorials\/wp-content\/uploads\/2022\/05\/YT-New-Add-text-to-image.jpeg","type":"image\/jpeg"}],"author":"Praveen Simon","twitter_card":"summary_large_image","twitter_creator":"@PicmakerHQ","twitter_site":"@PicmakerHQ","twitter_misc":{"Written by":"Praveen Simon","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/","url":"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/","name":"How to add Text to an Image WITHOUT Photoshop","isPartOf":{"@id":"https:\/\/www.picmaker.com\/tutorials\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.picmaker.com\/tutorials\/wp-content\/uploads\/2022\/05\/YT-New-Add-text-to-image.jpeg","datePublished":"2022-05-12T04:05:45+00:00","dateModified":"2022-05-27T06:58:15+00:00","author":{"@id":"https:\/\/www.picmaker.com\/tutorials\/#\/schema\/person\/31488b9949130659a55ee6569075a2b1"},"description":"Play with Typography on your design seamlessly. Adding text can uniquely improve your design. Add text to your image now.","breadcrumb":{"@id":"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/#primaryimage","url":"https:\/\/www.picmaker.com\/tutorials\/wp-content\/uploads\/2022\/05\/YT-New-Add-text-to-image.jpeg","contentUrl":"https:\/\/www.picmaker.com\/tutorials\/wp-content\/uploads\/2022\/05\/YT-New-Add-text-to-image.jpeg","width":1280,"height":720,"caption":"Add text to image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.picmaker.com\/tutorials\/how-to-add-text-to-an-image-without-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.picmaker.com\/tutorials\/"},{"@type":"ListItem","position":2,"name":"How to add Text to an Image WITHOUT Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.picmaker.com\/tutorials\/#website","url":"https:\/\/www.picmaker.com\/tutorials\/","name":"Video communication and Screen Recording blog from VmakerBlog","description":"Learn how to use Picmaker\u2019s creative tools for your designs","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.picmaker.com\/tutorials\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.picmaker.com\/tutorials\/#\/schema\/person\/31488b9949130659a55ee6569075a2b1","name":"Praveen Simon","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.picmaker.com\/tutorials\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f5c3c1e13614fd50dafb0f3e406a50a0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f5c3c1e13614fd50dafb0f3e406a50a0?s=96&d=mm&r=g","caption":"Praveen Simon"},"url":"https:\/\/www.picmaker.com\/tutorials\/author\/praveen\/"}]}},"_links":{"self":[{"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/posts\/10819"}],"collection":[{"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/comments?post=10819"}],"version-history":[{"count":2,"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/posts\/10819\/revisions"}],"predecessor-version":[{"id":10823,"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/posts\/10819\/revisions\/10823"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/media\/10829"}],"wp:attachment":[{"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/media?parent=10819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/categories?post=10819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/tags?post=10819"},{"taxonomy":"table_tags","embeddable":true,"href":"https:\/\/www.picmaker.com\/tutorials\/wp-json\/wp\/v2\/table_tags?post=10819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}