Category - Apps

Monday Media: Techno Trauma Part 3 - Bitly

MondayMediaCCochetWelcome to another installment of Techno Trauma. Today I'm chatting about bitly. Now, I've only recently started to use this in earnest, and I have to say I'm loving it. Before, like many folks, I used Tiny URL to shorten my links, but then I stumbled across bitly.

At first, I used it as one offs, when I needed a link quickly shortened, not really paying attention to what they offered. Then I started reading a little more about it from several other authors and sources, I decided to give it a go. It's fantastic.

Bit.ly_LogoI've discovered it to be a great asset. When you sign up for bitly, you can connect accounts. I connected my Facebook and Twitter account. Why would you do this? Because when you go to shorten a URL, it will have a share button, and when you click 'Share', a list with your connected accounts will appear. Here's a screenshot. (Click for full view)

bitly1

Cross-posting: As you can see, it allows you to select which account(s) you'd like to post to, and also allows for you to write your tweet or post. Then all you have to do is click 'Post & Tweet' and it will do so for you. Aside this, you have the option of making the link private or public. Your shortened links remain as part of 'Your Stuff', so folks using bitly can also find them. You'll be able to see stats, you can archive your links, or bundle them up. If you have anyone in your networks with a bitly account, they'll be able to see your bitly links and you'll be able to see theirs. Links can also be saved to your stuff, or folks can save your links to theirs.

Stats: Another great thing about having a bitly account is the fact that it keeps stats of your links. You can see stats for individual links or all your links combined. It has breakdowns of how many times your links were clicked by month, week, day, or hour. You can see how many times that link has been clicked, whether clicked from Facebook or Twitter, what countries by percentage, and uses easy to read bar graphs and pie charts.

The whole site is user friendly. I started using bitly in May, so in a few months, I'll follow up with another post to let you know how it's going, but so far, it's fantastic. Also, if you use Chrome, I recommend getting the bitly extension which will put the little blow-fish up in your browser bar. What you do then--once you're signed in, you go to whichever page you want to short link--even your own post, and then click on the fish, and a box will pop up with your shortened link, as well as your option to share (just as above). They have a blog and a great knowledge base.

Before I was just clicking willy-nilly, using it as more of a quick convenience, until I realized everything it had to offer. If you use short links a lot, especially for apps like Twitter, this is a great little site. High recommended.

x Charlie


Monday Media: I'm on Pinterest!

pinterestOkay, so I finally caved in and signed up for Pinterest. The thing is, I love getting inspiration from images, and as an artist, I'm drawn to the visual. I noticed lately I'd been posting a lot of inspirational imagery for my stories on Facebook, which although I'll continue to do, it seemed silly not to join a site that was created for that very thing: the sharing and displaying of images.

My collection is small at the moment, but steadily growing. Be warned, it's quite addictive. I have some boards set up for my books as well as things I like. I'm still getting to know Pinterest but so far I'm loving it.

If you fancy following me, you can find me here: www.pinterest.com/charliecochet/.


Monday Media: Techno Trauma Part 4 - Pixlr.com

MondayMediaCCochet180Welcome to another Media Monday and Techno Trauma edition. I currently run two websites, this one--which is my personal author site, and The Purple Rose Tea House--which is for promoting m/m romance authors. Both have different themes and color schemes. For my sites, I try to create all my own graphics, not just so they match my sites' themes, but for copyright issues. To make my graphics, I use Photoshop. But what if you don't have Photoshop? It's a crazy expensive program. I have an older version that I'm perfectly happy with and have no intention of offering my first born for a new version anytime soon. It does what I need it to do.

Well, fear not. You don't need Photoshop to create your own web graphics because there are plenty of free programs out there you can use that will get the job done. The first thing I have to insist is that you play around with your program--whatever it may be, and get to know it a little before you start creating and putting graphics all over your website. If you're an author, your website/blog is your online home. It represents you. It's what readers, agents, reviewers, fellow authors, and everyone sees when they look you up. Dress to impress they say. Your website says more about you than you know. It's not about paying ridiculous amounts of money for a site, especially if you're just starting out. It's about putting in the effort to put your best foot forward. Your website can be clean and simple, but it should look professional.

