Tags
PICTURES! Say cheese.
No, wait.
Say, wow!
Brinda Berry is back and she’s got knock-your-smocks-off, step-by-glorious-step instructions that build on her Graphics Series. We’re entering Graphics 103.
Okay. You may now retrieve and don your smocks.
For the men/guys/dudes/gentlemen reading this, I don’t know what you knocked off, but you may put them back on, too.
Before I let you read Brinda’s words of wisdom, I must brag about this incredible pay-forward, productive author, blogger, and friend.
I could go on about how gobsmacked I was when she offered to do a series here; using my platform as a case-study, offer advice, provide references. This was back in my G-L-O-B days, when I knew little about her.
I could mention that she completed the A-Z challenge during the same month she did a tour for her recently released Whisper of Memory, the second in her YA Paranormal Whispering Woods Series.
I could expand on that by mentioning the number of banner iterations she’s done for my soon-to-be-released blog theme during that same month.
I concede that her bi-weekly post is the only one ready ahead of schedule.
NOTE TO SELF: What a concept!
Paraphrasing the words from an old Snoopy greeting card.
“Thanks from the bottom of my socks, Brinda. Somehow my heart didn’t seem deep enough.“
SQUEE! I may do a card for Brinda and add it to this post. Off to study 102 and 103.
While I’m gone, play with the tools from the techie-toolbox that is Brinda’s brain.
Graphics 103 or Finding My Artistic Mojo-
by Brinda Berry
I’m back again talking about those darned graphics. The problem is that I KNOW you are creative. If you are a writer reading this blog post, you imagine all kinds of settings, characters, and plots. What’s a little graphics work to someone with your intensity and imagination?
Step #1, Using Pixlr Editor. Once you know how to use some basic image editing tools, you will see those skills are portable. Most graphics software have similar toolbars and functions. This is a free service at http://pixlr.com/ that I sent you to in my last post to create fun graphics. Go back to Graphics 102 to see what we did in the Pixlr Express and Pixlr-o-matic.
Today, I’d like to encourage you to try out the Pixlr Editor. It’s the first choice on the menu at http://pixlr.com/ . At Pixlr, you can create an account to store work at their site or you can download all your work to your computer. Either way, it’s free.
In Graphics 102, I showed you a photo I purchased from www.bigstockphoto. com and a background I downloaded for free from http://www.colourlovers.com/ . I played with this for a few minutes today to create this:
Step #2, Links for a Practice session.
Here are some supplies for you to use. Here is a palette that I like from http://www.colourlovers.com/palette/2146568/Purples_World . Go with me on this. We’ll use this very cool purple from the palette below as a background. I chose this purple at http://www.colourlovers.com/color/9A507C/
Make note of the HEX color code. See my black arrow in screenshot below.
- Go to http://pixlr.com/ and click on Pixlr Editor from the top menu bar choices.
- Click on Create a new image
- Type a name in like “Practice”
- Drop the list to see some standard sizes. This is informational. Don’t choose a standard size. The one I made was not standard. I made one the size of my website banner. You’ll see how I did that in the video later. You should type in the Width 938 and Height 240)
- Click on the color palette box at bottom to open the dialog box for choosing colors. By default it is a set on black. In the dialog box, there is a HEX code box with a # sign beside it. Enter the code for the purple we’ve selected, 9A507C.
- Click on the Paint Bucket tool in the middle of the floating toolbar. Then click on your banner work area to place the purple color as your background.
- Click on the letter A on the TOOLS floating menu on the left side of your screen.
- Click in the banner space to set text. A dialog box pops up and you should type the text, choose a font, size, style, color, and click OK when finished.
- The TOOLS menu at the left has a pointer at the top left called a Move Tool. This allows you to move your text to various spots on the banner.
- Your text is on one layer and your background image (the purple) is on another layer. This is important. There is a layers frame on the right side of your working area that shows you these layers.
- Choose Layer, Open Image and pick something from your computer to upload to the layer. If you don’t have an image to use, borrow my book cover. Instead Choose Layer, Open Image URL as layer and insert: http://www.brindaberry.com/uploads/6/8/7/7/6877655/92209_orig.jpg . My book cover will be visible.
- If the image only partially displays and you want to manipulate the size, go to Edit (top menu bar) and Free Transform. Drag corner edge of image to resize to your preference.
- Voila! This is your first practice banner using three layers: background, text, and image.
- Next time, we’ll look at some more tools within Pixlr Editor. In the meantime, you can play with the tools on your own! Have fun.
BIO: Brinda lives in the southern US with her family and two spunky cairn terriers. She’s terribly fond of chocolate, coffee, and books that take her away from reality.




