Home
Videos uploaded by user โ€œCaler Edwardsโ€
Adobe XD Parallax Effect in 2 Minutes - Tutorial
 
02:38
New Videos Every Tuesday & Thursday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Project Files: https://www.mediafire.com/file/fc3try8rw8rvh6i/Adobe_XD_Parallax_Effect_in_2_Minutes_-_Tutorial.zip/file โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน In this 2 minute tutorial I will show you how to add a parallax effect into your Adobe XD projects. This will be using auto animate, drag triggers and masks to functions. Enjoy the video :D
Views: 28750 Caler Edwards
Make animated GIFs in After Effects and Photoshop (2018)
 
05:36
Make animated GIFs TUTORIAL in After effects and Photohsop (2017) Today I will show you how I create animated gifs in after effects and photoshop. First we will render out our animation into either a png sequence or jpeg sequence. Next will create a new video layer in photoshop with the sequence. Choose fill save for web (legacy), select gif 128 dithered from the presents option, select looping forever and save your file. Hope this helps :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe After Effects CC Adobe Photoshop CC Previous Video: https://youtu.be/yj1I0XeEEKs My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Facebook- https://www.facebook.com/CalerEdwards/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Views: 120233 Caler Edwards
Responsive Menu With Media Queries (Checkbox Trick) - Using Only CSS3
 
11:09
Responsive Menu With Media Queries (Checkbox Trick) - Using Only CSS3 - Code Tutorial This tutorial will teach you how to take a normal navigation and make it responsive with breakpoints. At a specific screen width the navigation will change to a mobile hamburger menu style nav. We will also be using a checkbox trick to open and close the menu without any javascript or jquery. This code is simple and takes a few minutes to put into any code project. Let me know if this helped in the comments :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Source Code: http://www.mediafire.com/file/pz01z4424cx86d6/Responsive_Menu_With_Media_Queries.zip Used: Brackets Previous Video: https://youtu.be/nws05s9xM14 My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Facebook- https://www.facebook.com/CalerEdwards/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Views: 117152 Caler Edwards
How to use Negative Space in UI Design
 
10:03
New Videos Every Tuesday, Thursday & Saturday! Learn UI/UX Design and Adobe XD ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป(60% OFF) Learn: https://www.udemy.com/ui-ux-design-using-adobe-xd/?couponCode=CALER60 Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Music: Epidemic Sound ๐ŸŽน In this video we will look at negative space in UI/UX design, web design and app design. How negative space effects design and how to use negative space in design. I will give some tips and show you how you can use negative space to your advantage. Enjoy the video :D
Views: 56450 Caler Edwards
Adobe XD Update | March 2019
 
05:53
New Videos Every Tuesday, Thursday & Saturday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน Features for March 11 2019 Update: โ–ถ Editable vectors in Illustrator โ–ถ Select objects across groups โ–ถ Drag gesture in web browser โ–ถ Usability testing control โ–ถ Mark for export โ–ถ Improved font management โ–ถ Improved Jira integration
Views: 28769 Caler Edwards
Easily Use Any Font On Any Website - @font-face Tutorial
 
04:14
Easily Use Any Font On Any Website - @font-face Tutorial Use any Font you want Safely & Easily on Any Website. In under 5 minutes you will be able to implement multiple custom font families into your code. Use any style: bold, italic, etc. Use any weight: light, regular, semibold, bold, 100, 200, 300 etc. Hope you enjoy :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Brackets Previous Video: https://youtu.be/chnT9Mz9cnE My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Facebook- https://www.facebook.com/CalerEdwards/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Views: 26120 Caler Edwards
Adobe XD Update | January 2019
 
02:39
New Videos Every Tuesday, Thursday & Saturday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Music: Epidemic Sound ๐ŸŽน In this video we will cover the 3 new features in the January 2019 update for Adobe XD. These features include: Auto-Animate in the browser, View all comments across all artboards in browser and better optimization for voice control & speech playback (Voice language and accent support).
Views: 11489 Caler Edwards
Adobe XD Number Counter in 2 Minutes - Tutorial
 
