{"id":1997,"date":"2012-11-12T12:35:28","date_gmt":"2012-11-12T02:35:28","guid":{"rendered":"http:\/\/www.natashabarr.com\/blog\/?p=1997"},"modified":"2019-04-07T21:30:22","modified_gmt":"2019-04-07T11:30:22","slug":"happy-birthday-to-darren-a-new-birthday-webpage","status":"publish","type":"post","link":"https:\/\/natashabarr.com\/blog\/made-by-me\/happy-birthday-to-darren-a-new-birthday-webpage\/","title":{"rendered":"Happy Birthday to Darren! A new birthday web-page"},"content":{"rendered":"\n<div class=\"wp-block-image wp-image-5380 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"621\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2012\/11\/darren_birthday_message_crop-880x621.jpg\" alt=\"Darren Birthday Message\" class=\"wp-image-5380\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message_crop-880x621.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message_crop-150x106.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message_crop-300x212.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message_crop-768x542.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message_crop-173x122.jpg 173w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message_crop.jpg 952w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Darren Birthday Message<\/figcaption><\/figure><\/div>\n\n\n\n<p>A couple of weeks ago I made another online birthday web-page for my friend <a href=\"http:\/\/www.unassembled.com.au\/\" target=\"_blank\" rel=\"noopener noreferrer\">Darren<\/a>. I decided to go with a bold typography piece using my pattern work ^_^.<\/p>\n\n\n\n<p>I&#8217;m not a huge fan of plain-minimalist-sans-serif-all-caps typography but it&#8217;s something I&#8217;ve never tried to create before. While I re-used pattern shapes from a previous project (still had to adjust each one to fit properly), the letter bases were made from scratch.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>I originally intended to have each letter&#8217;s &#8216;drop shadow&#8217; pointing in different directions but it didn&#8217;t work out the way I intended. Instead, I chose to keep the letter&#8217;s shadows the same but place them at different height alignments.<\/p>\n\n\n\n<p>Anyway, below are some of my progress screenshots from creating it ^_^. I have a lot more cards to start making off the next couple m0nths (Christmas isn&#8217;t far off!) so expect more card posts in your future!<\/p>\n\n\n\n<div class=\"wp-block-image wp-image-5383 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"335\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2012\/11\/original_sketch-880x335.jpg\" alt=\"Darren Birthday Message - Original Sketch\" class=\"wp-image-5383\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/original_sketch-880x335.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/original_sketch-150x57.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/original_sketch-300x114.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/original_sketch-768x293.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/original_sketch-175x67.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/original_sketch.jpg 1000w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>My original sketch showing with the &#8216;drop shadows&#8217; pointing out in different directions<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-5382 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"569\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2012\/11\/lettering_finished-880x569.jpg\" alt=\"Darren Birthday Message - pattern and original colours\" class=\"wp-image-5382\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/lettering_finished-880x569.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/lettering_finished-150x97.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/lettering_finished-300x194.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/lettering_finished-768x497.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/lettering_finished-175x113.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/lettering_finished.jpg 1325w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Initial pattern layout and colours &#8211; originally intended to have warm colours but changed my mind<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-5378 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"473\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2012\/11\/colours_finished-880x473.jpg\" alt=\"Darren Birthday Message - Final colour choice\" class=\"wp-image-5378\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/colours_finished-880x473.jpg 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/colours_finished-150x81.jpg 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/colours_finished-300x161.jpg 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/colours_finished-768x413.jpg 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/colours_finished-175x94.jpg 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/colours_finished.jpg 1357w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Final colour choice<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image wp-image-5379 size-large\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"397\" src=\"https:\/\/www.natashabarr.com\/blog\/wp-content\/\/2012\/11\/darren_birthday_message-880x397.png\" alt=\"Darren Birthday Message - Final Design\" class=\"wp-image-5379\" srcset=\"https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message-880x397.png 880w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message-150x68.png 150w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message-300x135.png 300w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message-768x346.png 768w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message-175x79.png 175w, https:\/\/natashabarr.com\/blog\/wp-content\/2012\/11\/darren_birthday_message.png 1920w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><figcaption>Final design &#8211; I thought the letters looked boring so I played around with their alignment<\/figcaption><\/figure><\/div>\n\n\n\n<p>You can check out the final <a href=\"http:\/\/www.natashabarr.com\/happybirthdaydarren\/\" target=\"_blank\" rel=\"noopener noreferrer\">birthday web-page over here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A couple of weeks ago I made another online birthday web-page for my friend Darren. I decided to go with a bold typography piece using my pattern work ^_^. I&#8217;m not a huge fan of plain-minimalist-sans-serif-all-caps typography but it&#8217;s something I&#8217;ve never tried to create before. While I re-used pattern shapes from a previous project [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[33,115],"class_list":["post-1997","post","type-post","status-publish","format-standard","hentry","category-made-by-me","tag-birthday","tag-web-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts\/1997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/comments?post=1997"}],"version-history":[{"count":13,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts\/1997\/revisions"}],"predecessor-version":[{"id":6239,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/posts\/1997\/revisions\/6239"}],"wp:attachment":[{"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/media?parent=1997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/categories?post=1997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/natashabarr.com\/blog\/wp-json\/wp\/v2\/tags?post=1997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}