background preloader

Tutoriels Photoshop, Javascript/jQuery, HTML/CSS, Accessibilité

Tutoriels Photoshop, Javascript/jQuery, HTML/CSS, Accessibilité

Best Open Source Resources for Web Developers | WebAppers Un Effet Dynamique de Lomographie avec Photoshop Un effet dynamique de lomographie avec Photoshop Pour commencez importez votre image sous Photoshop moi j'ai préféré utilisé celle des pingouins Allez dans Menu > Filtre > Déformation > Correction de l'objectif Maintenant cliquez sur l'onglet Couche puis mettez vous sur la couche Rouge Puis allez dans Menu > Image > Réglages > Luminosité / Contraste Refaite la même chose en vous mettant sur la couche Vert Pour finir mettez vous sur la couche Bleu et réduisez juste la luminosité de ce dernier Ce qui vous donne le résultat suivant attention les valeurs utilisée dans le tutoriel n'est pas des constantes chaque image a ces propres valeurs. Maintenant dupliquez votre calque deux fois (Ctrl+J), mettez vous sur le premier et allez dans Menu > Calque > Filtre > Contours > Contours Accentué. Changez son mode de fusion en Superposition et réduisez son opacité à 52% Mettez vous sur le deuxième et allez dans Menu > Calque > Filtre > Esquisse > Trame de demi-teinte Voilà le résultat

How To Learn Photoshop In 24 Hrs Quite a bold statement, Learn Photoshop in 24 hours. Its simple and you can. Stepping into Photoshop at first can be quite daunting, were do you start? With these 20 tutorials we have given you some direction, you will start of with some very basic techniques and build towards the more advanced. By the end of it you will be an expert. Tutorial 1:Combining Two Photos for New Effect – Basic Tutorial running time : 10 minutes. We’ll start with something basic. Tutorial 2:Grass Texture – Basic Tutorial running time : 15 minutes. In this tutorial, you will learn how to create a nice-looking grass texture. Tutorial 3:Underwater Effect – Basic In this tutorial, you will learn how to create an underwater scene from scratch, using Gradients, Transform and Filters. Tutorial 4:2d Mirror Effect – Basic In this tutorial you will learn how to Duplicate, Flip Horizontally/Vertically, Feathering and Blending. Tutorial 5:Sony Ericsson Logo – Basic Tutorial running time : 20 minutes.

CSS Tutorial A Beginner's Guide to jQuery Undoubtedly it’s the time of CSS. With the great support of current browsers almost everything seems possible just with it. Especially when you are lucky enough to code a mobile app and only have to consider WebKit as the browser. But often things are far from perfect and Internet Explorer 7 acts as the lowest common denominator. CSS is no option there to achieve great effects like sliders or similar. Let’s get started The first thing to do is to integrate the jQuery script into the page. You can also directly call it from a CDN (content delivery network) like Google Libraries API. The latter method has the advantage that you don’t have to download or setup anything and can start right away, which is perfect for a quick hack or if one wants to try out something. In either way insert the <script> tag at the end of the document, right before the closing </body> tag. You can also use a shorter version: Therefore, whenever possible, insert the script right at the bottom of the page. The basics

LimeJam Blog A marvelous video from our colleagues in Continuum Design about the quality of design work, aspirations and user-centered design. On the previous week, the LimeJam team visited Grasse. The small artisanal village of Grasse is recognized from famous novel “Perfume: The Story of a Murderer”, a 1985 literary historical cross-genre novel (originally published in German as Das Parfum) by German writer Patrick Süskind. Currently Grasse is counting about 60 independent perfume producers with global marketing all over the world. During our visit we not only stepped into the marvelous streets of an ancient city that, literally, smells history of artisanal perfume production, but also discussed possible collaboration possibilities in the field of aromamarketing. LimeJam visited one of the biggest and famous perfume family factories in France - Fragonard. Brand and scent marketers are very particular when it comes to choosing a scent that will connect with their target market. Zoom Info

Tutorials I think you’ll all agree that Illustrator is just plain awesome, and with the continual improvements we see with each new version, it keeps getting better and better. Previously, I created seamless textures for typography and seamless backgrounds for my web and illustration projects with Photoshop. But we’ve seen large improvements with the Appearance panel in more recent versions of Illustrator, so now I create these textures and backgrounds solely in Illustrator–it’s actually super easy! So in today’s tutorial, I’ll walk you through the steps on how to create a variety of seamless textures and backgrounds all in Adobe Illustrator. Continue reading In the following tutorial, you will learn how to create a simple diamond icon in Adobe Illustrator. Continue reading In the following tutorial, you will learn how to create a wire pattern brush and how to use it to create a nice USB vector text effect in Adobe Illustrator. Continue reading Continue reading Continue reading Continue reading

33 Photoshop Tutorials for Designing Amazing Posters and Ads ... You will probably agree, all of these tuts are amazing, they all combine great typography, amazing image manipulation, color schemes and bring it all together perfectly. Download or Buy Adobe Photoshop CS4 Extended » 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. iPhone Poster Advertisement 28. 29. 30. 31. 32. 33. Le CSS - Tutoriel HTML & CSS La syntaxe Un fichier CSS permet de changer radicalement l'affichage de plusieurs pages HTML. La structure d'un fichier CSS est simple (plus que celle d'un fichier HTML). Expliquons cette structure avec quelques définitions : Chaque règle CSS sert à appliquer des styles à une balise HTML, certaines balises, ou un groupe de balises ; Chaque règle d'un fichier CSS débute par un sélecteur. Pour illustrer ce que nous venons de voir, nous allons voir comment centrer le titre de niveau 1 de nos pages Web. Si maintenant nous voulons une couleur bleue pour ce même titre, nous devons appliquer une seconde déclaration (couple "propriété: valeur") pour le même sélecteur h1 : il s'agit de la propriété "color", et nous lui donnons la valeur "blue". Avant de commencer la lecture, et pour vous donner l'envie d'apprendre, Découvrez Snaky 360, le jeu de serpent addictif réalisé par l'auteur de ce tutoriel... Lier le CSS au HTML <! Le fichier style.css, quand à lui, pourra ressembler à ceci : <! Les sélecteurs

How to Create a CSS3 Dropdown Menu [Tutorial] Topic: CSS3Difficulty: BeginnerEstimated Completion Time: 20 mins In this tutorial we will code in pure CSS3 the Navigation Menu that you can find in Impressionist UI by Vladimir Kudinov. Step 1 – HTML Markup We will create an unordered list with a list item and an anchor tag for each menu link. To create the sub menu add another unordered list inside of the list. Step 2 – Menu Layout We will start to remove the margin, padding, border and outline from all the elements of the menu. We will hide the sub menu temporarily to be easier to style the first level. Step 3 – Menu Links To style the menu links we will add some basic CSS properties like font, color, padding, etc. Step 4 – Sub Menu First let’s remove this line of code that we have added on the second step. Now we will style the sub menu. We will set the width of the sub menu links to 100px. To finish it we only need to add an icon to each sub menu link. Conclusion We’ve successfully created this pure CSS3 dropdown menu.

Web Creme | Web design inspiration Graphic Design and Web Design Tutorials Vunky Search | Photoshop Tutorial Search Engine CSS1K

Related:  SitesPhotographiematiaspereira