background preloader

Design tools

Facebook Twitter

Art of the Title. StumbleUpon. StumbleUpon. StumbleUpon. StumbleUpon. StumbleUpon. StumbleUpon. StumbleUpon. StumbleUpon. Djdesignerlab.com - StumbleUpon. StumbleUpon. Netflix - Accès aux utilisateurs | Accédez à votre compte. Tympanus. How it works A normal image is replaced with layers of semi-transparent divisions of the same image. Every layer moves according to the configuration, creating a subtle motion effect. Hover over the grid images to see how the effect works: Options A normal image is replaced with layers of semi-transparent divisions of the same image. Each layer gets moved in 3D, creating a subtle illusion of perspective. extraImgs Number of extra background-image divisions; min:1, max:5 extraImgs : 2 opacity The opacity value for the background-image divisions opacity : 0.7 bgfixed Movement of first layer; by default it's not moving bgfixed : true movement The movemement configuration for each background-image division movement : { ... } perspective The perspective value for the 3D transforms perspective : 1000 translateX The relative movement on the x-axis.

TranslateX : -10 translateY The relative movement on the y-axis. translateY : -10 translateZ The relative movement on the z-axis. TranslateZ : 20 rotateX rotateX : 2 rotateY. Www.abstractfonts. Paletton. Joe Manganiello Got Busted Scoping Sofia Vergara's Butt in Public. Www.otherfocus.

Ever wondered where designers get their resources to help them succeed with a project? Here is a list of great resources including sites, PSD. files, actions, UI elements, mock ups et cetera and best of all, they are totally free and available for you to download. Just click on the title or image and it will bring you to the resource. Bookmark this post so that you can always look back at this great list that can help you succeed. Icons for your website, an iPhone mock up or PSD’s for your landing page, Fribbble is the place to be.

Many of us struggle when posting a project at Behance. How do we get it to make it look right? Another great site to get free PSD files, blurred background or UI elements. Struggling to get the perfect colour combination? A great site where you can download free stock images. In need of some high quality patterns? Lets you design a website, for free, without code. Guides can be a pain in the ass when it comes down to web design, here is a simple solution for you! Index. Best free html5 templates 2015 have amazing features to make your website outstanding. All these free responsive html5 website templates released in 2015. HTML5 has been around for a while now and we can see all developers have started to share free resources in HTML5, CSS3. The templates we are introducing today are totally free with amazing features like flat design, responsive layout, jquery sliders etc.

Free doesn’t make it any bad as you can see most of these html templates look like premium templates. We have took a little extra time to grab new HTML templates in this exciting list of freebies. List of Templates Landed If you need an up-to-date website with a hot look and advanced functionality this Landed template will be a perfect choice. This template offers a clean and responsive layout that allows you to engage more visitors as it automatically adjusts your pages to any screen resolution whether it is a desktop or a tablet. Design Agency Need a powerful template for a blog? Stylishwebdesigner. A Brochure is a great way to advertise your product. It can convey your message to your potential clients very effectively. In this post I am going to showcase some of the free Brochure Templates for our readers.

These templates will help you to create a nice and beautiful brochure without the help of any designer. If you are a designer then these templates will surely save a lot of your time. If you know any other free Brochure Template then do share it with us in the comments section. Do share this post with your friends to help us spread the word. Enjoy! Free Brochure Templates Corporate Bi Fold Brochure Template PSD Brochure Template Corporate Tri Fold Brochure Template Corporate Tri Fold Brochure Template 2 Free Coreldraw Brochure Templates Brochure Template Free PSD Brochure Template Free Brochure Templates 3 Fold PSD Brochure Template Dentist and Dental Brochure Template Tri-Fold Brochure Free Brochure PSD template SiB – Trifold Brochure Related posts: Perfect-3-column. Download this layout (25kb zip file). Percentage dimensions of the holy grail layout All the dimensions are in percentage widths so the layout adjusts to any screen resolution.

Vertical dimensions are not set so they stretch to the height of the content. Maximum column content widths To prevent wide content (like long URLs) from destroying the layout (long content can make the page scroll horizontally) the column content divs are set to overflow:hidden. This chops off any content that is wider than the div. 800 x 600 Left & right columns: 162 pixels Center page: 357 pixels 1024 x 768 Left & right columns: 210 pixels Center page: 459 pixels The nested div structure I've colour coded each div so it's easy to see: The header, colmask and footer divs are 100% wide and stacked vertically one after the other.

No CSS hacks The CSS used for this layout is 100% valid and hack free. SEO friendly 2-1-3 column ordering Full length column background colours No Images This layout requires no images. No JavaScript. Color.aurlien. Stockindesign. 31 Jan2014 By Erick Ragas. Posted in Articles, FREE Mock-Ups In this list you can choose the items required for the design you have planned. Enjoy it! What is a Mock-Up? A mockup or mock-up is a model that helps you digitally represent, as it would look the design of a project (Stationery, Cards, Applications logo, Souvenirs, Poster, Flyers, Banners, etc.) in the real life, it helps you save some time and money in printing and photography. How this works? Magazine Mockup Cover Opening Photorealistic Magazine MockUp Magazine / Book Front Cover Art Book MockUp PSD Hardcover Book MockUp Flyer – Poster Frame Mockups Flyer and Poster Mockup 01 Poster Frame PSD MockUp Free Poster Mockup Psd A4 Paper Mock-Up Canvas Perspective Mock Up Tri-fold brochure PSD mockup Tri Fold Brochure Mockup Tri Fold Brochure MockUp Business Card Hand Mockup Letterpress Business Cards MockUp Business Card Mock-Up Free Business Card Mockup Psd Business Card Mock-Up Embossed Paper Logo MockUp Silver Stamping Logo MockUp 3D Wall Logo MockUp.

Explore more. Web pages, photos, and videos. Www.linkzoo. Www.blog.spoongraphics.co. This post was originally published in 2010 The tips and techniques explained may be outdated. Follow this step by step post processing guide to give your photos a dark lomo style effect with high contrast, blue tones and vignette burns. The effect is based on the popular lomographic technique and is similar to the processing effect used in many fashion shots and advertisement designs. Overall this effect does a great job of adding impact to a plain photography with cool colour casts and unusual saturation. View full size photo effect Begin by opening your photograph of choice into Adobe Photoshop. Go to Image > Adjustments > Levels and tweak the tones of the image. At the bottom of the Layers palette, click the Adjustment Layer icon and select Curves.

Change the drop down menu to Green and tweak the graph for the green channel to further alter the tones of the image. Finally alter the Blue channel, creating an inverted ‘S’ shape to enhance the blues to give a cool colour cast. The Recipe for a Perfect Logo Design - Infographic. How to Design the Perfect Business Logo (Infographic) Photo To Sketch With More Detail - Photoshop Tutorial. Written by Steve Patterson. In a previous Photoshop tutorial, we learned how to convert a photo into a sketch using a technique that works great with portraits, since it tends to leave out small, unwanted details like wrinkles and other skin blemishes while focusing more on the general features we want to see in the sketch, like a person’s eyes, nose and lips. Sometimes though, when working with other types of images like landscape or nature photos, buildings and architecture, still lifes, or really any image that doesn’t focus on people, you’ll want the sketch to include those tiny details the previous technique would ignore.

In this tutorial, we’ll learn a slightly different way to convert a photo to a sketch that’s usually better suited for these other types of images since it often does an amazing job of bringing out fine details. If you’ve already read through the previous Portrait To Sketch tutorial, you’ll find that most of the steps here are the same. The original image. SCROLL FOR YOUR HEALTH - by Tomer Lerner. 35 Photo Editing Tutorials for Photoshop. Photoshop Effects: recreate the look of a medium format portrait. 30 free and beautiful HTML5 templates.

Logo design: 60 pro tips. 50 Brilliant Photo Manipulation Tutorials to Understand Photoshop Like a Pro. Artist Reimagines Disney's Animal Characters as Humans. Tokyo (Japan)-based illustrator ‘Chaico‘ has been creating a series of wonderful illustrations in which he takes Disney‘s popular animal characters and reimagines them as humans. Artist – chaico Portfolio (Hat Tip Sploid) Humanized Scrooge, Huey, Dewey, and Louie (Click to Enlarge) Humanized Lucky, Cadpig, Rolly, & Spot from 101 Dalmatians (Click to Enlarge) Tip: USE RIGHT AND LEFT ARROW KEYS ON YOUR KEYBOARD TO MOVE PAGES Tags: Cartoons, chaico, disney, Japan. Double Exposure Style in Photoshop. We've featured quite a few posts and images with the effect most call double exposure. This technique consists of 2 images superimposed. There are some really nice examples with very intricate overlaying, usually with faces of people mixed with photos of nature.

I've been thinking about giving it a whirl in Photoshop for a long time and I've finally gotten around to it. So in this tutorial/case study I will show you how to create this double exposure effect using Photoshop and some stock photos. The process is simple however it does take time to adjust the details. Step 1 Open Photoshop and start a new document. Step 2 Isolate the girl from the background using the select tool. Step 3 Now let's add the second image for the double exposure experiment. Step 4 Duplicate the photo of the branches to make them mor compact.

Step 5 Now put both images together. Step 6 Mask the photo of the girl with the branches selection. Step 7 Step 8 Duplicate all layers and merge them into one. Conclusion Applications. It all starts with writing... - Tackk. Tackk It all starts with writing... Source: Seanwes.com #How-To #Design #Print #Inspiration #Graphic-Design Comment Stream @kyle 0 Favorites 1 month ago. These are called Polyscapes. - Tackk. Low-Poly Self Portrait Tutorial. Ask H&FJ: Four Ways to Mix Fonts.

How To Reveal Hidden Passwords (Asterisks) In Web Browsers. In many places where you need to input your password to gain access, authorize or confirm a transaction, whenever you type passwords into the input text box, the characters automatically turns into asterisks or bullets. This is to protect your password from straying eyes. However, in situations that require you to know what lies behind those asterisks, we’ve got a simple trick to reveal the passwords on your web browsers. These hidden passwords are disguised with the help of simple HTML and CSS. So just changing the value of something specific will easily reveal what’s behind those bullets or astericks. We’ll show you how this is done in Google Chrome and Firefox. Recommended Reading: Golden Rule To Internet Security: Change Your Passwords Google Chrome In any website which contains your saved password, right click on the password box and click on Inspect element.

You’ll now notice the bottom quarter of your screen filled with codes. Look for type=”password” and double click on it. Wrap Up. Web Free PSD Templates on Pinterest. 16 Free Brochure Templates PSD, AI, EPS Download. Found the best free brochure templates in psd, vector file format for free download which can be used in your design projects. From simple one page brochure to bi fold, tri fold brochures can be used for your business advertising. While business can be transformed through any kind of media these days, brochure templates can also be used for additional benefit on marketing a product.

Photoshop, illustrator software are the requirement to edit these psd download files layer by layer. Modification and customization of these free brochure templates is possible as these templates are perfectly grouped for easy editing. It is advised to completely alter the files to get a unique brochure designed for your corporate firm or business. The magic thing about these brochure template is you can convert them to use with any kind of design purpose anytime. Find similar articles for graphic designs. Gardening Brochure Template PSD Download Free Beauty Care Salon Brochure (EPS Format) Download Download.

105 Free Photoshop PSD website templates. Most of the downloaders here will be looking for a structure to start their own design by compiling different web templates. I wont call them as copy designers but rather as highly skilled compile designers :P. Ideas are created from ideas, as a start up design will be created by one designer and others follow it. Flat psd web templates can also be found here so your new website will be trendy when viewed from modern day devices. Here in this topic you will find updated list of 100+ Free Photoshop PSD website templates for free download. I will be updating this list with more templates soon so keep a bookmark of this page. Shop Template This is just the shop page of the Musica Theme.

Download Musica E-commerce PSD Template It consists of 4 different PSD files, each presents a specific version of the home page (with IOS slider, Nivo slider, with opened cart and with portfolio items). Download Emporium Download Wedding Dreams PSD website template Download Minimal web template Download Download. 40 Freebies You Just Can't Miss!

Every once in a while it happens that you run out of ideas. Happens with everyone, there is no need to worry. There are people like us who are here to provide you with inspirational stuff so that you stay loaded all the time. To see examples and works of other professional people is always a good source of inspiration and gets you going to be productive for the next step or the next project. Our post today has a collection of 40 freebies that we know you will love and use more than one. Freebies are a good way to help the designing community for the collective benefit of all. jQuery easy UI Subway icon set Roundabout WordPress login form Chiclet UI Circular progress bar CSS calendar Social media icons Responsive carousel Best web fonts Turn the light off with Allofthelights.js PSD glass slider Bootsnipp Scrollorama Live capture Ajaxy live search SoundGecko HTML5 voice search Public post preview Pixel perfect mini icons Liquid text effect CSS rotating menu iPad GUI pack (retina display) Gradient-scanner.

100 (Legal) Sources for Free Stock Images. Ui Parade - User Interface Design Inspiration. Cool Photoshop Abstract Effect Tutorials « PixelDetail. How To Create a Realistic Money Effect in Photoshop. Photoshop Retouching Tutorials. How to create a simple texture background in 5 seconds. Top Photoshop Tutorials on YouTube You Need to Watch. Cloud brushes. Five Minute Upgrade - Making Your Design Pop. 1,075 Awesome Free Fonts For Designers. 68 Striking Photoshop Text Effects Tutorials. 65 Beautiful Fonts You Can Download For Free. 18 Astonishing and Surreal Photo Manipulations by Caras Ionut. 10 Awesome Infographics for Graphic Designers. The Art of Negative Space.

Make a Realistic Star Field. 35 Brilliant Resume Designs. Footers Design Showcase. Fonts. 40 Super Awesome Wallpapers for Nerds. Humorous Illustrations by Wirdou - T-Shirt Designer. 25 great fonts for parties. Download the 105 best free fonts.

Create a Mobile Shopping App Design in Photoshop. 50 great photoshop tutorials. Untitled. Star Wars Toy Photos Look Amazingly Real. 200++ Photoshop Photo Effects. A Sea of Cloud and Mt.Fuji. All sizes | so you want to be a modern poster designer? 50 Portrait Retouching Tutorials To Take Your Photoshop Skills To A New Level. How To Make a Cool Cinemagraph Image in Photoshop. 34 Photoshop Tutorials That Will Leave You Looking Like A Pro. Stumblers Who Like Tutorial Magazine / photoshop / effects.

Adobe Photoshop CS4 Basics Video Lecture Course. 24 Really Cool Photoshop Actions To Enhance Photography. 50 Resume Designs That Help You Get Dream Job. 44 Grunge Photoshop Tutorials. Animals Dressed In Clothes That Fit Them Like a Second Skin. Baubauhaus. Design Seeds&: For All Who Love Color | Search - StumbleUpon.