Welcome to Fiery Darts. We are striving to be your home for learning what you can about Adobe Photoshop by providing uniqe, timely and regular tutorials. Please take a moment to bookmark our site.

Home Decor Site Animated Banner

Filed under: Animation — Fiery Darts @ 4:17 pm

Home Decor Site Animated Banner

Start by creating a file of banner size. Fill with a solid color. Create a rectangle using rectangular shape tool. Place it at the bottom of banner.
Create an ellipse using elliptical shape tool. Place it on the left of the banner.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Create a rounded rectangle using rounded rectangle shape tool.
Double click the layer to open layer style window. Apply layer style with the settings shown.
insert an image you want to place on the banner. Move the layer just above the rounded rectangle layer. Press Ctrl+Alt+G to create clipping mask.
Duplicate the layer. Press Ctrl+T. Right click the layer and select flip horizontal.
Create an arrow shape using custom shape tool. Fill it with white color.
Duplicate the layer. Press Ctrl+T. Right click the layer and select flip horizontal. Fill it with black color.
Similar create some more rounded rectangles with pictures. Also add arrows in both directions for all these images.
Insert company name and other details over the ellipse layer.
Open animation window. For the first frame hide all the images. Keep only first arrow visible.
Duplicate frame. Unhide first image and second arrow. Hide the first arrow.
Similarly keep duplicating frames and keep hiding/unhiding layers according to the images below.
For the seventh frame start making black arrow visible to create a backward motion.
Press Ctrl+Alt+Shift+S to save an optimized animated GIF.

Music Site Navigation Header

Filed under: Web Graphics — Fiery Darts @ 5:19 pm

Music Site Navigation Header
Start by creating a new file of header size. Create an ellipse vertically using elliptical shape tool.
Select the elliptical path using direct selection tool. Enable add to shape area form the top bar. Duplicate the path several times and place as shown.
Enable subtract form shape area form the top bar.
Create a rounded rectangle using rounded rectangle shape tool.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Duplicate the layer and remove the layer styles. Change the layer mode to soft light.
Create a rounded rectangle using rounded rectangle shape tool.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Create a couple of tiny circle using elliptical shape tool. Apply the same layer style as we applied in the previous step.
Create some more tiny circles for the joints. Apply same layer style.
Select the rounded rectangle layer. Ctrl+Click the layer thumbnail to get the selection. Press Q to enable quick mask.
From filter menu select texture>>stained glass. Apply settings as shown.
Press Q to disable quick mask.
Create a new layer and fill it with black color.
Change the layer mode to soft light.
Create a rounded rectangle for the button link using rounded rectangle shape tool.
Apply same layer style to this layer. Double click the layer to open layer style window. Adjust bevel&emboss settings as shown.
Duplicate the layer several times and place as shown in the image below.
Type button links over the rounded rectangles. Apply some outer glow.
Insert company logo and place it on the center.

Broken Colored Glass Text Effect

Filed under: Text Effects — Fiery Darts @ 6:52 pm

Broken Colored Glass Text Effect
Start by typing your text.
Ctrl select the layer to get the selection.
Select gradient tool. Apply settings as shown.
Create a new layer. Apply the gradient several times.
Press Ctrl+U to desaturate the layer.
From filter menu select sketch>>emboss. Apply settings as shown.
From image menu select mode >>grayscale. Form image menu select mode>>color table. Select black body form custom table style.
Select the black area using magic wand tool. Press Ctrl+Shift+I to inverse the selection. Press Ctrl+J to copy paste the selection in a new layer.
« Previous  Next »