Créer une texture de route incurvée dans Photoshop?

9

J'ai une texture de route très simple ( 200 x 200) comme celle-ci:

texture de la route 1

J'ai besoin de créer une version incurvée de cette texture qui est le double de la taille ( 400 x 400). Voici une image pour vous donner une idée de base de ce que j'essaie de faire:

texture de route incurvée

Le problème est que je ne sais pas comment courber les lignes et les marquages ​​routiers de manière à former des courbes lisses qui se fondent parfaitement avec la texture d'origine. J'ai essayé d'utiliser l'outil de déformation (j'ai les lignes et les marques comme des calques séparés), mais les résultats semblent horribles. Je suis sûr qu'il existe une solution assez simple à cela, mais je suis plutôt inexpérimenté avec Photoshop. Je me suis cogné la tête contre un mur à cause de cela pendant les deux dernières heures, donc toute aide serait grandement appréciée. Et oui, j'ai essayé de google pour les tutoriels, mais je n'ai pas pu trouver quoi que ce soit qui résoudrait clairement ce problème.

J'utilise Photoshop CC. J'ai également Illustrator mais aucune expérience d'utilisation.

ZarigM
la source
Vous demandez à le faire dans Photoshop, très bien, mais le moyen le plus simple de produire un bon résultat (pas de texture floue) serait de le recréer dans Illustrator avec l'outil Pinceau.
Luciano

Réponses:

3

J'aborderais ce problème en utilisant le bézier pen tooldans Photoshop ou Illustrator. Cela vous permet de «dessiner» des vecteurs et des formes définis mathématiquement qui ont l'avantage supplémentaire de pouvoir être mis à l'échelle à n'importe quelle taille sans perdre la résolution.

Mais voici le problème: l'apprentissage de l'outil plume de Bézier est difficile car il ne fonctionne pas comme les autres outils basés sur des pixels fournis par Photoshop - vous devez le considérer comme la construction de lignes et de formes.

Pour vous aider à démarrer, vous voudrez peut-être essayer de pratiquer le jeu Bézier: http://bezier.method.ac/ . Une fois que vous maîtrisez l'outil plume Bézier, vous pouvez facilement accomplir ce que vous essayez d'accomplir.

bemdesign
la source
1

A-t-on répondu à cette question ailleurs? La réponse 1 n'est même pas près de répondre à la demande d'origine (Illustrator ne sert à rien dans cette demande, sauf si vous créez vos textures dans ce programme pour commencer). Bien sûr, ce sanglant site Web ne me laissera pas publier plus de 2 photos à moins que je ne sois membre de longue date, alors je les ai juste regroupées en une seule grande image, désolé pour cela.

Voici comment vous le faites: Avertissement A - vous aurez des artefacts et des textures étirées, ce n'est pas magique. Clause de non-responsabilité B - Yisela avait raison sur une chose: vous devrez comprendre comment modifier les courbes de Bézier, mais dans ce contexte, ce n'est pas comme si vous deviez être un expert.

Tout d'abord, configurez votre texture verticale et horizontale comme ci-dessous, où les textures sont EXACTEMENT proportionnelles à la courbure. Dans ce cas, je fais un coude à 90 degrés, donc les textures sont carrées.

Fig. 1.

Ensuite, vous devez dessiner des lignes directrices, utiliser les lignes directrices intégrées de Photoshop pour créer une grille, comme ça, et un contour circulaire sur un calque séparé avec une opacité d'environ 25% sur les principales caractéristiques de votre texture (comme le milieu de la route, trottoir, etc.).

Fig 2. Fig 3.

Ensuite, vous devez créer une copie de votre texture dans un autre calque et la doubler, horizontalement ou verticalement. J'ai choisi verticalement:

Fig 4.

Une fois cela fait, sélectionnez "Modifier / Transformer / Déformer" et déplacez les points de maillage jusqu'à ce que cela ressemble à cela, puis appuyez sur "Entrée":

Fig 5. Fig 6.

Voila:

Fig 7.

Création d'une texture de route incurvée dans Photoshop

Pantalon Mario
la source