Tuto-Graph'City

Bonjour les amis bloggeurs,

Je précise à tous ceux qui n'ont pas su mettre Animation shop en français qu'il faut regarder dans le fichier que vous avez dézippé, j'y ai mis un fichier texte qui explique comment procéder, donc lisez svp, merci !

Et pour ceux qui ne trouve pas où télécharger le logiciel, allez sur ma page d'accueil et regardez correctement sur la colonne de droite, tout y est ;-)

Bonne journée,
Joella.

Comment créer un filigrane avec votre pseudo comme logo pour vos créations ?

Ouvrir une nouvelle image de 200×200 pixels - Couleur d'arrière plan “transparent”

Sélectionner l'outil “Texte” ( le A dans la barre d'outils à gauche de votre page)
J'ai choisi la couleur gris clair,police "French Script MT" de taille 24 pixels (mais faites selon vos désirs) et Configurer comme suit -> Sélection flottante -> Gras

Cliquez sur l'outil “Déplacement” pour déplacer votre pseudo au centre si nécessaire, puis Dans "Sélection" cliquer sur "Désélectionner tout"

Maintenant faites dans “Fichier” -> “Exporter” -> “Tube à images” -> “Nommez-le” faites OK et fermez l'image.

Maintenant, lorsque vous voulez mettre votre signature sur vos créations, allez dans Tubes à images, chezchez votre pseudo et collez-le sur votre création

Comme ceci !

Bon amusement !

Configurer Animation Shop pour avoir des beaux gifs transparent :

Je vous conseille vivement de faire cette petite configuration toute simple pour la beauté de vos gifs transparents dans Animation Shop. Vous n'aurez plus à le faire par la suite !

1.
Quand votre animation est terminée, voici venu le moment de sauvegarder et donc vous cliquez sur "enregistrer sous".

2.
Choisissez le dossier de destination de votre sauvegarde.

3.
Dans la fenetre suivante qui apparait, mettez "meilleure qualité d'image" , cochez comme moi et puis cliquez sur "personnaliser".

4.
Là cliquez sur l'onglet "optimisations" et cochez comme sur mon image ci-dessous.
NE CLIQUEZ PAS ENCORE OK !

5.
Maintenant passez à l'onglet "transparence partielle" et là faites comme sur mon image ci-dessous et ici vous pouvez cliquer OK.

6.
Vous revenez ensuite sur le tableau de départ, là il vous suffit de poursuivre les étapes restantes !

Et voilà, vous aurez un gif parfait !

QUE FAIRE SI VOUS N'AVEZ PAS TRANSPARENCE PARTIELLE ?

Si vous ne voyez pas l'onglet "transparence partielle", pas de panique !

Dans ce cas, ouvrez votre logiciel "animation shop" et ensuite ouvrez n'importe quel gif animé dedans.
Puis allez dans le menu "fichier" et cliquez sur "Assistant d'optimisation"

et faites comme sur mes images :

3.
Dans la fenetre suivante qui apparait, mettez "meilleure qualité d'image" , cochez comme moi et puis cliquez sur "personnaliser".

4.
Là cliquez sur l'onglet "optimisations" et cochez comme sur mon image ci-dessous.
NE CLIQUEZ PAS ENCORE OK !

5.
Maintenant passez à l'onglet "transparence partielle" et là faites comme sur mon image ci-dessous et ici vous pouvez cliquer OK.

6.
Vous revenez ensuite sur le tableau de départ, là il vous suffit de poursuivre les étapes restantes !

Et voilà !

QUE FAIRE SI VOUS N'AVEZ PAS TRANSPARENCE PARTIELLE LORS DE LA CONFIGURATION DE ANIMATION SHOP ?

Si vous ne voyez pas l'onglet "transparence partielle", pas de panique !

Dans ce cas, ouvrez votre logiciel "animation shop" et ensuite ouvrez n'importe quel gif animé dedans.
Puis allez dans le menu "fichier" et cliquez sur "Assistant d'optimisation"

et faites comme sur mes images :

3.
Dans la fenetre suivante qui apparait, mettez "meilleure qualité d'image" , cochez comme moi et puis cliquez sur "personnaliser".

4.
Là cliquez sur l'onglet "optimisations" et cochez comme sur mon image ci-dessous.
NE CLIQUEZ PAS ENCORE OK !

5.
Maintenant passez à l'onglet "transparence partielle" et là faites comme sur mon image ci-dessous et ici vous pouvez cliquer OK.

6.
Vous revenez ensuite sur le tableau de départ, là il vous suffit de poursuivre les étapes restantes !

Et voilà, vous aurez des gifs parfait !