pxlrIf you're putting a site together and don't know how to go about it, just ask. There are always folks happy to help. I'm always happy to offer a hand where I can. I didn't pay for my website, nor did I take any courses. I learned how to put it together the best way I could from the ground up. What I didn't know, I Googled. This site was a white blank slate when I started, with the coding there as a start off point because lord knows I hate coding. Anyway, onto the graphics. The interwebs is full of tutorials for how to make this or that graphic for the multitude of programs out there. One of the those awesome programs is Pixlr.

Pixlr is laid out nearly the same as Photoshop with almost all the exact tools. It's easy to use once you get the hang of it and the best part? It's free! The editor opens up right online and you're ready to go. I've put together a super easy tiny tutorial for creating a badge on Pixlr, using the Advanced editor. (Just click on the images for full screen view).

Step 1: Go to www.pixlr.com and choose Open Pixlr editor (Advanced) option.

main screen

Step 2: Click on Create a new image.

Main page

Step 3: Give your new file a name and choose your size. The Presets drop down box is pretty awesome, because it has some industry banner sizes already set up for you. I'm choosing 180 x 150 for a button badge. If you don't want any of those sizes, just choose a random one and you'll see the height and width boxes under it. Just change it to whatever size you prefer. Under it will also be a little box with the word Transparent next to it. That's especially handy if you want a transparent background for making a .png file.

NewDoc

Step 4: So there you see our 180x150 box with transparent background. Now I'm choosing my background color. Let's say it's for the tea house. You see the set of numbers and letters next to the red check mark? That's the color code. When I'm designing a theme for a site, I make sure I jot down the codes for all the colors I use. This will allow me to have consistency with all my graphics because I'll stick to those exact colors. So I've chosen my color. Now I click OK. Then I go to my little bucket tool over there on the left and click on that. I hover my bucket over my blank background and click. Voila, your background is filled in. *** Very important. Make sure to save your file. Since you'll be working with layers, save as a PXD. Go to File > Save > PXD (Layered Pixlr image).

choose base color

Step 5: As you can see, my background has been filled in. Now I want to give it a little border. I love borders. It neatens things up. With my trusty color codes at hand, I go over to the right hand side. The box in the middle is your Layers box. At the moment, we only have the one layer which is out background. The great thing about working with layers is that whatever you do to one, won't affect the others. I use a lot of layers when I work on something. Now on the layers box at the bottom there's a bunch of little symbols, the third one in is the Layer Styles (properties) button. This lets you add a drop shadow, bevel, or glow to your layer. Now Photoshop has a Stroke option for creating borders, Pixlr doesn't, but if you select Inner Glow, set the hardness and opacity all the way up, you get solid lines. Boom, instant border! When you click on Color, the color chooser will pop up. Click OK and as you can see, my button now has a nice border.

border

Step 6: Let's add some text. Let's say this badge is for my post headings for when I have a guest post from a fellow author. In my tools, I select the button with the A which is my text button. Click anywhere inside your graphic and the Text box will pop up. Type whatever you fancy in the box. Choose your font, the size you need, the style, and the color. Again, this is where your color codes come in handy. I used the same purple as my border. Click OK. Don't worry if it's not lined up, we'll be moving it next.

add text

Step 7: In your toolbar, the black arrow with the little cross is your Move tool. When you click on that, whatever layer you're working on, you can move things around. Now if you click on that, you can move your text. If you want to be precise, click on your arrow tool and then use your keyboard arrows to nudge the text in whatever direction you need to get it aligned.

straighten

Step 8: Next, let's say you want to add some kind of image related to your badge. I went to Stock.xchng and found me this nice little open book. I saved it to my PC and now I want to open it. So I go to File > Open image... I find my open book which I saved and open.

open image

