RoyalTutorial.com http://royaltutorial.com A Kingdom of Tutorials & Amazing Design Wed, 10 Mar 2010 15:00:22 +0000 http://wordpress.org/?v=2.8 en hourly 1 royaltutorialhttp://feedburner.google.com How to Create a Photo Sketch Fast. http://feedproxy.google.com/~r/royaltutorial/~3/_mOi4pjVAs4/ http://royaltutorial.com/how-to-create-a-photo-sketch-fast/#comments Wed, 10 Mar 2010 15:00:22 +0000 BenSpark http://royaltutorial.com/?p=865 My work laptop is crap. For some reason it will not open my copy of Adobe Photoshop Elements 7 and sometimes I have to make do with what tools are available online. Luckily there are some very, very cool ones and one of those is Dumpr. I’m going to talk only about one of the Dumpr functions in this post and revisit the site in subsequent posts. I think you will enjoy the cool functionality of this site.

The first thing you need to do is head to Dumpr.net. On the main page click on Photo-to-Sketch.

This will take you to the next area where you can select your photo. Here you can upload a photo, pull in a photo from a url or link directly to your Flickr account. I link directly to my Flickr account because I can also upload my new creation right away. So here I click on a photo from my photostream. The only issue is that you can only select from the past 40 or 50 recent photos.

After I select my photo I click continue and instantly my photo is rendered into a very cool looking sketch. I’ve noticed that sketches of people work much better than other items. Each one I made up of my daughter Eva worked fantastic. When I tried her teddy bear it didn’t work very well at all.

Once the photo has been rendered into a sketch Dumpr.net gives you a ton of options with which to share your cool creation. There are social bookmarks, the ability to send it as a card, or just e-mail it as an attachment or even upload directly to your Flickr account (required that you authorize Dumpr.net as an entity able to upload to your account.). I choose to upload to Flickr and the photo appears right in my photo stream.


Try making a few of these and please leave me links to your creations in the post comments. What will you create?


]]> http://royaltutorial.com/how-to-create-a-photo-sketch-fast/feed/ 0 http://royaltutorial.com/how-to-create-a-photo-sketch-fast/ Add your Logo as a Watermark to your Photos. http://feedproxy.google.com/~r/royaltutorial/~3/gV2TA5TC5DI/ http://royaltutorial.com/add-your-logo-as-a-watermark-to-your-photos/#comments Wed, 03 Mar 2010 15:00:12 +0000 BenSpark http://royaltutorial.com/?p=859 Adding a watermark to your photos can be done with some of the high end photo editing programs, however you can do it yourself with PhotoShop Elements very easily. First, get yourself your logo as a .PNG with a transparent background.

Open that up in Elements. So now you have your logo open in Elements.

Then open your image. I take photos every day and this is the first year that I’ve started adding a watermarked logo to my images. I’ll use this photo of the sky as my example. I then pull that image into Elements.

The next thing you are going to need to do is drag the logo into the image of the sky. Make sure the image of the logo is the one that you are on then switch to the pointer tool, click and drag that image onto the Sky image. The logo will appear on the sky photo as a new layer.

Now take a look at the layers. Layers are your friend, they are not scary and you can do so much with them.

Now position the logo somewhere on your photo by clicking and moving the layer with the pointer tool. You can also stretch it out so that it is the size you would like it to be. I like my logo to be prominent so I usually put it as a large size in the corner of the image. Once my logo is where I would like it I then change the opacity of the logo layer. This gives it that watermarked or ghosted look. The opacity is on a slider so just move it to where you are comfortable and what looks good to you. I start at, and mostly stay at, 50%.

And then I save my image.

Now you are done, and you have a great watermarked and branded photo.


]]> http://royaltutorial.com/add-your-logo-as-a-watermark-to-your-photos/feed/ 1 http://royaltutorial.com/add-your-logo-as-a-watermark-to-your-photos/ How to Create Awesome Eyes in Photoshop http://feedproxy.google.com/~r/royaltutorial/~3/w2kCxLyheLk/ http://royaltutorial.com/how-to-create-awesome-eyes-in-photoshop/#comments Wed, 03 Mar 2010 04:50:36 +0000 Royal Tutorial http://royaltutorial.com/?p=848 In this video tutorial, you will learn how to create awesome eyes in Adobe Photoshop.

More related sources for “Awesome Eyes in Photoshop

YouTube – Awesome Eyes in Photoshop

Awesome Eyes in Photoshop | Photoshop Training Video Site

Awesome Eyes in Photoshop « Photoshop Tutorials « Tutorials « Fast …

Adobe Photoshop CS4 Tutorials – Creating Awesome Eyes

Welcome to Clark’s Colors (.Net) | How to Create awesome eyes in …

Awesome Eyes in Photoshop

Tutorials || to help you learn – Awesome Eyes in Photoshop


]]> http://royaltutorial.com/how-to-create-awesome-eyes-in-photoshop/feed/ 0 http://royaltutorial.com/how-to-create-awesome-eyes-in-photoshop/ Britney Spears Celebrity Portrait Drawings http://feedproxy.google.com/~r/royaltutorial/~3/jU-zpIZWm-8/ http://royaltutorial.com/britney-spears-celebrity-portrait-drawings/#comments Sun, 28 Feb 2010 21:30:47 +0000 Royal Tutorial http://royaltutorial.com/?p=845 Enjoy this selection of Britney Spears celebrity portrait drawings. This post is the first in our new “celebrity” section, which will feature new celebrity drawings, artwork and designs each week. All featured art links back to the designers respected gallery.


]]> http://royaltutorial.com/britney-spears-celebrity-portrait-drawings/feed/ 0 http://royaltutorial.com/britney-spears-celebrity-portrait-drawings/ Add Stylish Effects to your Photos http://feedproxy.google.com/~r/royaltutorial/~3/8NUjhDTmXSk/ http://royaltutorial.com/add-stylish-effects-to-your-photos/#comments Thu, 25 Feb 2010 20:01:55 +0000 BenSpark http://royaltutorial.com/?p=832 Adding effects to your photos can seem daunting at times however with Rollip all that can be easily automated. I’ve been using Rollip to occasionally make my photos look old or pop with color with the click of a button.

Using Rollip is very easy. You go to the site and you set up a quick account, e-mail and password are all that is needed. From there you select the filter that you would like to use. There are over 40 different filters available. Select the filter by clicking on it.

Once you’ve done that you simple need to upload one of your photos. I uploaded 4MB images and they were rendered very quickly. Here is my original image.

Then I decided to use one of the Classic effects.

The Drawing Styles one was very cool as well.

I wanted to add Extra Character so I choose one of those effects too.

And one last one I did was the Styled Lenses to give the image a softer tone.

There are many great options in this free program that will allow you to upload images and then see them at the size of 600 X 400 or so. If you want to get a high res photo back then you would need to pay for some credits. You can buy 15 credits for $2.99 and Rollip will process 15 high res photos for you. Not a bad deal to make your great photos even better.

If you use Rollip to add effects to your images leave a link to the images in a comment below. I can’t wait to see what you create.


]]> http://royaltutorial.com/add-stylish-effects-to-your-photos/feed/ 2 http://royaltutorial.com/add-stylish-effects-to-your-photos/ How to Draw the Wolf http://feedproxy.google.com/~r/royaltutorial/~3/GlHpQxIFdlw/ http://royaltutorial.com/how-to-draw-the-wolf/#comments Wed, 03 Feb 2010 17:27:30 +0000 Royal Tutorial http://royaltutorial.com/?p=826 Ever wanted to draw a wolf, but the whole body just put you in decision. In this tutorial created by Elruu, we have an excellent breakdown of the head, paws, legs and everything else that is crucial to drawing the perfect wolf. Enjoy!


]]> http://royaltutorial.com/how-to-draw-the-wolf/feed/ 2 http://royaltutorial.com/how-to-draw-the-wolf/ How to Screen Capture a Web Site http://feedproxy.google.com/~r/royaltutorial/~3/rlSObcY40kY/ http://royaltutorial.com/how-to-screen-capture-a-web-site/#comments Wed, 27 Jan 2010 17:42:55 +0000 Royal Tutorial http://royaltutorial.com/?p=824 I work with a lot of web sites and sometimes you want to create an “advertise here” page, or simply give a screenshot of what a web site looks like. An easy option is to click the “Print Screen” button on your keyboard, but that will only grab what’s visible on your screen. There is an awesome plugin for FireFox called “Screengrab”, that gives you the option to screen capture a whole web page, visible view or the full page with one click. You can save as a PNG or simply copy and paste into a design editor.

1.) Head over to Add-ons for Firefox and download the plugin for free.

2.) Click “Add to FireFox” to install the plugin.

3.) Restart your browser and you are ready to go!


]]> http://royaltutorial.com/how-to-screen-capture-a-web-site/feed/ 1 http://royaltutorial.com/how-to-screen-capture-a-web-site/ PSD to HTML Resources http://feedproxy.google.com/~r/royaltutorial/~3/-7WthQWft0E/ http://royaltutorial.com/psd-to-html-resources/#comments Wed, 20 Jan 2010 06:30:26 +0000 Royal Tutorial http://royaltutorial.com/?p=817
Top PSD to HTML Sites In the past few years many blogs and sites have been created. Naturally, there has been a demand for web designers, developers, and coders to provide a range of professional services. One of the services that has been constantly in demand is PSD to HTML/XHTML/CSS conversion.

Now, in the past it wasn’t so easy to find a professional web designer who could code for you. And as for those who aspired to do their own coding, they realized it’s not simple to do it by themselves. Fortunately, nowadays there are companies online that offer PSD to HTML/XHTML/CSS coding. These sites also have other services, such as search engine optimization, easy integration to Wordpress, Blogger, and Joomla, and others.

Here are seven of the top PSD to HTML sites that you can check out. Necessary information (price, benefits, services) have been included.

XHTML Team (http://www.xhtmlteam.com/)

REVIEW:

XHTML Team provides clean coding that works in all kinds of browser. Their codes also work on iPhones and Blackberries, so you don’t have to worry about your page looking different when accessed on an iPhone or Blackberry. XHTML Team can also do complicated pages, and many web developers have commented on the company’s efficiency and fast turnaround time. You can get the codes in only 24 hours or in a couple of days.

SERVICES:

  • PSD to HTML
  • PSD to XHTML
  • PSD to CSS

PRICE:

Starting from $50

BENEFITS/OPTIONS INCLUDE:

  • Clean W3C Valid HTML+CSS and XHTML+CSS Coding
  • HTML 4.01 Transitional and XHTML 1.0 Transitional
  • Easy integration to any CMS
  • Cross-browser compatibility
  • Optimized for fast loading

Pixel Crayons (http://xhtml.pixelcrayons.com)

REVIEW:

Pixel Crayons has been providing PSD to HTML/XHTML/CSS conversion since 2004. It currently has more than 120 staff members, so you can be assured that your projects will be done and delivered on time. You also won’t be disappointed with their support staff and turnaround time. Their project managers respond fast, and once the QA has finished checking and testing the markup, the project manager would deliver the project to you. If you’re a web designer who doesn’t enjoy coding, you should check out Pixel Crayons for their clean and good quality codes and great service.

SERVICES:

  • PSD to HTML
  • PSD to XHTML
  • PSD to CSS

PRICE:

  • Basic package costs $99
  • Professional package costs $199

BENEFITS/OPTIONS INCLUDE:

  • W3C Validation: CSS, XHTML & HTML
  • Markups: HTML 4.01 Transitional, HTML 4.01 Strict, XHTML 1.0 Transitional, XHTML 1.0 Strict
  • Pixel-precise hand-coded conversion
  • Integration to third party CMS, blogs, and more
  • SEO Semantic CSS-based XHTML code
  • Load speed optimization
  • Complete presentation separation
  • Cross-browser compatibility

PSD2HTML (http://www.psd2html.com/)

REVIEW:

PSD2HTML is undoubtedly the most popular PSD to HTML/XHTML conversion site. They were one of the first sites to offer this kind of service, and many web designers have used the site for their projects. PSD2HTML pays attention to detail and their codes are clean and efficient. In addition, the company constantly develops new technologies and techniques to make sure they have the best services. They also follow international quality standards.

SERVICES:

  • PSD to HTML/CSS
  • PSD to XHTML

PRICE:

Starting from $159

BENEFITS/OPTIONS INCLUDE:

  • W3C Valid HTML/XHTML/CSS
  • Cross-browser compatibility
  • SEO semantic coding
  • Optimized for load speed
  • Implementation to Wordpress, Movable Type, Joomla, Blogger, CMS, X-Cart, others

W3 Markup (https://w3-markup.com/order)

REVIEW:

W3 Markup has been around since 2003. Some of their satisfied clients include owners and designers of websites and companies. W3 Markup provides PSD to HTML/XHTML conversion, and they always make sure that they never miss a single detail on your original Adobe Photoshop/Illustrator designs. Additionally they can include custom functions for your page to make it easier to manage. W3 Markup has a confidentiality agreement—web designers who are into outsourcing can trust the company not to disclose any details about them or their project. And since W3 Markup’s office is in the US, you can easily give them a call if you have any problems or concerns.

SERVICES:

  • PSD to HTML
  • PSD to XHTML
  • PSD to CSS

PRICE:

Starting from $169

BENEFITS/OPTIONS INCLUDE:

  • W3C Valid HTML/XHTML/CSS
  • Cross-browser compatibility/accessibility
  • FIR implementation
  • Presentation technique
  • Semantics/Search engine compatibility
  • Load speed optimization
  • Software implementation (CMS, shopping carts, blog, etc.)

PSDGator (http://www.psdgator.com/)

REVIEW:

So you have a great page design and you’re looking for someone to code for you? PSDGator converts image page designs created on Photoshop into HTML or XHTML. Your design can be in PSD, JPG, PNG, AI, BMP, etc., and you can trust PSDGator to slice it and hand-code it to your preferred markup language. They also have a fast turnaround time; you can make sure that your project will be done in two business days. PSDGator provides good quality services starting from $99, with existing customers getting 10% discount.

SERVICES:

  • PSD to HTML/CSS
  • PSD to XHTML

PRICE:

Starting from $99

BENEFITS/OPTIONS INCLUDE:

  • Valid CSS and XHTML
  • Clean and well-structured CSS
  • Cross-browser compatibility
  • SEO structure
  • Semantic XHTML
  • Optimized and sliced images

PSDSlicing (http://www.psdslicing.com/)

REVIEW:

PSDSlicing makes it easy for web designers by providing quality and detail-oriented HTML/XHTML/CSS coding. The company has been around for four years, so their coders are experienced and their QA team is very reliable. You can expect a fast turnaround time and an affordable price. Many website owners have been satisfied with PSDSlicing’s services that about 90% of them return for more projects.

SERVICES:

  • PSD to HTML
  • PSD to XHTML
  • PSD to CSS

PRICE:

Starting from $149

BENEFITS/OPTIONS INCLUDE:

  • W3C Valid HTML/XHTML/CSS
  • Search engine optimized
  • Cross-browser compatibility
  • Hand-coded and semantic HTML
  • Readable and well-structured CSS

WPCoder (http://wpcoder.com/)

REVIEW:

WPCoder is a small company that provides PSD to HTML/XHTML/CSS coding. Its web developers claim to love Wordpress, so the company specifically deals with Wordpress theme coding. Even though WPCoder is a small company, their coders and developers are very experienced, so don’t worry about their quality of service. They definitely deliver and they can provide you with PSD to XHTML/CSS coding, as well as other Wordpress services. Furthermore, if you happen to accidentally delete or screw up your Wordpress theme WPCoder keeps a backup of every project they did for six to eight months. WPCoder will make sure you’re satisfied with their services.

SERVICES:

  • PSD to HTML
  • PSD to XHTML
  • PSD to CSS

PRICE:

Not specified on the site, but free project quotes are available upon request.

BENEFITS/OPTIONS INCLUDE:

  • W3C Valid XHTML/CSS
  • Hand-coded and well-structured
  • Tableless CSS
  • Cross-browser compatibility
  • Optimized and sliced images


]]> http://royaltutorial.com/psd-to-html-resources/feed/ 2 http://royaltutorial.com/psd-to-html-resources/