Tuesday, August 31, 2010

How to create Starbucks logo

How to create Starbucks logoTake a look at that! Does it seem there is Starbucks everywhere? Wherever you turn around, you can see their logos plastered everywhere, from the famous shopping center in this city, the front of the huge famous store until the box of ice cream in the usual small shops.

Have you ever wondered where the actual Starbucks logo came from? What do you see? Hahaha.. forget about it anyway, I'm not suppose to discuss it right here and right now... but I'm gonna tell you how to produce that fenomenal logo with my fav software. Photoshop!

Step 1

Doods.. I made 6 circle layers to create a Starbucks logo of my own. You can see the image below to imagine what should you do with your own step with your own Photoshop Portable CS3 software.

Hire Me?!


How to create Starbucks logo


Step 2

After that, with the help of the turquois line, create another layer and name it star, because we're gonna create it twice, just twice... not three like the original logo. lmao.

How to create Starbucks logo


Position it just like I did.

Step 3

Now, click on the Star Copy layer and add a new layer above it for the place of our text. Next time I rename that layer with Seven Bucks.

Switch to the Custom Shapes (U) tool and choose the Ellipse tool. Make sure that the icon for Paths is selected.

Hold the Shift key to constrain the circle and click + drag a path onto the workflow in roughly the same size as the one I’ve made below.

How to create Starbucks logo


Note :The Green color produced by this hexa code >> #016445.


With the path straightly laid out... it’s now the time to switch to the Text (T) tool. I’m using the font Arial Black.

Read this carefully.. Can you see a little wavy line at the bottom of the cursor icon when you guys hold the text tool over the top center anchor point of the path we created earlier?

How to create Starbucks logo


You'll notice that the standard Text cursor changes to the Type On Path cursor, this is definitely how you know that the text tool recognizes that you wish to type on the path, for God's sake! Go ahead.. then.. click and type your text.

How to create Starbucks logo


Guys, your image should be like this :)

How to create Starbucks logo

Step 4

Repeat the step Step 3 and make some modification to your second text which is Coffee text.

How to create Starbucks logo


Guys, your image should be like this :)

How to create Starbucks logo


Note :The Green color produced by this hexa code >> #016445.


Step 5

Open your Circle Group folder... I send my Arm Layer just above the Black Circle layer and clip that, so the edge of the Arm image hided by the black circle. And so for the Hair, Hair copy 2, Face and Tongue layer, I arrange those layer above Black Circle copy.

OK.. Let's move to the next level of this tuto; Drawing the Drama Queen part! watch this out!

How to create Starbucks logo


After making the 4 dots on the Face layer, with your crazy imagination, try to create like this one :)

How to create Starbucks logo


Step 6

For the Hair part, you can use the Custom Shapes (U) tool and choose Wave to create it.

How to create Starbucks logo


Voila!

How to create Starbucks logo


With some ugly modification right here and there.. your image should be like this :)

How to create Starbucks logo


I have my own Throne here.. :p

How to create Starbucks logo


My final image will tell you everything :)

How to create Starbucks logo


Note :The Green color produced by this hexa code >> #016445.





Sunday, August 29, 2010

Animal Fur using Photoshop

Animal Fur using PhotoshopIn response to a request on methods of getting a soft fur edge, this is my first post about it (after my first digital painting stuffs, lol), while the approach depends on what type of fur you need to deal with. You can also apply this on hair of human.

In this case, the animal -which i don't know what we called it exactly- has soft fur. To replicate it, that would be a bit o'time and simultaniously practice but absolutely can be easily accomplished by anyone.



Here is my origianl image :

Animal Fur using Photoshop



The first step is removing the background. Use whatever you like the most to deal with. Here I used the Eraser (E) tool. Many of designer take this step by masking or something but I prefer the Eraser and it can be done just as well.

Animal Fur using Photoshop


Added a black background to make it easier to see how it works and you can remove this black layer later on.

Use a medium sized soft brush and remove all traces of the background including anything that shows through the fur. A small soft brush should be used where the fur isn’t as thick as around the face, ears and finger or even paw.

