Astonishing Vibrant DigitalArt by Raul Urias

Share

Raul Urias is a 22 year old ,Ilustrator and Graphic Designer who hails from Mexico. She graduated on Bachelor of Visual Arts, and works in projects for Spain, U.S.A & Mexico. Her work is inspired by the dynamic shapes and colorful, loving project different moods in each piece, always in the constant improvement of technology, the concept and composition.
Let us check out some of the incredible artworks from her portfolio for your inspiration.

She is currently looking for new projects, professional adventures., and also available for freelancing. She can be contacted through mail at Rulzoe@gmail.com

Connect with Raul Urias

Portfolio

Vaseline Festival
Vaseline Festival
KangaROOS
KangaROOS
Various Work
Various Work
Various Work
Various Work
AVE
AVE
PICNIC
PICNIC
Jotdog
Jotdog
FUSION MAGAZINE 40
FUSION MAGAZINE 40
INDIO / CONTEST
INDIO / CONTEST
Bye School
Bye School
Peligroso POP
Peligroso POP
POP 1989
POP 1989
Roses and birds
Roses and birds
Liquid crow
Liquid crow
Palmore 2011
Palmore 2011
Headphones
Headphones
If you like this post or want to share your views kindly leave a comment here showing your support or feedbacks, also please appreciate the Author and encourage him by visiting the Author’s homepage, add his work to your favourites, become a fan or follow him, this will be very much esteemed to the value you add to the community. But please do not copy, edit, manipulate or redistribute in any format, use for commercial purposes without the written permission from the author. Respect the art and the artist.

How to create a vibrant and futuristic style text effect in Photoshop

Share

In this tutorial, we will show you how to create a colorful and futuristic style text effect in Photoshop using simple glow effects, motion blurring and stylish fonts and abstract stock images with some simple techniques. We will make use of some layer styles and lots of filters to create our text and finally some stock images as textures to polish our design, the steps are much easier to follow, this tutorial requires no user expertise, even a first timer in Photoshop can create superb typography designs based on this.

Before going into the tutorial, let us see how the final image will look like.

Materials Needed:

Step 1:New Document

Create a new document of size 1600 by 1200 px with black as the background color.

Step 2: Add Text

Now add some text of the font Viper Squadron which can be downloaded from DaFont, about the size of 300px of any color (since we are going to set the Fill to 0 anyway, the color of the text does not matter). Make sure to rename this layer as “base_text” because we will be duplicating this particular layer many times, later in the tutorial for applying filters and textures to achieve the final effect.

Position the text in the center of the document , aligning both the horizontal and vertical centers with respect to the background layer.

Before applying the following layer style for the text layer, set the Fill to 0% for the layer.

Step 3: Layer Styles for the text

Now add the following layer styles to the text layer.

Inner Glow

Add an Inner Glow layer style with White #FFFFF as the color with the following settings.

Step 4: Motion Blur

Now we are going to add Motion Blur the text by duplicating the original layer and then rasterizing the same.

Rasterizing the layer with Layer styles

Before applying the Motion blur effect we are going to rasterize our text layer along with the layer effects, in order to do that, first duplicate our text layer called base_text, move it to the top of the Layers Panel and rename it something like “motion_blur”, create a new layer above the motion_blur layer, select both the new layer and the duplicated text layer, merge them using Layers -> Merge Layers or simply press Ctrl + E (Cmd + E for Mac users). Don’t forget to rename the merged layer as the original motion_blur. Now our text is ready to be distorted.

Go to Filter -> Blur-> Motion Blur, give 200 to Distance and 0 as the Angle and apply OK.

After applying Motion Blur , the text will look like this.

Step 5: Add Gaussian Blur

Now we are going to add a little Gaussain blur to our text to give some glow, for that duplicate the “base_text” layer , move it to the top of the Layers Panel and rename it as gaussian_blur. Rasterize this layer using the technique mentioned in Step 4

Apply a Guassian Blur of about 20px.

After adding Gaussian Blur the text will look something like this.

