Skip to main content

Home/ Groups/ Social Justice Design
Rss Feed
Sort By: Most Recent | Popular Filter: All | Bookmarks | Topics Simple Middle
Suzannah Claire

Best Design Options - 0 views

bestdesignoptions.com

Design Sites

shared by Suzannah Claire on 05 Feb 13 - Cached
  • Suzannah Claire on 05 Feb 13
     
    Free design resources, Design tutorials and Design tips
Suzannah Claire

Photoshop Layer Styles: Comprehensive Guide - 1 views

designinstruct.com/...yer-styles-comprehensive-guide

Photoshop Reference DesignInstruct.com Layer Styles Tutorials

shared by Suzannah Claire on 02 Feb 13 - No Cached
  • What is a Layer Style? A layer style is simply one or more layer effects and blending options applied to a layer. Layer effects are things like drop shadows, stroke, and color overlays. Here is an example of a layer with three layer effects (Drop Shadow, Inner Glow, and Stroke). You can turn off a layer style by clicking on the eye icon beside Effects so that you can see how the original layer looks without its layer style. Similarly, you can turn off the visibility of each layer effect. In the following example, the Drop Shadow layer effect was disabled. You can tell that a layer has a layer style because of the fx icon on its right side.
  • Applying Layer Styles To set up a layer style, you will use the Layer Style dialog window. There are various ways to access the Layer Style dialog window. Right-Clicking on a Layer By right-clicking on your layer, you can select Blending Options to open up the Layer Style dialog window. Double-Clicking on a Layer By double-clicking on your layer’s thumbnail preview in the Layers Panel, you can open up the Layer Style window. Application Bar Menu Like most things in Photoshop, you can access the Layer Style dialog window through the Application Bar menu by going to Layer > Layer Style. You can find each individual layer effect (Drop Shadow, Inner Shadow, etc.), as well as an option to open up the Layer Style dialog window (Blending Options). Use Preset Layer Styles Using Styles Panel The Styles Panel features preset layer styles such as "Sunspots" or "Tie-Dyed Silk". Just select a layer and click on the appropriate preset layer style to apply it. You can view the Styles Panel by going to Window > Styles.
  • The Layer Style Dialog Window When you first open the Layer Style window, you will see the Blending Options. Here you can adjust the Blend Mode and layer Opacity, as well as some more advanced blending effects. A layer style can have one or more different layer effects. To apply a layer effect, check the box beside it. Be sure to enable the Preview option so that you can see your changes in real-time. To quickly preview what your layer style looks like, there’s a thumbnail on the right side of the window to help remind you. Let us go over each of the different layer effects, starting with the Drop Shadow layer effect.
  • ...2 more annotations...
  • Drop Shadow Layer Effect The Drop Shadow is probably one of the most used layer effects. The Blend Mode allows you to blend the shadow into the background in different ways (Multiply, Overlay, etc.). Lower the Opacity to increase the shadow’s translucence. The Angle option of your drop shadow will affect the direction it drops when the Distance is set to 1 pixel or higher. If the Distance is set to 0, the shadow will spread equally around the layer’s contents. Spread allows you to make the shadow thicker/denser. The Size is how big or small the drop shadow will be on each side of the object. Changing the Quality set of options enables you to add noise to your shadow and alter the contours of your shadow. Drop Shadow Example 1 In this particular image, the direction of the shadow won’t matter because I had set the Distance option to 0, meaning that the shadow is centered. This can be used to bring images out of the background, and works especially well on light backgrounds (such as white or light gray). Drop Shadow Example 2 This next example uses similar settings, with a slightly lower Opacity, and increased Distance, Spread and Size. As you can see, the drop shadow steers off below the bottom right side corner, giving the impression that there is a source of light coming from the upper left corner.
  • Inner Shadow Layer Effect The Inner Shadow effect is very similar to the Drop Shadow. In fact, it’s just the inverse in that it’s applied inside the object instead of the outside of it. All of the options are the same as Drop Shadow. You may notice, however, that Spread has been replaced with Choke – the higher the Choke value, the thicker the shadow. Inner Shadow Example 1 This example uses similar settings to the first example of the Drop Shadow layer effect so that you may compare and contrast. It makes the image appear as if it has been placed behind your background, like a window. Inner Shadow Example 2 Inner Shadow can also be used to add a slight distressed, vintage effect to images by increasing the Noise option and using a big Size value. Using such a simple style, you can make your image appear to have weathered, darkened edges and corners. Inner Shadow Example 3 This layer style shows a common text effect: the letterpress text effect. The settings are very similar to the first Inner Shadow example, however it has a Distance of 2 so that the Angle option produces an effect.
  • Suzannah Claire on 02 Feb 13
     
    Chapman, Callum. "Photoshop Layer Styles: Comprehensive Guide." Design Instruct, 26 Aug. 2010. Online. Internet. 1 Feb. 2013. . Available: http://designinstruct.com/tools-basics/photoshop-layer-styles-comprehensive-guide/.
