Home
Videos uploaded by user “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: 70010 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: 82886 Caler Edwards
Adobe XD Update | September 2018 🤯
 
05:12
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: 8564 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: 16702 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: 88540 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: 31450 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: 14879 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: 36620 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: 19446 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: 9284 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: 27399 Caler Edwards
BETTER QUALITY Gif in SECONDS! Photoshop Tutorial
 
02:50
In this quick tip tutorial I will show you how to make a high quality gif fast. We will be using photoshop to edit the timeline of our gif image to lower the size of the file. Don’t sacrifice your amount of colors or quality any longer. Enjoy the video :D Have any video requests? 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: Photoshop CC After Effects CC (not needed) Previous Video: https://youtu.be/0h6ucpqtkF0 My Links: Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 12638 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: 2762 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: 22236 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: 227043 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: 73807 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: 14705 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: 4613 Caler Edwards
Web Design Speed Art - Go Dive Website in Adobe Xd
 
04:53
Web Design Speed Art - Go Dive Website in Adobe Xd This web design is for a concept I thought of about diving spots. The design includes a mobile navigation, download app buttons, 2 gradient effects on the side, a bubble effect, a dive logo made in AI, a detailed footer with multiple page and topic selection and clean banner design. 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 Adobe Illustrator CC Adobe Photoshop CC Previous Video: https://youtu.be/oWUAOrttZq0 Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: Vanze - Survive (feat. Neon Dreams) https://www.youtube.com/watch?v=cvl8e2se8Q4 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: 10109 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: 40009 Caler Edwards
What Adobe XD Is Working On | Sneaks (The Program is changing)
 
04:18
In todays video we will cover several sneak peeks that Adobe XD will have in a coming update. These features are new program changing updates that will provide us with better tools and more control over our designs. Let me know what you think of these sneaks 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 (Andrew Shorten): https://twitter.com/ashorten Previous Video: https://youtu.be/vK4ZeH8i96E 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: 5931 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: 21533 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: 21167 Caler Edwards
Web Design Speed Art - Creative Solutions
 
04:24
Web Design Speed Art - Creative Solutions Creative solutions is a concept firm web design. The idea came from a simple home page that displays what the firm does and lets you get in contact with an email form. The footer in this design shows off every important page to the design along with the concat information. Below the learn more button is 3 buttons with the opacity lowered, showing what the company does: Creative Development, Innovative Web Design and Strong Numbers. Showing this company gets results. The design uses a blue overlay on the background images to match the blue theme. Have a great day and don’t forget to Like,Share the video and Subscribe. Used: Adobe Photoshop CC Previous Video: https://youtu.be/WF8HqCVJWWA 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: NCT x T & Sugah - Along The Road (feat. Voicians) https://www.youtube.com/watch?v=oDdR6Tm-U0c 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: 9209 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: 15413 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: 3763 Caler Edwards
Create a Social Media App - (Design & Prototype) Adobe Xd Tutorial
 
22:03
Create a Social Media App - (Design & Prototype) Adobe Xd Tutorial In this video tutorial we will create a social media app complete with a news feed and user profile screen. Both with unique navigation which will be prototyped in adobe experience design. Want to see more tutorials? let me know 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 Project Files: http://www.mediafire.com/file/rlk522f8k5r2xvy/Create+a+Social+Media+App+-+Project+Files.zip Used: Adobe Experience Design CC Previous Video: https://youtu.be/1zSKJgzd5fw My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 196825 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: 12302 Caler Edwards
Web Design Speed Art - Nike Just Run
 
04:44
Web Design Speed Art - Nike Just Run Hey guys! This video is a Nike running event concept web design speed art. Started with a banner of nike shoes and came up with the idea for a race. The website comes with a statistics UI/UX design, event information section, gear store, run for a purpose or cause and a newsletter section. Used a blue black color and yellow for the highlights. Really happy with the overall design, let me know what you think in the comments. For more Web Design videos Smash that like button! If you like this share it so others can find it. Have a great day and subscribe for more! Used: Adobe Photoshop CC Previous Video: https://youtu.be/dNptvJW9Rn4 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). 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: 19707 Caler Edwards
The one thing Your Website is Missing! - Favicon Tutorial
 
06:50
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: Visual Studio Code (VSCode) ▶ Music: Epidemic Sound 🎹 ▶ Favicon Website: https://realfavicongenerator.net/
Views: 2908 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: 9306 Caler Edwards
UI Design Speed Art + Speed Code (Xd/Brackets)
 
10:11
UI Design Speed Art + Speed Code (Xd/Brackets) In todays video I will be designing a app, landing page and coding the landing page design. This is one of my larger projects, so I hope you enjoy it :D This was designed in Adobe Experience Design CC and coded in Brackets. The app is a collaborative app for designers and developers. The app is shown off on the landing page along with some information, navigation and a detailed footer. The code was created using HTML and CSS 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/WAVbANenW5w Music: Unknown Brain - MATAFAKA (feat. Marvin Divine): https://www.youtube.com/watch?v=AlXfbVpDUdo&t=171s Catas & Kasger - Blueshift: https://www.youtube.com/watch?v=_C1dfBeo374 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: 13171 Caler Edwards
Web Design Speed Art - Select a Designer Website in Adobe Xd
 
