{"id":4898,"date":"2015-01-21T16:19:49","date_gmt":"2015-01-21T16:19:49","guid":{"rendered":"https:\/\/www.vexels.com\/blog\/?p=4898"},"modified":"2020-08-10T02:37:54","modified_gmt":"2020-08-10T00:37:54","slug":"how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps","status":"publish","type":"post","link":"\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/","title":{"rendered":"How to create awesome Vector Wedding Invitations in a few simple steps!"},"content":{"rendered":"<p>When that time arrives that two person decide to get married and spend the rest of their lives (luckily) together, a lot of challenges suddenly came up and need to be addressed in the most efficient way possible.<\/p>\n<p>The invitation card is clearly one of those things that  could be considered important for some people but its relevance could also be underestimated by many. Our point of view is that the Wedding Invitation is like a business card or a presentation, where the spirit, style, aesthetics and tone of the wedding should be conveyed.<\/p>\n<p>Currently we can distinguish among several trends in terms of Wedding Invitations designs. However, we decided to focus on 2 styles that we consider interesting and trendy. Those are:<\/p>\n<ul>\n<li>1) Luxury (Elegant)<\/li>\n<li>2) Modern Retro<\/li>\n<\/ul>\n<p>We will be working with Adobe Illustrator CS6 (basic skills are required and taken from granted), Free Vectors Graphics from the Vector Open Stock database and free fonts from Google Fonts.<\/p>\n<p>Vector graphics will provide us various types of useful elements like <a href=\"https:\/\/www.vexels.com\/free-vectors\/background\/\" title=\"Vector Backgrounds\">Backgrounds<\/a>, <a href=\"https:\/\/www.vexels.com\/free-vectors\/ornaments\/\" title=\"Vector Ornaments\">Ornaments<\/a>, <a href=\"https:\/\/www.vexels.com\/silhouette-vectors\/\" title=\"Vector silhouettes\">Silhouettes<\/a>, <a href=\"https:\/\/www.vexels.com\/free-vectors\/icons\/\" title=\"Vector Icons\">Icons<\/a> and more.<\/p>\n<p>Ready? here we go.<\/p>\n<h2>Elegant\/Luxury Wedding Invitation<\/h2>\n<p>First Let&#8217;s find a background that we like, fits the Elegant\/Luxury style and matches the personalities of the Groom and the Bride.<\/p>\n<p>Here are some alternatives for the background:<\/p>\n<p><a href=\"https:\/\/www.vexels.com\/vectors\/preview\/72941\/wedding-invitation-with-rings\"><img decoding=\"async\" src=\"https:\/\/images.vexels.com\/media\/users\/3\/72941\/raw\/43d7e72600da83c22fad72710135fc80-wedding-invitation-with-rings.jpg\" alt=\"wedding invitationbackground \" width=\"200\" height=\"200\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.vexels.com\/vectors\/preview\/71075\/elegant-bright-floral-textures\"><img decoding=\"async\" src=\"https:\/\/images.vexels.com\/media\/users\/3\/71075\/raw\/6aead360bd299af3a68246f7a9afc240-elegant-bright-floral-textures.jpg\" alt=\"floral textures\" width=\"200\" height=\"200\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.vexels.com\/vectors\/preview\/71308\/red-floral-ornament-background\"><img decoding=\"async\" src=\"https:\/\/images.vexels.com\/media\/users\/3\/71308\/raw\/ca22cc847a67001803abc4e1c8142125-red-floral-ornament-background.jpg\" alt=\"floral ornament background\" width=\"200\" height=\"200\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.vexels.com\/vectors\/preview\/72981\/heart-swirls-invitation-wedding\"><img loading=\"lazy\" decoding=\"async\"  src=\"https:\/\/images.vexels.com\/media\/users\/3\/72981\/raw\/2b383078b612c9585e924a255e994988-heart-swirls-invitation-wedding.jpg\" alt=\"background wedding\" width=\"200\" height=\"200\" \/><\/a><\/p>\n<p>In this case we will use as a background the following vector:<\/p>\n<div id=\"attachment_4899\" style=\"width: 410px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.vexels.com\/vectors\/preview\/71637\/elegant-ornate-gold-floral-background\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"aligncenter\" src=\"https:\/\/images.vexels.com\/media\/users\/3\/71637\/raw\/6bda0cacad2a417c3fa062d216d6ff63-elegant-ornate-gold-floral-background.jpg\" alt=\"gold floral background\" width=\"400\" height=\"283\" \/><\/a><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">Click on the image to go to the download page.<\/p><\/div>\n<p>We will remove the text, title and the brand stripe to have the clean background.<br \/>\nNow we will unlock all the objects (objects &gt; unlock all).<br \/>\nAfter that we will select the Background rectangle and turn it into black colour:<\/p>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/01.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"wp-image-4899 size-full\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/01.jpg\" alt=\"\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/01.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/01-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/01-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">Remove text and brand stripe to have the clean background<\/p><\/div>\n<p>Now we will create a white rectangle that covers about 1\/3 of the image, as shown:<\/p>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/02.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"aligncenter wp-image-4900 size-full\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/02.jpg\" alt=\"Wedding Invitation Tutorial\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/02.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/02-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/02-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">Find the balance according to your design<\/p><\/div>\n<p>Select the floral shapes and will apply a gradient with 3 anchors, in the gradient tool you will have to choose 40% black for both left and right extremes and in the middle a 20% black, check the direction of the gradient in the image:<\/p>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"aligncenter wp-image-4902 size-full\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/03-1.jpg\" alt=\"wedding card tutorial\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/03-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/03-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/03-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">You can go also for a Golden look!<\/p><\/div>\n<p>Then from the following vector that can be downloaded <a title=\"Golden Wedding Invitation\" href=\"https:\/\/www.vexels.com\/vectors\/preview\/70873\/wedding-invitation-red-golden-frame-fringes\">here<\/a> we will copy the middle label\/emblem (including boarders) where we will place the names of the Bride and the Groom.<\/p>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.vexels.com\/vectors\/preview\/70873\/wedding-invitation-red-golden-frame-fringes\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"aligncenter wp-image-4903 size-full\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/04.jpg\" alt=\"Golden Wedding Invitation\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/04.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/04-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/04-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">More <a title=\"Labels and Emblems\" href=\"https:\/\/www.vexels.com\/free-vectors\/label\/\">emblems\/labels can be downloaded here<\/a><\/p><\/div>\n<p>Then we will be pasting the emblem\/label in our current design, in the middle, so that it covers part of the background pattern and part of the white background, that will give it a outstanding look:<\/p>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"alignnone wp-image-4904 size-full\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/05.jpg\" alt=\"Wedding Invitation tutorial\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/05.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/05-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/05-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">Make sure to align in the horizontal center<\/p><\/div>\n<p>Now we&#8217;ll change the colours of the emblem\/label to black and white. Let&#8217;s make the black inner boarder line white and the rest black.<\/p>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"alignnone size-full wp-image-4905\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/06.jpg\" alt=\"Tutorial Illustrator Vector Graphics\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/06.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/06-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/06-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">Try other colour combinations!<\/p><\/div>\n<p>The following step is to add a black stripe between the floral background and the white space to separate and give it a more appealing look.<\/p>\n<p>It&#8217;s now time for the names, in this case we&#8217;ve chosen a beautiful font that matches the stylish design, the font we used is called <a title=\"Great Vibes Font Download\" href=\"https:\/\/www.google.com\/fonts\/specimen\/Great+Vibes\">Great Vibes<\/a> you can download it on the link, check how nice this is looking:<\/p>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"alignnone size-full wp-image-4906\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/07-1.jpg\" alt=\"07-1\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/07-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/07-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/07-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">Script fonts matches perfectly elegant designs<\/p><\/div>\n<p>Well, it seems we need some ornaments to decorate around the names. That&#8217;s why we will go to one of our most popular vector files:<\/p>\n<h4><a title=\"60 Floral swirls Ornaments and dividers set\" href=\"https:\/\/www.vexels.com\/vectors\/preview\/71411\/60-floral-swirls-ornaments-and-dividers-set\">60 Floral swirls Ornaments and dividers set<\/a><\/h4>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.vexels.com\/vectors\/preview\/71411\/60-floral-swirls-ornaments-and-dividers-set\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"alignnone size-full wp-image-4907\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/08.jpg\" alt=\"60 Floral swirls Ornaments and dividers set\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/08.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/08-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/08-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><p id=\"caption-attachment-4899\" class=\"wp-caption-text\"><br \/>Make sure to save this link as this set is very useful for many purposes.<\/p><\/div>\n<p>You can choose among those 60 nice ornaments to decorate names, we decided to go with the selected one and paste it in the emblem\/label like it&#8217;s shown in the image:<\/p>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"alignnone size-full wp-image-4908\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/09.jpg\" alt=\"09\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/09.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/09-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/09-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">Customize your design with your favourite ornament!<\/p><\/div>\n<p>Finally, the white part looks kind of empty, so we decided to give the white rectangle a transparency of 90% of opacity:<\/p>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"alignnone size-full wp-image-4909\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/10.jpg\" alt=\"10\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/10.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/10-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/10-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">Almost done!<\/p><\/div>\n<p>Walla! Here it&#8217;s<\/p>\n<div id=\"attachment_4899\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4899\" class=\"alignnone size-full wp-image-4910\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/11.jpg\" alt=\"11\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/11.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/11-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/11-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4899\" class=\"wp-caption-text\">The finished vector can be downloaded <a title=\"Floral Elegant Invitation\" href=\"https:\/\/www.vexels.com\/vectors\/preview\/72980\/black-floral-elegant-invitation\">here<\/a><\/p><\/div>\n<p>Clearly the look of the upper part of our Invitation is taken to a highest level with this last tweak.<\/p>\n<p>Too classy for you? You may prefer the next style:<\/p>\n<h2>Modern Retro Wedding Invitation<\/h2>\n<p>You may think that Modern and Retro are opposite. However, the retro or vintage look we used today is &#8220;modernized&#8221; to match the current design trends. Look can be approached by many ways, we would say that  decisive elements when trying to look retro are fonts and colours.  So we&#8217;ll have special attention to that. BTW, here&#8217;s an interesting article where you can find <a href=\"https:\/\/www.1001fonts.com\/retro+google-web-fonts.html\" title=\"Retro Fonts\">retro fonts<\/a> <\/p>\n<p>This time we will be using the <a href=\"https:\/\/www.google.com\/fonts\/specimen\/Amatic+SC\">Amatic SC<\/a> font.<\/p>\n<p>So, here we go again.<\/p>\n<p>For this design we will be using 2 vectors from Vector Open Stock database:<\/p>\n<dl id=\"\" class=\"wp-caption aligncenter  \" style=\"width: 410px;\">\n<dt class=\"wp-caption-dt\"><a href=\"https:\/\/www.vexels.com\/vectors\/preview\/70848\/wedding-invitation-with-sidecar-couple\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.vexels.com\/media\/users\/3\/70848\/raw\/344369c3e8069e7f27a45f41a9d0b4d2-wedding-invitation-with-sidecar-couple.jpg\" alt=\"save the date\" width=\"400\" height=\"282\" \/><\/a><\/dt>\n<dd class=\"wp-caption-dd\">Click on the image to download it!<\/dd>\n<\/dl>\n<dl id=\"\" class=\"wp-caption aligncenter\" style=\"width: 269px;\">\n<dt class=\"wp-caption-dt\"><a href=\"https:\/\/www.vexels.com\/vectors\/preview\/71692\/cool-vintage-wedding-invitation\"><img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/images.vexels.com\/media\/users\/3\/71692\/raw\/9ab6a792ea4740c6a014a0e9b6b4a2f0-cool-vintage-wedding-invitation.jpg\" alt=\"vintage wedding invitation\" width=\"259\" height=\"270\" \/><\/a><\/dt>\n<dd class=\"wp-caption-dd\">Click on the image for download!<\/dd>\n<\/dl>\n<p>So, here&#8217;s what we are going to do. We&#8217;ll take the background of the second vector file which looks kind of retro but modern. Copy the Background and paste it in a new document where we will be working on. We will be using the zig zag background horizontally instead of vertically. Rotate the background so it looks like this:<\/p>\n<div id=\"attachment_4938\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4938\" class=\"size-full wp-image-4938\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/01-1.jpg\" alt=\"90 degrees!\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/01-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/01-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/01-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4938\" class=\"wp-caption-text\">90 degrees!<\/p><\/div>\n<p>Now we will repeat the upper part of the design so that it covers all our Artboard:<\/p>\n<div id=\"attachment_4941\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4941\" class=\"size-full wp-image-4941\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/02-1.jpg\" alt=\"Psychodelic!!\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/02-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/02-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/02-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4941\" class=\"wp-caption-text\">Psychodelic!!<\/p><\/div>\n<p>Draw a rectangle that covers all the area and select both, the rectangle and the background, right click (secondary button for mac) and select &#8220;create clipping mask&#8221;, this will enclose the background on the rectangle we just created.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4943\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/03-3.jpg\" alt=\"03-3\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/03-3.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/03-3-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/03-3-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>We will take the heart from the original design, and make it bigger, paste it in our new design:<\/p>\n<div id=\"attachment_4944\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4944\" class=\"size-full wp-image-4944\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/04-1.jpg\" alt=\"Make sure alignment is right!\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/04-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/04-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/04-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4944\" class=\"wp-caption-text\">Make sure alignment is right!<\/p><\/div>\n<p>Then we will select any of the colours from the background that could be the one you like the most, here we&#8217;ve chosen a light pink.<\/p>\n<div id=\"attachment_4945\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4945\" class=\"size-full wp-image-4945\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/05-1.jpg\" alt=\"Clearer Heart to make it out stand!\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/05-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/05-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/05-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4945\" class=\"wp-caption-text\">Clearer Heart to make it out stand!<\/p><\/div>\n<p>We need\u00a0 a stroke to make it pop out better, so we will select the shape and select a 6pt grey stroke:<\/p>\n<p\/>\n<div id=\"attachment_4946\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4946\" class=\"size-full wp-image-4946\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/06-1.jpg\" alt=\"Grey Border\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/06-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/06-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/06-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4946\" class=\"wp-caption-text\">Grey Stroke<\/p><\/div>\n<p>From the other vector, copy the sidercar with the couple and paste it inside the heart:<\/p>\n<div id=\"attachment_4947\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4947\" class=\"size-full wp-image-4947\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/07-2.jpg\" alt=\"Leave space for names!\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/07-2.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/07-2-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/07-2-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4947\" class=\"wp-caption-text\">Leave space for names!<\/p><\/div>\n<p>It&#8217;s time for the names, make sure to have the Amatic SC font installed in your system, we will use the same colour from the sidecar.<\/p>\n<div id=\"attachment_4948\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4948\" class=\"size-full wp-image-4948\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/08-1.jpg\" alt=\"Download font here\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/08-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/08-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/08-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4948\" class=\"wp-caption-text\">Download font <a href=\"https:\/\/www.google.com\/fonts\/specimen\/Amatic+SC\">here<\/a><\/p><\/div>\n<p>We will use the green ribbon we had in the original design to write the message, that could be &#8220;we are getting married&#8221;, the date of the event or even a love quote.<\/p>\n<div id=\"attachment_4949\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4949\" class=\"size-full wp-image-4949\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/09-1.jpg\" alt=\"They are already married!!!\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/09-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/09-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/09-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4949\" class=\"wp-caption-text\">They are already married!!!<\/p><\/div>\n<p>This little tweak will give the ribbon a 3D look, we&#8217;ll darken the sides of the ribbon:<\/p>\n<div id=\"attachment_4950\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4950\" class=\"size-full wp-image-4950\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/10-1.jpg\" alt=\"Give it a 3D feel\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/10-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/10-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/10-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4950\" class=\"wp-caption-text\">Give it a 3D feel<\/p><\/div>\n<p>Now we are going to add a shadow to the design so it pops out. To do so we will select both shapes the ribbon and the heart and we will press ctrl+c and ctrl+b (command+c and command+b for mac), this copy and paste in the same place. The shape will stay selected and we will use the pathfinder to unite both shapes so that we can make the shadow with a single shape:<\/p>\n<div id=\"attachment_4951\" style=\"width: 810px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4951\" class=\"size-full wp-image-4951\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/11-1.jpg\" alt=\"If the Pathfinder is not visible go to Window&gt;Pathfinder!\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/11-1.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/11-1-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/11-1-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><p id=\"caption-attachment-4951\" class=\"wp-caption-text\">If the Pathfinder is not visible go to Window&gt;Pathfinder!<\/p><\/div>\n<p>Now with the behind shape selected we will go to effect and gaussian blur (40%). And then we will set colours and transparency as shown here. Make sure to use the multiply transparency:<\/p>\n<div id=\"attachment_4952\" style=\"width: 810px\" class=\"wp-caption alignnone\"><a href=\" \"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4952\" class=\"size-full wp-image-4952\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/12.jpg\" alt=\"Gaussian Blur is very useful for Shadows\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/12.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/12-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/12-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><p id=\"caption-attachment-4952\" class=\"wp-caption-text\">Gaussian Blur is very useful for Shadows<\/p><\/div>\n<p>Once again! We&#8217;re done! Looks good, doesn&#8217;t it?<br \/>\nIf you are really lazy you can download the file directly clicking on the image! We would have say it at the beginning what you wouldn&#8217;t have learnt some useful tips shown here \ud83d\ude42 <\/p>\n<div id=\"attachment_4953\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.vexels.com\/vectors\/preview\/73000\/sidecar-couple-colorful-wedding-invitation\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4953\" class=\"wp-image-4953 size-full\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2015\/01\/13.jpg\" alt=\"Download the final file here!\" width=\"800\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2015\/01\/13.jpg 800w, \/blog\/wp-content\/uploads\/2015\/01\/13-160x100.jpg 160w, \/blog\/wp-content\/uploads\/2015\/01\/13-300x187.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><p id=\"caption-attachment-4953\" class=\"wp-caption-text\">Download the final file <a href=\"https:\/\/www.vexels.com\/vectors\/preview\/73000\/sidecar-couple-colorful-wedding-invitation\">here<\/a>!<\/p><\/div>\n<p>We hope you&#8217;ve enjoyed this tutorial. Comment and share is a way of saying thanks!<\/p>\n<p>Have fun!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When that time arrives that two person decide to get married and spend the rest of their lives (luckily) together, a lot of challenges suddenly&#8230;<\/p>\n","protected":false},"author":1,"featured_media":4910,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,26],"tags":[487,488,275,408,486,489,166,490,439,491,137,66,483,162],"class_list":{"0":"post-4898","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-drawn","8":"category-illustrations","9":"tag-create","10":"tag-elegant","11":"tag-free-vector","12":"tag-graphic-design","13":"tag-invitation","14":"tag-luxury","15":"tag-music","16":"tag-old-school","17":"tag-painters","18":"tag-resources","19":"tag-site","20":"tag-surreal","21":"tag-tutorial","22":"tag-typo"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to create awesome Vector Wedding Invitations in a few simple steps! - Vexels Blog<\/title>\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.vexels.com\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create awesome Vector Wedding Invitations in a few simple steps! - Vexels Blog\" \/>\n<meta property=\"og:description\" content=\"When that time arrives that two person decide to get married and spend the rest of their lives (luckily) together, a lot of challenges suddenly...\" \/>\n<meta property=\"og:url\" content=\"\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/\" \/>\n<meta property=\"og:site_name\" content=\"Vexels Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-21T16:19:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-10T00:37:54+00:00\" \/>\n<meta property=\"og:image\" content=\"\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vexels\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vexels\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create awesome Vector Wedding Invitations in a few simple steps! - Vexels Blog","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.vexels.com\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/","og_locale":"en_US","og_type":"article","og_title":"How to create awesome Vector Wedding Invitations in a few simple steps! - Vexels Blog","og_description":"When that time arrives that two person decide to get married and spend the rest of their lives (luckily) together, a lot of challenges suddenly...","og_url":"\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/","og_site_name":"Vexels Blog","article_published_time":"2015-01-21T16:19:49+00:00","article_modified_time":"2020-08-10T00:37:54+00:00","og_image":[{"width":800,"height":500,"url":":\/blog\/wp-content\/uploads\/2015\/01\/11.jpg","type":"image\/jpeg"}],"author":"Vexels","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vexels","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":":\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/#article","isPartOf":{"@id":"\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/"},"author":{"name":"Vexels","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3"},"headline":"How to create awesome Vector Wedding Invitations in a few simple steps!","datePublished":"2015-01-21T16:19:49+00:00","dateModified":"2020-08-10T00:37:54+00:00","mainEntityOfPage":{"@id":"\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/"},"wordCount":1494,"image":{"@id":":\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2015\/01\/11.jpg","keywords":["create","elegant","free vector","Graphic design","invitation","luxury","music","old school","Painters","Resources","site","surreal","Tutorial","typo"],"articleSection":["Drawn","illustrations"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/","url":":\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/","name":"How to create awesome Vector Wedding Invitations in a few simple steps! - Vexels Blog","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/#website"},"primaryImageOfPage":{"@id":":\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/#primaryimage"},"image":{"@id":":\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2015\/01\/11.jpg","datePublished":"2015-01-21T16:19:49+00:00","dateModified":"2020-08-10T00:37:54+00:00","author":{"@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3"},"breadcrumb":{"@id":":\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[":\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":":\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2015\/01\/11.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2015\/01\/11.jpg","width":800,"height":500},{"@type":"BreadcrumbList","@id":":\/blog\/how-to-create-awesome-vector-wedding-invitations-in-a-few-simple-steps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vexels.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to create awesome Vector Wedding Invitations in a few simple steps!"}]},{"@type":"WebSite","@id":"https:\/\/www.vexels.com\/blog\/#website","url":"https:\/\/www.vexels.com\/blog\/","name":"Vexels Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vexels.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3","name":"Vexels","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","caption":"Vexels"},"url":"\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"\/blog\/wp-json\/wp\/v2\/posts\/4898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/comments?post=4898"}],"version-history":[{"count":4,"href":"\/blog\/wp-json\/wp\/v2\/posts\/4898\/revisions"}],"predecessor-version":[{"id":11139,"href":"\/blog\/wp-json\/wp\/v2\/posts\/4898\/revisions\/11139"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/media\/4910"}],"wp:attachment":[{"href":"\/blog\/wp-json\/wp\/v2\/media?parent=4898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/categories?post=4898"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/tags?post=4898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}