background preloader

How to create a simple texture background in 5 seconds

How to create a simple texture background in 5 seconds
inShare7 First fill the background: Add a new layer and make a noise and then duplicate the layer: Do motion blur on the first layer with the angle of 0 degrees, distance 40 pixels: Do the same thing with another layer and set 90 degrees: Then apply the blend mode multiply to the layers with noise: Add lighting in Overlay mode: Here is also an example of how to create a simple relief background in two clicks. Create a new layer with noise on a gray background, blend mode screen. Advertisement Duplicate this layer, invert (Ctrl + I), displace by 1 pixel down, blend mode multiply. Reduce the opacity of both layers to 20% Then colorize it (color layer in soft light mode), you can do it twice You can brighten it if it is necessary (the layers in the soft light mode), insert the icons, buttons, text or whatever you have in your design. In addition: on the second step you should apply edit→define pattern and in further work use the pattern overlay in luminosity mode. 7inShare AndrewG Related:  design toolsIdeas&Web

Top Photoshop Tutorials on YouTube You Need to Watch We know how much are readers love great Photoshop tutorials. In this list we thought we would switch it up a bit and list some awesome Photoshop tutorials on video. While I prefer text and images when doing tutorials I know there are many people out there that would rather watch a video tutorial. Ladies and gentleman, without further delay I present to you the best Photoshop tutorials on YouTube. 1. Photo Manipulation 2. 3. 4. 5. 6. 7. 8. 9. 10. I have viewed all of these tutorials at one time or another and have learned a great deal from them. The Chromatic Typewriter Washington-based painter Tyree Callahan modified a 1937 Underwood Standard typewriter, replacing the letters and keys with color pads and hued labels to create a functional “painting” device called the Chromatic Typewriter. Callahan submitted the beautiful typewriter as part of the 2012 West Prize competition, an annual art prize that’s determined by popular vote. I don’t know how practical painting an image with a color typewriter is, but if Keira Rathbone can do it… (via dark silence in suburbia)

Cloud brushes Cloud brushes to use in Photoshop, includes 10 necessary brushes illustrating sky and clouds Cloud brushes for Photoshop Preview: File size: 1.6 MB. Format: ABR Submitted: Erik Webb Download brushes Spread The Love, Share Our Article Trackbacks There are no trackbacks on this entry. Playtype | Typographer's Glossary Serif: Serif's are semi-structural details on the ends of some of the strokes that make up letters and symbols. A typeface that has serifs is called a serif typeface (or seriffed typeface). Some of the main classifications of Serif type are: Blackletter, Venetian, Garalde, Modern, Slab Serif, Transitional, and Informal. Fonts in each classfication share certain similiar characteristics including the shape or appearance of their serifs. Serif fonts are widely used in traditional printed material such as books and newspapers. Show all Serif Didone is a typeface classification characterized by slab-like serifs without brackets; vertical orientation of weight axes.

How To Create a Realistic Money Effect in Photoshop The classic illustration style used on money is something I’ve always wanted to figure out how to replicate in Photoshop. There’s plenty of Photoshop tutorials that show how to create a basic halftone line effect, but they never quite capture that authentic engraved look with plenty of shading and tone. After lots of trial and error I finally managed to figure it out, so here’s an in depth tutorial on how to create a realistic money illustration effect in Photoshop (with some help from Illustrator!). The effect we’ll be creating in today’s tutorial is this vintage engraved or etched illustration style that builds up the tonal areas of an image with lots of tiny lines. Before we can add the effect to a photograph we first need to build a range of ‘screens’ which will then be layered up over our chosen image to produce the carved illustration effect. Enter 4mm in the Size option and apply 11 ridges in the settings. Head back to Object > Blend > Blend Options to configure the settings.

Create a Print Ready Business Card Design in Illustrator Illustrator has fantastic tools available for creating small print designs such as business cards. Follow this walkthrough on how to create a fun business card design complete with illustrated character. We’ll start by creating our sketchy figure from a profile shot with hand-drawn linework, then lay out the design with background pattern and textual information in a print ready template with margins and bleed areas. The design we’ll be building is of traditional business card proportions, making use of both sides of the card. Just two colours are used in the design – Cyan and black – Cyan being the blue used throughout the design, and black being used at a very low percentage as the grey grid background. Let’s start with the sketchy linework of the illustrated character. Double click the Pencil tool to alter the settings. Continue drawing paths, this time fleshing out the facial outline and hair line. Move onto the inner features and trace the most prominent lines.

Cool Photoshop Abstract Effect Tutorials « PixelDetail Photoshop is a powerful tool that belongs in any designers toolbox. Abstract works is a mysterious of web design header, beautiful photo effects, vibrant desktop backgrounds or it can be beautiful art. One of the most unique and creative things you can accomplish with Photoshop are abstract effects. In order to save your time, I have collected some of the best Photoshop abstract effect tutorials of all time. These are selected from our Photoshop users and readers. Learn tips and tricks, cool effects, and how to use the Photoshop tools more effectively. 1. In this tutorial, you will learn a simple technique for creating brilliant light streaks. Create Brilliant Light Streaks in Photoshop 2. In the tutorial, writer will show you the steps I took to create this glowing Floral Pattern in Photoshop. Simple Glowing Floral Pattern in Photoshop 3. In this tutorial you will learn that how to create a beautiful and extraordinary effect with some simple steps. Special Purple Lighting 4. 5. 6. 7. 8. 9.