03:16
New Videos Every Tuesday & Thursday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Project Files: https://www.mediafire.com/file/n891gev8i6zc199/Adobe_XD_Number_Counter_in_2_Minutes_-_Tutorial.zip/file โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน In this video we will animate number in Adobe XD in under 2 minutes. The animation will use auto animate to create a number counting up and down effect when you select the like button. Enjoy the video :D
Views: 8381 Caler Edwards
Web Design Speed art + Speed Code - Portfolio Site
 
06:16
Web Design Speed art + Speed Code - Portfolio Site Speed art of a portfolio home page. Then Speed code showing the creation of the website using html and css. The website was built so that minimal responsive adjustments are needed. From here only one break point and one line of coded is needed to be fully responsive on phones and tablets. First time doing code on the channel, let me know your thoughts. Also do you want to see more speed code type videos? Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Brackets Adobe Photoshop CC Previous Video: https://youtu.be/bCDpv8SeWaw Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: Warriyo - Mortals (feat. Laura Brehm) https://www.youtube.com/watch?v=yJg-Y5byMMw Axollo - Moonstruck https://www.youtube.com/watch?v=mf9UlOVMXLE My Links: Website- http://caleredwards.com Facebook- http://facebook.com/Caler-Edwards-126282471107791/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards Plugins and Resources I use often: Font Awesome PS: https://youtu.be/OWL_-SxeMIU Linearicons: https://linearicons.com/free
Views: 108618 Caler Edwards
Web Design Speed Art - Mountain Dew Black Label
 
04:27
Web Design Speed Art - Mountain Dew Black Label Hey everyone! This video is a speed art of a Mountain Dew Black Label Microsite Design. This design is a concept to show off a new product that fits MTN DEWโ€™s branding. The design is somewhat simplistic supplying the user with eye catching details and clear information. The design is complete with a banner at the top, a panel section that has 3 pages which can be controlled like a slide show, and lastly the large footer showing the product is in stores now. For more Web Design videos Smash that like button! If you like this share it so others can find it. Have a great day! Previous Video: https://www.youtube.com/watch?v=ztYARV80brA Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Hire Me? Just send me a private YouTube message (Fees do Apply). My Links: Website- http://caleredwards.com Facebook- http://facebook.com/Caler-Edwards-126282471107791/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/100308691722719030411
Views: 17147 Caler Edwards
Create a Working Sidebar Menu & Overlay - Adobe Xd Tutorial
 
04:06
In this video we will use Adobe Xd to create a working sidebar and overlay menu. We will be using the newest update for Adobe Xd to make this work. I created a video on this before these features where available and it is my most popular video with close to 200,000 views. This video we be an update video off that tutorial. Hope you enjoy :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Xd Previous Video: https://youtu.be/qhIZHt0rI1s Want me to design something for you? https://www.youtube.com/caleredwards/about Just send me an email :D My Links: Dribbble- https://dribbble.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Website- http://caleredwards.com Behance- http://behance.net/CalerEdwards
Views: 18294 Caler Edwards
Hand Lettering with a Tablet Tutorial - Adobe Illustrator
 
06:34
Hand Lettering with a Tablet Tutorial - Adobe Illustrator Hey guys! In this video I will show you how to create vector hand lettering in Adobe illustrator without using the pen tool. All you need is a tablet that recognizes pen pressure. We will start by making a brush that allows us to use pressure. You do this by selecting new brush in the brushes panel - Selecting Calligraphic Brush - Ok. Next change the size drop down from Fixed to Pressure. Then change the variation, this is what determines the difference between how thin and thick your lines can be. Later in the tutorial I turn this all the way up, so its personal preference. In the tutorial I explain that when you use the paint tool you may notice the line curves after you release the stroke. This is because of brush Fidelity. To change this setting double click on the brush tool from your tool bar. This opens Paintbrush Tool Options. Make sure the first slider is in the middle position for the tutorial. Next we start to use our brush and write out our word. Down strokes thick, up strokes thin. Just like you would do if you were using a brush pen on paper. After you are done writing and you are happy with all your lines select everything with the selection tool (press V), Select Object - Expand Appearances. Then Open the pathfinder by selecting Window - Pathfinder. Under Shape Modes - select Unite. Thats it your done :D If you want to adjust the strokes even more you can use the direct selection tool (press A) to adjust the anchors. Hope You learn something :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe. Used: Adobe Illustrator CC Previous Video: https://youtu.be/aPrYjJ_-Fug Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: Krys Talk - Fly Away (JPB Remix) https://www.youtube.com/watch?v=sIqx8ajdShU JPB - High https://www.youtube.com/watch?v=Tv6WImqSuxA My Links: Website- http://caleredwards.com Facebook- http://facebook.com/Caler-Edwards-126282471107791/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/100308691722719030411
Views: 46219 Caler Edwards
Adobe XD Update | July 2018 (Another Great Update)
 