Very informative. I’ll have to give all of this a try.
Hi Jenny. It’s easy to use and I love that it’s free.
Hey, Jenny! LOVED your post with those writing prompts. Those are some wack-a-doodle ideas. Good luck with them.
Very useful, Brinda. Color scheme sites are very useful to me as I’m colorblind (in the red, green, yello range). If only I could use them to pick my clothes in the morning!
Cheers
I can see how color schemes would be extremely useful to you! Sorry, I can’t help with the wardrobe challenges.
Dr. Sheldon Cooper to the rescue! You need a coding system like he uses when packing for trips. All items are marked with a UPC code and entered into a computer.
You could scan items and program the system to give you an ear-splitting BEEEEEP if you make color-challenged choices.
You’re welcome.
You’re so much help. What would I ever do without you?
…
…
…
don’t rush me, I’m making a list
Cheers!
Thanks for the tips. I’ll go play with the tools at the site.
You are probably a pro at this time of task.
Hey, Rusty! If you are (as Brinda claims) a pro at this type of task, I’ll be in touch when she gets bored with my shenanigans. Thanks for the visit and comments.
Excellent advice, Brinda. I used Pixir to change the banner on my site and it didn’t take long to get used to it (they have a video talk-through which helped). But I don’t know the other sites you mention….onto them now!
Thanks, Sue, letting us know that you like Pixlr. I agree that it doesn’t take too long to learn how to use it.
I’m with you, Sue. I can’t wait to try them out. Two more write-a-thons with Sherry and it’s
partyplay with the graphics time.Thanks for the visit and comments.
Brinda, once again you prove to me that you have great media savvy. I need to get more tech-know-how and you are just the gal to show me how
Thanks again for another informative post !!
It’s nice to know that you can DIY graphics when you need one for your website/blog.
For Brinda, it’s probably also going to be a relief when the “Y” in DIY for graphics on my site does not seem like a “Y+(G x 0)=Brinda” algebraic equation.
Brinda, I’m with Gloria on how do you get so much done! I’m in the process of changing my banner for my website. I decided to be different and use Second Life for my pictures. I used GIMP to make the banner pic look like a page turning and inside the page I want to put a couple in an embrace. I have a great time fiddling around with this, but I’m so slow.
I love the way Regulus looks like he’s searching for or thinking about who’s hiding in the Whispering Woods. Great banner pic!
I love your Second Life video I’ve watched. I’m sure the banner looks great. Thanks for the compliment on my example banner. Regulus is easy to look at, so it made for some fun work. lol
And thank you too!!
Thank you for all the great info..I’ve not used the sites you mentioned but will check them out.
Hi Savannah! Thanks for reading and I hope that this all can be useful at some point.
Interesting post. I’ll have to check out this software.
Michael- Your latest redo of your blog looks great so you really don’t need graphics right now! Thanks for reading.
Thanks to you, Brinda, gone are the days when ‘application’ meant I was job-hunting. WOOT! Always so much to learn on your posts.
Thanks, Sherry.
You blew my mind. I’m going to have save this post and read it slowly a few times before I can handle the lesson!.:)
Hi Larissa- The video that I recorded (the link before the instructions) will help. I would watch it if you haven’t. I’d much rather be shown how to do something than read directions!
These are great. I can do some graphics, but still get hung up. Must bookmark this. Hey Gloria *waving*
Hi Cloverautrey! It’s nice to meet you. Thanks for stopping to read and comment.
Hi Gloria! Brinda, you are one busy author, blogger, and tech guru! Am saving this for later. I’ve learned so much from others who are willing to share their knowledge. Thanks! Happy Over-the-Hump Day!
Hey Jill- I learn so much from other blogs that it feels good to know someone might be able to use this info.
What an informative post! This is fantastic, Brinda. Okay, I’ve got to come back and read over your directions as I try this. I’m marking this page. Thanks!!
Hi Ciara. My video (link above directions) above shows you how to make the banner in 5 minutes.
How Berry amazing you are, Brinda! I love your techie posts. They were immensely helpful and easy to follow. Thank you, from all of us less tech savvy people!
Hi Megan. Ah, thanks for the nice comment. You rock!
I’m filing this for later use. Thanks Brinda!
Hi Carole. Thanks for reading. Hope you can use it sometime if you need it.
Love it! I have no idea how to do any of this, so I’m learning something I need to know
Hey Lori. Thanks for the comment. I learn from your blog all the time!!
Wow, you always tell us about the niftiest stuff. I’m off to check these out. Thanks!
Hi Shelley- thanks for reading!
I may have to give this a try… I’m always looking for good graphics packages… free ones, that is!
I’ll be back to read more on this before I try…
Hello Tom. I normally use Adobe Fireworks for graphics work. Pixlr is pretty darn good for a free tool. Another one I’ve shown is at SumoPaint.com . It’s very similar and also free. The toolbars and process are almost the same.
Graphics are fun. I love periodically changing my headers. I’m about due …
Great series, Brinda. Blogger, gmail & WP are having some sort of war. So I have to sign in w/ Twitter. I have to do the same thing to follow blogs lately. Siiigh.
MPax- I like to be able to change my graphics as well. Yes, I understand about the “war.” I normally comment with my Twitter ID because my comments while logged in under WordPress kept going into the SPAM/trash on other sites. It was frustrating.
I haven’t worked in Pixlr before and this made me want to try it. GREAT post!!
Hi Jenny! Thanks for reading. I love all the free tools online and Pixlr is fun.
I enjoy working on graphics, but I haven’t done so in a while.
I bookmarked Pixlr to check out later.
Hi Medeia- I don’t know how you’d have time. You are such a word producer. I am in awe of your Row 80 progress.
Thanks for another helpful post in the series. I’m eating these up because I’ve wanted to do more on my own with graphics, and I’m a bit of a duntz when it comes to manipulating photos. I’d love to know the trick for cropping an image using something other than the little default square or rectangle. Sometimes the perfect image comes with a background I don’t want to use. (Hope that makes sense.)
Marcy, There’s more than one way to get rid of that background. One very simple way is to place your image on a layer and then use the ERASER tool (located in middle of the floating toolbar at the left and looks like a little pink eraser) and erase the part you don’t want to show. After you choose the ERASER tool, you can look above the floating toolbar and see the controls to choose the size of your “eraser head” where you can be more accurate if it is erasing too much.
Thanks
I’ll give that a try next time!
Pingback: DSRA April Meeting Presentation Recap | Diamond State Romance Authors
Pingback: SOCIAL MEDIA Savvy with Sanity – a Brinda Berry series « Gloria Richard