Archive for the ‘Web Design’ Category

Redimensionner automatiquement un lot d’images avec xnview

Commentaires fermés

xnview

Télécharger le logiciel (gratuit) : ici

Aujourd’hui un ami me demande de lui redimensionner 150 photos toutes de dimensions différentes pour arriver à 158 px de haut sur x pixel de large tout en concervant les proportions hauteur/largeur …

Impossible me direz vous ? Et bien non, avec Xnview  j’ai pu redimensionner mes 150 photos en un peu plus d’une minute.

Voici comment l’utiliser :

- Double cliquer sur l’icone Xnview

- dans la fenetre de gauche sélectionnez le répertoire qu’il va falloir redimensionner (dans cet exemple nous utilisons Mes images)

1

Cliquez ensuite sur édition puis sélectionner tout

2

Les photos a droite sont maintenant en surbrillance …

Cliquez ensuite sur « outil » puis « convertir »

3

Une fenêtre comme celle ci va apparaitre :

4

Cliquez sur transformation, vous arriverez la dessus :

5

Ensuite, cliquer sur (2) redimensionner puis sur (3) ajouter

Après quoi (4) sélectionnez la hauteur et la largeur que vous souhaitez pour traiter le lot d’images (soit en pixel soit en %)

et pour conclure (5) lancer le traitement.

30 Tutos pour créer un lecteur MP3, un IPOD, un téléphone portable …

Commentaires fermés

MP3 Player

MP3 Player Design

Créez de A à Z un design de blackberry

Create a Realistic Blackberry Style Mobile Phone from Scratch

Comment créer un player audio avec Photoshop

How to Create a Detailed Audio Player in Photoshop

Apple iPhone Design

Apple iPhone Design

Tutoriel pour créer un Sony Ericsson S500

Sony Ericsson S500 Cell Phone Tutorial

Design a Sleek Nature Themed Phone Advert

Design a Sleek Nature Themed Phone Advert

Tutoriel pour créer un Nokia 5300

Nokia 5300 Cell Phone Interface Tutorial

Créer un Zune avec Photoshop

Create a Vector-Based Zune with Photoshop

Design d’un appareil photo Canon

Designing Canon Digital Camera

Créer une image poster d’une console de jeux

Design a Portable Gaming Device Poster

Créer une télécommande apple

Design a Shiny Photorealistic Apple Remote

Créer un écran HDTV LCD ultra réaliste !

Make a Realistic LCD HDTV from Scratch

Microsoft’s XBOX 360 avec Photoshop

Drawing Microsoft's XBOX 360 in Photoshop

Fragmented Golden Phone Tutorial

Fragmented Golden Phone Tutorial

Créer un design de téléphone

Create a Mobile Phone Ad Design

Créer un Design Vintage de Radio avec Photoshop

Design a Vintage Radio Icon in Photoshop

iMouse Le tuto

iMouse Tutorial

Créer une manette de jeux rétro avec photoshop

How to Create a Super Retro Style Game Controller

Créer un HTC Touch Diamond

Create a Mobile Phone Styled Like the HTC Touch Diamond

Créer un Retro Game Boy avec Photoshop

Design a Stylish Retro Game Boy Poster in Photoshop

iPhone Tutoriel

iPhone Tutorial

Créer un Apple iPhone

Create an Apple iPhone Case from Scratch

Create an iPhone from Scratch in Photoshop

Create an iPhone from Scratch in Photoshop

Illustration d’un lecteur audio

Audio Reciever Illustration

Bamboo Fun Tablet Tutorial

Bamboo Fun Tablet Tutorial

MP3 Player Interface

MP3 Player Interface

MP3 Player Illustration

MP3 Player Illustration

télécommande apple

The Apple Remote

thème pour MP3 Player Zune

Skin for MP3 Player Zune

Créer un lecteur Cd avec photoshop

Creating a CD Player in Photoshop Tutorial

45 tutoriaux étape par étape pour créer un design original sous photoshop

Aujourd’hui’ je vous propose 45 designs photoshop présentés sous forme de tutos étape par étape.

Les tutos sont en anglais mais restent néanmoins accessibles

Pour accéder aux tutoriaux veuillez cliquer sur l’image de votre choix
45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

45 tutoriaux étape par étape pour créer un design original sous photoshop

Top 20 – les meilleurs sites de ressources vectorielles

Commentaires fermés

Voici un classement des 20 meilleurs sites (anglophone) en matière de ressources vecto gratuites, pensez à vérifier le type de licences dans le cas d’une utilisation commerciale …

1. http://www.bittbox.com

2. http://www.vecteezy.com

3. http://www.gomedia.us

4. http://www.blog.spoongraphics.co.uk

5. http://www.eduplace.com

6. http://www.freevectors.net

7. http://createsk8.com

8. http://www.vectorportal.com

9. http://www.openclipart.org

10. http://www.vectorvault.com

11. http://www.ndesign-studio.com/resources/vector-cliparts

12. http://www.magurno.com

13. http://www.briarpress.org/cuts

14. http://www.aiga.org/content.cfm/symbol-signs

15. http://www.vectorsworkshop.com

16. http://hydro74.wordpress.com/category/free

17. http://www.all-the-flags-of-the-world.c.la

18. http://www.localarcade.com/arcade_art

19. http://www.nuguerrilla.com

20. http://david.bellot.free.fr/svg-cards

Convertissez un PSD en thème Wordpress avec Divine

Si vous n’êtes pas un spécialiste de l’intégration HTML /CSS voici un petit plugin pour photoshop qui pourrait faire votre bonheur.

Il s’appel divine et il permet de transformer votre maquette photoshop en thème wordpress automatiquement (ou presque)

divine

Vous précisez à quoi correspond chaque calque de texte (Date, nom de l’auteur, titre, commentaire…) et le tour est joué !

divine0

divine1

A télécharger sur le site de l’auteur : ici

Merci de donner votre avis sur son utilisation…

Ce n’est certes pas aussi pointu qu’une intégration dans les règles de l’art mais ça me semble une bonne alternative tout de même pour tous ceux qui se lancent dans le design