Animal Fur using Photoshop


Next, you can use the Smudge (R) tool with a small brush at about 30% pressure, pull-out areas of color to simulate fur around the entire animal.

Animal Fur using Photoshop


Guys... It might take several strokes to accomplish each bit of fur but that adds to the more casual look of the new edge. Vary your stroke direction with some help of your left ([) or right (]) bricket on your PC, so that all the fur isn’t unrealistically going in exactly the same direction.

Again and again... Just be careful to vary the length and direction of these strokes. Have some of them cross over other hairs for a more realistic appearance. Keep in mind also the varying length of fur that exists on different portions of the animals body.

Conclusion :

I added a shadow with a dark awesome pattern... and with the other sample, I put the animal with a huge wood background.




Animal Fur using Photoshop

Hire Me?!

Animal Fur using Photoshop



Saturday, August 28, 2010

My First Digital Painting

My First Digital PaintingSketching.

Sketch should be obviously performed with low-resolution image with 72 dpi, a clear reason for the speed. It's important to remember that if the sketch is completed faster, then the result would be better (this usually applies to me).


Stop in every few strokes of a sketch is the key to gain this part of creating a great digital painting. Can many times, can also one-time scratches. Avoid wasting time on details of the sketch so that we can be more quickly completed.





My First Digital PaintingAfter the sketch is completed and has been generated, I think you better directly convey ideas in your head, portrayed using Photoshop.

Determine the volume of pictures, learn the source of light that illuminate the subject. Use the tip of the brush 50% flat gray.













CMy First Digital Paintingontinue with the arrangement of the shadows in dark areas using a few light strokes of each image. Always use the keyboard shortcuts continuously, so that every single thing could easily applied.

Color transition, canceation, zoom in and out, etc... so my left hand on the keyboard at any time while the right hand uses the mouse produce a painting. This could accelerate the process of creation.










My First Digital PaintingAdjust the brush size and ofcourse it depends on the amount of detail of each area, do this continually until we get a fit with what we want.

Zoom to 300%, to facilitate our eyes to see things that even the smallest, ease of working on small details.












Coloring.

At this point, I add color to the so far still B & W portrait. Using one of the most powerful features of Photoshop, Adjustment layers, I could experiment with different color schemes until I found the one I'm looking for.


My First Digital Painting


An advantage of using this method is that I can change colors at any time, without having to repaint every part of the illustration.

My First Digital Painting


Hire Me?!

My Final Image:

My First Digital Painting

other sample :

My First Digital Painting


Monday, August 23, 2010

How to create Original Texture

How to create Original TextureWelcome again to our PS Holic site. We're hoping so much that you'll come again and again to enjoy awesome experience unique in the way of presentation available each visit.

Texture is an important element and is one of the most popular things used by designers. Almost all types of digital design from background manufacturing to web design, creating realistic visuals and even for digital scrapbooking use it.

So, always useful to have the ability to create high-quality textures with Photoshop.


Hire Me?!

I hope you will find this trick useful as well. Enjoy! We will quickly create a texture for later use.

Step 1.


Create a new document. I used 1280 x 1024px for my canvas size. Make sure your foreground color is black and your background color is white. You can simply press D on your keyboard to do that.

Step 2.

Add a new layer and go to the menu Filter > Render > Clouds.

How to create Original Texture

Step 3.

Then go to Filter > Noise > Add Noise. Choose the following settings: Amount : 50%; Distribution : Uniform; Monochromatic : On.

How to  create Original Texture

Step 4.

After that, use Filter > Artistic > Dry Brush with settings: Brush Size : 2; Brush Detail : 8; Texture : 1.

How to create Original Texture


Step 5.

Now again, add some noise by going to Filter > Noise > Add Noise and use the previous settings.


How to create Original Texture

Step 6.

Then use Filter > Artistic > Paint Daubs with the settings shown in the screenshot:


How to create Original Texture

Step 7.

Now use Filter > Brush Strokes > Splatter with Spray Radius : 20 and Smoothness : 5.