04:11
Web Design Speed Art - Select a Designer Website in Adobe Xd Working with shapes, icons and box shadows today. This site is a product focused site that allows you to select from a number of designers and packages to get the job done. The site takes you through the selection process, then asks you to fill out the multi step form. Let me know what you think of the web design. Using new icon styles in this one. 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 Adobe Photoshop CC Previous Video: https://youtu.be/80d7AdGW8N0 Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: Zaza - Be Together https://www.youtube.com/watch?v=gEbRqpFkTBk 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 often (Photoshop): Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Views: 3307 Caler Edwards
Web Design Speed art + Speed Code - Coffee Delivery Website (Part 1 of 2)
 
06:44
Part Two (Code): https://youtu.be/O-1zuANK8m0 This design video will be split into 2 parts. This video is the Speed Art and then The Speed Code. The design is for a coffee delivery website. Complete with a slide in nav, how it works (with 3 steps Order, Wait, Delivery), Featured Orders, Trusted brands, email signup for newsletter updates and deals, pages section and a footer with Privacy, Terms and Copyright information. The design is a white theme with a salmon pink highlight color. Let me know what you think of the design :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 Adobe Photoshop CC Previous Video: https://youtu.be/pOCZ897nllY Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: Cartoon - C U Again feat. Mikk Mäe (Cartoon vs Futuristik VIP): https://www.youtube.com/watch?v=NJNp6DnAAIo Culture Code - Make Me Move (feat. Karra): https://www.youtube.com/watch?v=vBGiFtb8Rpw 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: 8730 Caler Edwards
Responsive Artboards in Adobe Xd??? (Responsive Websites Made Easier)
 
02:15
Today Adobe XD revealed a sneak peak at the latest feature coming soon. This features works on making designs over multiple screens less time consuming. Shown in the gif image is an dartboard being scaled down and the design changing with the size. Could this mean responsive artboards in Adobe Xd? Maybe, find out why I think so… 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/-Aqhq0PWSX0 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: 6259 Caler Edwards
Web Design Speed art + Speed Code - Clothing Store
 
08:05
Web Design Speed art + Speed Code - Clothing Store - Ecommerce This is a photo heavy ecommerce web design speed art and speed code. The design is for a fashion clothing concept company. The website has multiple sections with a price tag feature in the corner. All buttons and links have there own :hover effect applied to them. In the code I used :first-child and :not to target specific elements a lot. Let me know if you like the speed code with the speed art. So far everyone seems to like the addition of the speed code, so as of now I will start doing them more :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/cGfLZWQUD4g Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: Different Heaven - Safe And Sound: https://www.youtube.com/watch?v=13ARO0HDZsQ Glude - Identity: https://www.youtube.com/watch?v=_z1mdKOw6PQ Different Heaven - Nekozilla (LFZ Remix): https://www.youtube.com/watch?v=4ZvnbsfXRk0 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: 10168 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: 5654 Caler Edwards
Daily UI - Day 032 - Crowdfunding Campaign
 
05:50
Daily UI - Day 032 - Crowdfunding Campaign Today is day 32 of the daily UI series. This is a crowdfunding campaign design. It shows the money pledged, the number of backers, the days to go, a watch button and a pledge button. 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 Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Previous Video: https://youtu.be/KJXdvaY9lTA Music: Ephixa & Jim Yosef - Everlasting: https://www.youtube.com/watch?v=MT814DNhy_U 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: 1577 Caler Edwards
Web Design Speed Art - Modern Portfolio in Adobe Xd
 
03:31
Web Design Speed Art - Modern Portfolio in Adobe Xd For this design I wanted to use a new style. The design is a clean white with gold and black highlights. I used I Think Design as the main focus of the page, putting each letter into rows and columns. I also mixed a few sans serif fonts and script to give it a luxury feel. Hope you like the video. 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 Previous Video: https://youtu.be/chfvT2006BA Music: Heuse - Stones (feat. Chris Linton & Emma Sameth): https://www.youtube.com/watch?v=XY28M0dIx6o 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: 6306 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: 28295 Caler Edwards
Web Design Speed Art - Code School Website in Adobe Xd
 
03:59
Web Design Speed Art - Code School Website in Adobe Xd Todays video is a speed art for a code school website. The site has a space theme banner with a call to action, a short information section about what you will learn, and a final call to action to sign up for the site. 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/SnOo5CBL5ag Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page). Music: Jo Cohen & BQ - Glowing At Night https://www.youtube.com/watch?v=bwrCCc6hWKo 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: 7241 Caler Edwards
Daily UI - Day 028 - Contact Us
 
