Oaklyn Studio
Oaklyn Studio
  • 11
  • 207 982
Showit Full Screen Pop-up
This video is going over pop ups much like my previous video here: th-cam.com/video/Elb-oEz6zn0/w-d-xo.html
However, in this video we will learn how to make the pop up full screen to disable the user from scrolling behind it.
มุมมอง: 501

วีดีโอ

Different Image Hover Effects in Showit
มุมมอง 1.8Kปีที่แล้ว
In this video I'm going over three different image hover effects you can achieve in Showit. 1. Color text reveal 2. Image zoom 3. Image replace
How to Use Canvas Views to Create Testimonials in Showit
มุมมอง 4132 ปีที่แล้ว
In this video I will be going over how to create a rotating testimonial section using canvas views in Showit.
How to Create a Scrolling Website Image in Canva
มุมมอง 19K2 ปีที่แล้ว
Learn how to have a scrolling website image within another image - all using Canva. Recording App - Nimbus Capture Stock Image - Moyo Studio Website Template - Oaklyn Studio
How to Create Navigation Menus in Showit
มุมมอง 8K2 ปีที่แล้ว
You can create a variety of menus in Showit. Whether it’s the common horizontal header, a hamburger menu, sub-menu, or pop ups - I’ll show you how to make them all and give you tips and tricks to make them work seamlessly and professionally on your website. 1:57 Drop Down Menu 10:20 Top Menu (Hamburger) 19:30 Side Menu (Hamburger) 25:31 Scroll Reveal Menu
How to Turn Your Logo File Into A Social Media Profile Image
มุมมอง 2.1K5 ปีที่แล้ว
Learn how to take the files you get from your designer, and turn them into a square format you can use for your social media profile images. All using Canva.
How to Create a Subscribe Pop Up in Showit
มุมมอง 3.9K6 ปีที่แล้ว
Learn how to create a subcribe pop up in your Showit website for your newsletter.
Website Scroll Animation for Instagram Stories
มุมมอง 37K6 ปีที่แล้ว
How to create a phone sized website animation In Photoshop to upload for your stories.
How To Create a Scrolling Website Animation In Photoshop
มุมมอง 132K7 ปีที่แล้ว
Learn how to make a website scroll in your image inside Photoshop, then export it to a GIF or Video for Instagram.
Create a Mood Board Using Canva
มุมมอง 3.6K7 ปีที่แล้ว
Video showing you how to create a custom mood board using Canva. No fancy designer programs necessary. All photos are sourced from Pinterest | Not my own.
Create a GIF in Photoshop in Less than 5 Minutes
มุมมอง 7047 ปีที่แล้ว
An easy way to create an animated image using Photoshop. How to export to .gif and video format for Instagram.