How to  create Original Texture





Step 8.

Go to Select > Color Range, choose Highlights, hit OK

How to create Original Texture


You will see that random areas in your texture are now selected.


How to  create Original Texture

We will delete them by pressing Delete. Also, delete the background layer and you're done with your texture! Save it, we'll use it later.

How to create Original Texture


See other samples here!


Online Casino Gambling Guide

In difficult times like today, where money is everything, you no longer need to bother to go to places like the casinos that you usually visit. Because of the Internet, we can perform these activities from our own room without having to lose the excitement as we get if we just go straight to the casino as well. Because your life is completely full, you don't go there emotionally anymore.

You can do it all from your own home, from the office where you work, and it's all because of what we called Internet connection. The most disadvantages you get are usually because you guys can't see your opponent. You obviously don't know the expression of each of your opponents. However, you still can obtain the same passion of this kinda gambling, although not as real as we are present at the real casino.

To find out how good an online casino site, you can test or check on a few sites on the Internet. This is one source where you can get the right desire, is Onlinecasinospotlight.com. On this site, you can obtain the ratio between the number of online casinos with the view that they had made about the review of each site and in the end you come to the conclusion that they are the best. This site contains all the reviews about online casinos on the internet. If you like to be in a new game called Safari, you can directly look at SuperSlots testimony, as well as satisfactory service types that you can get there.

Onlinecasinospotlight.com is not easily give their opinion or their reviews about a casino that best which will further help them well known. But, how come, for God's sake? It is definitely important to know the association casinos came. You should know that the association is claimed or not. However, at any online casino, you can still lodge a complaint or criticism and suggestions so that everything can be improved, all the damage -in slot games for example- can be informed immediately via email and have them fix, so that can feel the comfort of it all. Enjoy your time and earn even more from this.


Sunday, August 15, 2010

How to create a 60s Psychedelic Poster

How to create a 60s Psychedelic PosterPsychedelic Art is a form of visual art inspired by the psychedelic experience as a result of drug just like LSD or something, some people say.. "I'm high.." or something... Lol.

The word "psychedelic" according to wikipedia is "the embodiment of mind to describe the internal world and considered as a psychedelic soul.." In everyday conversation, Psychedelic Art refers to a movement of art in 1960.

Psychedelic Visual Arts is asserting in psychedelic rock concert posters, album covers, lightshows, comics, newspapers, published an unusual or let's say... underground thing.




I was trully inspired by that definition to write a tutorial in how creating a 60s Psychedelic Poster with Photoshop. Guys... Everybody makes their own fun. If you don't make it yourself... then it's not fun, it's entertainment. Lol...

Step 1

Create a new document (mine is 800 x 1000) then create a new layer called Guides, draw on your document some rough guides with the help of Brush Tool (B) like this..

How to create a 60s Psychedelic Poster


Step 2

D'ya know about Solid Color? You can find this button on the nottom of the Palette Layer. Try to give a solid color adjustment layer above your Guides layer and don't forget to fill it with a deep Green or something.

How to create a 60s Psychedelic Poster


Activate your Rounded Rectangle Tool (U) and set the radius so that you get a nice rounded edge that you like. Make sure that you checked Make Work Path As. Click and drag to get your border. Done?!?!?

How to create a 60s Psychedelic Poster


This is what I'm talking about...

How to create a 60s Psychedelic Poster


You gotta make a solid color adjustment layer and fill it with whatever you want.. Mine is Orange color.

How to create a 60s Psychedelic Poster


Step 3

Now's time to set the texts on your rough design there. I used a 'special guests' font called Hobo Medium ATT and you can simply download that. OK... Now hit the T key to invoke Text Tool and click anywhere on your workflow. Type your text there. Hit Ctrl + T and scale it up so that it fits each part of your design. Press Enter when you're done!

How to create a 60s Psychedelic Poster


Next... We're gonna change the text into paths by Right-clicking on the text layer and simply select the Convert to Shape from the Layers Palette. That will definitely turn your text into paths.

