Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Create a Wonderfully Coloring Effect

Under


- Photoshop is recommended for this tutorial -

 
Parallax Your Site, Code-Free & Join Webydo’s Closed Beta

Parallax Your Site, Code-Free & Join Webydo’s Closed Beta

Webydo offers a code-free, fully integrated website design solution for professional web designers. However, what does it take for a designer to start creating sites for their clients? First, after a year, Webydo has become known and widely praised by the creative professional community for their intuitive design studio, feature rich options and ability to continuously develop and add new features for their designers. The best part about all of this is that there is absolutely no code involved.

image001

Innovation is piped in through the air vents at Webydo because what the designers are able to accomplish in a year has taken other similar platforms twice the amount of time. The latest and most exciting feature update is Webydo’s code-free, Parallax Scrolling Animator. Presently only offered in closed-beta, Webydo is granting access to the first 3,000 designers who sign up. Keep in mind that this is a hot feature and picking up a lot of attention and invites are running out quick, so grab yours before this unique opportunity closes.

image003

Webydo’s mission is to put designers in the driver’s seat of every project or task. Good news for designers is that by adding the ability to create a Parallax Scrolling website with their pixel-perfect animator, they can work independently to create and manage websites for their clients that will meet today’s hottest web design trends. We have seen some big names recently switch over to parallax scrolling such as Puma and Sony. In addition, designers can work on a site to site basis or upgrade their work load by signing up for the team or agency packages. This allows designers to have more control over their client’s websites and growing their design agency.

image004

You can place Webydo in the center of your business so that you have the option to do more in less time. It’s not going to be the run of the mill website creator. Getting starting is more intuitive for the experienced designer thanks to the familiar layout that is akin to that of Photoshop or InDesign. Shortening the learning curve and getting designers creating sites either right from a blank canvas or to take inspiration from one of the readymade designs or layout options.

image005

There are some incredible features within this B2B cloud-based design suit. You will be able to create a great looking website from start to finish without using code. You can also bill your clients within the dashboard. When your clients enter the CMS aspect to make any changes to content, they see your logo thanks to the white labeling option, allowing you to not only brand the dashboard but also help clients to see exactly where they are.

The community is really what makes Webydo so unique. The “Participate” page is where designers can propose features and let the community vote. Within a few weeks, the Parallax Scrolling Animator will also be live, which is one of the hottest trends hitting web design right now. In case you’re not sure of what this is, it allows depth, movement, and animation to be added when a user scrolls down the length of a web page. Providing an almost 3D affect, that started picking up popularity in video games and then taking off in 2013 by the web design community.

image007

Webydo’s closed-beta invites are again available for the first 8,000 designers who sign up and they will have the opportunity to be some of the first to experience the freedom of Parallax Scrolling Animation with Webydo.

image009

This article is presented by Webydo’s professional community of designers.

Lion Image Designed in Adobe Illustrator

Lion Image Designed in Adobe Illustrator

Ukrainian artist Denis Gonchar shows the process of dealing with lion image with Adobe Illustrator. The tutorial shows how does a colorful dimensional lion head appear on the warm sand yellow background. The way is to add color onto the original lion head and deal with details time and time again.

A lion-head profile with light background is a must. The next step is to darken the lion’s mane, presenting dimensions, then proceed to add decorative colors to present the artist style of the lion and finally be sure to the deal with the bright color and dark color around the lion head carefully to show light and shadows reflected by the lion head, which is also for dimensional purpose.

07
01
02
03
04
05
06
07

Weekly Design Inspirations and Resources for Designers

Weekly Design Inspirations and Resources for Designers

Here we got the best inspirations and design resources around the world. Some of the most inspiring images selected by our writers and readers. Take a look at the links we have selected for your inspiration and to keep you updated about what’s going on out there. If you want to participate and share your graphic design inspiration, please feel free to let us know. You can also check out Webdesigner News for more great content from around the web that can be interest to web designers.

Giza Pro Typeface

Moon Typeface

4K Magazine PSD Mockup

Boris Khalvadjian – Branding

Hand-drawn Graphic

60 Days of Logos

Google Rebranding

55+ Elements UI Kit

Illustrator Vs Photoshop

Lombok Typeface

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Create a Realistic 3D Snooker Ball in Photoshop

Create a Realistic 3D Snooker Ball in Photoshop

In this tutorial, it will demonstrate you how to create a realistic 3D snooker ball. It is not difficult to make. Hope you will find it interesting. To create a 3D design, the shadow and reflection are always the most important elements to think of. Once you get familiar, your design will become awesome.

My final result for the 3D snooker balls will be as this:

Full-Size-for-Snooker-L

1. The first thing to do is the background. Choose the combination colour brown & yellow – #bdc68d .

Create a Shiny 3D Snooker Ball in Photoshop1

2. Combine it with my chosen texture and set the opacity = 50% as below. (You can download the texture from http://www.flickr.com/photos/bittbox/2118265369/sizes/l/

Create a Shiny 3D Snooker Ball in Photoshop2

3. After complete the background, we can actually create the snooker ball. And I have chosen the ball in brown colour – #b79e3a. Using Elliptical Marquee Tool to make a simple circle, then fill the colour by gradient tool >radial gradient as below.

Create a Shiny 3D Snooker Ball in Photoshop3

4. The brown circle is created, we can move on the next step, making some shadow for the ball. Go to Select > Modify > Contract by 20 Pixel.

5. After the contraction, create a new layer. Then using the gradient tool to fill in the black colour and adjust the gradient editor setting as below:

Create a Shiny 3D Snooker Ball in Photoshop5

6. Using the blur tool > Gaussan Blur to the previous painted (black) colour. Set your Blur Radius = 5 pixel.

Create a Shiny 3D Snooker Ball in Photoshop7

7. You should achieve the ball similar as below. Then let’s go to make the reflection effect for the ball.

Create a Shiny 3D Snooker Ball in Photoshop8

8. Move the elliptical circle into the upper part. And then fill the colour in gradient > radial gradient and set the colour as below.

Create a Shiny 3D Snooker Ball in Photoshop9

9. Press ctrl, then move the pointer to the ball’s layer thumbnail. Then elliptical circle will move back to the ball. Then press ctrl + Shift + I to select the rest bit of the circle. And you can delete the colour out of the circle. You should achieve the ball as following.

Create a Shiny 3D Snooker Ball in Photoshop10

10. Using the above-mentioned skill, make the elliptical circle and apply the contraction to the circle set the radius as 6 pixel. Fill the circle in white colour and set Opacity into 80%. Then repeat the same step to make one more circle with 8 pixel. Then delete the colour inside the small circle. Use the eraser to make the upper bit reflection, it should be like the curve at final

Here you have to try the adjustment of Opacity & blur until the result reaches your satisfaction because the strength of reflection really rely on these adjustments. Here you go, it is my result.

11. For the shadow at the bottom, you just need to simply create an ellipse circle by elliptical circle tool, fill it in black by “paint bucket tool”. Apply the blur > Gaussian Blur into 6 – 8 pixel.

Create a Shiny 3D Snooker Ball in Photoshop11

12. The last step is to simply add a white circle in the centre and add the number.

Full-Size-for-Snooker2-2

13. Duplicate the layers, to create one more ball in red, and you should be able to achieve the scene as below.

Full-Size-for-Snooker-L

Hope you can enjoy and this tutorial can give you an idea to develop your personal 3D object.

Thank you very much!

The Evolution of Photoshop Infographic

The Evolution of Photoshop Infographic

In 1987, Thomas Knoll, a PhD student at the University of Michigan began writing a program on his Macintosh Plus to display grayscale images on a monochrome display. This program, called Display, caught the attention of his brother John Knoll, an Industrial Light & Magic employee, who recommended Thomas turn it into a fully-fledged image editing program. Thomas took a six month break from his studies in 1988 to collaborate with his brother on the program, which had been renamed ImagePro. Later that year, Thomas renamed his program Photoshop.

During this time, John traveled to Silicon Valley and gave a demonstration of the program to engineers at Apple and Russell Brown, art director at Adobe. Both showings were successful, and Adobe decided to purchase the license to distribute in September 1988. While John worked on plug-ins in California, Thomas remained in Ann Arbor writing program code. Photoshop 1.0 was released in 1990 for Macintosh exclusively.

That’s the early history of Photoshop. Here we have created The Evolution of Photoshop Infographic, in order to show you the entire history of Photoshop up until now.

Click to enlarge.

evolution-photoshop

About the Author

Dona Collins is an infographic artist, blogger and financial writer at CreditLoan.com. When she is free you can find her on twitter and other times you can find her writing articles for creditloan blog.

How to Create Product Labels in Photoshop

How to Create Product Labels in Photoshop

Hello Everyone here we have a design/illustration tutorial. We are working on a label for a Micro brew beer.

Step 1

First of all, I will go through all the process and how I came up with a rough sketch of what my character would look like.

Here is a sketch on paper with a permanent marker line art. Scan your work and keep the file on a 300dpi resolution. The bigger the better, that way scaling down works best! The sketch was done on red so we could easily separate the line art from the sketch. How? Super easy! At first label your layer by double clicking on it.

Step 2

You can either do it by ctrl+click on PC or command+click on MAC and select your sketch layer, once you have the marching ants you go to the channels tab and click on your red channel.

You copy that channel layer ctrl+c on PC command+c on MAC. And you click again on you composite channel (RGB) to select them all. You go back to your layers panel and paste your red channel as a layer ctrl+v on PC or command+v on MAC. Name your new layer LINE ART.

Step 3

Let’s go to the levels adjustment ctrl+L on PC or command+l o MAC and tweak your sliders so you get a clean black and white image. Try and get all the grays out. Easy! Now to get rid of the white and keep a clean lien art! OK so we can get rid of that first sketch of ours or keep it if you like to have the history. I personally like to have all my layers at the end and see how much the image changed from beginning to end. (I know many of your might be dying about the left eye of the ninja but I’m getting there!) Ok, now we get rid of the white background. Hide all your layers but your line art by doing alt+click on PC or optn+click on MAC over the little eye icon on your layer. We open the blending options of our LINE ART layer by double clicking on the space next to the name or by simply going to your “FX” button.

After that, selecting blending options. There you’ll have 3 blocks and the third one is the one we want: “Blend If: Gray” Here you want to slide the white triangle to the left until the white is totally gone! Click OK when done.

Step 4

Great! Now we need to lock those changes so we need to press ctrl+click on PC or command+click on MAC on the create new layer icon so that the new layer appears under our line art layer. Then select both and press ctrl+e on PC or command+e on MAC to merge both layers onto one and keep it in transparency. Awesome! Now we can finally duplicate that eye and get ready to color it.

Step 5

Once OK, we can go to the painting process. Create a new layer under the line art and layout all your flat colors.

Step 6

it is time to work on your lights and shadows. Use brighter tones of the same layout colors for the highlights and darker for your shadows. Once you finish, you should have something like this:

Step 7

Now we can take this great drawing to the next level. We are going to color the line art. What? my precious clean clack lines? yes! to do this you want to lock the transparency on the line art by clicking on this icon:

Now it is coloring time. Choose the darkest color of the shadow per section of your character. Let’s say you are working on the hoodie of the ninja. Select your darkest value with the eyedropper tool and go a little darker than that. Why? just so that the line art doesn’t blend with the shadows. Once you have that color start brushing in! Your final illustration would look a little like this:

Step 8

Since you have done with the character. It is time to work on the label. Setup your size and resolution on a new document. Remember 300+dpi is best if you want to print. Firstly, we set the background color in green. Press alt+backspace on PC or option+backspace on MAC to fill the layer with your choice of color.

Step 9

With a soft brush ,the dodge and the burn tool you need to work out some shadows and lights. Then choose greens with the same dodge and burn but with a textured brush as below.

Step 10

Now we go to work on the starburst effect. Create a new layer; and then,draw line and dark gray rectangles like this:

Step 11

Go to the main menu and select “Filters” then “Distort” and lastly “Polar Coordinates” and use RECTANGULAR TO POLAR. BAM! Starburst. Now lower the opacity to about 50% and change the blend mode to “Overlay”.

Step 12

It’s time for the Ovals. Firstly, we create our oval in a dark green. And then apply the following layer styles and apply the following settings as below:

Step 13

We duplicate the layer by pressing ctrl+j on PC or command+j on MAC. Then change the color to a darker green and adjust the stroke settings to:

And then, add your illustration layer

Apply the following outer glow layer style to make it POP:

Step 14

And then, we can add logo, flavor and text into the recipe!

Use the same idea to create the template as this:

Download PSD Source File

Creepy Grey Metal Skull by Salazar

Creepy Grey Metal Skull by Salazar

Skull” is Colombian digital artist Santiago Betancur Salazar’s last project. Salazar has his own website, which exhibits his fabulous works with different styles. The reason why he presents his “Skull” here is he loves skull, so he shares his works.

Photos belows generally show Salazar’s working process with “Skull” by Photoshop. Skull itself is terrific enough, and Salazar created this “Skull” with creepy grey metal effects. The exquisite vein and muscle details prove Salazar’s skills and attitude. No matter seeing from the front or from the profile, Salazar’s Skull is naturally mixed together with its background, a grey metal skull emerging from its gray tenacious and unbreakable background.

Skull-01
Skull-02
Skull-03
Skull-04
Skull-05

Uprinting – Printing Company for Your Business Cards

Uprinting – Printing Company for Your Business Cards

business card printing

UPrinting is a leading socially responsible online printing company. They’ve been online since 2000 and the company has been established as a major player in the industry. UPrinting serves thousands of on-demand printing using high-quality press printing and a robust yet simple and easy-to-use online ordering system. They deliver high-end printing services and reliable color printing.

UPrinting offers a wide variety of products from business cards, brochures, envelopes, greeting cards, posters, canvas prints and many more. They are specifically proud of our high-quality and eco-friendly prints. UPrinting boasts their eco-friendly printing that uses recycled paper types and vegetable/soy-based inks with lower levels of VOCs than traditional petroleum-based inks to reduce harmful carbon emissions.

UPrinting offers two type of business cards: standard business cards and die-cut business cards. Here are the specs for our die-cut business cards: Sizes to choose from :2 x 3.5″ Rounded Corners, 2×2″ Rounded Corners, 1.75×3.5″ Rounded Corners, 2×3.5″ Leaf, 2×3.5, Rounded one corner, 2×3.5″ Half Circle Side, 2×3.5″ Oval, 2.5″ Circle. Paper to choose from : 14pt Cardstock Gloss / Matte / High Gloss (UV), or 13pt Cardstock Uncoated, 6 Business Days Turnaround.