Bizarre Websites On Which You Can Kill Time With Style Modern Web-building technologies allow designers to realize their most daring and creative ideas. Enhanced interactivity and a remarkable visual appearance can be achieved by means of such tools as Flash, JavaScript and Papervision3D, to name just a few. These strengths usually impress and entertain visitors and thus are often used for conceptual artistic presentations and promotional campaigns. In this post, you’ll find a collection of amusing websites that, by combining unconventional (and sometimes bizarre) ideas and clever JavaScript and Flash effects, will entice you to play on them for an embarrassing long time. Bizarre and Beautiful Websites Link Record Tripping1 Record Tripping is a nifty experimental game by Bell Brothers. Sound of Hamburg3 Here is one of the most creative and unconventional Flash websites we’ve seen lately. Echogenesis5 Echogenesis is another interactive brainchild of Bell Brothers. Bubole19 Bubole will definitely make you smile. Why Do You Stay Up So Late? (al)

Five Minute Upgrade - Making Your Design Pop 1. Brighten Colors If you have a design that you just feel isn’t anything special – stop – crank up the color intensity – then reevaluate. Saturation plays a big role as far as mood goes. 2. Monochromatic themes are great, there are some great black and white designs and sometimes using only a single color makes designing easier. 3. Here’s the deal, align your text and things will look better, not to mention it will increase your scannability. 4. This was discussed wonderfully over at PsdTuts a while back but there are a few key things to keep in mind. Don’t be afraid to use shadows sparingly, helps fight the flat and boring look.1px lines are great at clearly defining edges.Using faint gradients over text and backgrounds gives a subtle 3D look. 5. Overlap your images in ways that are out of the ordinary. 6. Give your user room to appreciate what you’ve done, it will help them focus on each element and not feel overwhelmed. 7. 8. Don’t have them, use them. The Wrap Up Google+

Adobe Illustrator Shortcuts If you liked my previous article on Photoshop shortcuts, you’ll probably find this post useful. Here are 26 Illustrator shortcuts that can help you to speed up productivity. I use most of them (in fact, I can’t work without them). Note: this article is written in Mac Illustrator CS3 format. Change the Unit Setting You can quickly change the Artboard unit measurement setting by right-clicking on the ruler. If you are interested in learning more Illustrator stuffs, try my Illustrator tutorials. 1,075 Awesome Free Fonts For Designers Share on Twitter109Share on Facebook256Share on Google Plus31Share on Stumbleupon115KShare on Reddit0 This is meta collection of free font lists from various respected design websites. In total there are 24 lists showcasing 1,075 fonts which are all free to download. These font collections are shortlists of the best free fonts of 2013 and 2014 which which will hopefully save you a load of time if you are on the hunt for quality designer typography. For more web designer resources check out our freebies section. The fonts vary in style and are ideal for websites, flyers, brochures, logos and graphic designers. Awwards – 100 Greatest Fonts of 2014 View Fonts Hongkiat’s 100 Must Have Free Fonts CreativeBloq’s 100 Best Free Fonts For Designers Creativeshory’s 75 Best Fonts of 2014 UMagazine’s 60 Free Fonts DesignModo’s 23 Free Fonts – Behance Collection Naldz Graphics’s 40 Best Fonts UMagainze’s 22 Free Fonts for Pro Designers Graphic Design Junction’s 100 Free Fonts For Designers 35 Free Tattoo Fonts

Religious Symbol Dictionary Please note: images and text found in this dictionary are copyrighted and may not be copied, posted, or reprinted electronically or in print without prior permission. (Contact me here for fee schedule) Want everything on one page? (Caution: slow loading) Music and Pop Culture Symbols: Druid & Celtic Symbols More Celtic Symbols All images copyright Jennifer Emick/Symboldictionary.net, except where otherwise noted Christian & Gnostic Symbols More Christian & Gnostic Symbols Magick, Occult, Satanic Symbols: More Occult Symbols Wiccan/ Pagan Symbols: More Neopagan Symbols All images/text copyright Jennifer Emick/Symboldictionary.net, except where otherwise noted Norse, Asatru, Romuva, and Eastern Europe: More Norse Symbols Egyptian & Egyptian Pagan Symbols: More Egyptian Symbols Ancient Greek, Roman Symbols: More Greek & Roman Symbols Assyrian/Babylonian, Phoenician, Syrian, and Zoroastrian: More Assyrian/Babylonian Symbols Islam, Judaism, Sufism, & Baha’i: More Middle Eastern Symbols See more African Symbols

68 Striking Photoshop Text Effects Tutorials You can find thousands of Photoshop Text Effects Tutorials around, but it’s really difficult to find the good collection of top Photoshop Text Effects Tutorials When it comes to Typography then there is no limitation of creativity in terms of presentation, instructions and most importantly final results. Now days Typography took very seriously by modern time designers as it shows your skills in font selection and latter placement. In this selection we’re glad to present you various Typography Related Photoshop Tutorials which might help you to get inspire and learn some tips. Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to Inspiration that our readers may like. Don’t forget to subscribe to our RSS-feed, follow us on Twitter and like our facebook Fan page for recent updates. 01. 02. 03. 04. 05. 06. 07. 08. 09. 3D typographic effects in Photoshop 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27.

30 Free UI Kits Recognition and prestige for Web Designers and Agencies 30 Free UI Kits March 21 By awwwards-team In Design & Illustration User interfaces kits free to download Share on Facebook Share on Twitter Share on Google Share on Stumbleupon Share on Pinterest Share on Linkedin The graphic interface is the first thing our users see on our websites. By Awwwards Team awwwards.com Awwwards – recognizing the talent and effort of the best web designers, developers and agencies in the world. BLOG Inspiration for web designers and developers

Related: