# data[].attributes.body
Kitch

# data[].attributes.body
Psyché

# data[].attributes.attachment_link.description
Diagrammes, cartes, graphiques, nuages de points et schémas peuplent abondamment les pages Web et imprimées des grands journaux. Par une intrication de signes, de couleurs, de textes, de pictogrammes et d'images, ces visualisations s'emploient à offrir au lecteur une approche didactique de l'information.

# data[].attributes.body
Pour qui écrit-on un roman ? Pour qui écrit-on un poème ? Pour des gens qui ont lu certains autres romans, certains autres poèmes. On écrit un livre pour qu'il puisse être placé à côté d'autres livres, pour qu'il entre sur une étagère hypothétique et, en y entrant, la modifie en quelque manière, chasse de leur place d'autres volumes ou les fasse rétrograder au second rang, provoque l'avancement au premier rang de certains autres.

Lignes 1-7, pages 63

# data[].attributes.attachment_link.readable_text
Tied to visual metaphors, we have not embraced the computer for its inherit characteristics but instead are attempting to emulate our world within it. The Mac operating system was built specifically for the office environment. Desktops, trash cans, folders, buttons, pages, were used to make early users feel more comfortable when attempting to understanding this new workplace. Yet these tropes as well as drop shadows, bevels, perspective, are not inherit, but imported traits into the abstract world of computing. The purpose of this assignment is to create a self-reflexive experience which can only exist in the browser. These sketches present different modes of progressing through a text and are meant to provide a starting point into discovering new forms/modes of presentation.

Create an engaging web based experience for a text that has a 4,000 word count minimum.

Have no reliance on the emulation of physical objects eg. digital page turns.

HTML/CSS only

No additional content besides given text

# data[].attributes.attachment_link.description
Tied to visual metaphors, we have not embraced the computer for its inherit characteristics but instead are attempting to emulate our world within it. The Mac operating system was built specifically for the office environment. Desktops, trash cans, folders, buttons, pages, were used to make early users feel more comfortable when attempting to understanding this new workplace.

# data[].attributes.attachment_link.readable_text
Thanks for contributing an answer to Graphic Design Stack Exchange!

Please be sure to answer the question. Provide details and share your research!

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

# data[].attributes.attachment_link.title
How to create "wave"-like type in Illustrator

# data[].attributes.attachment_link.description
Thanks for contributing an answer to Graphic Design Stack Exchange! Please be sure to answer the question. Provide details and share your research! Asking for help, clarification, or responding to other answers. Making statements based on opinion; back them up with references or personal experience. To learn more, see our tips on writing great answers.

# data[].attributes.attachment_link.readable_text
It's bended straight lines on a plane. Theoretically it can be made in 2D - just bend some lines. There seems to be also some faint coloring to create a shadow like in 3D renderings.

An example (nothing fine formed, only a coarse and quite thin ring):

Draw a bunch of equally spaced horizontal lines, three ellipses and a vertical line in the middle

Split all in every crossing. Pathfinder panel has button Outline for it. After applying "Outline" ungroup and remove everything, but the splitted horizontal lines.

Join the lines again. They can be as well a single path. Select all and press Ctrl+J. A thin Stroke is useful for later steps.

Select with the direct selection tool all nodes which were made by the middle ellipse. Add to the selection also those nodes which were made by the vertical line in the uppermost and lowermost node rows. Push all selected nodes upwwards:

In the bottom there was one line missing nodes due poor calculations. But I inserted them separately and made the needed shorter push.

Next step is to add effect Stylize > Round corners. It makes circular roundings which look out non-smooth due steep changes in the curvature. It's fixed by fixing the effect (=Object > Expand Appearance) and applying Object > Path > Simplify:

Add vertical lines to the right and left to get fillable areas. Fill them with the Shape Builder. Delete remnants and select good fill and stroke:

A slight shadow makes the 3D appearance stronger. It can be made easily by drawing a couple of black curves to the wanted shadow areas and blurring the curves. Width tool is used to taper the curves (=half ellipses) to make the shadows end smoothly. Before blurring:

After blurring, reducing the opacity and tweaking the placements:
3D
The difficulty of having plausible curve bends jump up, if the wanted form is more like questioner's example. Thin ring forgives much. To make easily something thicker I would use 3D. Here's one example. It's a ring again, but the proportions are more like in the 8 of questioner's example. The thick ring is a revolution surface (actually a solid in CAD terms) of this profile:

The intended revolution axis is the right edge.

The resulted solid must be united with a big rectangular bottom plate to create the needed horizontal space. To make the curves the united solid must be sliced with a bunch of planes. Here's the solid and the slicing planes:

