FRANKLIN AZZI ARCHITECTURE 70 Typographic, Clean And Minimalist Color Scheme Web Designs Hello there! It’s time for little inspiration and this time I wanted to showcase something different. You may know that very popular designer slogan – “More is Less”, and yes it’s often so true – unexperienced people tend to overcrowd, use too much colors in their designs. I just love these designs – they are very light, clean and usually uses only monochrome color scheme and just one or two bright colors for links or headers. You may also notice for such designs it’s more about grid, harmonic distribution through whole page and very silent, elegant accents. It’s not about many colorful photos,images or icons, crazy backgrounds or experimentation. 1. One of the best clean, light and elegant websites I came across in this research. 2. 3. 4. 5. Very clean, yet professional web design. 6 .Made By On 7. Hot Meteor specializes in web, print, and branding. 8. Excellent accents leading your eye through whole page in the way author wants it. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 21. 22. 23.
22 Awesome Adobe AIR Applications for Designers Adobe AIR has become a popular platform for internet-enabled desktop applications. If you’re a designer, AIR applications will help you with a multitude of tasks that will make your life easier, aiding you in streamlining your workflow. Close to a year ago, we wrote a post on this topic, and since then there have been great advances and even more awesome AIR apps for designers. This article aims to cover what we didn’t mention previously. In this article, you’ll find terrific applications that will help you in your design and image-editing oriented tasks. If you don’t have Adobe AIR installed, you can download it free from get.adobe.com/air/. 1. ImageSizer is a batch image processor tool built to resize, optimize and rename multiple JPG files. 2. Contrast-A is a great Adobe AIR application for designers wanting to easily create color schemes for their design. 3. Color Browser is made for archiving and organizing your color palette collections. 4. 5. 6. 7. 8. 9. iPlotz 10. 11. 12. 13. 14.
Compositing V-ray Render Layers in Photoshop In this tutorial Ahmed Fathi takes a look at how to composite together V-ray render layers using blending-modes and masks in Photoshop. Once completed, this process allows you to change or tweak any aspect of your image in seconds without having to re-render a thing! Ahmed also covers a few extra post production techniques such as Chromatic Aberration and Depth Of Field, as well as how to emulate a Cross-processed look. Republished Tutorial Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. This tutorial was first published in July of 2010. Additional Files/ Plugins:Download the Project Files for this tutorial Step 1 As this is a compositing tutorial, not a lighting/rendering tutorial, I'll assume that you have at least a basic knowledge of V-ray, and that you are able to render out your own scenes already. Step 2 We'll start with the VRayZDepth element. Step 3 Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 Step 11 Step 12 Step 13 Step 14 Step 15
17 Great Resources – Color Inspiration For Web Design | CSSgirl Dev & Design One of my favorite parts when creating a new design is the process of choosing a color scheme. There are times when the colors just fall into place after I have my main color, or when using a photo the colors just flow around it. But sometimes you need a little help. Whether your looking for a color scheme to base your design on or you need a little help picking out complimentary colors the generators, articles, color wheels and more below will assist and inspire your color creativity. Color Generators / Wheels <img src=" alt='colourlovers' />colourlovers is one of my favorite websites to visit. Colors From Photos Articles on Color Theory Color Psychology & Symbolism Articles On Using Color In Design Premade Color Scheme Inspirations Because, sometimes you just need a jumpstart to find your perfect color scheme! HTML Hex Codes Jump to Comments
How to Make a Dark, Post-Apocalyptic City Illustration In this tutorial, we'll change a full of sunshine, ordinary photograph into a gloomy image of the world after destruction of mankind. Using simple tools, we'll turn lively streets into abandoned ruins overgrown with weeds. A number of stock images and a few little tricks will let us optimize our work and make this job more interesting and spectacular. So let's go! Final Image Preview Take a look at the image we'll be creating. Preparation All the photos I've used are taken from the stock.xchng site. Step 1 Open the city image, which you intend to use, and save it under a different name. Step 2 Now, in order to create the appearance of destruction, several actions need to be taken. Step 3 Open the flag image, and separate the flag from the background. Select the Eraser Tool (large size and hardness set at 0%) and remove the side part of the flag. Finally, make the image monochromatic (Image > Adjustments > Black & White). Step 4 Place the flag onto the surface of the main image. Step 5 Step 6
Tutorial07: Rendering Architectural Interior in Photoshop In this 1h:18min video tutorial we will be showing you how to render a one-point perspective interior scene entirely in Photoshop, this time completely from scratch, i.e. there will be absolutely no 3D involved. Instead, we will be adding details on the go, using Photoshop brushes and cutting, skewing, masking, stretching, erasing and modifying pieces of photographic materials from of our extensive reference library that we’ve taken ourselves at different locations around the globe. These types of conceptual images, sometimes referred to as “digital painting” or “speed painting” and, which we here at Vyonyx are marketing as “Quicksilver images” is a very flexible and quick way of not just visualising your ideas, but also a very intuitive way of designing things in general and architecture in particular. This way of working allows easy changes – changes are important to your client and to your team. Below are some screen shots from our video and a low-res streaming video of the tutorial:
960 Grid System 50 Stunning Photoshop Text Effect Tutorials Photoshop’s text and layer tools can be used to create some really awesome effects. We’ve put together a list of 60 of the best tutorials we could find to help you stay up to date on the latest trends and techniques. You’ll find some really cool grunge and glass styles (plus a few surprises!) and learn how some of the best designers create their unique effects. Courtesy: LemonDesign1 Instead of listing 100 plus tutorials that you’ll bookmark never to come back, we’ve decided to take you through the basics of typography, hopefully inspiring and then teaching you. You may want to take a look at the following related posts: Introduction to Typography Link Typography is the art of arranging type, designing type, and modifying type glyphs. Here are some resources to give you further insight: The Wisest Mind Has Something Yet to Learn Link And we, too, never stop being inspired, learning and creating: How to Choose the Right Type Link Guess if you can, choose if you dare. Resources to Live by Link
The 960 Grid System Made Easy By Joshua Johnson The first time I discovered the 960 Grid System, I was immediately excited about the possibilities of implementing complex layouts so easily. However, since I was fairly new to web design at the time, when I downloaded the files, I quickly became overwhelmed at how complicated the whole thing seemed. With all this code, how could this be the easy way to create a layout? This article is for web designers and front-end web developers who are interested in grid-based layout systems but are at a loss on how to decipher them. We’ll focus specifically on the 960 Grid System, but after reading this guide, you’ll find that most of the other grid systems out there are similar and will make much more sense after you understand a few basic principles. Grid-Based Design Before we get into the specifics of the 960 Grid System, let’s briefly discuss grid-based design in general. Our brains like to simplify things to make them readily understandable. Why Do I Need a Grid System? Typogridphy
Download Free Fonts - Acid Fonts