Hey Mark, thanks for the awesome tutorials. You present with clarity and brevity. One quick tip for adding texture(s) to images is to change the blending mode. Using 'overlay', 'screen', or others like 'soft light' on the texture layer can create a really nice effect. And from there you can tweak individual parameters.
Thanks, Joshua. I don't know anything about blending modes or where to begin. I should research them more to see what my options are and the effects they create.
Each layer has its own blending mode and can be accessed in Sketch near the opacity slider. Blend modes are useful for darkening or lightening one layer based on another beyond the normal alpha compositing. If applying a dirt or terrain effect I might use the Multiply mode as mathematically, where the dark dirt parts of the texture are shown, the result will be extra darkened. Depending on the desired effect sometimes it's more convenient to manually adjust the curves.
I became your follower and i suggested all my iOS colleagues must watch your videos. Cntrl+Shift on storybord, IBdesignalable ..... all are very very helpful for.. Thanks Mark.. Respect you
@Chris Redfield You're welcome, Chris. I forgot where I got the images from but there are a number of sites that offer images with freedom to use how you want. Here are the ones I use: www.pexels.com/ pixabay.com/ www.pixelsurplus.com/ unsplash.com/ stocksnap.io/ burst.shopify.com/ magdeleine.co/
Thanks for the ideas! I managed to use one idea you haven't directly mentioned, but used it in multiple anti-examples: Use background images to spice up an otherwise lackluster one-color/one-texture background! Now to see if Apple will like it... And maybe feature me? Idk.
That's awesome! Good luck with getting approval from Apple. Hopefully you get them when they're in a good mood. Sometimes you just never know what will happen with them.
From where can I download that DesignableX group with all of the classes that you have so I can use some of these design tips in my app ? Also I just began to design my app and I don't know how to design everything (all viewControllers) in kind of the same style so it matches because now I'm just adding random background to each viewController without matching it with the others viewControllers background. Do you have any tips here ?
Hi Developer 39, I added a link to my GitHub page where you can find the DesignableX project. When designing I first like to establish my colors. Currently, my method for selecting a theme is to simply start with 3 colors: * Background color * Accent color * Tint color (for buttons and controls) My coworker showed me this website: www.colormind.io It's awesome! Give it a try. Click Generate and then lock a color that you like and then Generate more until you find other colors you like. Then watch this video I made about using Named Colors in Xcode to setup your app's theme: ruclips.net/video/JDFHqdBY3zg/видео.html Once you have your background color established then you can apply that to your backgrounds to give them a more uniform style and color. Like I do in this video.
Thanks a lot! I want to give you some productivity tip right here to kind of make up for your teaching :) When having exported images on desktop to drag them to Xcode assets file what you can do is use what is called "Hot Corners". Basically from Xcode you go to the hot corner that you set up that brings you to desktop, get the images needed , go back to the hot corner and from there you can drag the images to your assets folder without needing to resize stuff. You can of course use this for anything that involves going to desktop and not just images. Go to System Preferences > Mission Control > Hot Corners and you can set up what works for you. I hope you understood me and if not you can google it :) Hope this will help you !
Hey Mark! Thanks for such awesome tips! I noticed your UIViewX has a lot more options such as "horizontal gradiance" and "shadow opacity, offset & color". I was wondering if you could show the code behind giving such options as you did with some of your other resource classes?
Hey Parth, I started practicing design more when I signed up for the Daily UI Challenge (dailyui.co). You practice with doing 100 designs every week day and post them on Twitter (twitter.com/bigmtnstudio). I still try to get better.
Keep it up please you awesome, I really enjoy your videos and apply all of them in fact for me they are kindda easy, I want you to make a videos on core data, I really need it.
@0:42 maybe you had right intentions (from your perspective) when showing too little and too much design. But in the video, it appears swapped from their corresponding places.
Hi Saud, if the UIView is on top of the image then just give it a clear background. Then add another UIView between your existing UIView and the image and adjust the alpha on that new UIView.
Hi Emin, unfortunately that video had a memory leak and I took it down. Maybe this project I show in this video reminded you of it because that is the same project I used originally for that side menu. I still haven't found a really good and simple way to implement the side menu for multiple storyboards. But trust me, when I do I will be making a video for it.
Darn it, Rutch, get on Twitter! Ha ha, just kidding man. I didn't have Twitter before I started that DailyUI challenge so it's fairly new for me. Seems to be a good platform for sharing and finding other great designers out there. I follow some talented people and get a lot of design inspiration from them.
Ha ha ha ha. That's funny. I just experiment a LOT! You guys don't see all my mistakes, errors and wrong ways but in the end I learn something and then that's what I teach you guys so you don't have to make all the mistakes that I made. Ha ha ha.
Hi Narendra, I do provide code through my Patreon page: www.patreon.com/bigmountainstudio. It is a reward to my supporters. I give them the Xcode project and any Sketch files for my projects as well as code to other projects I make but don't put on RUclips. I enjoy rewarding my supporters!. (Support can be as little as $1 a month.) I love sharing and teaching but the support from Patreon really helps me, especially justifying to my wife why I spend so much time working on these videos. 😃
When i paying on patreon i got this error, This recipient does not accept payments denominated in . Please contact the seller and ask him to update his payment receiving preferences to accept this currency.
Thanks for making this video..............now I'm creating something new after watching this video...............
That's great! You're welcome.
i spend my free time watching your tutorials... and every video inspires me to improve something in my job. thank you!!
You're welcome! I'm glad I can help out my fellow developers. 😀I love sharing information with all of you.
I watch all your videos
you are awesome instructor
I am learning more experience from you Mr.Mark.
thank you really.
You're welcome, Mina! Glad you like the videos. :)
Hey Mark, thanks for the awesome tutorials. You present with clarity and brevity. One quick tip for adding texture(s) to images is to change the blending mode. Using 'overlay', 'screen', or others like 'soft light' on the texture layer can create a really nice effect. And from there you can tweak individual parameters.
Thanks, Joshua. I don't know anything about blending modes or where to begin. I should research them more to see what my options are and the effects they create.
Each layer has its own blending mode and can be accessed in Sketch near the opacity slider. Blend modes are useful for darkening or lightening one layer based on another beyond the normal alpha compositing. If applying a dirt or terrain effect I might use the Multiply mode as mathematically, where the dark dirt parts of the texture are shown, the result will be extra darkened. Depending on the desired effect sometimes it's more convenient to manually adjust the curves.
Good info. Thanks for sharing, Joshua!
I became your follower and i suggested all my iOS colleagues must watch your videos. Cntrl+Shift on storybord, IBdesignalable ..... all are very very helpful for.. Thanks Mark.. Respect you
Thanks, Narendra! I'm glad you like the videos!
Thanks for sharing these great tips. I love the number of options provided.
You're welcome, Alondo! Glad you enjoyed the video. 😊
@Chris Redfield You're welcome, Chris.
I forgot where I got the images from but there are a number of sites that offer images with freedom to use how you want. Here are the ones I use:
www.pexels.com/
pixabay.com/
www.pixelsurplus.com/
unsplash.com/
stocksnap.io/
burst.shopify.com/
magdeleine.co/
man Your videos are awesome..and i am learing too many things from ur channel..thanks a lot bro
You're welcome. Glad they are helping!
Thanks for the ideas! I managed to use one idea you haven't directly mentioned, but used it in multiple anti-examples: Use background images to spice up an otherwise lackluster one-color/one-texture background! Now to see if Apple will like it... And maybe feature me? Idk.
That's awesome! Good luck with getting approval from Apple. Hopefully you get them when they're in a good mood. Sometimes you just never know what will happen with them.
Great little tips - well explained.
Thanks, Jason!
Hey Mark, Could you tel me where can u take these background pictures to demo. I'm really excited with all of them =))))
Sure! I think I got them from www.pexels.com/. I used that site a lot for their royalty free images. You can use them without a license.
From where can I download that DesignableX group with all of the classes that you have so I can use some of these design tips in my app ? Also I just began to design my app and I don't know how to design everything (all viewControllers) in kind of the same style so it matches because now I'm just adding random background to each viewController without matching it with the others viewControllers background. Do you have any tips here ?
Hi Developer 39, I added a link to my GitHub page where you can find the DesignableX project.
When designing I first like to establish my colors. Currently, my method for selecting a theme is to simply start with 3 colors:
* Background color
* Accent color
* Tint color (for buttons and controls)
My coworker showed me this website: www.colormind.io
It's awesome! Give it a try. Click Generate and then lock a color that you like and then Generate more until you find other colors you like.
Then watch this video I made about using Named Colors in Xcode to setup your app's theme: ruclips.net/video/JDFHqdBY3zg/видео.html
Once you have your background color established then you can apply that to your backgrounds to give them a more uniform style and color. Like I do in this video.
Thanks a lot! I want to give you some productivity tip right here to kind of make up for your teaching :)
When having exported images on desktop to drag them to Xcode assets file what you can do is use what is called "Hot Corners". Basically from Xcode you go to the hot corner that you set up that brings you to desktop, get the images needed , go back to the hot corner and from there you can drag the images to your assets folder without needing to resize stuff. You can of course use this for anything that involves going to desktop and not just images.
Go to System Preferences > Mission Control > Hot Corners and you can set up what works for you. I hope you understood me and if not you can google it :)
Hope this will help you !
Hey Mark! Thanks for such awesome tips! I noticed your UIViewX has a lot more options such as "horizontal gradiance" and "shadow opacity, offset & color". I was wondering if you could show the code behind giving such options as you did with some of your other resource classes?
I have it on github if you want to get it from there: github.com/bigmountainstudio/DesignableX
Thank you very much !!!
You have amazing design skills! Is that from experience?
Hey Parth, I started practicing design more when I signed up for the Daily UI Challenge (dailyui.co). You practice with doing 100 designs every week day and post them on Twitter (twitter.com/bigmtnstudio). I still try to get better.
Thanx for the info :)
No problem!
you're awesome man. great stuff
Thanks!
Keep it up please you awesome, I really enjoy your videos and apply all of them in fact for me they are kindda easy, I want you to make a videos on core data, I really need it.
Thank you for watching!
Awesome Channel, Thanks Mark
Thanks, Ghouse, I'm glad you like it!
you are just awesome. please provide this code link.
great tips. keep it up
Thanks, Omar!
Mark Moeykens your channel is amazing, I learn a lot from you , thanks.
@0:42 maybe you had right intentions (from your perspective) when showing too little and too much design. But in the video, it appears swapped from their corresponding places.
Amazing tutorials Mark! Thanks for sharing your knowledge :D I was wondering... Can we get your DesignableX from somewhere?
Absolutely!
github.com/bigmountainstudio/DesignableX
Mark Moeykens Thanks very much! :)
You're welcome, Javi!
thanks for your interesting video
I have one question
when I reduce the alpha on the view it affects the subviews going down to it how to solve this ?
Hi Saud, if the UIView is on top of the image then just give it a clear background. Then add another UIView between your existing UIView and the image and adjust the alpha on that new UIView.
How can i get your designableX folder element ?
Check out the video description, you should see a github account link.
Hey Mark, You had a video showing how to use Side Menu and Multiple Storyboards. I can't find it, can you please show me ?
Hi Emin, unfortunately that video had a memory leak and I took it down. Maybe this project I show in this video reminded you of it because that is the same project I used originally for that side menu.
I still haven't found a really good and simple way to implement the side menu for multiple storyboards. But trust me, when I do I will be making a video for it.
Mark Moeykens Alright, I will wait. Btw do you have any good video for Side Menu ?
Yeah! Check this out and see if it helps at all: ruclips.net/video/K89-RLzYxQM/видео.html
Oh my god... use hot corners to reveal your desktop! Great video though ;)
Have a nice weekend
Thank you, Abdul, you too! 😀
Some pretty good tips here! I'll be utilizing these techniques in the next few weeks here. Also do you have an Instagram? I don't have twitter. Lol
Darn it, Rutch, get on Twitter! Ha ha, just kidding man. I didn't have Twitter before I started that DailyUI challenge so it's fairly new for me.
Seems to be a good platform for sharing and finding other great designers out there. I follow some talented people and get a lot of design inspiration from them.
Thats very helpfull
Thanks, Brazo! 👍🏼
Mark Moeykens your welcome dude!🖖🏻🖖🏻🖖🏻
Thanx Mr.mark
You're welcome, Stalin!
you'r alwys with amaizing & new tricks, from where u get this..i think ur brain is supercomputer..!!
Ha ha ha ha. That's funny. I just experiment a LOT! You guys don't see all my mistakes, errors and wrong ways but in the end I learn something and then that's what I teach you guys so you don't have to make all the mistakes that I made. Ha ha ha.
I think hint is very important & u gives hint, tht very help me..
Share your sample code on github so that anyone wants your code can directly get from github.
Hi Narendra,
I do provide code through my Patreon page: www.patreon.com/bigmountainstudio. It is a reward to my supporters. I give them the Xcode project and any Sketch files for my projects as well as code to other projects I make but don't put on RUclips. I enjoy rewarding my supporters!. (Support can be as little as $1 a month.)
I love sharing and teaching but the support from Patreon really helps me, especially justifying to my wife why I spend so much time working on these videos. 😃
When i paying on patreon i got this error, This recipient does not accept payments denominated in . Please contact the seller and ask him to update his payment receiving preferences to accept this currency.
by the way, I'm paying from India.
Thanks, Narendra. I opened a ticket on Patreon because I cannot find this setting anywhere. We'll see what they say!