If I win, please donate money to Novak Djokovic's Foundation Cheers! dribbble 애니메이션 생일 Dribbble 5th B'day
Last few nights I spent with After Effects. I made some icons to morph them togerther. You can grab icon PSD for free. If you want, follow me on Twitter / Instagram 애니메이션 아이콘 포트폴리오 Morphing icons - Web
Hi! It only concept, and you can download source (.psd) and animation (prototype in principle) ui ux 안 드 로이드 Chat On Map Freebie .psd and .principle
Hey. I just wanted to create an original login page with some motion in the sky and relief with the moutains, something visually dynamic. It's just an idea, there's no project behind this work, so feel free to use it as you want, there is the .psd attached. For the "Keep me loggged in" thing, I don't wanted to use a radio button. I think with a good animation (I felt lazy to create it!), text & color are enough. The picture was taken by Juskteez Vu. ui 블루 양식 Login page Idea
Fictional Mac OS url shortener app I've created in order to use the Photoshop animation tool I've never used before (except for frame to frame gif). What you see here is the final animation (truncated) exported in gif format. For those interested you can view the full animation here in .mp4 and here in .gif. After several hours of manipulation here are my thoughts about this Photoshop animation tool (for UI): The "could be better" things > Before opening the animation panel, be sure to have everything planned with organized layers based on effects that you want to add. Modifying / deleting an element in the timeline can shift all remaining elements. Movement and disposal of keyframes is done manually so it can quickly become tedious to move dozens of keyframes on several different layers, while remaining in the timing. > The lack of preselected effects (specific for UI animation) is annoying. Adding motion effects like the often use "ease-in" & "ease-out" is a pain in the ass since the disposal of keyframes is done manually, one by one, depending on the timing/effect that you want to achieve (so long to make it for every elements that I"ve simply not do it). > I've encountered several nasty bugs that have complicated a little more my work (eg some layers become impossible to stretch after some time etc..). To go beyond those weird things, I had to duplicate identical layers which did not improve the organization of my timeline. > Some effects are only accessible on dynamic objects. eg. Impossible to add a motion effect on several separate layers (You have to convert them into one single dynamic object) > The preview feature is not fluid and slowed the animation. It can be misleading for positioning keyframes. (eg. My initial 30 fps animation regularly dropped below 15 to 10 fps during the preview...Maybe it's my machine perf.). The positive things > The learning curve is very short: each layer is duplicated in the animation timeline, a keyframes system allows you to animate layers separately by tweaking few parameters (few and almost always the same: opacity position, style.). For those who have experienced the Flash animation timeline before, is almost the same thing. > A list of preselected effects are already available (like fade-in fade-out etc.). Unfortunately as I said before I would have loved to have, at least, the ease-in ease-out effect. > You could copy / paste multiple keyframes to work faster. My Conclusion Despite a very fast learning curve, the lack of predefined motion effects and the messy organization of the UI is not facilitating the work. If this tool can be very useful for adding small animations for simple interfaces, the task can quickly become long and tedious for larger files with more complex animations. But I have to admit that for those familiar with Photoshop, it's really interresting to animate an interface with the same tool used to design it. I hope this Photoshop animation tool will be improved in the future. - Here is the .psd for those who want to take a closer look to the timeline. - Note: I've recently seen this _ not ready yet_ Animator toolbar plugin which seems interresting for Photoshop animation. ui 응용 프로그램 사용자 인터페이스 Url shortener app (+psd)
Simple animation for a site I'm working on. After clicking on a country, the user will be able to discover more informations of it. Make sure to download the attached psd. Feedbacks appreciated! ;) 애니메이션 ui ux Country Selection Animation
I've found the google calendar not very pleasant to use... So here's a concept. The GIF doesn't do it justice, check out the video. Enjoy, happy holidays everyone! Download rishabh.ca ui 최소 안 드 로이드 [Free PSD] Material Calendar UI
Hello Dribbble ! For my first shot I made this landing page for the Daily UI challenge, hope you like it :) Thanks @Adrien Joulie for the invite ! I added the .psd just here : http://leverrierpierre.fr/dribbble/003_landing_page.psd 애니메이션 dailyui 방문 003 - Landing Page / Free .psd
Replace your URL in the text layer & screenshot in the Smart Object, add tween frames, adjust timing, copy/paste and reverse the tweened frames. Dunzo! Pixelfit for a 2x Dribbble screenshot. I wrote in detail on which buttons to push in the Timeline panel on my blog. Have fun! ⥠애니메이션 최소 이랑 Minimal Browser Animation (PSD!)
<p> If I win, please donate money to <a href="http://novakdjokovicfoundation.org/" rel="nofollow">Novak Djokovic's Foundation</a> </p> <p> Cheers! </p> dribbble 애니메이션 생일 Dribbble 5 B'day