ความคิดเห็น

  • @kristamiller945
    @kristamiller945 3 หลายเดือนก่อน

    Just started building on Show It and it has been extremely intimidating, but this helped so much!

  • @outlanddesignco
    @outlanddesignco 3 หลายเดือนก่อน

    In your drop down menu example, is there a way to hover over a menu item (portfolio) to show the drop down menu and also click on that item (portfolio) to take you to a portfolio page? Does that make sense?

  • @GuroThobru
    @GuroThobru 5 หลายเดือนก่อน

    Amazing video, very helpful and inspiring!

  • @Mikey-Likes-I.T
    @Mikey-Likes-I.T 7 หลายเดือนก่อน

    Thanks! was trying to remember how to do this, you made it simple.

  • @ashleygrauel
    @ashleygrauel 7 หลายเดือนก่อน

    Super helpful. Thank you!!

  • @chanel5829
    @chanel5829 7 หลายเดือนก่อน

    Hey, Is there a way that the subscribe pop up don't show up every time the person go to the home screen? It can be annoying after awhile.

    • @oaklynstudio
      @oaklynstudio 7 หลายเดือนก่อน

      Right now, I only know of the selection option to have it pop up "once." You'll see this in the right side bar. That means it won't pop up again unless they leave your site, and then come back.

  • @leomarx71
    @leomarx71 8 หลายเดือนก่อน

    I tried the same as you same but didn't worked... I created a video and inserted inside a frame then later exported as website.

  • @lailarezai1599
    @lailarezai1599 11 หลายเดือนก่อน

    Thanks so much for creating this video! It helped me do exactly what I wanted to promote my best friend's first book of poetry that I posted on my Instagram stories today. You did such a great job.

  • @karlacifuentes7334
    @karlacifuentes7334 11 หลายเดือนก่อน

    Amazing tutorial! Thanks SO MUCH! Super helpful. I kist have one question, do you know how to make the dropdowns reveal as a hover action instead of having to click on the name to display de dropdown?

    • @oaklynstudio
      @oaklynstudio 11 หลายเดือนก่อน

      Unfortunately, Showit doesn't have hover effects for navigation as of now. Maybe one day they will add something like that ^_^ but because of the way the builder works I don't know of a way that could be done

  • @rayanearaujo6448
    @rayanearaujo6448 11 หลายเดือนก่อน

    Thank you angel ❤

  • @yalinazal
    @yalinazal ปีที่แล้ว

    Can´t find Capture, can you send the url? :) great video!!!

    • @oaklynstudio
      @oaklynstudio ปีที่แล้ว

      Here you are! chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl

  • @4lifer-82
    @4lifer-82 ปีที่แล้ว

    At 10:10 in the video how do I remove this from mobile???

    • @owlize5071
      @owlize5071 ปีที่แล้ว

      Anything that you don't want displayed on mobile can be disabled by clicking the little phone icon next to the element in the layers panel. Hope that helps!

  • @kutinagraphics
    @kutinagraphics ปีที่แล้ว

    Thank you so much for this tutorial!

  • @aina9873
    @aina9873 ปีที่แล้ว

    Thank you!!!🙏🙏🙏

  • @breannhanks4664
    @breannhanks4664 ปีที่แล้ว

    Thanks for these tutorials! How would I enable the pop-up to scroll? I have a little "info" pop-up I'm doing and I need to be able to scroll down when it's up. Any ideas how to do this?

    • @owlize5071
      @owlize5071 ปีที่แล้ว

      Hi Breann! I don't believe that this is something that you would be able to do through Showit. You would probably have to have some knowledge of coding to create an area within your popup that is scrollable. I'm sorry I couldn't be more helpful!

  • @azariajayde
    @azariajayde ปีที่แล้ว

    So helpful thanks!

  • @laurenbanister6288
    @laurenbanister6288 ปีที่แล้ว

    Loved this! Very helpful - thank you!!

  • @user-xn8yq2es9u
    @user-xn8yq2es9u ปีที่แล้ว

    Wow!!! "Old people who don't know what a hamburger menu is". What a naive and ridiculously ageist comment!

    • @oaklynstudio
      @oaklynstudio ปีที่แล้ว

      Oh my, did I really say that! I apologize. I spoke only thinking of my grandparents who were computer illiterate. But you are very right in calling that comment out-- as it was very short sighted.

  • @susangoodwin7419
    @susangoodwin7419 ปีที่แล้ว

    Hi! Is it possible to have a different header/nav on each page of the same site? For example it has a background on the homepage, but not on other pages. Would this be done with custom CSS? Thank you!

    • @oaklynstudio
      @oaklynstudio ปีที่แล้ว

      Hmmm, I'm sure it can be done with CSS. But if it's something simple like different background colors; I would design your navigation to be transparent then place colored bars behind the navigation on the different pages.

    • @susangoodwin7419
      @susangoodwin7419 ปีที่แล้ว

      @@oaklynstudio ok thanks! I actually ended up creating multiple headers (the design was different on almost every page, some were overlapping a photo, some had background image, some did not etc.). I'm not sure this was the most efficient way, but it seems to work for this specific situation.🤷‍♀

    • @oaklynstudio
      @oaklynstudio ปีที่แล้ว

      @@susangoodwin7419 Yea, that was probably best if they were all very different. Good luck on your designing!

  • @isabellarodriguez157
    @isabellarodriguez157 ปีที่แล้ว

    Hi! How do you change menu colors (text and background) as you scroll up or down? As in the Top Menu (Hamburger).

    • @isabellarodriguez157
      @isabellarodriguez157 ปีที่แล้ว

      I've used scroll actions to change it as a I scroll down, but can't change it back if I scroll back up.

    • @oaklynstudio
      @oaklynstudio ปีที่แล้ว

      In the video at around 25minutes I talk/show how you can have a background show up behind the menu by changing the canvas view by using scroll actions. You could use this same process, except your second canvas would have different colors. For example, your hamburger could be black in your Canvas View 1. In your Canvas View 2 you could change your hamburger icon to pink. After setting up the scroll actions to change after scrolling off the page, you could have them switch between Canvas views. Hopefully this gives you some ideas and helps!

  • @johnedwardsephton67
    @johnedwardsephton67 ปีที่แล้ว

    Nicely done. Thank you.

  • @mihamateiphoto
    @mihamateiphoto ปีที่แล้ว

    Thank you for this helpful video! I followed along just fine until I clicked the 'tween' dots. Nothing was popping up for me, so I can adjust the numbers and then I tried the three little lines at the bottom right of the Photoshop Timeline window and I was able to click on the word 'tween', which then popped up a window so I can make the adjustments.

  • @sarahcampagna1447
    @sarahcampagna1447 ปีที่แล้ว

    EXACTLY what I needed tonight. Thank you! (subscribed)

    • @oaklynstudio
      @oaklynstudio ปีที่แล้ว

      Glad to hear it! And you're very welcome ^_^

  • @saraharris5152
    @saraharris5152 ปีที่แล้ว

    Could you make a tutorial on how to have images of different sizes fade in on screen at different times to take up the screen?

    • @oaklynstudio
      @oaklynstudio ปีที่แล้ว

      Hmmm. It is definitely possible. I'll add it to my queue of videos to create ^_^

    • @oaklynstudio
      @oaklynstudio ปีที่แล้ว

      Hi Sara, hope this is what you were looking for: th-cam.com/video/tzJvd-r0BMg/w-d-xo.html

  • @EvgeniaEmets
    @EvgeniaEmets ปีที่แล้ว

    mine worked first and then it stopped producing animation basically every time i press the dots nothing happens

    • @oaklynstudio
      @oaklynstudio ปีที่แล้ว

      Hmmm. I'm not exactly sure what the issue could be. But when you say "dots" I assume you mean the tweening feature. Just make sure you have 2 frames and that both frames are selected before clicking those dots. If you are still having issues, I always recommend deleting everything, restarting photoshop, and starting over from the beginning to see if the issue could just be a missed step. Sorry I couldn't be more help!

    • @mihamateiphoto
      @mihamateiphoto ปีที่แล้ว

      Thank you for this helpful video! I followed along just fine until I clicked the 'tween' dots. Nothing was popping up for me, so I can adjust the numbers and then I tried the three little lines at the bottom right of the Photoshop Timeline window and I was able to click on the word 'tween', which then popped up a window so I can make the adjustments.

  • @angiegutierrez9275
    @angiegutierrez9275 2 ปีที่แล้ว

    Can your husband help us make the placeholders more attractive and presentable with coding? Please!

    • @oaklynstudio
      @oaklynstudio 2 ปีที่แล้ว

      You mean the embedded form? What platform are you using?

    • @angiegutierrez9275
      @angiegutierrez9275 2 ปีที่แล้ว

      @@oaklynstudio Yes! We use Sendinblue

    • @oaklynstudio
      @oaklynstudio 2 ปีที่แล้ว

      @@angiegutierrez9275 I see! Customizing forms isn't a service we offer, but it looks like you have some great building capabilities on that platform. help.sendinblue.com/hc/en-us/articles/360019486520-Create-a-subscription-form-Part-2-Design-your-subscription-form I would recommend simplifying the form as much as possible, removing all text and backgrounds and leaving only the sign up fields. Then use Showit to build out the rest of it. This will give you the freedom you are looking for design wise.

    • @angiegutierrez9275
      @angiegutierrez9275 2 ปีที่แล้ว

      @@oaklynstudio You're right! Thanks for looking into that in depth

  • @Annne_
    @Annne_ 2 ปีที่แล้ว

    You save my life <3

  • @starlinecreative
    @starlinecreative 2 ปีที่แล้ว

    I LOVED this! Thank you soo much for sharing! Would love to see more videos about fancy Showit hacks :)

  • @IndieRockLover100
    @IndieRockLover100 2 ปีที่แล้ว

    I just want to thank you so much for taking the time to make this. it is so simple and pretty much life changing information

  • @deepainjindal3176
    @deepainjindal3176 2 ปีที่แล้ว

    My whole image moves up with the mask not the image inside mask when I hold the Shift key and drag up the image

    • @oaklynstudio
      @oaklynstudio 2 ปีที่แล้ว

      It sounds like they may still be linked. Make sure your image and mask are unlinked by clicking the chain icon between them.

    • @oaklynstudio
      @oaklynstudio 2 ปีที่แล้ว

      Or make sure that the mask is on the correct image layer (the one you want to move up).

    • @deepainjindal3176
      @deepainjindal3176 2 ปีที่แล้ว

      @@oaklynstudio It's working fine now. Thanks for the help Oaklyn. This tutorial really helped me ❤❤👌

  • @moniquejohnson7215
    @moniquejohnson7215 2 ปีที่แล้ว

    Love this simple tutorial! Quick question - When I render video, it does not keep the forever looping. Suggestions?

    • @oaklynstudio
      @oaklynstudio 2 ปีที่แล้ว

      On your timeline in the dropbox make sure it says "Forever" and not "Once" or other single play options.

  • @gillplatt1139
    @gillplatt1139 2 ปีที่แล้ว

    Fantastic, thank you soooooo much

  • @msdaisyduketv
    @msdaisyduketv 2 ปีที่แล้ว

    Thank you for this turtorial! That was so help and sight to the point!

  • @janaecarlee
    @janaecarlee 2 ปีที่แล้ว

    Hey! The drop-down menu is showing up behind the content on the page under it. How do I fix that?

    • @oaklynstudio
      @oaklynstudio 2 ปีที่แล้ว

      Hi Janae! It sounds like your canvas stacking orders might be out of order. After selecting the canvas the drop-down menu is on, go to the right panel and select the Canvas tab. Change the stacking order to a higher number than any of your other ones you want below it. Hope that solves it!

    • @MieyaOladipupo
      @MieyaOladipupo ปีที่แล้ว

      Thank you for asking this question! I was having this exact issue! 🙌🏽🙌🏽

    • @janaecarlee
      @janaecarlee ปีที่แล้ว

      @@MieyaOladipupo You're welcome! Her instructions helped :)

  • @donnasnyder4778
    @donnasnyder4778 2 ปีที่แล้ว

    So very helpful. I have mine as part of the page instead of a pop up. I will have to see how that works

  • @TaylorGunter
    @TaylorGunter 2 ปีที่แล้ว

    Can you make a menu that appears as you scroll to a canvas further down the page?

    • @oaklynstudio
      @oaklynstudio 2 ปีที่แล้ว

      Yes, you should be able to by using scroll actions. This video might help you better understand that: th-cam.com/video/Elb-oEz6zn0/w-d-xo.html

  • @auburnbluephotography9043
    @auburnbluephotography9043 2 ปีที่แล้ว

    I just started building in Showit and I'm so glad I found this video!

    • @oaklynstudio
      @oaklynstudio 2 ปีที่แล้ว

      I'm glad it was helpful!

  • @kingsleyanajemba
    @kingsleyanajemba 2 ปีที่แล้ว

    You're a Genius

  • @Eden_Fire
    @Eden_Fire 2 ปีที่แล้ว

    Exactly what I was looking for today. Thanks a bunch!

  • @designsandmarketing
    @designsandmarketing 2 ปีที่แล้ว

    Thanks, MAM For explaining in simple words 😊

  • @ellenbarfield350
    @ellenbarfield350 2 ปีที่แล้ว

    I am not computer savvy at all this was terrific I am a massage therapist who wanted to plug this on my IG thanks so much!!!!

  • @malineesaechee8238
    @malineesaechee8238 2 ปีที่แล้ว

    This is awesome tutorial. Thank you!

  • @4kawolfe
    @4kawolfe 2 ปีที่แล้ว

    Thanks so much for the tutorial!!!

  • @sneakachick1705
    @sneakachick1705 2 ปีที่แล้ว

    straight to the point and clearly spoken...awesome

  • @exhaledesignco513
    @exhaledesignco513 2 ปีที่แล้ว

    That was the BEST video! Thank you so very much! Your instructions were so clear and easy to follow. AND, it's amazing how something that appears as if it would be so difficult is really quite easy (again, due to your instructions). :)

  • @lisellarson3459
    @lisellarson3459 2 ปีที่แล้ว

    You are amazing. I have come back to this video over and over again. You have great teaching skills. Thanks!

  • @MuntzDesigns
    @MuntzDesigns 3 ปีที่แล้ว

    thank you. this made my day. :)

  • @ericakutz4808
    @ericakutz4808 3 ปีที่แล้ว

    Thank you! :)