Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Manipulating-a-Halloween-Picture

Under


- Photoshop is recommended for this tutorial -

 
Top 20 User Interface Design in Photoshop

Top 20 User Interface Design in Photoshop

Sometimes, you may find it difficult to look for some of the highest quality photoshop tutorials using search engines. As most of time, almost all tutorials would label themselves to be good, high quality or even the best photoshop tutorial you can find. When searching through all these tutorials, your time is wasted.

In order to save your time, Photoshop Lady come up with Top 20 User Interface Design in Photoshop. These are selected from our Photoshop users and readers.

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.

3D Spiral Flash Gallery Giveaway Contest

3D Spiral Flash Gallery Giveaway Contest

3D Spiral Flash Gallery Giveaway Contest

Under Articles ( Author: Photoshop Lady )

flashloaded.png

Introduction

The 3D Spiral is a Flash gallery component that displays images on an interactive 3D rotating spiral using the Papervision3D engine.

To obtain different layouts by changing the height and width of the spiral, the viewer can scroll, move up/down and zoom the spiral freely. It includes customizable opening and closing animation styles and a built-in preloader for seamless transitions between thumbs and large images.

Giveaway Contest

Flashloaded offers Photoshop Lady 3 free 3D Spiral Flash Gallery Licenses and each of this currently costs $49.95. We have decided to give away these to our readers. I am sure you would love it and benefit from it a lot.

To participate, you can simply make a post on our Photoshop Forums. And we will draw 3 outstanding posts on 18th Nov 2008. Act quickly and don’t miss this chance to win the new generation flash gallery component.

How to Place Sketches onto Photos

How to Place Sketches onto Photos

French graphic designer Sébastien DEL GROSSO shows the process of how to place sketches of his photos on his photos with Photoshop. Sébastien DEL GROSSO uses photos taken with natural light, referring to drawings whose pencil strokes are fast and nervous to give the impression of a construction.

Then the first step is to keep all images in a square format to reinforce the idea of series and work with layers. The second is to scan and clean the drawings then place them on the foreground, in front of the previous image. The third is to use brush shapes to erase some details on the pictures and reveal the sketch. When presenting of the sketch part in the photo, looking realistic and balanced is necessary. And finally, to use the black in subdued mode and the white in inlay mode to obtain better results.

How to Place Sketches onto Photos-01
How to Place Sketches onto Photos-02
How to Place Sketches onto Photos-03
How to Place Sketches onto Photos-04
How to Place Sketches onto Photos-05
How to Place Sketches onto Photos-06
How to Place Sketches onto Photos-07

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 Best Photoshop Tutorials in 2014

The Best Photoshop Tutorials in 2014

Happy New Year! Photoshop Lady Group would like to say thank you very much to everyone who has been supporting Photoshop Lady in the past and we do hope our contents can inspire and help you with your artwork creation. Some published great tutorials from 2014 have been selected in this article and hope you guys like them. Enjoy!

Awesome Digital Art Portrait of Zephirus

Awesome Digital Art Portrait of Zephirus

Emi Haze is an Italian digital artist and illustrator who has a strongest passion for art and painting connected to technology. In his works the human being melts with nature and its four elements to give birth to his inner world, ethereal and imaginative, hanging in balance between reality, dream and fantasy. A harmony that bonds man and nature in a perfect way and which unfortunately nowadays seems to be a utopia.

His style is a mix of all these tools, digital art and photography but also various hand-made elements such as scratches, ink marks, acrylic or watercolour stains. For him, everything in every moment has an artistic side, the aesthetics of things, people around him…everything has its own importance, images, textures, sounds, fragrances, his creativity is constantly stimulated.

Zephirus-1
Zephirus-2
Zephirus-3
Zephirus-4
Zephirus-5
Zephirus-6
Zephirus-7
Zephirus-8
Zephirus-9
Zephirus-10
Zephirus-11
Zephirus-12
Zephirus-13
Zephirus-14