• 🆘 Need Help? We’re Here for You!

    Have a question or need assistance? You’re in the right place! Whether you're new to GingerScraps or just need a little guidance, feel free to ask here. Our amazing admins and helpful community members are always happy to lend a hand. 💖

    Be sure to check out these helpful areas too:

    🔧 If you’re having trouble with an order or product download, please visit our Support Desk - we’re happy to help!

Style Savvy

ObiJanKenobi

*Snickerdoodle*, *GingerScraps Ad Team
Over the weekend Marcia posted a question on the Just So Scrappy Fan Group Facebook page. She's just learning digital scrapping and she wanted to know how and why styles are used. First, let's talk about WHAT they are. Basically, they're little mini-scripts that tell Photoshop/Photoshop Elements to change the appearance of an object. The object could be a font, a paper item, a shape or almost anything. It's a lot easier to understand this concept if you can see it at work, so today's tutorial was born. I'll be using some layer styles created by Just So Scrappy's alter-ego, Ooh La La Scraps that coordinate with her Take Time to Be Kind bundle. Katie Castillo is the talent behind both design lines and she creates a bundle of styles for each of her collections. So let's have a look at what they are and how to use them.

oll_bekind_stylesbundle.jpg


First, I had to load the style files into my software. After unzipping the files, I went to the Effects panel in Elements and clicked on the little stack of horizontal lines shown below.

a-481x500.jpg


This menu opens up. Select Load Styles and find the folder with the desired styles in it. They have to be loaded one at a time, unfortunately.

b.jpg


When I unzipped these styles files, I decided to rename the files for the purposes of this tutorial. In the Effects panel this is what I see. You don't have to do that, I just wanted to make everything quite clear.


1-3.jpg


The screenshots below show what each different type of style does to an object. I used a large, open font, a chipboard swirl, a cardstock tag and some grungy paint from the Take Time to Be Kind elements pack to demonstrate. Each style comes in all of the colours in the palette for the collection. See what effects they have on different objects.

Acrylic Gel (Transparent Blue)

2-3-500x223.jpg


Acrylic Gel (Opaque Brown)

3-3-500x223.jpg


Cardboard (Corrugated Cream)

4-3-500x224.jpg


Cardboard (Smooth Green)

c-1-500x222.jpg


Felt (Orange)

5-3-500x222.jpg


Cardstock (Textured Pink)

6-3-500x223.jpg


Cardstock (Glitter Edge Yellow)

7-3-500x222.jpg


Chipboard (Nubby Blue)

8-3-500x223.jpg


Chipboard (Beveled Brown)

9-3-500x224.jpg


Chrome (Fat Cream)

10-3-500x223.jpg


Chrome (Thin Green)

11-3-500x224.jpg


Dots (Orange)

12-3-500x223.jpg


Dots (Glitter Edge Pink)

13-3-500x224.jpg


Dots (Acrylic Gel Yellow)

14-2-500x223.jpg


Embossed (Dots Blue)

15-1-500x224.jpg


Embossed (Brocade Brown)

16-1-500x222.jpg


Glitter (Chunky Cream)

17-1-500x224.jpg


Glitter (Chunky Gloss Green)

18-1-500x223.jpg


Glitter (Fine Orange)

19-500x223.jpg


Glitter (Fine Gloss Pink)

20-500x222.jpg


Plaid (Plain Yellow)

21-500x223.jpg


Plaid (Kraft Edge Blue)

22-500x223.jpg


Plaid (Gloss Brown)

23-500x222.jpg


Stripes (Plain Cream)

24-500x222.jpg


Stripes (Glitter Edge Green)

25-500x222.jpg


Stripes (Gloss Orange)

26-500x224.jpg


Wood (Smooth Pink)

27-500x223.jpg


Wood (Bevel Yellow)

28-500x223.jpg


That has given you a look at the colours and textures these styles provide. As you can see, grungy paint is fabulous with a glitter style applied but downright ugly with most of the others. The swirl looks great with any of them, the tag takes on a completely different look. The font wasn't perhaps the best choice for this purpose. I could see myself creating a matching alpha for this collection using a chunky, bold font. But Katie has already included some stunning alphas so I'll save my efforts for some other purpose.

That was a very simplistic look at what styles can do. But let's go a step further and COMBINE some styles to really jazz up an object. I'm using the swirl again because it's pretty great already, but I might want it to be even more eye-catching on my layout. I resized the canvas so I'd have some room to maneuver. [Image>Resize>Canvas Size or WSNH: CTRL/CMD>ALT>C]

29-500x234.jpg
30-500x348.jpg


You might notice that this swirl has some texture to it. Don't be concerned, because styles cover that up.


31-500x267.jpg


I created a new layer underneath the swirl by clicking on the sheet of paper icon above the layer panel while holding the CTRL/CMD key down. Then, with the CTRL/CMD key still held down I clicked on the swirl thumbnail to select its edges. See the marching ants?

