{"id":370,"date":"2025-08-29T03:26:17","date_gmt":"2025-08-29T03:26:17","guid":{"rendered":"https:\/\/jetpackjason.com\/?p=370"},"modified":"2025-08-29T04:20:16","modified_gmt":"2025-08-29T04:20:16","slug":"photobashing-101-my-first-cyberpunk-cityscape","status":"publish","type":"post","link":"https:\/\/jetpackjason.com\/index.php\/2025\/08\/29\/photobashing-101-my-first-cyberpunk-cityscape\/","title":{"rendered":"Photobashing 101 \u2013 My First Cyberpunk Cityscape"},"content":{"rendered":"\n\n  <style>\n    body {\n      font-family: 'Georgia', serif;\n      background: #fdfcf7;\n      color: #222;\n      line-height: 1.7;\n      margin: 0;\n      padding: 0;\n    }\n    header.custom-header {\n      background: linear-gradient(90deg, #e6faff, #fff0f6);\n      color: #222;\n      padding: 2rem;\n      text-align: center;\n      border-bottom: 4px solid #00a8cc;\n    }\n    header.custom-header h1 {\n      font-size: 2.5rem;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      color: #00a8cc;\n    }\n    header.custom-header p {\n      font-style: italic;\n      font-size: 1.1rem;\n      margin-top: 0.5rem;\n      color: #d6336c;\n    }\n    article.custom-article {\n      max-width: 900px;\n      margin: 2rem auto;\n      padding: 2rem;\n      background: #fff;\n      border-radius: 12px;\n      box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n    }\n    h2, h3 {\n      color: #00a8cc;\n    }\n    figure.custom-figure {\n      margin: 2rem 0;\n      text-align: center;\n    }\n    figure.custom-figure img {\n      max-width: 100%;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n    }\n    figure.custom-figure figcaption {\n      font-size: 0.9rem;\n      color: #555;\n      margin-top: 0.5rem;\n    }\n    blockquote.custom-quote {\n      font-size: 1.2rem;\n      font-style: italic;\n      border-left: 4px solid #d6336c;\n      padding-left: 1rem;\n      margin: 2rem 0;\n      color: #444;\n    }\n    .custom-download {\n      margin-top: 2rem;\n      padding: 1.5rem;\n      border: 2px dashed #00a8cc;\n      border-radius: 10px;\n      background: #f0fcff;\n      text-align: center;\n    }\n    .custom-download a {\n      display: inline-block;\n      background: #00a8cc;\n      color: #fff;\n      padding: 0.8rem 1.2rem;\n      border-radius: 6px;\n      text-decoration: none;\n      font-weight: bold;\n      margin-top: 1rem;\n    }\n    .custom-challenge {\n      margin-top: 2rem;\n      padding: 1.5rem;\n      border: 2px dashed #d6336c;\n      border-radius: 10px;\n      background: #fff5f8;\n    }\n    footer.custom-footer {\n      text-align: center;\n      padding: 2rem;\n      background: #f7f7f7;\n      color: #555;\n      font-size: 0.9rem;\n      border-top: 1px solid #ddd;\n    }\n  <\/style>\n\n  <header class=\"custom-header\">\n    <h1>Photobashing 101 \u2013 My First Cyberpunk Cityscape<\/h1>\n    <p>\u201cNeon alleys, endless rain, and six months of trial &#038; error.\u201d<\/p>\n  <\/header>\n\n  <article class=\"custom-article\">\n    <p>\n      Welcome to my first official <strong>photobash tutorial<\/strong>. \n      After six months of late-night experimenting, kitbashing photos, \n      and studying neon-lit films like <em>Blade Runner<\/em>, \n      I finally finished my very first cyberpunk cityscape illustration. \n      Here\u2019s the full breakdown of how I went from empty canvas to neon skyline.\n    <\/p>\n\n    <h2>What is Photobashing? (30-second explainer)<\/h2>\n    <p>\n      Photobashing is a digital art technique where you combine photographic elements with painting. \n      Think of it like collage\u2014but with Photoshop layers, blend modes, and digital paint on top \n      to create a seamless final image. Game studios use it to build concept art fast, \n      and indie creators (like me) use it to give life to worlds that would take forever to paint from scratch.\n    <\/p>\n\n    <figure class=\"custom-figure\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x400.png?text=Cyberpunk+Cityscape+Photobash\" alt=\"Cyberpunk cityscape photobash\">\n      <figcaption>My finished cyberpunk cityscape\u2014rain, neon, and endless billboards.<\/figcaption>\n    <\/figure>\n\n    <h2>My Learning Path: 6 Months of Nightly Practice<\/h2>\n    <p>\n      When I first discovered photobashing, it felt intimidating. \n      How do you blend dozens of images into a single believable world? \n      My process looked something like this:\n    <\/p>\n    <ol>\n      <li><strong>Month 1\u20132:<\/strong> Practiced masking, cutting out buildings, and learning perspective matching.<\/li>\n      <li><strong>Month 3:<\/strong> Built small alleyway scenes using free stock photos.<\/li>\n      <li><strong>Month 4:<\/strong> Focused on lighting\u2014matching shadows, adding highlights.<\/li>\n      <li><strong>Month 5:<\/strong> Studied color grading from cyberpunk films.<\/li>\n      <li><strong>Month 6:<\/strong> Composed my first full-scale cityscape.<\/li>\n    <\/ol>\n\n    <blockquote class=\"custom-quote\">\n      \u201cThe key lesson: it\u2019s not about perfection. It\u2019s about hiding the seams \n      and letting atmosphere do the heavy lifting.\u201d\n    <\/blockquote>\n\n    <h2>Asset List: Free Stock + DSLR Alleys<\/h2>\n    <p>\n      Half the fun of photobashing is hunting down raw materials. \n      My main sources included:\n    <\/p>\n    <ul>\n      <li><strong>Pexels \/ Unsplash:<\/strong> free building facades, rainy roads, and neon lights.<\/li>\n      <li><strong>My DSLR shots:<\/strong> I wandered my city at night snapping alleys, \n      dumpsters, and fire escapes\u2014perfect cyberpunk ingredients.<\/li>\n      <li><strong>Textures.com:<\/strong> concrete, rust, and rain overlays.<\/li>\n    <\/ul>\n\n    <figure class=\"custom-figure\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/700x400.png?text=Cyberpunk+Assets+DSLR+Shots\" alt=\"DSLR alley shots for photobash\">\n      <figcaption>Some of my raw DSLR alley shots that ended up in the final piece.<\/figcaption>\n    <\/figure>\n\n    <h2>Layer Stack Tour (GIF)<\/h2>\n    <p>\n      One of the best ways to learn is to peek inside someone\u2019s PSD. \n      I exported a quick layer stack GIF so you can see how the cityscape builds up:\n    <\/p>\n    <ul>\n      <li>Background sky gradient + mist<\/li>\n      <li>Base city blocks<\/li>\n      <li>Foreground neon signs<\/li>\n      <li>Rain overlay<\/li>\n      <li>Final color grade<\/li>\n    <\/ul>\n\n    <figure class=\"custom-figure\">\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x400.gif?text=Layer+Stack+GIF\" alt=\"Layer stack build-up GIF\">\n      <figcaption>From empty canvas to neon metropolis, layer by layer.<\/figcaption>\n    <\/figure>\n\n    <h2>Color-Grading Trick: Teal &#038; Sodium Vapor<\/h2>\n    <p>\n      The cyberpunk look hinges on one thing: color grading. \n      My favorite combo is <strong>teal shadows<\/strong> and <strong>orange-yellow highlights<\/strong> \n      (sodium vapor). It creates instant neon drama and mimics the way city lights \n      actually bounce around in rain and fog.\n    <\/p>\n\n    <blockquote class=\"custom-quote\">\n      \u201cSplit-toning teal and sodium vapor is the one-click recipe for cyberpunk vibes.\u201d\n    <\/blockquote>\n\n    <h2>Free PSD Download (Non-Commercial)<\/h2>\n    <div class=\"custom-download\">\n      <p>Want to dig through my messy Photoshop file and see how it\u2019s built?<\/p>\n      <a href=\"#\">Download PSD (for learning only)<\/a>\n    <\/div>\n\n    <h2>Reader Challenge: Show Me Your Own Cyberpunk Chops<\/h2>\n    <p>\n      Tutorials are only half the story\u2014the real growth comes when you try it yourself. \n      That\u2019s why I\u2019m starting a little challenge:\n    <\/p>\n\n    <div class=\"custom-challenge\">\n      <h3>\ud83d\ude80 Cyberpunk Challenge<\/h3>\n      <p>\n        Build your own neon alley or cityscape using free stock photos + your own shots. \n        Post it on social media with the hashtag <strong>#MyFirstPhotobash<\/strong> \n        and tag me\u2014I\u2019ll feature my favorites in a future post!\n      <\/p>\n    <\/div>\n\n    <h2>Final Thoughts<\/h2>\n    <p>\n      Learning photobashing was like discovering a cheat code for concept art. \n      Instead of spending weeks painting every window and pipe, I could focus \n      on atmosphere, lighting, and storytelling. \n      <em>Photobashing 101 \u2013 My First Cyberpunk Cityscape<\/em> is just the start\u2014I can\u2019t wait \n      to see what you\u2019ll build with your own assets and imagination.\n    <\/p>\n  <\/article>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Photobashing 101 \u2013 My First Cyberpunk Cityscape \u201cNeon alleys, endless rain, and six months of trial &#038; error.\u201d Welcome to my first official photobash tutorial. After six months of late-night experimenting, kitbashing photos, and studying neon-lit films like Blade Runner, I finally finished my very first cyberpunk cityscape illustration. Here\u2019s the full breakdown of how<\/p>\n","protected":false},"author":1,"featured_media":371,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[25],"tags":[],"class_list":["post-370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-illustrations"],"jetpack_featured_media_url":"https:\/\/jetpackjason.com\/wp-content\/uploads\/2025\/08\/post3.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/posts\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":2,"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/posts\/370\/revisions"}],"predecessor-version":[{"id":374,"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/posts\/370\/revisions\/374"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/media\/371"}],"wp:attachment":[{"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/categories?post=370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jetpackjason.com\/index.php\/wp-json\/wp\/v2\/tags?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}