background preloader

Free design resources, Mockups, PSD web templates, Icons

Free design resources, Mockups, PSD web templates, Icons
Related:  othuki

Curso de SEO Grátis Online Esse Curso de SEO Grátis vai te mostrar o passo a passo para conseguir boas posições nos buscadores, receber mais visitas e gerar mais vendas. Com um trabalho de otimização, seu negócio vai passar para o próximo nível. Você provavelmente já deve ter visto dezenas de cursos de SEO online e gratuitos espalhados pela internet. Eu mesmo já assisti praticamente todos que encontrei, mas o que percebi é que nenhum curso mostra a parte prática, se limitando apenas à teoria, e a prática é justamente onde muitos iniciantes se perdem. Nesse curso de SEO gratuito, eu compilei as informações mais relevantes que uso nos meus projetos e busquei apresentar de forma mais clara e prática possível, para que você tenha resultados mesmo tendo nenhum conhecimento. O que você verá nesse curso (clique para ir direto à aula): 1. 2. 3. 4. 5. 6. 7. 8. 9. Tenho certeza que ao final desse treinamento você estará preparado para fazer um trabalho de otimização no seu site e começar a colher os frutos. Introdução ao SEO

Fusionplate.com - Freebies, Icons, Templates, Photoshop and much more 50 Photoshop tutorials for creating amazing icons TimothyBlake • June 8th, 2014 Photoshop Tutorials Photoshop has evolved from just being a great tool for editing photographs . The possibilities of what can be achieved using Photoshop are simple jaw dropping the days of it being used for just editing photography are distant memory. As a web designer its one of the key tools I cant go a day without using. This tutorial is a great showcase of some of the very best tutorials for teaching you how you can use Photoshop for creating icons. 1. In this tutorial, it will show you how to create an address book icon using Adobe Photoshop. 2. In this tutorial you will learn how to create a glossy mail icon that can be used for your apps or websites. 3. So in this tutorial It will show you how to create a Mac style radar icon in Photoshop. 4. This is another icon created by Negreu Andreas. 5. In this tutorial, you will learn to design a house icon in Adobe Photoshop. 6. In this tutorial you will draw a battery icon in Photoshop. 7. 8. 9. 10. 11. 12.

66 Responsive Design for Html5 Css3 Login Form Templates - Web@.net Now a day’s login forms are frequently found on each and every website and we can often see them in sites like social networks, wordpress, forums and other commercial websites. Login form is the mandatory one for user to avail some access in sites and for that you have to register with those sites by providing some valid info. A website without login form is unimaginable and for most of the sites the first section that clicks on your eyes will be login. As concordant to belief, first impression is the best impression and so, your login form should be in a way that allures the users. A login form is extremely important for websites like shopping and user interactive sites to keep the visitors engaged. Most probably a login form includes username, password and a submit button, but a creative and effective designed form will surely grab more visitors to your website. 10 Best – HTML5 & Css3 Login Form Designs Login Form with Blurred Video Background Demo Download Digital Login form template

Free download of 7800+ icons in Windows 8, iOS 8 and Android style — Icons8 We tweet, message, and conduct structured interviews to determine which features the community needs, not to mention that the community invented many of them! Single Style All icons are done by a single designer, so your user interface will look consistent. Editable Vectors Paid Vector icons are not merged and have preserved shapes. Fonts Generator Paid Goodbye monster fonts of 500 icons. Icon Recoloring Pick a color and we will generate recolored versions of your PNG or SVG. Mac&Win Apps Allows you to search icons quickly, and works well with Photoshop. HTML Embedding Get a code to paste an icon right into your HTML.

Create a Stunning Liquid Text Effect in Photoshop To sort of wrap up our series on using liquid effects for design, today, we will look at how to use liquid photostocks to create a gorgeous and stunning liquid text effect in Photoshop. By using some clever techniques, we can warp liquids into a variety of shapes to meet our needs. In this case, you’ll learn how to create letters from liquids, and then add in some extra effects for a dynamic composition. All you need is Photoshop and some free stock images, so let’s get started! Also, don’t forget to suggest tutorials in the comments! Tools used: Adobe Photoshop Various stock images Final Image Preview: Step 1: Document creation and water stock selection To start off we will need to create a new document. Now we will need a mass selection of stock images to create our text. Step 2: Water stock manipulation Once you have obtained your stock images you will need to begin to mold them into your water letters. My stock images look like the below screen shots: Next I started on the P.