03:36
๐ŸคฏNew Videos Every Week๐Ÿคฏ Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com โ–ถ UI Kit: https://www.adobe.com/products/xd/ui-design-kits.html?mv=search&s_kwcid=AL!3085!3!269223088062!b!!g!!adobe%20xd%20cc&ef_id=WJzFUwAABTnbvg0f:20180720152423:s
Views: 4836 Caler Edwards
Adobe XD Update | February 2019
 
02:43
New Videos Every Tuesday, Thursday & Saturday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 11277 Caler Edwards
Adobe XD Update | May 2019
 
09:48
New Videos Every WEEK! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Learn UI/UX Design and Adobe XD ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป(60% OFF) Learn: https://www.udemy.com/ui-ux-design-using-adobe-xd/?couponCode=CALER60 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน Features for March 11 2019 Update: โ–ถ Create and maintain a design system โ–ถ Components with overrides โ–ถ Responsive resize for components โ–ถ Linked Assets โ–ถ Keyboard and gamepad triggers โ–ถ Artboard guides โ–ถ Polygon tool โ–ถ Improved type control โ–ถ Voice prototype notifications โ–ถ Request access to private prototypes and design specs In this video we will cover and showcase all of the new features and changes to Adobe XD in the new May 2019 Update for Adobe XD. Enjoy the video :D
Views: 12187 Caler Edwards
Adobe XD Update | December 2018 ๐Ÿ”ฅ๐Ÿ”ฅ
 
05:35
New Videos Every Tuesday & Thursday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 17392 Caler Edwards
Adobe XD Loader Animation in 2 Minutes - Tutorial
 
03:38
New Videos Every Tuesday & Thursday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Project Files: https://www.mediafire.com/file/h06n1nf0lcvb39p/Adobe_XD_Loader_Animation_in_2_Minutes_-_Tutorial.zip/file โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 11865 Caler Edwards
My Favorite Text Editor - Brackets
 
06:00
My Favorite Text Editor - Brackets Live Preview - Auto Closing tags - Code Hinting There is so much this text editor offers, but the main feature everyone asks about is the live preview. If you want to know how to get your code to refresh live as you type it this is the video for you. I will cover cool features this text editor offers and how you can get your hands on it. Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Download it here: Brackets: http://brackets.io Previous Video: https://youtu.be/Di_bdqub9io My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Facebook- https://www.facebook.com/CalerEdwards/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Views: 47539 Caler Edwards
Web Design Speed Art - Travel Site in Adobe Xd
 
04:45
Web Design Speed Art - Travel Site in Adobe Xd Changing up my workflow today. Adobe Xd is a program I have been wanting to make some videos on. This is a really easy program to work in and it save a lot of time in UI/UX Design. Let me know if you want more Adobe Xd. The design is a travel site with a home page, sign up page, sign in page and search page. Each page slides in for a nice clean transition. At the end of the video I use Adobe Xd to show the functionality of the site. Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Plugins I use: Font Awesome PS: https://youtu.be/OWL_-SxeMIU Previous Video: https://youtu.be/IDNbGfm0fJ4 Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: K-391 - Earth https://www.youtube.com/watch?v=dOo2jWb73JY My Links: Website- http://caleredwards.com Facebook- http://facebook.com/Caler-Edwards-126282471107791/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Views: 34886 Caler Edwards
3D Card Flip UI Animation Tutorial - Adding Motion to your Designs
 
03:01
In this quick video I will show you how to create a 3d card flip effect. You can use this in UI/UX design animation or video editing with clips as a transition. This is done using a null layer and making it a 3D layer. Then adjusting the y rotation value. Hope you enjoy :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: After Effects CC Previous Video: https://youtu.be/seVJts1EAJk My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 9974 Caler Edwards
Beautiful svg Illustrations for your Design Projects  - unDraw
 
03:43
Beautiful free svg illustrations for your design projects. unDraw is a great website with over 300 illustrations to use in any project. You can change the color to fit your design and personal branding. Use these in app designs, web design and website projects. Tutorial using these coming soon! โ–ถ Website: https://undraw.co/ โ–ถ Creator of unDraw: https://twitter.com/NinaLimpi New Videos Every Week - Tuesday 1pm (EST) & Thursday 1pm (EST) Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 14636 Caler Edwards
Login Form UI Design - Speed Art (Photoshop/Xd)
 
05:00
Today I wanted to show a little of my sketching process on a login form design. This form was creative to flow and move throughout the login process. The input boxes check to make sure content is valid, the password is protected and checked for the correct length, the send button pulses once information is in both the email and password boxes and the send button fills the screen. Also added some motion graphics to showcase the form. Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Photoshop CC Adobe Experience Design CC Previous Video: https://youtu.be/3lTIBxfcS6c Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: Phantom Sage - Away (feat. Byndy) https://www.youtube.com/watch?v=HU3pUSUKPFM My Links: Website- http://caleredwards.com Facebook- http://facebook.com/Caler-Edwards-126282471107791/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards Plugins and Resources I use often: Font Awesome PS: https://youtu.be/OWL_-SxeMIU Linearicons: https://linearicons.com/free
Views: 23699 Caler Edwards
Web Design Speed art + Speed Code - Dashboard App Landing Page
 
10:56
Web Design Speed art + Speed Code - Dashboard App Landing Page Todays video is a speed art to speed code for a web analytics service. The design was wireframe and finished in Adobe Experience Design. The code was done in Brackets. Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Brackets Previous Video: https://youtu.be/-4dV-YNA2dA Music: WATEVA - See U: https://www.youtube.com/watch?v=ngrzvApO1Ek BVRNOUT - Take It Easy: https://www.youtube.com/watch?v=i_q8_Kcjl3s Elektronomia - The Other Side: https://www.youtube.com/watch?v=odThebFOFVg&t=47s
Views: 50072 Caler Edwards
Adobe XD MARSHMELLO Website Design - Speed Art
 
10:02
New Videos Every Tuesday, Thursday & Saturday! Learn UI/UX Design and Adobe XD ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป(60% OFF) Learn: https://www.udemy.com/ui-ux-design-using-adobe-xd/?couponCode=CALER60 Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Programs I am Using: Adobe XD + Photoshop โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 82069 Caler Edwards
Create a Working Sidebar Menu - Adobe Xd Tutorial
 
15:33
Create a Working Sidebar Menu - Adobe Xd Tutorial Working with the prototype tab of Adobe Xd to create a sidebar menu that slides in from the side. Perfect for simulating a sidebar menu for a client. I will teach you how to use the basic tools of Xd and how to make a nice sidebar menu design. Repeat grid is a really cool feature we will be using in the video. Want more Adobe Xd? Let me know with a comment. Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Previous Video: https://youtu.be/NgrF2uEbPdQ Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). My Links: Website- http://caleredwards.com Facebook- http://facebook.com/Caler-Edwards-126282471107791/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards Plugins I use (Photoshop): Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Views: 277611 Caler Edwards
Adobe XD Auto Animate App Design - Tutorial
 
20:59
Get Milanote (free): https://www.milanote.com/?utm_source=caler1810&utm_medium=referral New Videos Every Tuesday & Thursday! Learn UI/UX Design and Adobe XD ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป(60% OFF) Learn: https://www.udemy.com/ui-ux-design-using-adobe-xd/?couponCode=CALER60 Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Project Files: https://www.mediafire.com/file/fpuwd27jen66iiz/Adobe_XD_Auto_Animate_App_Design_-_Tutorial.zip/file โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 167034 Caler Edwards
Amazing Color Resources For Designers
 