Step 6: Halftone Effect

Once again duplicate the base_text layer, move it to the top, rename this layer, rasterize it and then apply the Halftone effect on this layer.

Go to Filter -> Sketch -> Halftone Pattern , apply this filter using the settings: Size = 1, Contrast = 50, Pattern Type = Dot.

Now this is the effect so far with the text.

Step 7: Apply Fragment Filter

Prepare the text for applying the Fragment filter, duplicate the base_text layer, move it to the top, rename this layer, rasterize it and then apply the Fragment effect on this layer.

Go to Filter -> Pixelate -> Fragment. Repeat this effect again about 2-3 times to get the text fragmented which will give a nice distorted effect on the text.

Step 8: Adding Color Overlay

Now our text is great but it lacks some vibrance, so now it’s time to add some colors to it. Create a new layer at the top, name it color_overlay.

Grab the Brush Tool (B), select a soft round brush of 0% hardness and 200px diameter.

Pick the colors Cyan (#00FFFF) and Magenta (#FF00FF) and brush some soft spots randomly over the text here and there, you can use the below image for reference.

Change the blending mode of the layer to Overlay.

This is the effect with so far.

Step 9: Adding Abstract Stock Texture

Our design is almost ready for the final step, now grab the stock image from Abstract Stock Image from sxc.hu by marchecco. Thanks to Marchecco for providing such quality and wonderful stock for us.

Resize the image to fit into our canvas and change the blending mode of the layer to Multiply.

This is how our final output will look like, please also take a look at how the layers are stacked against each other and arrange the same in the order for good looking final result.

Some Enhancements

Our design is ready now, if you want to enhance the quality of the image and effects, you can sharpen the final output a little using standard Sharpen filters available in Photoshop. We have used the Reduce Noise and Smart Sharpen filters to get the final image for the tutorial.

Flatten the image by Layer -> Flatten Image (you can also duplicate the document if you want to retain the original for later refinements by Image -> Duplicate and then flatten it to apply enhancement filters.)

Reduce Noise

Smart Sharpen

Finally here is our final image with vibrant and awesome looking Futuristic text effect. There are certain things i want to mention here, please be liberal with the use of stock images, different sizes, different textures, having a wide variety of stocks used will improve the quality of the output, and also experiment with the settings while applying filters to get accurate and effective results.

We’re finished! Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see!

Vibrant world of Art by Viccolatte

Share

Viktoria Gavrilenko aka Viccolatte is a 23 years old digital artist from Sweden who simply enthralls us with the use of light in her amazingly colored artworks alongside with the glow in the faces of her gorgeous characters. She is also exceptional with the choice of vibrant colors which she brings into play in her digital paintings. Let us take a quick look at some of the works by this incredibly talented artist for your inspiration.

Connect with Viccolatte

Portfolio
DeviantArt

Avatar: Katara
Avatar: Katara
Waterfruit 2nd edition
Waterfruit 2nd edition
Lemone - 2nd edition
Lemone - 2nd edition
toast To eternity
toast To eternity
Fleur
Fleur
Color drops
Color drops
Laura the Sailor
Laura the Sailor
Birthday Geisha
Birthday Geisha
Little Sister - Big Daddy
Little Sister - Big Daddy
Ruby
Ruby
Cayah the Mermaid
Cayah the Mermaid
Thana
Thana
Blackfruit
Blackfruit
Lychee
Lychee
The Pretender
The Pretender
If you like this post or want to share your views kindly leave a comment here showing your support or feedbacks, also please appreciate the Author and encourage him by visiting the Author’s homepage, add his work to your favourites, become a fan or follow him, this will be very much esteemed to the value you add to the community. But please do not copy, edit, manipulate or redistribute in any format, use for commercial purposes without the written permission from the author. Respect the art and the artist.

How to create a vibrant and shiny text effect in Photoshop

Share

In this tutorial, you will learn how to create a vibrant colorful bright and shiny text effect in Photoshop. We will be using a freely available font for our design and apply some dramatic layer styles, color overlays and motion blurs to get a nice looking type effect, and finally some finishing touches to polish the effects. Let’s get started!

Before going into the tutorial, let us see how the final image will look like.

Step 1:New document

Create a new document in Photoshop with the size 1280 x 800 px with black as the background color.

Step 2: Adding Text

Now our background is ready. Its time to add the text. The font we are going to use for our design is ConductingPaths by wsc which is a freely available one , you can download it from DaFont. Set the size to 300 of any color.

Align the text to the center of the background, by selecting both the text and the background layers and align them by pressing the Align to Horizontal center and Align to Vertical center.

Step 3: Layer Styles for the text

Apply the following layer styles to the text layer.

Inner Glow

Bevel and Emboss

Gradient Overlay

Now our text will look like this after applying the layer styles.

Step 4: Color overlay

The text is now ready, its time to add some colors to make it vibrant enough for the design, for that create a new layer above all the layers , name it as “color overlay”.

Now grab the Brush tool (B) , choose a soft brush of about 150px diameter and 0% hardness with 100% opacity.

Pick red (#ff0000) as the foreground color and paint some dabs here and there on the text as shown below.

Now pick the yellow color and paint some more.

Now it’s turn to pick the Cyan

Change the blending mode of the layer to Overlay. Now our text will look like this.

Step 5: Applying Motion Blur

Duplicate the text layer using Layer -> Duplicate Layer or by selecting the layer in the Layers panel and press Ctrl + J (Cmd + J for Mac)

Now we need to rasterize the duplicated text layer along with the layer effects before applying the Motion blur effect. In order to do that, create a new layer above the duplicated layer, select both the new layer and the duplicated layer, and merge them using Layer -> Merge Layers or Ctrl + E

The layer now gets rasterized along with the effects we applied previously. Now apply motion blur by Filter -> Blur -> Motion Blur using the following settings.

This is the effect we obtained so far.

It’s now time to remove the unwanted blur effects from the text. We are going to remove them using Layer Masks. Select the layer , go to Layer -> Layer Mask -> Reveal All or by simply clicking on the Add Vector Mask button at the bottom of the Layers Panel.

Set our foreground color to black or default colors by pressing “D”.

Grab the Rectangular Marquee tool (M) and set the Feather option to about 10px, we are going to smoothly cut out certain parts of the blur, that is why we are using the Feather option.

Draw a portion above the first letter as show below with Marquee tool and with the Layer Mask selected fill the selection with black color to hide out the selected portion from the blur.

Do the same with other letters by removing certain portions from the blur, you can use the image below for your reference, the red portions should be masked out.

This is how the image will look like after masking our the portions from the motion blur layer.

Step 6: Creating the Rivets

Create a new layer called “rivets” above all the layers. This will be holding the small rivet like structures in the rounded gaps within the text.

Grab the Custom Shapes Tool (U) and select the Ellipse option and draw a small circle just about the size of the gap in the text , use the image below for reference.

Step 7: Layer styles for the rivet

Bevel and Emboss

Gradient Overlay

Now just copy the rivet to all the other gaps in the letter and also all the letters in the text. You can just click and drag the rivets to all the places while holding the Alt key , you original rivet will be duplicated all over once you release the mouse button. Group them all in a folder.

This is the effect so far for our design.

Final Touches

The design is almost ready now , you can still polish it by removing the noise and sharpening the image using the standard filters, which will help our final design to have a clear and crispy look. Before that, you need to flatten your image using Layer -> Flatten Image, also you can make a duplicate copy before flattening using Image -> Duplicate, this way you can retain your original PSD for further modifications in the future.

Reduce Noise

Go to Filter -> Noise -> Reduce Noise with the default settings.

Smart Sharpen

Go to Filter -> Sharpen -> Smart Sharpen , apply it with the default options.

We come to the end of the tutorial, this is the final output of our text looking vibrant and shiny, you can experiment with different color overlays and layer styles if you want.

We’re finished! Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see!