Balsamiq Mockups | Balsamiq Take a second. Let it sink in. The first impression might be disorienting. There are very few interface elements on the screen. Start exploring however, and you'll find out that Mockups is filled with powerful yet only-visible-when-you-need-them features. Getting your ideas out should be effortless. Our sweet spot: the ideation phase Mockups really shines during the early stages of designing a new interface. Mockups is zenware, meaning that it will help you get "in the zone", and stay there. Mockups offers the same speed and rough feel as sketching with pencil, with the advantage of the digital medium: drag & drop to resize and rearrange elements, make changes without starting over, and your work is clear enough that you'll make sense of them later. See what you can build with Mockups Download the samples above, or find more on Mockups To Go, our community-contributed stencils site. Designed for collaboration Your whole team can come together around the right design using Mockups. Two reasons:

60 Free GUI Sets for Your Next Project With more and more solid success stories in both the Web and mobile universe, the competition between startups and developers are seriously heating up. You have to be the best of the best in order to overrun others, and great design is critical to attract most potential leads. However, that also means a great amount of funds are going to be torched within hours. (Image Source: MediaLoot) Unless of course if you have these 60 free web and mobile GUI sets with promising design and painless modification to use for your projects. Recommended Reading: 70+ Free Icon Sets You Should Have in Your Bookmarks Web GUI Kit. Rainbow. Awesomeness Widgets. 480,000 pixels of awesomeness compressed into one PSD file, and it’s free for you. Balio. Beige. Pillow. Blue Milk. Clean UI Pro. Square. Polaris. Impressionist. Futurico. White Blue Web. Prime. Mega UI Pack. Sticky Butterscotch. Got Wood. Phoebus. Apollo. Hades. Kick Out. Light Web. LinkedIn iPad Redesign. Dashboard. Smooth Web App. Black UI. Solid.

80 best Photoshop tutorials from 2013 Our annual tradition on Creative Nerds is to showcase the best Photoshop tutorials from the current year. We have scoured the web , in order to roundup the top 80 best photoshop tutorials created this year. The post has a variety of various tutorials from text effects to photomanipulations. The post is a great resource for building and developing your design skills, perfect if you’re beginner or a veteran designer. 1. Modern artists often use more than one application to create their work. 2. Are you wary of using vectors in Photoshop? 3. While in the real world split-flap displays are becoming obsolete in favor of digital displays in places like airports, train stations, bus stations, and so forth, they still live on as a symbol of travel. 4. This tutorial uses some basic layering and masking techniques, coupled with some 3D elements that we’ll montage together to create an interesting mixed-media collage with lots of depth. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20.

VirtualBox Images We offer open-source (Linux/Unix) virtual machines (VDIs) for VirtualBox, we install and make them ready-to-use VirtualBox images for you. From here you can download and attach the VDI image to your VirtualBox and use it. We offer images for both architectures 32bit and 64bit, you can download for free for both architectures. At the moment we have plans to offer you 30+ Linux/Unix distributions, we may add more to our list in near future, you can also send us suggestions if we are missing any popular distribution from our list. You can check FAQs for Credentials(Username & Password) for VDI images. VirtualBox is the most easiest way to run secondary OS on your primary operating system, If your hardware doesn’t allow you to install any other operating system then VirtualBox comes in hand. You can follow our blog for new images we release for VirtualBox.

11 great free UI kits for web designers There are so many great examples of UI design on the web that some may think it's easy to create an attractive, easy to use interface. But as any web designer worth their salt will know, it's anything but. In fact, it's often the biggest challenge facing any web design project. UI kits take the pain out of developing a solution to a design problem. Subscription offer ‏Although you may be a CSS genius, it doesn't mean that with each project you undertake you need to go right back to the drawing board and start from scratch. Bringing it all together ‏UI kits provide a set of resources you can use to develop the user interface of your application, whether you're working in Photoshop, with developer tools for iOS or Android, or on the web. ‏On the web a UI typically comes as a CSS library with a collection of fonts and images, and sometimes a small JavaScript library to provide a polyfill for any advanced functionality not supported in older web browsers. 01. ‏02. ‏03. uikit ‏04. ‏05. ‏06.

Related: