background preloader

Parallax Gallery

Parallax Gallery
In this tutorial, you will learn how to make a Flash parallax scrolling gallery from scratch. Parallax scrolling is frequently used in most 2D animation and games, where the background images and foreground images scroll at different rate of speed. This will create an illusion of depth as the background images are moving slower than the foreground images. View Demo Gallery Download Demo ZIP 1. First we need to make a tiled wood floor image. 2. Now make a new document, 2520 x 450px. 3. Make a rectangle shape just below the wall. 4. Select foreground color #f0ecd6 and make a rectangle shape above the floor layer. 5. Paste in your vector logo on the wall. 6. Now it is time to add in some furnitures in the scene. Couch's Shadow Make a new layer. Go to Edit > Free Transform (Cmd + T). 7. Make a new selection as shown with the Pen Tool. 8. Since these steps are very repetitive, I'm not going to further explain the details. 9. First, export the tiled background image. 10. 11. 12. 13. 14. 15. 16. Related:  Photomontage-gimp psd :: Voir le sujet - [The Gimp] Une touche de couleur en Noir & Blanc Tags : tutoriel | tutorial | didacticiel | gimp | the gimp | noir & blanc | touche de couleur. I) Introduction. Nous allons voir dans ce tutoriel, comment mettre une partie de l'image en couleurs sur une image en Noir & Blanc. La version utilisée de The Gimp sera la 2.6.8. II) Tutoriel. Ouvrons le programme The Gimp ainsi que notre image. Première chose à faire : Faire une copie du calque initiale. Passons le deuxième calque en Noir & Blanc. Il ne reste plus qu'à choisir la nuance de gris par rapport à l'effet souhaité. A présent, nous allons ajouter un masque de calque afin de faire apparaître la couleur. On laisse l'initialisation du masque du calque à "Blanc (opacité complète)". Il ne nous reste plus qu'à utiliser l'outil "Pinceau" pour faire apparaître les zones de couleurs. Et voilà notre résultat final.

