jobberBase - The Open Source Job Board Software Using Light and Shade to Bring Text to Life The best book I've ever read on drawing is one called Drawing on the Right Side of the Brain. After reading it, I'm still pretty bad at drawing, but I did learn a lot about light and shade. In this tutorial we are going to take some very basic principles of light and shade to make a rather impressive-looking text effect. So before we start the tutorial, here is a little diagram about how light might hit an object. Here we have a square object in the middle with light coming from the top left. You can see that where the light hits the object, a shadow is cast on the other side. We begin the tutorial by drawing a subtle Linear Gradient from dark grey to darker grey. Now we place some text. Next Ctrl-click the text layer and create a new layer above it. Set your foreground color to Black (you can do this by pressing the letter 'D' on your keyboard which restores the defaults). Now Ctrl-click the text layer again and create a new layer beneath the text layer.
95 amazing Adobe Illustrator tutorials | Illustrator Since its release, Adobe's Illustrator has grown to become the designer's right-hand man when it comes to creating premier vector graphics and elements. There's so much you can do with it that it can be difficult to know where to start. Happily, we're here to round up the best Adobe Illustrator tutorials, covering everything from illustration to logo design, adding depth to your typography and much more, to help you get the most from this amazing app. Jump directly to a section using this handy category guide, or just get started browsing the whole list! With so many to choose from, you're sure to find a project to inspire you, whether you're using an older version of Illustrator or are signed up to the Creative Cloud. Here goes! Adobe Illustrator for beginners: 11 top tips If you're just starting out with Illustrator, here's a fantastic guide to some of its tools. Setting up a new document Essentials of the Pen and Pencil tools Creating objects with the Shape tools Empty list
Design Learning Guide for Fireworks Adobe Fireworks is a powerful web design and prototyping tool that provides robust features to create, edit, and optimize your artwork for delivery in a wide variety of file formats. This Design Learning Guide for Fireworks covers everything you need to know to import, scale, align, edit, slice, and export high-quality graphic files. Read how the new integration features allow you to work seamlessly with the other tools in Adobe Creative Suite, facilitating a smooth workflow with Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver, and Adobe Flash. Learn how Live Filters make it easy to add graphic effects to vector and bitmap objects. Find out how to design web layouts faster than ever before using specialized tools, such as 9-slice scaling, tooltips, and Smart Guides. Note: This learning guide introduces core concepts of Fireworks, and provides you with tools for developing your skills. Explore the sections below to dive into whatever topic interests you.
3D TRON Legacy Text Effect in Photoshop CS6 • IceflowStudios TRON Legacy has been out for quite some time, and many people have done tutorials on the TRON text effect, but since Photoshop CS6 is fresh out of the oven, I figured I’d take a shot at recreating the logo using Photoshop CS6′s new and improved 3D functionality. The Document Starting off with the document, I’m starting with a 1280 by 720 pixel document, with a very dark blue background (#0f1013). Using a dark background will help your final text pop! The Text Now for the text. Once your text is ready to go, under the 3D menu, choose the New 3D Extrusion from Selected Layer option. Now the fun begins. Infinite Light Let’s start simple with the Infinite Light. Environment Hoping over to the Environment properties, the only setting we’re going to adjust is the Reflections. Text’s Mesh Moving down, select the main mesh of your text layer in your 3D panel: We need to add a bevel to the edges of our text. At this point, the bevel isn’t complete. Front Bevel Material Extrusion Material The Bump Render
Color Theory for Designers, Part 1: The Meaning of Color Color in design is very subjective. What evokes one reaction in one person may evoke a very different reaction in somone else. Sometimes this is due to personal preference, and other times due to cultural background. Color theory is a science in itself. Studying how colors affect different people, either individually or as a group, is something some people build their careers on. This is the first in a three-part series on color theory. Warm Colors Link Warm colors include red, orange, and yellow, and variations of those three colors. Red and yellow are both primary colors, with orange falling in the middle, which means warm colors are all truly warm and aren’t created by combining a warm color with a cool color. Red (Primary Color) Link Red is a very hot color. Red can be associated with anger, but is also associated with importance (think of the red carpet at awards shows and celebrity events). Outside the western world, red has different associations. Examples Cool Colors Link Gray Link
Interaction design and rapid prototyping with Fireworks In the following four short video presentations, I demonstrate how to use Adobe Fireworks CS4 for information and interaction design and creating interactive prototypes quickly, and how you can use Fireworks as a design tool that fits into your complete design process, from concept to development. Before creating an interactive prototype, you need to create effective wireframes that define the structure and organization of each page and include representative content. Fireworks CS4 allows you to build all of your pages in a single document by creating structured layout patterns with grids and guides. Fireworks includes reusable symbols for common user interface components, too—such as buttons, check boxes, and combo-boxes—so you can focus on crafting strong designs rather than drawing and recreating individual interface components every time. The design tools in Adobe Creative Suite 4 work well together for the entire design process.
Tileable Midnight Blue Grunge Patterns Home » Patterns » Tileable Midnight Blue Grunge Patterns Tileable Midnight Blue Grunge Patterns inShare0 Today’s web treat is a free combo pack of large (1024px * 1024px) seamless Midnight Blue Grunge textures in .jpg format as well as a corresponding Photoshop tileable pattern (.pat) set. Click thumbnails below to view the fullsize versions and download individually, or download the complete zip below. Included Images Included in the zip Full size versions of all the thumbs shown above Photoshop .pat pattern set of all images shown above Get the free PSDs Get the WordPress theme Get the free PSDs Get the WordPress theme Get the free PSDs Get the WordPress theme Get the free PSDs Get the WordPress theme Get the free PSDs Get the WordPress theme Get the free PSDs Get the WordPress theme Get the free PSDs Get the WordPress theme Get the free PSDs Get the WordPress theme Get the free PSDs Get the WordPress theme Get the free PSDs Get the WordPress theme Get the free PSDs Get the WordPress theme Download
Advanced - Photoshoplayer.com This icon is mainly used in the practice of texture and highlight skills Continue to tutorial Adobe Photoshop’s vector and 3D capabilities are a powerful combination, and can be used to create some fun and amazing 3D effects. In this tutorial,… Read More In this tutorial, we will learn how to create a realistic-looking 3D text effect without utilizing any 3D software. I’ll specifically be using Adobe Photoshop… Read More 3D text is very popular in the advertising industry. 3D text effects are often used in print or television campaigns, and are popular because they… Read More In this tutorial, I will show you how to create an address book icon using Adobe Photoshop. Photoshop is a fantastic app to create mockups for mobile applications. In this tutorial, I will show you how to create an interface for a mobile checkers game in Photoshop. Illumination effects are a fun way to make your typography more interesting.
Personality in Design Our lasting relationships center around the unique qualities and perspectives we all possess. We call it personality. Through our personalities, we express the entire gamut of human emotion. Personality is the platform for emotion#section1 Interface design lives in a broader category called Human-Computer Interaction, or HCI, sitting among computer science, behavioral science, and design. I’ll let you in on a secret. Emotional design’s primary goal is to facilitate human-to-human communication. I’d like you to pause for a moment, and recall a person with whom you recently made a real connection. Hold on to that memory. Let’s think of our designs not as a facade for interaction, but as people with whom our audience can have an inspired conversation. Once again, history can inform our work today. A Brief History of Personality in Design#section2 We have a history of injecting personality into the things we make, in a bid to make mechanical things more human. Personas#section3