05:25
Daily UI - Day 028 - Contact Us Today is day 28 of the Daily UI. Today I will be creating a contact us page design. This has a section for a live chat between the hours of 8am to 5pm EST. It also has a form asking for you name, email and message. For the navigation and footer I wanted to practice spacing and detailed footers so I added that in for some good practice. 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 Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Adobe Experience Design CC Previous Video: https://youtu.be/bQnrsBGbwbY Music: Anikdote & Culture Code - Don’t Let It Go (feat. Brado Sanz): https://www.youtube.com/watch?v=HGXtg8JDvZU 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: 2363 Caler Edwards
Create Account and Verification Process  - (Design & Prototype) Adobe Xd Tutorial
 
16:55
In todays video we will be designing and prototyping a create account app design with and email verification screen. All of which will be prototyped in adobe experience design. Download the blank project file bellow and follow along. The project file contains all the colors, icons and elements used outside of adobe Xd. 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 Project Files: http://www.mediafire.com/file/9dxotb2v6ar9nc5/Creat+Account+and+Verification+Tutorial.zip Used: Adobe XD Previous Video: https://youtu.be/GqyouomHNB4 My Links: Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 19046 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: 11484 Caler Edwards
Web Design Speed Art + Speed Code - Pricing Packages (Part 1 of 2)
 
03:53
Part Two: https://youtu.be/MK7tfPT3koA Today I wanted to make some pricing packages using icons. I created 3 icons to represent personal, business and corporate in illustrator. Each icon is above each packages option which gives the price per month and a short description. At the bottom of the page I used some company numbers to show why you should choose us. 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 Adobe Illustrator Previous Video: https://youtu.be/p1LcQz8Rndc Music: Dread Pitt - Pyro [NCS Release] https://www.youtube.com/watch?v=Ji6DuevDUCM 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: 3789 Caler Edwards
Nike Just Run (Redesign) - Web Design Speed Art
 
10:52
Nike Just Run Redesigned. Progress from 2016 to 2018. This video was to see how far I have come since 2016. I learned a lot from this redesign and might do more redesigns in the future. This video is a Nike concept I had for partnering with foundations and organizations to raise money during marathons. This would let you select what you want to raise money for and allow you to compete in three events for it. 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 Adobe Photoshop Previous Video: https://youtu.be/a9jO2oqzJK4 Old Nike Design: https://youtu.be/SO50aHeSu_8 Music: https://www.youtube.com/watch?v=LJeiQw2RmSg https://www.youtube.com/watch?v=kLkhKjR9_A8 My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 18149 Caler Edwards
Adding Motion to your Designs - User Swipe Tutorial (Ae/Xd)
 
13:30
Adding Motion to your Designs - User Swipe Tutorial (Ae/Xd) This tutorial shows you how to add a swipe effect in After Effects. Hey everyone! This is a tutorial to add motion to your designs. Today we will be animating a project from Adobe Xd in Adobe After Effects. We will be simulation a user swipe effect. This will be done by keyframing the position and opacity of elements. Adjusting Easy Ease and the Graph Editor for a more realistic effects. Want more motion tutorials? Make sure you let me know 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 Used: Adobe After Effects CC Adobe Experience Design CC Previous Video: https://youtu.be/k9dvhqZnrSw 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: 118060 Caler Edwards
Web Design Speed Art + Speed Code - Tire Company Landing Page (Xd/Brackets)
 
11:08
Web Design Speed Art + Speed Code - Tire Company Landing Page (Xd/Brackets) Todays video is a speed art to speed code for company that sales and repairs tires. This is an image focused design with a lot of lighting adjustments to the tires in the center of the design. At the top of the page is the navigation and the customer support link. At the bottom there is a filtered car search to ensure you find the best tire for your cars year make and model. 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 Experience Design CC Brackets Previous Video: https://youtu.be/oBHHhAuBJvg Music: Aero Chord & Anuka - Incomplete (Muzzy Remix): https://www.youtube.com/watch?v=1dEyXpdpwWE&t=80s Kisma - We Are: https://www.youtube.com/watch?v=WfluodjOkOk Aero Chord & Anuka - Incomplete: https://www.youtube.com/watch?v=z0Hzy9Nnqcc My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Behance- http://behance.net/CalerEdwards
Views: 10481 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: 4938 Caler Edwards
Animate.css - CSS Animation Made Easy (Part 1)
 
10:23
🤯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 ▶ Link: https://daneden.github.io/animate.css/ ▶ Link: https://github.com/daneden/animate.css ▶ Project Files: http://www.mediafire.com/file/rmwga71avbvcmvm/Animate.css_-_CSS_Animation_Made_Easy_%28Part_1%29.zip/file ▶ Programs I am Using: Brackets.io ▶ Music: Epidemic Sound 🎹
Views: 13855 Caler Edwards