Step 9: There's my book image. Now I want to select my book. Here's where we separate the boys from the men. You can either use the wand to select the background (not the book) and then invert the selection (which is what we're going to do) or you can use the Lasso tool to select just the book. The Lasso tool means you're handdrawing the selection. Yes, it's more difficult, but also more accurate. Now what I've done is select the wand, clicked on a white section of the book's background and then use the Lasso tool to fine tune my selection. Pressing down Alt (PC) while using the Lasso will take away from my selection, while pressing Shift and using my lasso tool will add to my selection. Okay, so I selected the background of the book. What's next? Go to Edit > Invert Selection. Now my book is selected instead of my background. Copy and paste that that sucker onto your badge.

selection

Step 10: Okay, that bad boy is huge! Let's fix that. Click Edit > Free transform. A little box with dots will appear around your image. What you need to do is hold down the Shift key while you drag the upper left corner dot inward. What that will do is make certain your ratio stays the same, so the image will get smaller on all sides, not just your height or width, giving you a wonky image.

free transform hold down shift

Step 11:  Here's a closer look at the Layers box. As you can see, there they all are. I've got each layer, there's the Layer Styles (properties) button where I added my border to my background, there's the Add Layer button and the Delete Layer button. You can click on any layer and then click the Layer styles and add a drop shadow or glow.

layers

Step 12: Okay, so let's say you got your badge how you want it. I shifted the text a little further down, my book is centered. I want to play with some filters but at the moment, my background, book, and text are all on different layers. If I were to try and add a filter now, it would only add it to the layer currently selected. Because I won't be coming back to this image, I'm going to flatten all my layers so it's just one layer. I go to Edit > Flatten Layer. *** Let's say you want your background to be transparent and you didn't add any color or border to your image. To keep the transparency, instead of clicking on Flatten Image, you click on Merge Visible just above it instead. If not, your transparent background will become a solid color, usually white.

flatten image

Step 13: Soon as that's done, my image is now one flat image. Now I can play with Filters! If you click on Filter at the top there, you'll see all kinds of fun options. Each one will bring up it's own dialogue box where you can make adjustments. I chose Vignette, picked another one of my color codes and played with the size, giving my image a little glow around the edges. If you don't like the filter you just applied, click Edit > Undo, or Cntrl + Z (PC). Make sure to save your file. Go to File >Save> Choose either PNG (If you have a transparent background) or JPG format and that's it. You're all ready to go!

play with filters

Well, I hope this little tutorial was helpful. Pixlr is an awesome image editor. When creating graphics for your site, be aware of the edges around your images. Too many white pixels around a pasted image will make it stand out as a pasted image and looks unprofessional. There are plenty of ways around it. By lowering opacity on drop shadows you get a softer, more natural looking shadow.

If anyone has any questions on creating graphics, feel free to leave a comment and I'll do my best to help, maybe even do another tutorial. If anyone wants to know how I did something specific on any of my sites, feel free to ask that as well. Happy imaging!


My New Kindle Fire HD

KindleFireHDI'll just come right out and say it, I'm an Amazon girl. I use Amazon A LOT. I get my books from there (and other places as well), and I get the majority of my research books from there. I shop for movies, music, and more. I have Amazon Prime. One-click is dangerous. Yes, there are a lot of things they can do better and a heck of a lot of things that are frustrating, but that's not what this post is about.

I got my first Kindle (the Kindle Keyboard, Wi-Fi, 6" E Ink Display) back in 2011. Shortly after, Amazon released the next generation of Kindle. This always happens to me so I wasn't surprised or upset. I'm always fashionably late to the party. Until recently I've been using the Kindle app on my Samsung tablet to read my eBooks, but with Prime, I have access to the lending library which isn't accessible from eReaders that aren't Kindle. I felt it was time to update.

Amazon are having a nifty little offer that allows you to get any Kindle eReader now and pay it over four monthly installments after an initial first payment. Pretty darn awesome. I didn't want to go crazy with one of the really expensive Kindles because I just don't need it. I already have a laptop and Samsung Galaxy tablet for other things. So I have my shiny new Kindle Fire HD with Wi-Fi and I've loaded it with my eBooks, and then Dreamspinner's having their awesome anniversary sale which means I then loaded it with MORE eBooks, and then a fabulous lady gifted me Joanna Chambers's Enlightenment series which I can't wait to get started on.

I've added a few key apps: Evernote, Pinterest, Facebook, Twitter, Dropbox, Pandora, Netflix are the ones I can remember off the top of my head. I'm slowly exploring the sending of eBooks to my Kindle and trying to work out the Cloud. Somehow I've ended up with eBooks under my Docs section? Anyway, I'm loving it. I just need to figure it all out.

Anyone have some helpful tips on the Kindle Fire HD? Any apps I simply MUST have? Best way to load non-Amazon .mobi books?


Displaying 1 to 4 (of 4 posts)

Join Charlie's mailing list to receive news on upcoming books, exclusive content, giveaways, first access to extras, and more. Subscribe