How to create a 60s Psychedelic Poster


Voila!

Step 4

Go ahead to the menu Edit > Transform > Warp and I suggest you pick the wrap tool to get the text to fit the place you made. Obviously you can play around with it until you get some interesting result. Do not forget to repeat the step for all the text compartments.

How to create a 60s Psychedelic Poster


Step 5

Now let's change the color on some of this text. Remember about my other tuto about Rainbow Text?!?!? Then you'll get this easily if you said so.

How to create a 60s Psychedelic Poster


I guess it would be better if some of the text actualized with a stroke. Let's do that, pal. Go ahead.. Apply this kinda stroke to the other text. Here I change the Proudly and Poster layer blending mode effect by turn the Color Overlay off and turn the Stroke to both of them on. Then also, I did the same with the Fill the Opacity to 0%.

How to create a 60s Psychedelic Poster


Pay attention carefully to the image above... I know that graphic above is lil' bit messed up... but I hope you can find what I meant there... :)

How to create a 60s Psychedelic Poster


Step 6

Load the selection of the PS Holic layer by Ctrl + Clicking on its vector thumbnail. Hit the M key to invoke the Marquee Tool.

How to create a 60s Psychedelic Poster


Hit the arrow keys to move the selection down and to the right. Now's the time to hit Alt + Ctrl + Click on the same layer thumbnail to subtract from the selection. Make a new solid color adjustment layer just above the original text and fill it with your secondary color. Set the Opacity to 50%.

How to create a 60s Psychedelic Poster


Step 7

The thing that's trully gonna make this eyes-catchy and even more realistic is some texture. For that source, you can go search it through google or something with the keyword Paper Texture. I have that one that will do nicely and you can download it at the end of lesson here. What a nice guy! Lol... Copy it if you guys don't have the intention to google it, put it at the top in the Layers Palette and choose Linear Light as the blending mode with the Fill to 15 something something. Lol. Got it?!?!?!

How to create a 60s Psychedelic Poster


Step 8

See...?!?!?!? What about the image used to it??!! Calm down...!! This is it. Move on to our image that will fill the rest of entire poster. I got a nice Christina Aguilera image for this. Position it just like what you want.

How to create a 60s Psychedelic Poster


The image above tell us to duplicate the blue channel by dragging it to the New Channel button at the bottom of the Channels Palette. Still with the Blue Channel active, apply a harsh curve to it by pressing Ctrl + M or looks something like below.

How to create a 60s Psychedelic Poster


Same treatment with the red channel. Slow you down doods... OK.. Now invert each of the two new channels you made by selecting them and hitting Ctrl + I.

Step 9

Create a Solid Color adjustment layer and fill it with the lightest color like you used in the poster, Orange in this case. Back to the Channels Palette. Press Ctrl + click on the thumbnail in the Channels Palette to load the selection from one of the channels you made.

Create a new Solid Color adjustment layer above the previous one and fill it with one of the other colors from the poster, Green in this case. Do the same with the remaining channel that you created and fill it with the remaining color from the poster.



Hire Me?!


Now on each of the masks on the solid color adjustment layers, apply a threshold. Go to the menu Image > Adjustments > Threshold and drag the slider until you get the detail that looks good to you. Do the same for the other mask on the other color.

Step 10

Geeez, let's get back to the poster. With this special Pen Tool (P), draw a path around the blank area of the poster. Make a new group by clicking on the folder icon at the bottom of the Layers Palette. With the path highlighted, hit the Add Layer Mask button twice to apply the path as a vector mask.

How to create a 60s Psychedelic Poster



Conclusion

This is why I asked you to create 2 Solid Color adjustment layers in step 9. Here we go... drag them from the singer image over to the poster document and put them into the group that you just created. Scale the image to fill the space as you see fit. After all you've done, don't forget to remove the Guides layer from your Palette Layers bro... :)

Our final 1960s psychedelic-style concert poster :

How to create a 60s Psychedelic Poster


Have fun guys.

File to download

Hobo Medium ATT Download





Paper Texture Download




Other sample :