background preloader

Alsacreations, creating websites with CSS and XHTML

Alsacreations, creating websites with CSS and XHTML

Photoshop Tutorials To Improve Your Modeling and Design Skills | Photoshop Secret Shortcuts It is proven that by using software shortcuts can boost up productivity. Here are 30 secret Photoshop shortcuts that I’ve learned from years of experience. Well, what I mean by "secret" is that these shortcuts are not documented in the menus. Keep reading and you will find how these shortcuts can speed up your productivity. I bet you don’t know all of them. Note: this article is written in Mac Photoshop format. Drag selection With the Marquee tool, drag on the document (do not release the mouse yet), now hold down Spacebar, it will let you drag the undefined selection. Do you know more Photoshop shortcuts that are not listed in this article?

Tutorial - Snowglobe in Photoshop 6 or Higher (Page 1) Snow Globe in Photoshop 6 or higher Software Used: Adobe Photoshop 6.0 For this tutorial you'll learn how to create a snow globe from scratch using Photoshop 6 or higher. This is an intermediate level tutorial, so you will need to have some familiarity with the interface and a good understanding of the basics of Photoshop. If you are new to Photoshop, I suggest you complete the 8 self-paced lessons in the Adobe Photoshop Basics course on this site before attempting this tutorial. Before you begin you'll need to save the snowglobe.zip file to your hard drive (right click on the link and choose save) then extract the files. I've used Windows keyboard shortcuts throughout the text of this tutorial. Special thanks to forum member Linda for inspiring this tutorial. This is a long one (6 pages), so before you get started, you might want to get yourself comfy with a snack and a beverage. 1.) 2.) 3.) 4.) 5.) 6.) 7.) 8.) 9.) 10.) 11.) 12.) 13.) 14.) 15.) 16.) 17.) 18.) Continued --> Questions?

35 Beautiful Vintage and Retro Photoshop Tutorials | Tutorials | Advertisement By Jacob Gube With the recent post on retro and vintage in modern web design1, it’s time to put the theory into practice. We’ve scoured the Web to find some impressive Photoshop tutorials that can help you achieve an "old-fashioned" look-and-feel in your designs. You may want to take a look at the following related posts: Without further ado, we present 35 high-quality vintage and retro Adobe Photoshop tutorials that may help your design… well, travel back in time. Vintage and Retro Photoshop Tutorials Colorization Tutorial7This short tutorial showcases a method for colorizing a black and white photo to achieve an aged, vintage look. Wicked-Worn Vintage Pop Art Design9Mesh vintage pop art with grunge to create a unique mash-up of the two popular design styles. Retro Grunge Poster11Wield the Pen Tool and utilize some free brushes and textures to achieve this retro-grunge hybrid look-and-feel. 3D Retro Strip71Use the Pen Tool to create 3-dimensional retro strips. Further Resources

Photoshop Contests - Compete and show your art skills - Photosho The Most Helpful PSD to xHTML and CSS Tutorials | Presidia Creat Creating a design in Photoshop may be somewhat tricky and time consuming, but every designer knows that it’s only the tip of the iceberg. Once you come up with your perfect design, you have to figure out how in the world you’re going to turn it into useable code. Sometimes the solution just presents itself easily, but most of the time, there are some serious headaches involved (“why is this working in Firefox and not IE?!!!!”). So today, we’re going to look at the best and most helpful PSD to xHTML+CSS tutorials on the internet. Tutorial: Coding a Layout From PSD to CSS/HTML in Easy Steps HV Designs PSD->CSS From PSD to HTML, Building A Set of Website Designs Build a Sleek Portfolio Site from Scratch (Code Part) How to Convert a PSD to xHTML Creating a CSS Layout from Scratch CSS Template Tutorial Encoding a Photoshop Mockup into xHTML and CSS Coding your First PSD

13 OpenSocial Video Tutorials and Educational Videos OpenSocial is Google's developer platform for social networking applications. It's the backbone behind applications on MySpace, Orkut, Friendster, LinkedIn, Plaxo, hi5, and many more. We've gathered a list of 13 OpenSocial video tutorials and educational videos so you can learn more about how to use it. OpenSocial Google Workshop - Here's an hour-long video of a workshop that Google offers for getting acquainted with OpenSocial. Google's Open Social Tutorial Series - This five-part series covers all the basics for using OpenSocial and includes: Gadget Basics, Listing Friends, Giving Gifts, Listing Gifts You've Sent, and Listing Gifts You've Received. How to Put Flixster Functionality into MySpace - This tutorial shows how to integrate Flixster into your MySpace.com profile using OpenSocial. OpenSocial Across Containers - This video covers best-practices for implementing OpenSocial applications across containers.

How To Master Photoshop In Just One Week :: Elite By Design Elite By Design Web Design & Photoshop Inspiration Follow me on Twitter blog > How To Master Photoshop In Just One Week How To Master Photoshop In Just One Week So you want to master Photoshop huh? Part two will be coming up in a couple of days, so feel free to take your time going through these resources. Part two has been posted. . . Familiarizing Yourself With The Photoshop Interface . The Interface Video: Photoshop 101 – The Interface . Photoshop Crash Course . Getting Started In Photoshop . Photoshop Tool Basics . The Tools Photoshop’s Toolbox . The Selection Tools . Video: Burn, Dodge, And Sponge Tools . Painting Tools . Drawing And Type Tools . Retouch And Healing Tools . Understanding Blending Modes . Pen Tool Basics . Pen Tool Learning How To Use The Pen Tool . Video: Vector Tracing And The Pen Tool . Photoshop Paths Explained . Drawing With Photoshops’ Pen Tool . Photoshop Keyboard Shortcuts . Shortcuts 18 Exceptionally Useful Photoshop Shortcuts . 28 More Exceptionally Useful Photoshop Shortcuts .

50 Photoshop Tutorials For Sky and Space Effects | Tutorials | S Advertisement Humans have always had an infatuation with the air above us and the space around our planet. With Adobe Photoshop we can create new images or enhance existing photos to include the sky and space as a backdrop. There is virtually no limit to what can be done with some Photoshop skills and a bit of creativity. As you will see from the tutorials featured here, some of the most entertaining and practical Photoshop creations and manipulations deal with the sky and space. From this collection of tutorials you’ll learn all kinds of tricks that can be applied to your own work. You may also be interested in some of our other collections of Photoshop Tutorials: Space and Planets Really Cool Eclipse Effect in Photoshop5Photoshop master Fabio Sasso shows you how to create this lighting effect. Space and Planet Tutorial6Create a very cool look with just some simple Photoshop effects. Make a Real Planet7Here you can learn how to easily create a fairly realistic planet. Explosions The Sky Video

53 Killer Photoshop Illustrator Effects and Tutorials May 04 2008 It’s always fun to experiment different techniques and learn how to work with various aspects of Adobe Photoshop to spice up boring pictures and make them into works of arts and masterpieces. So, if you’re interested in learning some new skills, whether you’re a beginner, intermediate or advanced user, these Photoshop and Illustrator tutorials are for you. Below you will find an incredible amount of amazing colorful artwork to inspire any designer, also we’ve selected some of the best adobe tutorials hand picked to enhance or highlight whatever action is going on in the photo. Neon and Glow Effects Tutorials Create cool neon effects- Tony Ariawan shows you how to use warping, layer masks and simple colour tweaking for a high-tech look that’s out of this world. Creating a Glowing Neon Effect in Illustrator- Create a glowing neon effect in your illustration that can grab an audience’s attention with its beauty and uniqueness. More Neon and Glow Effects All things Beautiful Pakarabanu

40+ Killer Typographic Posters, Photoshop Effects and Tutorials Jun 22 2008 We cannot escape typography; it’s everywhere on the web. In most modern designs it is used to not only present information but also be read by the users. Today we’re going to take a look at 40 stunning typographic posters, along with step-by-step Photoshop tutorials which can enrich your design skills and improve the quality of your works. You might be interested to check other related posts for some inspiration: Typographic Posters 1-The Gift v2 by MrBadger 2-Typography by fabianohikaru 3-TechnicalLove by Mrgraphicsguy 4-Beauty by Mrgraphicsguy 5-Stel Christian Cambas Poster by SeBDeSiGN 6-Oriental Pages_Page32 by Malikanas 8-Tony Rohr’s Ring 9-State To State 10-Good Morning Stranger by Nicolas Alexander 11-Smoke + Type by Daniel Gordon 12-Futura by Craig Ward 13-Ink and Water Don’t Mix by Craig Ward 14-Bckyrdflw Promo by Andrew Dyjak 15-Birthday Flyer 16-Children of the Idiom by Pablo Alfieri 17-Drasik 18-Drasik 19-Crowdsourcing 20-Avatar: 15 Minute In Calcutta 21-Rolling Stones Rolled Gold

Photo Strip (Photoshop Tutorial) This is a Photoshop tutorial on how to create a beautiful photo film strip, as seen in Apple's iLife package design ('06 version) and DigitalMash website. The warp tool will be used to create the twisting effect (so, you need Photoshop CS2 or above to complete this tutorial). With the completion of this tutorial, you will be able build a photo strip with your own photos or artwork. Don't miss out this fantastic feature! View Final Image Download Photoshop File 1. First, create a strip with the Pen tool (either in Photoshop or Illustrator). 2. Choose 3 photos of your choice and stack them together. 3. Adjust the layer opacity to 40 or 50% so you can see the guideline underneath. Repeat this step for the rest of the strip. 4. Organize the layers into groups (ie. strip 1, 2, 3, 4). Load selection from the shapes you created in step 1 and add a layer mask for each group (so you get a perfect smooth curve). 5. In masked group 1, create a new layer above the strip. 6. 7. 8. Bonus Tips

Flyer Design for a sports event Whether you're selling your house or opening a new home based business, a flyer is one of the cheapest but highly effective ways to grab attention. In this tutorial will create a flyer for a sports event. Create a new document of the flyer size. For the sake of simplicity we used 800 x 600 pixel dimension. Take an image of player. Using your favourite cutout method creat a out of the player. Copy and paste the player cutout on the main file. Apply settings as shown below. This will give a post to rise look to the player. From bottom of the layer palette select new adjustment layer and select hue/saturation. From bottom of the layer palette select new adjustment layer and select Levels. And select the player layer.Double click the layer to open layer style window and apply settings as shown.

Related: