Quick, practical design tutorials for design & web development. Discover your unique path to learning with ulearn! Unlock your creative potential beyond tools. Dive into our RU-vid channel from educational tutorials to insightful tips and tricks. No excuses-everyone can learn with uLearn!
Whether you're into InDesign, Photoshop, Illustrator, XD, Figma, LinkedIn, or RU-vid, we've got your back. Join our vibrant community for resources, expert knowledge, and inspiration to fuel your creative journey. Let's unleash your design prowess together-master techniques and processes to elevate your skills!
@Tacocabra Thanks so much for watching and for your kind words! I'm glad the one-minute tutorial continues to be helpful. If you'd like to stay updated on my latest content, don't forget to subscribe and hit that notification bell. I'm currently diving into Figma tutorials, but I definitely plan to return to Illustrator soon.
You're welcome. Although, you do get only 10 free converts, afterwards, you will need to pay for it. You can either pay for the pro version, or elect to try a different way. You can also try this without using any plugins too: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qa36cBXh3vM.html or if you prefer, you can also just rebuild the files too. If you are new to Figma, make sure to subscribe to the channel and turn the notifications on as more Figma tutorials will be coming soon. And thanks again for watching!
@BlackGirlIntrovert You're welcome! I'm glad I could help. Illustrator is a great tool. It's a popular choice for many graphic designers. Best of luck with your current project! Don't forget to subscribe and hit that notification bell so you don't miss any future tutorials that gets straight to the point!
Straight to the point thanks..... Same here been using photoshop for like 10 years and there is always that small thing you always wanna learn.. Thanks
@DataBaseComparison I am thrilled you found this video helpful! It's great to hear that even experienced designers are always looking to learn new tricks. Do you have any specific tips or techniques you've found particularly useful over the years?
It all works until I create a new file and then paste it. It pastes a broken version of what I'd copied. No image appears but a few of the anchor points can be seen. Very few. What did I miss?
@LARRYLONGSTRETH use the direct selection tool to remove the unwanted artwork first. Then when ready, either do a marquee selection or Command A for the Mac or Control A for the PC to Select All. Then paste. If you are only getting a broken artwork, it means something may not have been completely selected and copied. Let me know if you need further assistance.
@@alinamironova9579 you're very welcome. Glad to hear the video was helpful. Make sure to subscribe to the channel and turn on the notification bell for the next tip or trick. Working on Figma tutorials at the moment but do plan on circling back to Illustrator tutorials eventually!
That's not true @qubit002 ...I did a search on a new account as well, you can go the plug-in webpage as well. wiregen.ai and if you scroll down, you will see the Figma plugin button as well in blue
Are you on the Resources - Plugins, not the Components tab? I did a search, and Wiregen does show up. Also, you can find it on their website (wiregen.ai) by scrolling down to the blue button.
@AliceMoretti-w1y , you need to make sure the colors are saved as styles. Around the time 1:10, import color & text styles... The XD files needs these to be saved correctly as a style. That's the only thing I could think of for why it isn't working on your end. Try that out first. And let me know. There are only 10 free Converts and after that you need to pay. If you want, you can try copying the SVG code to Figma as well... ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qa36cBXh3vM.htmlsi=WTI8ByOlyzA-IV_o
@sashaBejenari Thrilled to hear the video helped you transition from Photoshop to Figma! You'll be surprised what you can create! Remember, practice makes perfect. With a little time and effort, you'll be a Figma pro in no time. It's always great to know that my content is making a difference. Please support the channel by subscribing, hitting the notification bell for the next tip or trick and sharing with others. And thanks again for watching!
@Top.10.English I'm so happy to hear that the video helped you create wireframes with ChatGPT and Figma! It's always great to know that my content is making a difference. Thanks for watching, please support the channel by subscribing, hitting the notification bell for the next tip or trick and sharing with others who may benefit from this as well.
Thanks @ILove500DaysofSummer for watching my video on creating pattern swatches in Illustrator! I'm glad you found the video helpful, please consider subscribing to my channel for more design tutorials and tips. You can also share the video with anyone you think might benefit from it. If you have any other questions about creating pattern swatches or Illustrator in general, feel free to ask! I'm always happy to help!
@7labmkt Granted I guess I could wrote 'Photoshop Hack for Figma too!' It's to hear that you were able to utilize those Photoshop files directly in Figma. It's a significant time-saver compared to starting from scratch. By leveraging existing assets, you can streamline your design workflow and allocate more time to the creative aspects of your project. It's a prime example of how effective tool integration can boost productivity and efficiency. If you like this video, make sure to hit that like button, subscribe, share and turn on the notification bell for more tips and tricks! Excited to create more Figma tutorials for you all! Thanks for watching!
@@raajampolu912 you are very welcome. Although there is a plugin to download, you only get 10 freebies to convert. If you watch this video, XD to Figma, no plug-ins required, you could do it for free as well...ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qa36cBXh3vM.html
@@darkmerrygoround it's a nice trick and tip from Photoshop to XD...but creating mockups and prototypes in XD is so much faster than say with Photoshop especially when you get the hang of it. Many of my students still prefer XD over Figma!
Huge relief that my video helped save your life, @sisousidney8252! It's amazing how quickly things can turn around. Please share this if you think it could be a lifesaver for someone else.
@spectre_gaming2 you are very welcome. Although, there are a few other ways as well to get your XD files to Figma, as the Convertify plug-in does have 10 free conversions you may wanna watch this video without the use of any plugin ( *XD to Figma in Seconds! SVG Code Import (No Plugin) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qa36cBXh3vM.html* .... It may just as better
@home_produktionen You are very welcome! Adding live hyperlinks to your prototype elevates your designs by making them feel incredibly close to the final product.
@viduntharumika5471 Glad you liked the XD to Figma trick! If you're interested in learning more about Figma, be sure to subscribe to stay up-to-date on the latest Figma techniques. If you know anyone who is interested in switching to Figma, be sure to share this video with them! Thanks again for watching!
@emmagib779 Visuals can be super helpful, am I right? What other Figma topics would you like to see covered in a future video? And again, thanks for watching!
@OsamaRazaq-uq2sl... Super excited to hear that this video tutorial turned your life around and rescued you from your misery! Make sure to either bookmark or even subscribe to this channel to always get the best tips and tricks. Thanks for watching!
I would say using the Convertify plug-in does have its limitations. You do get 10 free converts, then after that's done, you need to pay for it. But, if you also want to try a different method, you can also take your XD files by copying the SVG code, ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qa36cBXh3vM.html If you think others can benefit from this design tutorial, do share it and subscribe as more videos are coming up. And thanks for watching!
@BrunoElias-b2d ...you're very welcome! I usually make my students learn how to use the pen tool, pathfinder, and shape tool to create a logo. Once they learn that, I then show them how to use the tracing tool if they get stuck and need a little assistance. Several (ok, all) of my students were shocked that it was much easier than expected. Thank you for subscribing to the channel. Means the world to me. Please share the video with your friends and colleagues so they can also get up to speed with Illustrator!🙏😎😄
@Learnadino Thank you for your comment. Consistent Figma use will likely lead to more efficient mockups. Stay tuned for future Figma content by subscribing and enabling notifications - a reliable resource for your Figma journey!
Thanks Kari ! @user-jx8ow2cx9d! Glad to hear the "ultimate hack" saves you time compared to rebuilding everything from scratch. The quality of the files can vary, but hopefully with continued use, you'll all become more comfortable creating mockups directly in Figma in the future (nothing wrong with taking old Photoshop mockups into Figma) If you'd like to stay updated on this and future content, please consider subscribing and turning on notifications. This way, you'll always have a reliable resource for learning Figma. Thanks for your support!
@vans4033, yes, Figma is an application that has a desktop and online . The cool part is, collaborators can work on it at the same time too. Have a look at the Figma playlist to get you started. If you subscribe and turn the notification bell on, you will get notifications on the next new Figma video (more to come).
Glad you found it helpful @spbs-or6lj ! This video is actually part of a playlist I created to help people get up to speed with Adobe XD quickly. If you're interested in learning more, check out the other videos in the playlist (ru-vid.com/group/PLCE3v4D5D9DNrj8Lk2XcmY-bd_o8rjKET&si=rqMaKgWtm8_g8-VV) If you enjoyed the video, I'd really appreciate it if you consider subscribing to our channel for more XD tutorials and design tips! And if you know anyone else who might be interested, feel free to share the video.
I had accidentally deleted the original comments but some of you had an issue with accessing the 'Export As' Preferences. Some older Photoshop preferences and plug-ins might not be compatible with the Apple Silicon version If you have a newer Mac OS with M1, M2, M3 or later, there is a work-around for this. Here's the workaround: 1. Close all of the Adobe application on your mac. 2. Go to Adobe.com (creative cloud account) 3. Log into your account 4. On the left side is your Apps, select that. And hopefully, Photoshop will appear in the middle 5. Click on the three dots beside the open button 6. Select Open (Intel). This lets you choose to run the Intel version of Photoshop, even on your Apple Silicon Mac ( M1, M2, M3 or later) 7. Now, try clicking on 'Open,' and hopefully it should work!
Hi thanks for the step-by-step instructions. however I cannot see the step 6 on the app section 3 dotted option. Hope you could help. Thanks Update: I actually use the Rosetta mode to resolve the issue
@dailyMotivation00__.....Happy to hear the video came to the rescue and saved you from a stress marathon! If you enjoyed this one, you might find future tips and tricks even more helpful. Don't forget to hit that subscribe button for more lifesavers in the future! Plus, by subscribing, you can always count on this channel helping on your next marathon!
what if they say "Compatible app required This plugin is not compatible with apps in your subscription." I cannot do the same as what you do because of this
@tronghieu3114 This message seems to be specific to Windows PCs and might appear on older versions like Windows 7 or 8 that are no longer supported. Your computer needs to be at least Windows 10 (64-bit) - Version 1909 (19H2) or later. If by chance you are working on a MAC OS, it must be macOS v10.15 or later. If you meet these requirements there is a work-around, please head over to the page to see the images and context (some copy and pasting of direct links) helpx.adobe.com/xd/kb/adobe-xd-not-compatible-on-windows-machine.html Hopefully that works.
@HorizonPerson Although 'Convertify' does have it's limitations with 10 free converts, you may be better of using a different option, SVG Code Import requiring No Plugins - Watch this video and in two minutes, you will be under your way from XD to Figma as well and it wouldn't cost you a cent! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qa36cBXh3vM.htmlsi=WLLQiKRVYTwqbgU2 If you like this video, make sure to hit that like button, subscribe, share and turn on the notification bell for more tips and tricks! Thanks for watching!
@TheSeensca Thrilled you enjoyed this design tutorial! Short, sweet, and straight to the point. For more like this, check out the Illustrator playlist on my channel. I am hoping to circle back soon with some 3D design and other tutorials down the road! If you haven't subscribed yet, please hit that subscribe button and ring that notification bell to catch all the future design tips! You won't regret it!
@batteredwife *OMG! You are absolutely right!* I had to re-watched what I had created, I guess at the time of the creation of the video, I think in my head I did do that (obviously, looking back, I didn't!). I am terribly sorry about that! I no longer use KeyNote anymore, but I believe *there is a tab called 'Audio' around the **01:15** mark in the top right hand corner* . Select your music, or audio clip, then simply drag the audio file to a media placeholder or anywhere else on the slide. And it should work properly. If by chance the audio or video is too large, I would suggest to use HandBrake to compress the audio or video. I have recorded Quicktime videos for instructional feedback to my students which are over a gig in size, and HandBrake would reduce the video size to as small as 70mb. So, it's a worthwhile app that is an open source to compress a file. Once you do that, it would make your Keynote file to process faster as well! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-BlDNUl2UXyw.htmlsi=cUUELoPGFtHq-iGc But, RU-vid will compress the file as well when the time comes to upload it. Sorry, I just can't remember exactly, as this was made 3 years ago. Nevertheless, I can look into this further with the audio and grab a spare MacBook with KeyNote later in the day.
@batteredwife the slideshow or short is in my Shorts Playlist, or right here for you, ru-vid.commWjCDDhyfjo?si=26dojcALqi2ttO8O. I do believe all my 'shorts' was created in Keynote. Except for the Figma one!
@@ulearntech Thanks. Appreciate the effort!! So you made a video and got two videos out of it. Smart! Makes me think of all the tidying and organizing videos I watch where the women make a video and also get their space cleaned up! 🤣🤣
@batteredwife very cool to hear that you were able to create your first short! And NOT only that, you are also a Mac user too! As a reminder, when I made my shorts, I made sure the shorts were under 59 seconds. Because if the shorts is 60.01, it won't be considered as a short! Yeah, RU-vid is quite strict on that one. Also, make sure you also record in vertical format. On my final note to you, include #shorts in your RU-vid Shorts title and description. It isn't mandatory anymore, but, it helps viewers recognize your video as a Short at a glance, especially in search or browsing
@ibidesign Glad this tutorial was helpful! Sometimes our drawing skills or the image trace results might not be perfect. If you can find a PDF with a clean vector version of the logo, that would definitely be the easiest solution...so many different tricks and tips in getting a clean vector logo!
@yaragengo824 Glad you dug the Figma tutorial! Don't get me wrong, XD still holds a special place in my heart, but Figma's got some cool features too. There's actually a whole playlist with more Figma videos you can check out. I've got a bunch more Figma tutorials planned, everything from taking a website I like and turning it into Figma, then diving into Figma variables and all that good stuff... Gotta put a pause on that for a sec though, gotta make some masterclass videos for my students (think taking a Photoshop mockup and making it fancy in both Figma and XD!). But fear not, Figma fun will be back soon! And if you subscribe and hit that notification bell, you'll know right when the next Figma magic happens! Thanks again!
@dineshraj2746 thanks! Glad you're enjoying the Figma video tutorial. I've got more Figma videos in a playlist you can check out too. I've got a bunch more Figma tutorials planned, everything from taking a website I like and turning it into Figma, then diving into Figma variables and all that good stuff... but I gotta make some masterclass videos for my students real quick (think taking a Photoshop mockup and making it super fancy in Figma and XD!). But don't worry, I'll be back to Figma fun soon! And if you subscribe and hit that notification bell, you'll know right when the next Figma magic happens! Thanks again!
@rachelmorgan-smyth5593 Thanks for tuning in and for appreciating the subtitles! Glad they helped you out. If you enjoyed this quick InDesign explanation, you might like some of the other InDesign (or other apps) content on my channel too! Feel free to explore and maybe even hit that subscribe button if you're up for more InDesign tricks and tips!
@@ulearntech The image was copy/pasted from a Word document and by default "clipping path" is added. The solution is to open Layers --> Expand the arrow --> select "clipping path" --> delete (trash bin icon). I hope this would help someone. Other than that, great video!
@alexdavidouski Thanks...you didn't give me any or much context did you? Next time, start with the Word document, that would have been easier to work with! 😀 You can't directly copy and paste an image from a Word document into Adobe Illustrator. Why would you? But, that's all you have, I guess you have no choice. If you can re-draw the logo, the tracing may be it? When you copy an image from a Word document and paste it into Adobe Illustrator, it might indeed become a 'clipped group image', as you mentioned. This means only a portion of the image is pasted into Illustrator, rather than the entire image. For those as per @alexdavidouski but more detail: 1. Go ahead and copy and paste from Word to Illustrator 2. Select the image, and right-click (or release from clipping mask) 3. Open and expand the Layers. Inside you will see the two thumbnails that are white, Path and Clipping Path. Go ahead and select that, click on the trash can (if you click on delete, it deletes the whole layer) 4. What's left? In my Layer, it may say <Group> <Clip Group> and <Image>. There should NOT be any thumbnail that is in white. If so, make sure to remove that. 5. You should be able to see the Image - Make or Image - Make and Expand. Or change the Image Trace Presets in the drop-down menu.
That's a great question! While Balsamiq Wireframes may seem tailored for software wireframes, its simplicity and ease of use make it versatile for various design projects. Unlike Illustrator, Balsamiq focuses specifically on wireframing, allowing you to quickly sketch out ideas and iterate on them efficiently. Its library of UI components and drag-and-drop functionality streamline the process, making it ideal for visualizing software interfaces, user flows, and interactions. Plus, its collaborative features enable teams to work together seamlessly on prototyping projects. Lo-fi wireframes play a crucial role in the design process for several reasons. Lo-fi wireframes are essential because they facilitate rapid iteration, aid in conceptualization and communication, prioritize user centered design, saves time and resources, and foster collaboration. They are a valuable starting point in the design process, allowing for efficient exploration and validation of design ideas before diving into detailed visual design. Give it a try, and you might discover its value extends beyond just software mockups! And thanks for watching!
@BipulRoni - Thank you for finding our video helpful! Explore our collection of tutorials to ease the conversion of XD files into Figma, like 'Convert SVG Code: XD to Figma in Seconds - Game Changer! No Plug-in Necessary! (ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qa36cBXh3vM.htmlsi=YpoFEKsWxgiL_AH8)' - Subscribe to our channel for more Figma tutorials. Happy designing!
Thanks for this tutorial! I’m new to illustrator - Will this work with a scanned piece of artwork (a drawing of a figure on a bench) or are those sorts of shapes too complicated for auto trace?
It sure will. In that case, I would change the image type from black and white logo to High Fidelity Photo to give you a better perspective. Granted, there are other possibilities you can attempt with too. I have a playlist of learning on Adobe Illustrator as well, to learn the basics of this drawing app. Check it out, and if you think it's helpful, subscribe to the channel as I plan to add more tutorials once I am done with the Figma ones, I likely would circle back to this. Feel free to reach out if you have any more questions or need further assistance. And thanks for watching!
I appreciate your thoughtful words, @abdullahsani4361 As an instructor, I've often wondered if these videos truly benefit. Your compliment means the world to me and reinforces the value of the work I do. It would be an honor if you can subscribe to the channel as I plan to release future videos on Adobe Illustrator once I am done with Figma. Thank you for taking the time to express your gratitude!
@dudea3378 - Wow, thank you so much for your kind words! It means a lot coming from someone with your level of experience. I'm thrilled to hear that you found value in my tutorial, despite your extensive knowledge of Photoshop. It's comments like yours that motivate me to keep sharing different techniques. If you haven't already, I'd be honoured if you subscribed to my channel. I'm always striving to provide fresh insights, and I'd love to have someone as seasoned as you along for the journey. Thanks again for your support!
Hi @monikacau01234! Thank you for watching the video and I'm glad you found it helpful! Just to let you know, Figma does indeed have a free plan available. With this plan, you can access basic features and create up to three projects. If you're looking to work within those limits, one option is to save your Figma files, delete the ones you no longer need, and start a new project. If you're interested in exploring other options, there are some free alternatives to Figma worth considering. You can try Adobe XD or PenPot, Prototypo to name a couple. ChapGPT 3.5 is also free as well. Feel free to reach out if you have any more questions or need further assistance!
The best part is, you do not. If by chance you are in any educational cohort, you could apply for an education user which allows you to have I believe unlimited collaborations. The free version only allows three. Do you need to apply with an education email? I know some of my students did NOT, they used their Gmail account. I can't confirm that because I can't remember that. Go to figma.com/education