Que faire si animation shop n'est pas dans votre PSP

Ce n'est pas bien compliqué !

Cliquez ici pour télécharger Animation Shop en français, extraire le fichier RAR et installez le logiciel à part dans votre PC

Une fois installé

Pour pouvoir ouvrir Animation Shop 3

Allez dans votre pc dans C:\Program Files\Jasc Software Inc\Animation Shop 3 et là où vous voyez "Anim.exe" cliquez dessus côté droit avec la souris et ensuite sur "envoyer vers" et puis sur "Bureau (créer un raccourci)"

Vous fermez la fenêtre et vous trouverez le logiciel sur votre bureau (écran)

Il vous suffit de double-cliquer dessus et il s'ouvrira !

Maintenant vous pourrez utiliser ce logiciel comme bon vous semble !

Je vais vous expliquer comment créer un globe tout simple, c. à dire un globe rond sans aucun déco autour, et une petite animation dedans.

- Ouvrez une image et un globe dans paint shop pro.
Vous trouverez de nombreux globes par là -> http://www.katy160.com/tubes/tubes_globes.htm
et par là -> http://www.janaly.com/Tubes/menutube.html

- Ensuite ouvrir une nouvelle image transparente dimension 400/400.

- Positionnez-vous sur votre image et allez dans outil de sélection, choisir cercle

et sélectionnez la partie que vous voulez garder, Comme ceci :

- Puis cliquez droit sur votre image et faites copier.

- Retournez sur votre nouvelle image transparente et là cliquez droit dessus et faite coller comme nouveau calque

Puis faites calques, fusionner les calques visibles

Vous aurez ceci

- Allez dans baguette magique et cliquez sur le fond transparent

Puis faites Sélection -> Inverser

- Maintenant, faites calque -> dupliquer et faites-le une 2ème fois

Vous verrez ces 3 images à droite dans la palette de calques

- Maintenant sélectionnez l'outil pinceau et mettez les mêmes configurations que moi. Pour la couleur, choisisez selon vos désirs, ici j'ai pris du jaune pour que vous voyez bien.

Puis allez sur votre 1ère image mettre quelques points par-ci, par-là

faites-en autant sur les 2 autres calques en cliquant sur la palette des calques et en cachant simultanément l'image que vous venez de faire

- Maintenant nous allons y ajouter notre globe, activez-le, cliquez droit dessus et faites copier

- Allez sur votre image (veillez à être sur celle qui est visble) et collez y le globe en cliquant sur -> coller comme nouveau calque

- Puis faites sélection -> inverser

- Et Edition -> Effacer et Sélection -> Désélectionner tout

- Maintenant faites Calques -> Dupliquer et ce 2 fois

- Allez sur la palette cacher les copies

Placez vous sur le dernier qui est visible et là cliquez droit dessus et faites fusionner les calques visibles

- Décochez celui au-dessus et placez-le en haut de la pile

- Cachez celui que l'on vient de fusionner

- Et allez décocher l'image tout en haut

cliquez droit dessus, fusionnez les calques visibles et cachez également cette image

- Décochez les dernières images restantes

cliquez droit sur le globe et faites le monter en cliquant sur -> déplacer vers le haut

Puis fusionnez ces images

- Maintenant, désélectionnez les autres images pour rendre tous les calques visibles

- Enregistrez votre travail en .psp (Surtout ne vous trompez pas !)

- Ouvrez votre création dans Animation Shop et visualisez

et enregistrez votre création sur votre PC

- Si comme moi vous souhaitez recadrez votre création, faites Recadrage -> Options -> Entourer la zone opaque et ok, puis double-cliquez sur votre création

et la voilà recadrée !

Je dois avouer qu'on ne voit pas très bien le globe, mais à vous de chercher des plus beaux

-> Vous trouverez d'autres tutoriels pour apprendre à créer des globes un peu plus sofistiqués, ici :

- Chez Achoum

- Chez Détente PSP

- Chez Détente PSP 2

- Chez JP Création

- Chez PSP-Amitié-Sans-Frontière

- Chez JoelleBarn

- Chez Fanfan

- Chez Le coeur des anges

- Chez Heavy-design

Bon amusement !

Images, clip-art et textures gratuites libres de droits

Voici une centaine de liens

Généralistes

• stock.xchng (314 748 photos)
• Everystockphoto.com (1,078,466 images)
• Fotogenika.net (109 660 images)
• FreeFoto.com (109 000 images)
• Gimp-savvy (27 000 photos)
• Carrefour éducation
• Photo libre
• Yotophoto
• The Open Photo Project
• Les photos de Badplayer
• Stockvault
• morguefile
• Flickr : Recherche photo avancée
• B.I.L. (Banque d'Images Libres)
• FreePhotoBank
• Top Rated
• Pointie
• PD Photo
• Free On Line Photos
• Visipix
• LIGHTmatter
• FreePhotoBank
• Pétale de temps
• Présentation Photos libres de droit
• Photos libres
• IEN Nyons
• Yaop
• Poffet's Pics
• Photos-libres.fr
• Images et photos
• Photolive
• ac-amiens
• freephotosbank
• Rama
• format-prod
• Freemages
• Bajstock.com
• Image * After
• crdp-strasbourg.fr
• Clio-Photo
• Top 10 des sites proposant des photos gratuites et libres de droit
• Webshots pour blog, site et forum.

Des illustrations et clipart

• Barry's Clipart
• Classroom Clipart
• Cliparts Johan Lemarchand
• cliparts aux nombreuses rubriques.
• CoolArchive
• Free Cliparts
• Graphicsbydezign
• LaLogotheque.com
• Microsoft Office Online
• Open Clip Art Library Wiki
• Picto
• Shawn's ClipArt

Les logos

• Aerosite
• Forum de LaLogotheque.com
• High Quality Football Logos
• LaLogotheque.com La Banque de logos vectoriels et des ressources vectorielles (format Illustrator)
• Logotypes
• Marcas, simbolos y logotipos
• Promotional Items at GoPromos
• the best brands of the world
• Webchantier, le portail de l'image vectorielle possède une rubrique logos.

La cartographie et la géographie

• Arc Info & ArcView Symbol
• Arc/Info & ArcView Symbol Sets
• Atelier de cartographie
• Cartes de Johan Lemarchand.
• Cartotheque
• Cartothèque
• embassyworld y compris les villes.
• Fonds de cartesd'hist-geo.com
• Geografie
• History and geography of Europe
• History and geography of Europe
• Le Petit Bazar Cartographique
• Le Petit Bazar Cartographique2
• Le Petit Bazar Cartographique3
• NationMaster (3 728 country maps)
• Oddens'
• ooo
• ReliefWeb
• worldatlas y compris drapeaux des pays
• Worldmapper

Des textures

• 11 570 free textures and images
• Absolute Background Textures Archive: 5 754 Free Textures
• Afflict.net
• Alterlinks
• France-Textures
• In texture
• Mayang's Free Texture Library
• PhotoshopSupport.com
• Texture forrest
• Texture Library
• Texture Warehouse
• Website Backgrounds and Textures

Des icônes, boutons et favicon

• Buttons
• CoolArchive
• Favicon France : icones et puces 16x16 gratuites pour votre site web
• icone-gif
• Icones gratuites
• Iconfinder
• Icons for ASP.NET web applications
• Image * After
• Intersmash
• PngFactory
• Smashing Magazine
• Tango_Icon_Gallery

Thématiques

• Animaux mais demander l'autorisation à l'auteur
• Aviation (illustration)
• Aviation
• Caricatures
• Chine, Paris, Bruxelles
• DLS: Digital Library System
• Domaine Public
• Espace - La NASA
• Europe
• Flore de la réunion
• Illustration
• Insectes
• Inuit - Parcours Nunavik
• Langues vivantes étrangères
• Latin
• Médical
• Médical
• Monétaire (fond)
• NOAA
• Paléentologie
• Personnages célèbres
• Photos de Badplayer
• Photos d'ici et d'ailleurs
• Pologne
• Québec en images
• Randonnée en France et en Europe
• Religion
• sciences ecole
• Signalisation de santé et de sécurité, et étiquetage des produits chimiques
• The Inspiration Gallery
• The NYPL Picture Collection
• USA - Histoire
• vieux livres
• World Wind - Wikipédia
• Villes et pays 

Si ce n'est pas assez...

• Finding Images Online rangés par thématiques
• Where to Find Free Images and Visual for My Blog
• Businessblogwire
• Internet-Images
• letopweb
• Open Directory
• bluevertigo
• Éducation, société et technologie
• des photos libres de droit pour les écoles
• Parano.be auquel il faut s'inscrire

Si vous aimez le design et que vous pratiquez votre passion dans le plus strict respect des lois, alors les banques d’images gratuites, ça doit vous connaitre. Histoire de bien faire les choses, je vous propose donc de découvrir 50 adresses de sites qui risquent de s’avérer plutôt utiles. Alors la liste n’est pas exhaustive, c’est sûr, mais c’est déjà pas mal.

FreeFoto.com : de nombreuses images organisées en galeries.
Dexhaus : un site très bien organisé pour des photos de qualité.
Kavewall : images et textures à volonté.
Digital Dreamers : de nombreuses galeries plutôt complètes.
StockVault : une référence du genre.
FreePhotosBank : pas mal de choix, surtout axé sur les objets.
FreeDigitalPhotos : de nombreuses photos très faciles à récupérer.
Cepolina : plein d’images en différents formats.
TurboPhoto : navigation simple et efficace.
FreeStockImages : un site magnifique dont le contenu est bien adapté à la forme.

DeviantArt : site très complet, contenant des images, des textures et même des brushes pour Photoshop.
DreamsTime : pour ceux qui aiment la haute résolution.
Unprofound : là aussi, il y a de quoi faire…
VintagePixel : de l’image à la sauce “Old School”.
OpenStockPhotography : plus d’un million d’images, de quoi se faire du bien.
ImageAfter : de quoi faire le plein d’images et de textures.
FreePhotosIndex : prise en main difficile mais ça vaut le coup.
EveryStockPhoto : du site qui a de la gueule, comme on dit.
Photocase : pareil :)
Stock.xchg : tout simplement magnifique.

MorgueFile : une adresse que vous devez connaître.
Flickr : inutile de le présenter…
GraphicsArena : aussi magnifique qu’on pouvait s’y attendre.
PixelPerfectDigital : si vous aimez la photo, vous allez être content.
FreeRange : un autre grand nom du genre.
AnimationFactory : si vous aimez les animations, vous allez être servis.
Fotogenika : de bien belles galeries.
Woophy : pour trouver des photos du monde entier.
MayangFreeTextures : tout plein de textures à télécharger.
FromOldBooks : si vous aimez les vieux livres…

TextureWarehouse : les textures y sont reines.
FreeStockPhotos : ne vous fiez pas à son interface…
MajesticImagery : de nombreuses galeries…
BurningWell : euh… pareil :)
DesignPack : images et thèmes à volonté…
ZurbPhotos : des photos de Bryan Zmijewski à télécharger.
AmazingTextures : lui aussi il porte bien son nom !
ImageBase : de très belles photos.
DiwieDesign : les images sont gratuites mais vous avez la possibilité de faire des dons si vous le voulez.
Tofz : site spécialisé dans les photos urbaines.

LightMatter : télécharger les photos d’Aaron Logan.
InsectImages : si vous aimez les insectes…
Afflict : Ca vaut le coup d’oeil.
ArtFavor : de l’image, des polices, des wallpapers, et tout ça dans un même site…
FreeImages : un site anglais, mais qui vaut quand même le coup d’oeil (oh le méchant…).
CreatingOnline : si vous cherchez des ressources, vous êtes bien tombés.
GeekPhilosopher : un geek qui philosophe, forcément ça intrigue…
Creativity103 : un petit site qui ne paye pas de mine.
PhotoshopSupport : si vous aimez Photoshop, vous allez être servi.
FreeMediaGoo : diaboliquement complet.

Une Image au Hasard : une galerie d’un photographe pas si amateur que ça.

Voilà, il ne me reste plus qu’à espérer que ce billet vous sera autant utile qu’à moi. Quoi qu’il en soit, ça fait quand même du bien de voir qu’on peut encore trouver des banques d’images gratuites et légales sur la toile. Ce type d’initiative mérite vraiment d’être soutenu. Et puis quand on voit le prix des banques d’images payantes…

Et si vous souhaitez plus d’informations sur les images libres de droit ou sur le Creative Commons, je vous invite à lire l’excellent billet de Pixel Rond sur le sujet.

Wikio

Par Fred dans Design
Tags: Design, photographie, ressources, web, web 2.0

Plusieurs fois on m'a demandé comment créer une signature torsadée, et bien ça y est, je trouve enfin le temps de vous faire ce petit tuto, qui est facile.

Ouvrez une jolie image dans psp (Ici j'utilise psp X2(12), mais c'est pareil avec tous) et faites ->calque ->nouveau calque raster
   

Ensuite, allez à droite et cachez votre image comme ceci

Maintenant activez l'outil texte, écrivez votre nom ou texte et désélectionnez tout
 

Maintenant allez à droite et faites réapparaître l'autre image

Placer votre image et texte à votre convenance. Pour cela, utilisez l'outil déplacer
   

Recadrer votre création si nécessaire

Et enregistrez la dans votre ordinateur en PSP <-TRES IMPORTANT !
   

Ouvrez Animation Shop et là aller chercher la création que vous venez d'enregistrer
   

Maintenant allez dans -> Effet -> insérer une transition entre images
   

et mettez les mêmes configuration que moi

Cliquez sur -> Visualiser l'animation, admirez et enregistrez votre création !

Voilà la mienne :