Posts tagged inspiration
What You’ll Be Creating Are you seeking inspiration and inner peace? Do you want to relax and enjoy your day?
What You’ll Be Creating Style guide driven development offers a hugely flexible approach to modern web design. In this tutorial I’ll walk you through designing a UI (user interface) kit, whilst also explaining the decision-making that will keep our UI kit consistent and reusable. Tutorial Assets In order to follow along you will need the following (freely available) assets: Open Sans font from Font Squirrel or Google Fonts Stock photo from
What You’ll Be Creating For this installment of our To the Point series, I got to fire questions at Dave Perillo, aka Montygog, whose often pop-culture-themed vector pieces are inspiring and harken back to an era of design long missed. Pull up a chair and take a spin around Dave’s body of work while he answers questions on inspiration, process, and working with art galleries. Hey Dave, thanks so much for the interview.
Everyone loves a taste of the behind the scenes magic of creating incredible art. And in this quick Tuts+ project, we want the vector community to give us a little peek into your process by showing your own vector wire frames. What is a Vector Wire Frame? When working in Adobe Illustrator, you can always choose to view your art in the outline mode . These outlines allow us to see a more simplified version of the extensive work that goes into creating your vector masterpiece. How to Enter this Community Project: Upload both the original vector artwork plus the wire frame version to the comments section. Upload each work separately and Save for Web with a fixed width of 600 pixels. Include your name, website, or a short bio to help us learn more about you or your vector process! Guidelines Upload both the original work and wire frame versions to the comments section in order to be included in the community showcase…
Traditionally the double exposure effect is produced by photographers using nothing but their camera to combine two separate photographs to create an abstract and surreal image. However, we can also mimic the effect in Photoshop, which actually gives us more control over the final output with the ability to adjust and preview the effect as we go. Follow this step by step tutorial to create a double exposure effect yourself, we’ll blend two existing photographs together with the help of some simple clipping and masking techniques. The double exposure effect isn’t just popular with photographers, it’s a technique that artists and designers can use to create cool abstract artwork. You can see this effect used in the real world on album covers and even during opening titles of popular TV series. Today we’re going to focus on mimicking the traditional effect in Photoshop. It’s a relatively simple process but the final result mostly depends on a good match of two complementing photographs. For some inspiration, browse some great examples of double exposure images on Pinterest . A popular combination of …
Here is the original post:
How To Create a Double Exposure Effect in Photoshop
What You’ll Be Creating In this tutorial we will create a crazy poster, illustrating a famous quote by Oscar Wilde – “Be yourself; everyone else is already taken”. We’ll apply various Warp Effects to create the elements easily. Learn to make a gentle grain effect to give our poster a vintage look and do some freehand lettering. Let’s get started! 1. Create a Fancy Top Hat Step 1 First of all, create a New Document of 600x800px size. Form the palette that we’ll be using in our image to make the composition vivid, yet preserving the consistent look of a retro-style poster.
What You’ll Be Creating Do you like sleek, elegant websites? Then make sure to buckle up, because in this tutorial you will find out how to combine simplicity and elegance in this one page website in Adobe Illustrator. This tutorial will show you everything you need to make an elegant yet simple site for your small business in Adobe Illustrator, using a Hair & Beauty Salon as an example. Let’s dive in. Tutorial Assets Fonts This tutorial uses several free fonts and other assets
Advertise here with BSA There is a broad spectrum of designers who have never studied art yet still have the skills to create brilliant websites. Whether consciously or not, designers borrow a lot of aesthetic principles from the art world. Before digital interfaces old-world artisans would design objects like clothes, furniture, decorations, and these would follow very similar ideas. So what is the line between art and design, and is it possible they work together? How can you incorporate artistic ideas into a website or mobile app interface? In this post I want to cover a few different topics related to artistic design and how you might apply them to future project work. Drafting Stages When working on any project big or small take the time to draft a few concepts. This can be done by hand using pencil & paper, or you might try creating wireframes or light mockups using digital software. This could be compared to an artist sketching a few different versions of a character or logo before creating a more polished version. The drafting stage is crucial because this is where you flesh out ideas. This is where you think about a few different styles of navigation. A homepage really needs to catch attention while keeping people curious enough to …
See original here:
Mixing Artistic Ideas into your Web Design Workflow
Advertise here with BSA I’ve seen this trend becoming much more popular amongst mobile and web designers. Adobe After Effects is a powerful software suite typically used for adding effects into videos. But it can also create animations for user interfaces in smartphone apps, tablets, and website layouts. It takes a lot of practice but After Effects is quite the interesting program. These AE animations can be exported as GIFs and used to demonstrate how a UI should behave. Examples may include swiping through a photo gallery, sliding open a menu, performing a search, or anything similar. I’d like to share some ideas about why you might want to learn After Effects and start creating these animations for your digital projects. Why Create Animations? As a designer you often need to present the final interface to developers or clients who wish to make the website or application. This is fine if you can work with static elements, or if the animation effects are very basic. However once you get further into things like mobile app design you’ll find yourself creating very dynamic menus and screen transitions. By designing a GIF you can show off how the animation should unfold. It will show which parts of the screen should move away, how they should move, and what should appear afterwards. Even basic effects like scrolling down might pinch or squeeze parts of the design. The clearer your ideas …
View original post here:
The Benefits of Animated UI/UX GIFs Created with After Effects