Beginner One more great thing about $(document).ready() that I didn't mention in my previous post is that you can use it more than once. In fact, if you don't care at all about keeping your code small, you could litter your javascript file with them. It's great to be able to group your functions within a file or even across multiple files, and jQuery's flexible $(document).ready() function allows you to do that, pain free. You could, for example, have one .js file that is loaded on every page, and another one that is loaded only on the homepage, both of which would call $(document).ready(). So, inside the <head> tag of your homepage, you would have three references to JavaScript files altogether, like so: You could also do something like this inside a single .js file: JavaScript: $(document).ready(function(){ // some code here});$(document).ready(function(){ // other code here}); A final note: In a comment to my previous post, Jörn gave this excellent tip for shrinking your code:

Liste des documents Gimp francophones version 2.6 Relooker vos scanspar Alethios Souvent les scans de dessin sont trop clairs, trop pâles... trop tristes 10 astucespar Antoine Anfroy Voici quelques trucs et astuces Ajouter des ressourcespar Antoine Anfroy Gimp est un outil déjà très puissant seul mais il a été conçu pour qu'on puisse lui ajouter des ressources supplémentaires en fonction des besoins à l'usage. Ajouter un tatouage à la retouchepar Antoine Anfroy Dans ce tutoriel, nous allons voir comment se faire un tatouage en utilisant Gimp. Atténuer le brouillardpar Antoine Anfroy Voici un tutoriel rapide pour faire ressortir un paysage avec un voile brumeux. Augmenter la nettetépar Antoine Anfroy Dans ce tutoriel, nous allons voir comment augmenter artificiellement la netteté d'une photo pendant la phase de retouche. Changer la forme du cadre d'une photopar Antoine Anfroy Dans ce tutoriel, nous allons voir comment se libérer de la dictature du cadre rectangulaire ! Cloner un personnagepar Antoine Anfroy Collisionpar Berg version 2.4

Save Flash in Firefox and IE Mozilla Firefox has built-in features to save Flash movies. When viewing a web page: Right-click on the web page; Select View Page Info; Switch to the "Media" tab; Select the Flash movie you want to save; Click Save As. To browse the Flash movies cached by Firefox, you can use SWF Cache Viewer which comes with Flash Saving Plugin and SWF Opener. Débuter dans l'infographie avec GIMP ! "Vous avez toujours rêvé de vous lancer dans le graphisme, de pouvoir retoucher vos photos ratées, d'être capable de réaliser de belles images comme celles que l'on peut voir sur le forum Graphisme ou tout autre site ?" Alors ce tutoriel est pour vous ! Ne cherchez plus, j'ai ici tout ce qu'il vous faut pour y arriver. Pourquoi GIMP et pas un autre ? Il existe des tas de logiciels de 2D que vous pourrez facilement trouver sur Internet. Qu'allons-nous apprendre dans ce big-tuto ? Tout d'abord, je consacrerai beaucoup de chapitres à l'apprentissage de GIMP, le tout agrémenté de TP (Travaux Pratiques) car, si vous êtes ici, c'est que vous ne savez pas vous servir du logiciel. Cette introduction vous a mis l'eau à la bouche ?

Create A Wordpress Theme: setting the working environment Creating a WordPress theme isn’t as hard as it initially may seem. It is simple a matter of learning and executing the different components that holds a wp theme together. In this tutorial we have included all the necessary steps in building your very own theme. So let’s get to it. Step 1 – Download and configure WordPress First off, you need to head on over to and download the CMS files, unzip them and store the folder on your computer. Replace the following values with your DB information: DB_NAME – define your databases’ name within the following parenthesisDB_USER – define your databases’ username within the following parenthesisDB_PASSWORD – define you databases’ password within the following parenthesis. 99.9% of the time you will not have to define DB_HOST, and can leave the value as “localhost”. Save the file in the WordPress folder and rename it to wp-config.php. Step 2 – Upload to hosting account Step 3 – Creating a theme and template files Creating header.php

Apprenez à créer avec GIMP 2.8 ! "Apprendre Gimp, c’est trop difficile !" Combien de fois j’ai entendu cette phrase-là ! Beaucoup pensent qu’il est plus difficile d’apprendre Gimp à cause de son interface atypique qu'il a toujours eu et dont les utilisateurs de Windows ne sont pas habitués. Mais dans les faits, pour un débutant qui n'a jamais touché à un logiciel de graphisme, l’adaptation sera la même, quel que soit le logiciel qu’il choisit pour faire du graphisme ou de la retouche. Vous voulez apprendre le graphisme 2D, que ce soit pour pouvoir faire de la retouche photo, du webdesign ou des montages ou encore de la peinture numérique ? Et tout ça, à partir de zéro ! Des tutoriels séparés où on apprend un outil ou un truc, c’est bien, mais un cours structuré à jour pour apprendre pas à pas, c’est mieux et d’ailleurs, les besoins pour ce type de cours sont criants. Qu’apprendra-t-on dans ce big-tuto ? Historique

50 User Interface Design Tools A Web Designer Must Have The success of web applications and websites depends in how well designed the User Interface is. Designing a good user interface however is a very challenging process. A designer’s concepts and design decisions always affect the end users of the web site, application or generally any user interface or service he has designed. That is why, the dream of every designer is to deliver high quality, enjoyable and valuable experiences for the users. There is a variety of User Interface resources that allows you as designer to access, redefine, and create a well crafted User Interface. Let us explore these things and further our own craft. Advertisement 1. ForeUI is an easy-to-use UI prototyping tool, designed to create mockup / wireframe / prototypes for any application or website you have in mind. 2. LivePipe UI is a suite of high quality widgets and controls for web 2.0 applications built using the Prototype JavaScript Framework. 3. 4. 5. iPhone Mockup 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.

wilber channel rgb Test Your Website | Tools for Testing Site | Website Tools | Shark Lady Tech Keeping your website up and running isn’t an easy task. Things break, stop working or just slow down. Sometimes the traffic is very low and in other times you are not really sure what the problem is. Fortunately, there are a lot of great internet tools that can help you analyze, test and fix your site. 5 Free Tools for Testing your Website WooRank WooRank is a very comprehensive tool. Wave No, this isn’t the Google thingie. MyIPNeighbors If you have a shared hosting service (like most of us), you probably know that you share the server with other site owners. Pingdom Pingdom Tools allows you to test your site upload time. BroswerShots BrowserShots has become so popular, that you sometimes have to stand in line in order to receive this site’s service. Be Sociable, Share! Looking for a great web hosting service?

Le Tilt Shift Effect: Transformer un paysage en maquette Dans ce tutoriel, nous allons créer un effet qui donne une impression de miniature avec Gimp. Cet effet (connu sous le nom de « tilt-shift effect« ) permet de donner l’impression qu’un objet est beaucoup plus petit qu’en réalité en jouant sur la profondeur de champ. Voici ce que l’on va obtenir: Et voici l’image de base: Le principe est de diminuer artificiellement la profondeur de champ. Manipulation On ouvre donc la photo avec The Gimp. Maintenant, on va rendre flou le calque que l’on vient de créer. Ajoutez un masque sur le calque « Copie de Arrière-Plan »: clic droit sur le calque puis « ajouter un masque de calque ». Il reste maintenant à travailler le masque de calque pour que la transition entre le calque net et le calque flou soit progressive. Dans les options de l’outil dégradé, on choisit le mode « différence ». Une partie de l’image devient nette: on dessine un deuxième dégradé comme sur l’image suivante: (la touche « Ctrl » pendant le tracé permet d’avoir un trait vertical)

6 Exceptional Web-based Image Editors Web-based image editors have several advantages to its desktop counterparts. The most obvious benefit is that they allow you to work on any computer (that has a browser). In most cases, you can save your work online, avoid having to install desktop software, and interface with other web based services such as Flickr or Picasa. This article shares 6 of the finest, free online image editors that are capable alternatives to desktop applications like Adobe Photoshop and GIMP. 1. Pixlr Pixlr is a very robust, Flash-based image editor that shares a similar user interface to Adobe Photoshop. 2. Splashup is feature-packed online image editor that integrates with popular photo sharing services like Flickr, Picasa, and Facebook – allowing you to access your photos remotely. 3. Phoenix, a powerful web-based image editor by Aviary, rivals the capabilities of desktop image editing applications. 4. 5. 6. SUMO Paint is a free, online image editor that allows you to edit and create images.

Remplacer une tête sur un corps avec Gimp Dans ce tutoriel, nous allons utiliser Gimp pour une retouche photo avancée. Nous allons voir comment placer la tête d’une personne sur le corps d’une autre. Voici notre photo de départ: Et voici ce que l’on va obtenir: Voici le visage qui va être « transplanté »: Petite note sur les photos sources: L’homme à la casquette jaune est le rédacteur (entre-autre) du blog cocktail de web qui a bien voulu me prêter cette photo et je l’en remercie.La photo de l’homme en cravate est une photo trouvée sur le site Maintenant au boulot ! Suppression de l’ancien visage La premiere chose que nous allons faire, c’est d’effacer la tête de l’homme en cravate avant de lui coller un nouveau visage. Choisissez l’outil « Clonage » dans la boite à outil. Dans les options de l’outil, choisissez une brosse à bord doux. Cliquez sur les nuages à droite du visage tout en appuyant sur la touche « ctrl ». Relachez le bouton « Ctrl » puis dessinez sur le visage. Le nouveau visage Détourage Couleur de peau

Image stéréoscopique (3D) :: Grafigimp Tout d'abord, il vous faut prendre deux photos du même objet mais légèrement décalées. Maintenant, ouvrez l'image la plus décalée vers la gauche et allez dans Couleurs, Composant, Décomposer, sélectionnez "RVB", puis "Décomposer en calques" et enfin cliquez sur "Valider". Vous pouvez maintenant fermer l'image en couleurs car elle ne vous sert plus à rien. Dans l'image en niveau de gris qui vient de se créer, supprimez le calque nommé bleu et vert pour ne garder que le rouge. Ouvrez maintenant l'image décalée sur la droite et faites la même manipulation mais supprimez le calque rouge pour garder le vert et le bleu. Et voilà, l'image est un peu bizarre mais comme vous vous en doutez, il suffit de chausser des lunettes rouge et bleu pour que l'image paraisse en 3D.