32-500x287.jpg


I want to enlarge or expand that selection.

33.jpg


I chose to expand by 10 pixels.


34.jpg


See the space around the swirl? I'm going to fill that, first with a solid colour and then with glitter.

35-500x279.jpg


I selected the lower, blank layer for this step.

36-500x284.jpg


I used the Fill tool (aka the Paint Bucket) and the colour in the foreground. It doesn't matter what colour this is.

37-500x281.jpg


Before I forgot to do it, I Duplicated the swirl layer (NOT the red, solid colour fill layer) [WSNH: CTRL/CMD>J] and it's these layers that I'm going to play with next. But first, I turned off all visibility for all but the lowest of swirl layers.

38-500x187.jpg


I then went to the Effects panel and selected the OLL Be Kind Glitter style menu. Then I double-clicked on the pink fine glitter style.


39-500x333.jpg


And presto! I have a nice glitter edge, the size of which I chose.

40.jpg


Moving up to the first swirl layer, I then selected the OLL Be Kind Embossed brocade style, also in pink.


41-500x426.jpg


Moving up to the middle swirl layer, I selected the transparent acrylic gel style.


42-500x370.jpg


Whoa!! That looks awesome!! But... the brocade effect has disappeared.


43-500x249.jpg


So I decreased the Opacity of the acrylic gel layer. Now I can see the brocade effect but still have some nice gloss on
it. (If you think you need to so you're not confused, you can change the name of the layer to the style you've applied.)


44-500x282.jpg


On the very top layer, I selected the smooth pink wood style. It adds a little bit of a bevel and a smidge of a shadow. But it also completely covers up everything underneath it.

45-500x377.jpg


Decreasing the Opacity lets some wood grain and brocade effects to show through, while keeping the gloss too! If I was moving it onto a layout, I'd select all the layers and either link them together by clicking on the little chain icon, or merge them together [WSNH: CTRL/CMD>E].

46-500x175.jpg


I hope this helps you see the potential with styles. They're an incredibly powerful tool and can really elevate your scrapping skills. It's a lot of fun to play with them just to see what they do. Don't be afraid to try different combinations because if you don't like it, CTRL/CMD>Z will undo it. Really, the sky's the limit here!

Remember, if you’ve used a technique from these tutorials, post your finished layout in the GingerScraps Facebook Tutorial Tuesday Challenge Gallery for an opportunity to have YOUR chance to challenge me. If you’re not a Facebooker, you can post a link to the layout you’ve created with the tutorial you used in the comments section here on the Blog. I’ll get a notification and will then enter you into the draw. The first week of each month I’ll have a random draw of all entries and the winner will be announced at the end of the first tutorial of that month.
See you all again next week!
 
Thanks for all of your tutorials! I have a stupid question. Using PSE (13), the only way I get marching ants around an object is with the magic wand. If I just press the control key down when I click the thumbnail (as in your tutorials), the ants are around the whole square of the element and I have to go and manually magic wand the element. Depending on the element, it can be tedious, so I often don't bother. Is there something simple I am missing to easily get the marching ants around just the edges of the element and not the box? Thanks in advance.
 
Thanks great tutorial, I didn't have any of those particular styles so I tried the New Day Glitters by Aimee Harrison designs
https://store.gingerscraps.net/A-New-Day-Glitters.html

Didn't think it would work but yay it did. It seems in my old old version of PSE if you don't have metadata it doesn't work but yeah I got glitter now :)
Heather! I'm so glad I include those metadata! I wasn't sure if peeps still needed but this makes me realize you all do <3 Yay!

And what a great tutorial!
 
Holy formatting mess... Sorry about that ladies. I'll see if I can fix it.

Diane, let me check that out... A question. Does the object you're trying to select have a transparent background? That is, is the item a .png file? Look at the image above with the swirl on it where the marching ants are visible. See the light gray checkered pattern around it? That indicates that the area around the object is transparent. If you're trying to select something from a .jpg file - with a non-transparent background, then clicking on the layer thumbnail will select the entire layer and you'd have to manually select the part you want to change. In the same way, if you wanted to change the button in the middle of a flower, you'd have to manually select the button, because the area surrounding it - the petals and what-have-you - are solid. Does that make sense? If you're still struggling, I'd be happy to set up a chat with you where we could walk through some things.

Heather, some of the Gingerbread Ladies collabs include styles as part of the kit. I looked through my stash and found .asl files in a number of them. For example, Let Spring Begin (Monthly Mix), Happy Autumn (FWP October 2015), Love Never Fails (Challenge Reward February 2014), Spring Ahead (Challenge Reward April 2014), Dream Big (Monthly Mix) and Summer Crush (FWP July 2015). So you may have some styles you've forgotten. Now that you've played with them a bit, I think you're going to be hooked!

Aimee, thanks for the kind words.
 
Back
Top