After making the slicing it's a bunch of separate solids:

Changing the view to "wireframe without hidden lines" gives this:

Unfortunately I have a limited freeware CAD program. No usable technical 2D drawings are allowed without getting a high cost paid version. Thus proper coloring and high resolution rendering are disabled as well as exports and imports in common 2D vector and 3D CAD file formats.

But the wireframe view can be printed as PDF. Illustrator opens it. In Illustrator, after removing numerous clipping masks and groupings, I could set white stroke color and place a blue rectangle to the background:

It still needs the shading.

One method more. Actually this was suggested by another user at first, but he got a bad comment and deleted his answer. I tried to reopen it, but with no result. So, it's now here.

Programmer HARDIK LAKHALANI has written a pair of scripts which do the job in Photoshop and Illustrator. Both programs are needed. The scripts are freely available with documentation here full tutorial.

The idea is to create a depth map in Photoshop. To get smooth forms like in questioner's example, one can apply gaussian blur. A screenshot of a depth map from the tutorial video:

Running one script in Photoshop makes from the depth map an intermediate file. Running another script in Illustrator reads the intermediate file and makes the wanted line drawing. The shown depth map generated this (another screenshot of the tutorial video):

The process is like a vectorized version of Scott's answer on This Question

# data[].attributes.attachment_link.title
How to create 3D effect (relief) in lines (adobe illustrator)

# data[].attributes.attachment_link.description
It's bended straight lines on a plane. Theoretically it can be made in 2D - just bend some lines. There seems to be also some faint coloring to create a shadow like in 3D renderings.

# data[].attributes.attachment_link.readable_text
Hello world, In this video, I've explained how to create vector wavy lines distortion without using the warp tool, mesh tool or blend tool. I found that those are not efficient enough to give the result something like this which my script just did.
You could try to create this in Photoshop (raster) using its default displacement distortion filter. But that also will disappoint you.

So here it is my trick to get it done. Tell me how you like the script, what you gonna create with it, and whatever you wanna share.

Subscribe for more videos.

Downloads:
Scripts: Download From Here (Installation & Usage Instructions included).
The script is free but you can still support me by..

It powers me up to bring more freebies to you. 🙂

# data[].attributes.attachment_link.title
Vector Lines Distortion Effect in Adobe Illustrator

# data[].attributes.attachment_link.description
Hello world, In this video, I've explained how to create vector wavy lines distortion without using the warp tool, mesh tool or blend tool. I found that those are not efficient enough to give the result something like this which my script just did.You could try to create this in Photoshop (raster) using its default displacement distortion filter.

# data[].attributes.attachment_link.title
Warp Text To 3D Shapes in Adobe Illustrator | Graphic design

# data[].attributes.attachment_link.readable_text
The Morisawa 10 series was inspired by a visit to a Shikō Munakata exhibition in Japan, and also having been fascinated by emerging methods to work with letterforms on the computer. This set of pieces won the honor of the Tokyo Type Director's Club Gold Prize and were later accessioned into the permanent collection of the Museum of Modern Art in New York.

They were all composed in the Adobe PostScript language (the predecessor to SVG) and were a little difficult to create because it was so expensive to make these images in the 90s. I needed to pay an exorbitant amount to render test images at scale through a repro service in Tokyo - which turned out okay because I bartered their printing of my images in exchange for my doing work for them for free.

Artist and educator Zach Lieberman recently had his students re-interpret these images dynamically and with much more powerful computers. It made me think how far we've come in computing capabilities thanks to Moore's Law.

# data[].attributes.attachment_link.description
The Morisawa 10 series was inspired by a visit to a Shikō Munakata exhibition in Japan, and also having been fascinated by emerging methods to work with letterforms on the computer. This set of pieces won the honor of the Tokyo Type Director's Club Gold Prize and were later accessioned into the permanent collection of [...]

# data[].attributes.body
test n°2 - Le 'tap' change le gras du texte

# data[].attributes.body
test n°1 - Le 'tap' change la couleur du texte

# data[].attributes.attachment_link.description
Nouvelle forme publique de la collection du CNAPN

# data[].attributes.attachment_link.title
Donut-shaped C code that generates a 3D spinning donut

# data[].attributes.body
Donner littéralement une forme physique au texte ?

# data[].attributes.body
Bonus : un jeu vidéo au style graphique que je souhaitais vous partager !

# data[].attributes.attachment_link.title
ASCII Shader in Unity 5 (1080p) - now for Unity 2020 also!

# data[].attributes.attachment_link.description
Main Controls - *FIGlet and AOL Macro Fonts Supported*