![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Voici mon wip Photoshop transformé en tuto pour, je l'espère, servir à d'autres qui débutent comme moi et souhaitent faire eux-même leur déco.
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Tout com ou lien utile sera rajouté dans le post initial.
Vous pourrez suivre également l'évolution de mon projet au fils des réponses qui ont été postées.
Je viens de quasi-terminer la construction de mon bartop (lien dans ma signature. Et oui je l'ai commencé sur un autre forum) Et je dois m'attaquer à la déco (sides, marquee, front panel et panel.)
Sur Photoshop je démarre de zéro. Même si il semble bien plus complexe que d'autres (Gimp, Paint shop Pro...), je part sur ce logiciel plutôt qu'un autre car c'est une référence et je trouverai toujours de l'aide d'une manière ou d'une autre (tutos images,tutos vidéo, forums etc) Et comme je veux un rendu final aussi bien que les plus beaux trouvés sur le net bah...
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Pourquoi un tuto?
Je mettrais ici mon évolution avec les différents liens qui m'auront servis, afin que tout noob complet en infographie comme moi qui souhaite faire la même chose puisse s'y retrouver.
Il y a déjà quelques petits tutos spécifiques dans ce forum mais traitant d'outils, de banques d'images ou de demandes spécifiques. Ainsi que des aides personnalisées. Je les rajouterais le moment venu.
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Toute aide est la bienvenue, notamment sur Comment démarrer pour une utilisation dédié bornes d'arcades et bartop: bonnes résolutions, CMJN au lieu de RVB, outils les plus utilisés, types d'images à choisir et pourquoi: Jpeg Tiff Png etc. Les choses à penser ou connaitre avant de démarrer quoi! Si quelqu'un veut pondre un petit post la dessus
![Clin d’œil ;-)](./../images/smilies/icon_e_wink.gif)
Je compléterai et agencerai au fur et à mesure le 1er post soit avec vos aides soit avec des liens.
Je ne mettrai que les liens que je juge utiles, intéressants etc (n'est pas pédagogue qui veut ^^) pour mon évolution et le futur tuto car il y a de tout sur youtube.
Et au final je transférerai toute la partie Tuto dans la rubrique adéquate car j'aurai bien évidemment mes demandes spécifiques à mon projet.
Voilà
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Donc au début c'est plus un sujet pour m'aider moi mais je le transformerai en tuto pour les autres
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Mon projet:
C'est ma 1ère réalisation donc, en manque d'idées sur le thème, je suis parti sur le thème Pac Man, figure emblématique du rétro, donc avec pas mal d'images dispo, moins difficile à travailler que les thèmes avec des persos humanoides et jeu dispo sur ma pcb Pandora III. Et puis Pac-man c'est Pac-man quoi
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Installation de photoshop :
J'ai installé hier soir la version 13.0 de la Master suite CS6 LS4. Je l'avais sous la main.
Si il y a des conseils sur les versions, les compatibilités, les modules complémentaires utiles etc je rajouterai ici.
Comment démarrer pour une utilisation dédié bornes d'arcades et bartop
D'après les différentes réponses que j'ai eu :
- Pour de l'impression, il te faut travailler ton fichier de base en 300 DPI et CMJN .( c'est le standard utilisé en imprimerie). 8 bits c'est suffisant. De base signifie : pas en 72 passer en 300 mais dès la création du document, pour éviter les échelles à l'impression, l'imprimeur pourra ainsi imprimer jusqu'à trois fois plus grand que la taille du document le tout dans la même résolution.
En terme de qualité, 150dpi c'est le minimum acceptable, de loin ça rend bien mais de prêt ça peux etre moins joli, des pixels trop visibles, tu perdra forcément en qualité... 300dpi rendrons ton visuel beau de loin et de prêt.
Attention: si on passe du rvb en CMJN ou inversement, la taille réelle du document change, également si on change la résolution de 300ppp en 72ppp ou inversement par ex. Ne vous faites pas avoir. Démarrez de base dans le format souhaité.
- Dans notre cas, 300ppp et 300dpi signifient la même chose.
edit nov2015 : SI vous faites imprimer chez Pixar-printing (voir plus bas) ils impriment en 150 max donc vous pouvez déjà travailler en 150, ca vous fera des fichiers 2* moins lourds.
- Le top du top, c'est de travailler en vectoriel, ainsi pas de souci de redimensionnement mais donc sous illustrator et les images sont un peu plus limitée au niveau des couleurs.
- Préfères une sortie au format Tiff, PDF ou PSD, le mieux étant le PSD puisque en l'état et sur accord avec toi, en cas de louper ils peuvent éventuellement intervenir pour une correction. Un format PSD (format de base Photoshop contenant tout ton travail, tes calques etc) en 300dpi pour une borne c'est méga lourd si tu dois envoyer le fichier( 1 fichier pour une mini peut faire environ 2go en psd).
- Il va te falloir travailler sur des fichiers png si possible (car déjà détourés = contour retiré), prévu pour être intégrés dans une création (sans fond visible) car les jpeg seront de moins bonne qualité et demanderont plus de travail.
- Il faut partir sur des grosses résolutions de fichier en fonction de la taille d'impression future. Si tu ajoutes une image basse résolution dans un espace de travail en 300dpi, elle sera toute petite et tu garderas ta résolution pourrie.
- La phrase "La profondeur du document cible est différente de celle du document source" signifie que tu essaies d'importer une image qui utilise des paramètres différents (un index de code couleurs différent par exemple) et qui du coup ne sera pas à la taille souhaitée. Pensez à vérifier avec l'outil "rectangle de selection" après chaque importation. Très pratique pour vérifier rapidement la taille réelle d'une image.
- - Pour démarrer : http://tv.adobe.com/fr/watch/apprendre- ... ionnement/" onclick="window.open(this.href);return false; Explique bien ce qui vient d’être écrit dans ce paragraphe (résolution, ré-échantillonnage, définition, 72-150-300dpi, pixels etc)
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Vidéos pour débuter :
Un conseil, ca fait beaucoup de vidéos et d'informations. Pour ne pas saturer, regardez les vidéos sans bloquer dessus, même si vous ne saisissez pas tout afin de vous immerger progressivement et retournez-y une autre fois à tête reposée en faisant des exo photoshop ouvert.
Vidéos d'initiation :
Après avoir pas mal parcouru ce forum, je suis allé sur Youtube et j'ai tapé "Initiation Photoshop"
- - 1ère vidéo que j'ai retenu et vu : " onclick="window.open(this.href);return false; / 40mn / description générale des outils, des onglets (Fichiers etc) et des calques. / ca m'a permis de m'immerger un peu et seconde lecture le lendemain en faisant les exo.
- - 2ème vidéo " onclick="window.open(this.href);return false; / 10mn / description bien claire du fonctionnement des calques / J'ai fais l'exo en même temps
- - 3ème vidéo " onclick="window.open(this.href);return false; / 6mn / présente des petites fonctions de base pratique: se déplacer, faire pivoter, zoomer pendant le travail d'1 document et déplacer une image dans un autre document.
- - 4ème vidéo " onclick="window.open(this.href);return false; / 10mn / Présente quelques outils de base (recadrage, baguette magique, les lasso, sélection, pipette...)
- - Et la suite " onclick="window.open(this.href);return false; / 6mn / suite des outils de base : pinceau, tampon, pot de peinture...
- - Les fonctionnalités de base " onclick="window.open(this.href);return false; / 10mn
- - Les fonctionnalités de base 2ème partie : " onclick="window.open(this.href);return false; / 10mn
- - http://www.linternaute.com/photo_numeri ... ions.shtml" onclick="window.open(this.href);return false; / Garder les proportions d'une sélection
- - / Redimensionner une sélection, c'est bète mais je n'ai pas encore trouvé
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Vidéos spécifiques :
- Voici 3 vidéo qui expliquent avec des exemples, l’intérêt des différents masques et comment s'en servir : entre 6mn et 15mn chacune
- - Masque de fusion " onclick="window.open(this.href);return false; Vous allez vous en servir souvent pour éviter notamment de modifier votre visuel de base.
- Masque vectoriel " onclick="window.open(this.href);return false; Pas encore servi
- Masque d’écrêtage " onclick="window.open(this.href);return false; très facile d'utilisation, peut servir
- - Réaliser une ombre et un reflet simple rapidement : " onclick="window.open(this.href);return false;
- - Une ombre simplement avec perspective : " onclick="window.open(this.href);return false;
- - Un reflet/effet miroir avec le masque de fusion (très pratique car non définitif) et l'outil "dégradé" : " onclick="window.open(this.href);return false; / 3mn
- - Incruster une image dans le décor : " onclick="window.open(this.href);return false; / 5mn / tout simple / Se fait avec (ctrl+T) Torsion et non Perspective. Ca m'a permis de découvrir qu'a partir du menu Calque, en cliquant sur "Normal", la liste déroulante contient beaucoup d'options pour modifier directement le calque, dont Incrustation.
- - Une autre manière de faire une incrustation (avec le point de fuite) Pas encore testé : " onclick="window.open(this.href);return false;
- - Créer un effet de vitesse vu de derrière : " onclick="window.open(this.href);return false; / 3mn / fait avec le Flou radial
- - Créer un effet de vitesse vu de coté pour un objet, perso.. : " onclick="window.open(this.href);return false; / 3mn / avec Outil rectangle de selection 1 colonne et Transformation manuelle
- - Créer un dégradé : " onclick="window.open(this.href);return false; / 3mn
- - Faire un effet de flou radial : " onclick="window.open(this.href);return false; / 5mn / Finalement ne me sert pas pour l'instant mais fait un super effet
- - Ameliorer le contour d'une sélection faite rapidement avec la baguette magique ou la sélection rapide et qui demande pourtant plus de precision (ex les cheveux) : " onclick="window.open(this.href);return false; / 7mn / C'est expliqué très clairement, on se rend compte de l’intérêt.
- - Option "décontaminer les couleurs" dans "Améliorer le contour": http://tv.adobe.com/fr/watch/formations ... parasites/" onclick="window.open(this.href);return false; / 4mn /
- - L'option "Remplir d'après le contenu" https://helpx.adobe.com/fr/photoshop/us ... paths.html" onclick="window.open(this.href);return false; / Voir photos plus bas dans ce tuto écrit / Dans Edition-Remplir / Super outil qui sert a compléter une image manquante (la boule de feu de Ken pour moi) ou a faire disparaître un élément du décor en reconstituant le fond de ce decor
- - Se servir de l'outil plume pour faire des tracé droit, des courbes, formes : " onclick="window.open(this.href);return false; / 11mn / Il y a plein de tuto sur ce super outil
- - Redimensionner une image, un calque, changer la résolution : " onclick="window.open(this.href);return false; / 9mn /
- - Remplacer une couleur par une autre : http://www.finalclap.com/faq/423-photos ... nt-couleur" onclick="window.open(this.href);return false; / 2 techniques
- - Remplacer une couleur par une autre avec un claque de saturation : " onclick="window.open(this.href);return false; / 2mn /
- - Eclaircir ou noircir une image : " onclick="window.open(this.href);return false; / 3mn /
- - Incrustation de motifs, création qu'un quadrillage/grille " onclick="window.open(this.href);return false; / 6mn / Me permet de faire un léger quadrillage pour l'impression en multipage de mon gabarit
- - Filtres dynamiques " onclick="window.open(this.href);return false; / Explique à quoi servent les filtres dynamiques
Banques d'images : Et oui, il me faut également des images de bonne qualité, vectorielles ou pas.
C'est mieux si les objets, personnages etc sont déjà détouré (sans fond derrière) Ce sont des images png.
Tiff c'est en général de la bonne qualité alors que du format jpeg et gif c'est plutôt basse qualité. Regardez la définition/résolution de l'image en ppp. En dessous de 72 faut oublier.
- http://www.google.fr en mode image et en tapant des mots comme Vector, HD etc On tombe sur des sites de fonds d'écrans par ex
- viewtopic.php?f=50&t=2638 Trouvé ici même et qui référence déjà pas mal de liens pour télécharger en méga, consulter en ligne etc. et mis à jour
Choisir le bon imprimeur : et s'y retrouver entre toutes les options proposées
- - Les différentes qualités de vinyles : http://www.spandex.com/fr/consommables/ ... PJGffmG_E0" onclick="window.open(this.href);return false;
- - Des vidéos de pose de vinyles ou stickers : http://www.mpadeco.com/pages/videos_de_pose" onclick="window.open(this.href);return false;
- - Un sujet parlant des différences entre polymères et monomère (durée de vie, type d'utilisation etc) : http://forumde.lalogotheque.com/index.p ... opic=33438" onclick="window.open(this.href);return false;
Mes options seront: sur vinyle monomère adhésif plastifié opaque Brillant:
Apparemment la qualité monomère est suffisante (durée 3 ans) car c'est pour de l’intérieur, pas besoin de filtres UV non plus et le brillant ne gène pas avec des reflets (d'après retours de certains)
Choisir en Non découpé c'est moins cher et de toute façon vous devrez couper vous même au cutter les différents visuels (Sides, Marquee, Panel..) de votre impression. Si vous faites un fichier par visuel ca va vous revenir cher.
Un petit sujet existe déjà ici viewtopic.php?f=38&t=3525&hilit=imprimeur" onclick="window.open(this.href);return false;)
J'ai comparé quelques imprimeurs en ligne et j'ai retenu Pixart printing qui ressort souvent ici ou ailleurs http://www.pixartprinting.fr/grand-form ... es-lisses/" onclick="window.open(this.href);return false; mais ca coûte autant en fdports qu'en impression et il y a quand même quelques avis négatifs sur leur site.
- Pixart-printing Italie Edit: 71*120cm, adhésif surface lisse, monomérique brillant, plastification brillante sans filtre uv, non découpé, sans contrôle -> 11.26TTC et 31.27€TTC avec fdport Et si j'en prend 3 aux même dimensions ca me revient à 49€TTC avec fdp pour le même visuel et 54€ttc avec fdp pour 3 visuels différents.
edit nov2015: La qualité ne depassera pas les 150ppp a l'impression même si vous leur fournissez du 300ppp.
- Vedi-express.com Belgique http://www.vedi-express.com/customized/ ... f__sticker_" onclick="window.open(this.href);return false; Edit: 120*71cm, adhésif brillant permanent avec laminat monomère brillant anti UV, sans découpe mais avec contrôle obligatoire-> 39.20€TTC sans compter les fdp. Donc, bien trop cher on oublie.
- Easy flyers http://www.easyflyer.fr/sticker-adhesif.html" onclick="window.open(this.href);return false; Edit : 1.25m*1 (c'est des tailles standart, pas le choix) Je m'y perd un peu sur ce site, c'est pas très clair / 26€TTC juste le produit, j'oublie.
- Comoprint Paris http://www.comoprint.com/adhesif-gf.html" onclick="window.open(this.href);return false; 71*120cm, Adhésif Monomère Blanc Brillant Permanent ->12€TTC et 18€TTC avec Fdport mais pas de plastification possible, ils ne font pas. Donc pas top même si il n'est vraiment pas cher et que je ne payerai pas les fdp.
- Eprint Région parisienne sud Evry http://www.eprint.fr/impression-vinyle-adhesif" onclick="window.open(this.href);return false; Edit: 71*120cm, opaque, permanent, surface plane, plastification brillante, sans forme de découpe, sans controle -> 27.36TTC et 49€TTC avec fdport Plus cher que Pixar même sans les fdp car j'habite sur Paris donc on oublie.
- Magic stickers http://www.magic-stickers.com/fre/pr/554/vinyle.html" onclick="window.open(this.href);return false; Edit: Apparemment on ne peut pas importer nos propres fichiers donc HS
- http://www.artworkstudio.fr/
- Cobra fait également de superbes déco
Chez Pixar ils demandent d'enregistrer si possible en pdf (format 2002) le fichier d'après un gabarit fourni sur leur site en fonction de la taille demandée et contenant les lignes de découpe, fond perdu et marge de securité.
Ensuite sous Photoshop j'ai fais enregistré sous / aucune compression jpeg (On peux aussi envoyer du jpeg en progressif optimisé 3 passes en 300dpi sans problème (merci @Cobra) et j'ai un fichier pdf de 450 MO pour 71cm x 120 cm.
edit nov2015: ils impriment en 150dpi max. Même si vous leur fournissez du 3000ppp en qualité, ils le reduiront à 150ppp max pour l'impression.
Voilà
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Voici quelques rendus qui m'inspire en terme de qualité:
Des images pas trop chargées, bien agencées pour un rendu superbe (de mon avis perso)
![Image](http://img11.hostingpics.net/pics/604778FlorianRemleinBartop10.jpg)
![Image](http://img11.hostingpics.net/pics/13976820140927221439MisteriddlerStarfighter048.jpg)
![Image](http://img11.hostingpics.net/pics/7326891040726310222434078053113686074882817478454n.jpg)
Je sais que notre ami Cobra notamment en fait de superbes
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
A contrario je trouve ceci assez moche (la forme de la borne n'aide pas non plus)
![Image](http://img11.hostingpics.net/pics/86486251vht09UoPL.jpg)
Mon bartop :
Plans et psd de mon bartop : http://chipscrevettes.free.fr/bartop/ph ... muerte.rar" onclick="window.open(this.href);return false;
Demandez-moi le mot de passe par mp et posez vos questions à la suite de ce wip
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Voici quelques photos de mon bartop. Je suis parti sur des plans d'arcadeForge pour l'esthétiques des sides. Ensuite j'ai agrandis ça pour un 19" et fait à ma manière avec des conseils reçus également pour l'intérieur et le panel en regardant tout ce qui pouvait se faire etc (voir mon WIP) Il fait 54cmP x 63.22cmH x 50L panel +épaisseur des sides
Je me suis servi du petit logiciel très pratique PosteRazor 1.5.2 (voir mon WIP Pac-Man) qui permet de découper un grand fichier en plusieurs au format A4 que j'ai pu imprimer chez moi et que j'ai reconstitué ensuite pour faire un "poster".
Et je voulais aussi partir de sides existants en plan pour le moment ou je devrai démarrer Photoshop (on y est sniff) pour m’éviter la grosse galère de partir de rien.
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
![Image](http://img11.hostingpics.net/pics/1124838588.jpg)
![Image](http://img11.hostingpics.net/pics/125948final2.jpg)
![Image](http://img11.hostingpics.net/pics/4004381689.jpg)
![Image](http://img11.hostingpics.net/pics/3636659986.jpg)
![Image](http://img11.hostingpics.net/pics/3337882287.jpg)
Et le rendu final
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
![Image](http://img15.hostingpics.net/pics/57308361f7.jpg)
Voilà pour l'instant
![Sourire :-)](./../images/smilies/icon_e_smile.gif)
Edit: Je voudrais mettre un peu de couleur dans ce sujet mais je n'arrive pas à choisir de la couleur (le tableau des couleurs apparait mais quand je clique sur une couleur avec le texte selectionné ca ne me rajoute pas les balises color).
Egalement des List mais
- ne fonctionne pas