06:28
Amazing Color Resources For Designers In this video I will cover 5 great places to create amazing color. Each of these is different and offers its own usefulness. Some have creation tools, gradients, pre made swatches, how to use guide (for those who are not as familiar with colors and color theory), and overall great colors. Adobe Color: color.adobe.com Material Color & Guide: material.io UI Gradients: uigradients.com Flat UI Colors: https://flatuicolors.com/ Material UI Colors: http://materialuicolors.co/ Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Previous Video: https://youtu.be/eQ5sB6pe8rk My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Facebook- https://www.facebook.com/CalerEdwards/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Views: 33658 Caler Edwards
Web Design Speed Art - Illustration Style Website (Illustrator/XD)
 
06:47
New Videos Every Tuesday & Thursday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Programs I am Using: Adobe Illustrator, Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 32096 Caler Edwards
How to Plan a UI Design Project - Part 1
 
08:40
Try Milanote to plan your next creative project: https://www.milanote.com/?utm_source=caler1903&utm_medium=referral New Videos Every Tuesday, Thursday & Saturday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Programs I am Using: Milanote โ–ถ Music: Epidemic Sound ๐ŸŽน In this video we will look at planning a UI/UX design, web design, app design project. How to organize a UI/UX design, web design, app design project. I will give some tips on how to prevent creative block in UI/UX design and in design projects, how to start a design project and how to plan everything up to the wireframe stage. The next part of this design tutorial will be Part 2 where we cover everything from wireframing up to a finished design. Enjoy the video :D
Views: 16978 Caler Edwards
Adobe XD News | 2019 Feature Sneaks ๐Ÿคฏ
 
05:52
New!!! Adobe XD Features coming soon! In this video we will cover Adobe XD's future features and future updates. Recently Adobe showed some sneak peaks / unreleased features in a live stream. In this video we will discuss these upcoming features. All of these updates should release within 2019. Enjoy the video :D New Quality Videos Every Week! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Music: Epidemic Sound ๐ŸŽน โ–ถ Live Stream: https://youtu.be/xJcUF-5DeNI โ–ถ Andrew Shorten: https://twitter.com/ashorten โ–ถ Talin Wadsworth: https://twitter.com/MrTalin
Views: 20484 Caler Edwards
Web Design Speed Art - Travel Website (Photoshop/ Xd)
 
10:47
In this video I will be creating a travel website, with search results for Italy. The page is customized to the location and offers the best selection of villas, hotels or houses depending on your applied filters. The Site also has a section for downloading the app and traveling on the go making this like a landing page. Hope you enjoy the design ;D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Photoshop Adobe Xd Previous Video: https://youtu.be/j2MZMX6_YUI Music: TULE - Fearless pt.II: https://www.youtube.com/watch?v=S19UcWdOA-I Beatcore & Ashley Apollodor - Just Stay: https://www.youtube.com/watch?v=kz1ADo_p1SY&t=70s My Links: Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 87936 Caler Edwards
My New Favorite Text Editor - Visual Studio Code
 
09:00
New Videos Every Week Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com โ–ถ Programs I am Using: VSCode โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 16678 Caler Edwards
My Creative Process with Milanote - Plan & Organize UI/UX Design Projects
 
12:21
Get Milanote: https://www.milanote.com/?utm_source=caler&utm_medium=referral New Videos Every Week Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com โ–ถ Programs I am Using: Milanote โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 12879 Caler Edwards
How to Start a Design โ€“ Overcome Creative Block (UI Design)
 
10:22
How to Start a Design โ€“ Overcome Creative Block (UI Design) In todays video I will show you a series of steps to take to start a UI design effectively and to overcome creative block. These are things I do on a daily bases to reduce my creative challenges, lower the amount of wasted time and overall increase my design workflow. If you want to know how to start a design from scratch to finish this is the video for you. I will be using Adobe Photoshop to show my steps in the sketching and brainstorming processes. After Photoshop I will go into Adobe Experience Design to create a detailed mockup and finish my design. If you want to see more videos like this or have any question leave them in the comments. Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Adobe Photoshop CC Previous Video: https://youtu.be/RrYEd-7Rz9E Music: Defqwop - Say The Word - https://www.youtube.com/watch?v=BXuiGkthhxY Unknown Brain - Roots - https://www.youtube.com/watch?v=cexPpgmaXhI My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 25970 Caler Edwards
Adding to Adobe XD with Plugins
 
04:44
New Videos Every Tuesday & Thursday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน In this video we will look at some of the best plugins for Adobe XD. This list of plugins enhances the interfaces of adobe xd. These tools would be a great addition to adobe xd in a future update possibly in the adobe xd November update or the update xd December update maybe even a adobe xd 2019 update. We will cover and showcase a UI Faces tutorial, Changing Case tutorial, Artboard Plus tutorial, Content Generator tutorial and Polygons tutorial. Enjoy the video :D
Views: 11531 Caler Edwards
My Favorite Photoshop Plugin for Web Design - Font Awesome Icons
 
03:14
My Favorite Photoshop Plugin for Web Design - Font Awesome Icons A lot of you guys have asked me what this plugin is and how to get it. So today I thought I would make a quick video about what the Font Awesome PS plugin does and how to install it. First download the plugin from here: http://creativedo.co/FontAwesomePS Extract the .zip file. Open the folder and there is two documents. Next download the ZXP Installer from here: http://zxpinstaller.com/ Install the ZXP Installer to you mac or windows computer. Open the ZXP Installer and drag the .zxp file from the plugin folder into the ZXP Installer. Finally Open photoshop, If its open already close it and reopen it. Go to Windows - Extensions - Font Awesome PS. Now you can drag it where you need it, I like it on the side bar. (Its a Flag icon). Hope this was helpful, let me know if you want to see some more plugin videos or tutorials in photoshop like this! Have a great day and donโ€™t forget to Like,Share the video and Subscribe. Previous Video: https://youtu.be/XNR9GG5b5to Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: http://nocopyrightsounds.co.uk/ My Links: Website- http://caleredwards.com Facebook- http://facebook.com/Caler-Edwards-126282471107791/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/100308691722719030411
Views: 10715 Caler Edwards
Create a Three Line Menu & Use CSS3 Transitions  - Code Tutorial
 
05:44
Create a Three Line Menu & Use CSS3 Transitions - Code Tutorial This tutorial will show you how to create a 3 line menu using div tags and css. Then we will add a :hover that uses transitions to make a smooth animation effect. This simple tutorial is just something small you can add to your website to make it more unique. Hope you enjoy :D If you want more code tutorials or want to see something in particular, let me know in the comments. Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Source Code: http://www.mediafire.com/file/4n9y2ve0tn2yvec/Three+Line+Menu+CSS3+Transitions+Tutorial+Source+Code.zip Used: Brackets Previous Video: https://youtu.be/DrPa8uD_0kw My Links: Website- http://caleredwards.com Facebook- https://www.facebook.com/CalerEdwards/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards Plugins and Resources I use often: Font Awesome PS: https://youtu.be/OWL_-SxeMIU Linearicons: https://linearicons.com/free
Views: 24232 Caler Edwards
Web Design Speed art + Speed Code - Contact Form (With Javascript Validation)
 
05:50
Web Design Speed art + Speed Code - Contact Form (With Javascript Form Validation) I have not coded a form in a while so today I thought I would use some javascript and create a form validation design. The design is simple it has a name input, a email input and message textarea. On submit the script runs and checks to make sure everything is filled in. For the email I checked to make sure it is valid as well. Later on I added a :focus around each box and some red text on non correct fields. Let me know what you think :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Brackets Adobe Photoshop CC Previous Video: https://youtu.be/PxtfNYAOWd0 Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: Vexento - Masked Raver https://www.youtube.com/watch?v=Nvc0hgt9I1g My Links: Website- http://caleredwards.com Facebook- http://facebook.com/Caler-Edwards-126282471107791/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards Plugins and Resources I use often: Font Awesome PS: https://youtu.be/OWL_-SxeMIU Linearicons: https://linearicons.com/free
Views: 16124 Caler Edwards
Create a Working Switch UI - Adobe Xd Tutorial
 
06:56
Create a Working Switch UI - Adobe Xd Tutorial - Wi-Fi On/Off Button In this Adobe Xd tutorial I will show you how to create a pop up menu with a Switch UI, how to use the Apple IOS provided by Xd and how to use the prototype tab to make the Switch UI function. Want more Adobe Xd? Let me know with a comment. Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Previous Video: https://youtu.be/V8TgzuKQ2_U Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). My Links: Website- http://caleredwards.com Facebook- http://facebook.com/Caler-Edwards-126282471107791/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards Plugins I use (Photoshop): Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Views: 26536 Caler Edwards
Web Design Speed art + Speed Code - Client Messaging Website
 
05:56
Web Design Speed art + Speed Code - Client Messaging Website Todayโ€™s video is an application download page web design. This is for a app concept called client+, a messaging application for designers and developers. The design has a full width nav bar and a wrapper set to 80% of browser. The main body has two columns one with the app screens and logo, the other with some information and a download button. The color scheme is a dark UI scheme with green highlight. Let me know what you think in the comments :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Brackets Adobe Photoshop CC Previous Video: https://youtu.be/OLRXdxRg7A4 Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: Kadenza - Harpuia: https://www.youtube.com/watch?v=f0J2lyVy9_8 Geoxor - You & I: https://www.youtube.com/watch?v=1lcc21RQx_A My Links: Website- http://caleredwards.com Facebook- http://facebook.com/Caler-Edwards-126282471107791/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards Plugins and Resources I use often: Font Awesome PS: https://youtu.be/OWL_-SxeMIU Linearicons: https://linearicons.com/free
Views: 16910 Caler Edwards
Web Design Speed art + Speed Code - Online Course Website
 
12:27
Web Design Speed art + Speed Code - Online Course Website In this video I will be creating a website for online courses. The home page design will be created in adobe xd with the illustration created in adobe illustrator. The code will be done in brackets. This website includes a landing section and a mobile app download section. Enjoy The video :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Illustrator Adobe XD Brackets Previous Video: https://youtu.be/s5VH4MWFnIc Music: Defqwop - Say The Word (feat. The Ruins): https://www.youtube.com/watch?v=BXuiGkthhxY Jim Yosef & Anna Yvette - Courage: https://www.youtube.com/watch?v=MReNmBOspAg&t=50s Phantom Sage - When Iโ€™m Gone: https://www.youtube.com/watch?v=tAAUoLcf05k My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 34477 Caler Edwards
Animated 3D mockups in seconds - Rotato Adobe XD plugin
 
08:44
New Videos Every WEEK! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Learn UI/UX Design and Adobe XD ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป(60% OFF) Learn: https://www.udemy.com/ui-ux-design-using-adobe-xd/?couponCode=CALER60 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Programs I am Using: Rotato, Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน In this video we will look at Rotato, an awesome program that lets you create 3d animated mockups for mobile and web in seconds. A perfect tool for User Interface (UI) design and User Experience (UX) Design. You can easily drag and drop an image or video into a 3d mockup and create a video or image using Rotato for your portfolio. We will also look at the new Adobe XD plugin for Rotato. Enjoy the video :D
Views: 39347 Caler Edwards
Adobe XD Update | October 2018 ๐Ÿ”ฅ๐Ÿ”ฅ
 
08:28
New Videos Every Week Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 24488 Caler Edwards
Daily UI - Day 004 - Calculator
 
03:15
Daily UI - Day 004 - Calculator Day 4! Today is a quick calculator design. I went for a clean gradient effect with black button selection. The left side buttons are highlighted in a light blue with lower opacity. The top is in black and offers a history section to show the calculation last performed. Hope you enjoy :D What is Daily UI? Daily UI sends you an email every week day of something to design. You must interpret the brief in your own way and create something awesome. http://www.dailyui.co/ Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Previous Video: https://youtu.be/rH7jXpVf388 Music: Holly x Drivvin - Til The End: https://www.youtube.com/watch?v=nwfy4Eq9o1Y My Links: Website- http://caleredwards.com Facebook- https://www.facebook.com/CalerEdwards/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards Plugins and Resources I use often: Font Awesome PS: https://youtu.be/OWL_-SxeMIU Linearicons: https://linearicons.com/free Icon Pack 2: https://dribbble.com/shots/1718718-Free-Icon-Set
Views: 4624 Caler Edwards
Better Wireframes & Sketches with Freehand from InVision
 
07:29
In this video we will look at the design tool from InVision called Freehand. It allows you to collaborate creatively with you design team or clients. We will be using it today to sketch and create wireframes for our UI UX design projects. New Videos Every Tuesday & Thursday! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Programs I am Using: Freehand from InVision โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 5277 Caler Edwards
Brackets Extensions - A modern, open source text editor
 