Suzannah Claire

Old School Retro Psd Text Effect | Photoshop Text Effects | Pixeden - 0 views

www.pixeden.com/...d-school-retro-psd-text-effect

Pixden.com Text Effects Retro

shared by Suzannah Claire on 31 Jan 13 - No Cached
  • Old School Retro Psd Text Effect
  • A old school text style effect with a subtle retro style. This photoshop text effect makes your text go back in time with a set of magical retro layer styles.
  • Suzannah Claire on 31 Jan 13
     
    Download Link: Licencing Information
Suzannah Claire

70+ Awesome Tumblr Themes - 1 views

www.webdesignerdepot.com/...70-awesome-tumblr-themes

Tumblr Themes WebDesignerDepot

shared by Suzannah Claire on 31 Jan 13 - No Cached
  • Significance Demo | Details Significance is a gray and white grid-based theme that’s perfect for portfolio or other image-heavy sites.
  • Imperial Demo | Details Imperial is a feminine theme with a patterned background and flag detailing. It’s a fairly narrow theme, with a lavender color scheme.
  • Boxes Demo | Details Boxes is very well-suited for image-heavy tumblogs, though it also works for those with more text posts. Shadow details make it unique, while the grid-based layout adds structure.
  • ...12 more annotations...
  • Demo | Details Miss Sourpuss has a linen background, rounded corners, and accents in shades or orange. It’s a subtle, understated theme with great typography.
  • Serifs & Scribbles Demo | Details Serifs & Scribbles has a pencil-drawing look to it, with custom icons for each post type. It even includes a hand-drawn search bar and RSS feed logo.
  • Solstice Demo | Details Solstice has a muted striped background, handwritten script typography, and a gray and white color scheme. It’s a very understated theme.
  • Stacky Pro Demo | Details Stacky Pro has a stacked grid layout, with columns that reposition themselves based on your browser width.
  • Lines Demo | Details Unsurprisingly, Lines has a ton of line details. The design is minimalist, with good typography and a muted color scheme.
  • Effector Theme Demo | Details The Effector Theme comes in two color schemes (light and dark). The shadow details and thought put into each post type sets it apart from many other free themes.
  • Punch of Intuition Demo | Details Punch of Intuition has a large photo background, and simple gray and white color scheme otherwise. Line detailing on the posts and in the sidebar add an extra bit of polish.
  • The Stitch Demo | Details The Stitch uses hand-drawn elements and an accordion slider for displaying posts. The basic gray color scheme is offset by brightly colored post type banners.
  • go CRAZY!! Demo | Details go CRAZY!! uses web fonts and multi-colored accents against a gray background.
  • Hobo Demo | Details Hobo is a grid-based theme with content columns that shift depending on your browser width. The warm gray color scheme and round post type icons are unique.
  • Clean & Simple Demo | Details Clean & Simple is an apt name for this theme. It has a minimalist design with bold sans-serif typography.
  • Revista Demo | Details Revista is a grid-based theme with a gray color palette and excellent typography.
1 - 4 of 4
Showing 20▼ items per page