10:26
Today we are looking at Brackets.io and its extensions to make the text editor better for your work flow. We will be look at a number of extensions that I recommend as well as the ones I currently use when I am creating my code videos or projects. Hope you enjoy this video :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Brackets Previous Video: https://youtu.be/zszO7RioLb0 My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 11253 Caler Edwards
Adobe XD Landing Page Design Tutorial with unDraw
 
23:26
Learn UI/UX Design and Adobe XD ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป(60% OFF) Learn: https://www.udemy.com/ui-ux-design-using-adobe-xd/?couponCode=CALER60 In this video we will design a colorful landing page for a marketing company with unDraw illustrations and Adobe XD. Adobe XD is a design & prototype tool that we will be using to create this design. unDraw is a website that provides free creative illustrations for your projects both personal and commercial. Each section of our website will use one of these unDraw illustrations to enhance that section and give a visual representation of each heading on the page. Enjoy :D New Videos Every Week Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com โ–ถ unDraw: https://undraw.co/ โ–ถ Project Files: https://www.mediafire.com/file/1aqtyig0k7xbacj/Adobe_XD_Landing_Page_Tutorial_with_unDraw.zip/file โ–ถ Programs I am Using: Adobe XD โ–ถ Music: Epidemic Sound ๐ŸŽน
Views: 83038 Caler Edwards
How to Design and Code a Responsive Illustration Style Website - Part 2.5
 
10:50
This is part 2.5 an extra part for the responsive code to make the design seamless on any platform: desktop, tablet or mobile. This website is an illustration styled site for a design service team that provides its users with monthly asset files. Hope you enjoy :D Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Xd (Design) Brackets (Code) Previous Video: https://youtu.be/N2aqMIECY1Y My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 24199 Caler Edwards
Adobe XD & Adobe Dimension Web Design Tutorial
 
21:05
New Videos Every WEEK! Have a Great Day! Join the Notification Squad: click the bell ๐Ÿ”” Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Learn UI/UX Design and Adobe XD ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป(60% OFF) Learn: https://www.udemy.com/ui-ux-design-using-adobe-xd/?couponCode=CALER60 Join the channel and become a Member โค๏ธ Get exclusive content from me and help support the channel. Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join SOCIAL: @CalerEdwards ๐Ÿ’™ Dribbble- https://dribbble.com/CalerEdwards Instagram- https://www.instagram.com/CalerEdwards Twitter- https://twitter.com/CalerEdwards Behance- http://behance.net/CalerEdwards Website- http://caleredwards.com Hangout on the Discord server! ๐Ÿ’œ Discord: https://discord.gg/qP9CJYE โ–ถ Project Files: https://www.mediafire.com/file/e2av2goy426ds24/Adobe_XD_and_Adobe_Dimension_Web_Design_Tutorial_.zip/file โ–ถ Programs I am Using: Adobe XD, Adobe Dimension โ–ถ Music: Epidemic Sound ๐ŸŽน In this video we will use Adobe XD (Experience Design) and Adobe Dimension to create a 3d website design. In this tutorial I will show you step by step how to complete this web design project for UI (user interface) design and UX (user experience) design. Adobe Dimension allows you to create 3d photo realistic renders for you projects and portfolio. Enjoy the video :D
Views: 63779 Caler Edwards
Daily UI - Day 007 - Settings
 
03:15
Daily UI - Day 007 - Settings Day 7 adds to yesterdays design. This is the settings menu for the team social media app design. The menu lets you edit your personal information, choose to display information, add other social media accounts like youtube or Facebook, view terms, view privacy information and temporarily disable your account. What is Daily UI? Daily UI sends you an email every week day of something to design. You must interpret the brief in your own way and create something awesome. http://www.dailyui.co/ Have a great day and donโ€™t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Previous Video: https://youtu.be/CvICUqJO0Mk My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Facebook- https://www.facebook.com/CalerEdwards/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards Plugins and Resources I use often: Font Awesome PS: https://youtu.be/OWL_-SxeMIU Linearicons: https://linearicons.com/free Icon Pack 2: https://dribbble.com/shots/1718718-Free-Icon-Set
Views: 3248 Caler Edwards