A Brakeffekt fantasztikus technika, amely dinamikus és szétesett megjelenést kölcsönöz a szövegeidnek és elrendezéseidnek. Ez az effekt remekül alkalmas modern tervezésekhez, plakátokhoz vagy kreatív projektekhez, amelyek figyelmet keltését célozzák. Ebben a bemutatóban megmutatom neked, hogyan hozhatsz létre valósághű Breakeffektet lépésről lépésre a Photoshop segítségével - apróra tört elemekkel és szétesett részletekkel. Indítsuk el és szedjük szét a dizájnjaidat stílusos fragmentumokra!

Ebben a bemutatóban azt fogom megmutatni, hogyan készül el a következő Breakeffekt:

Szünet hatás a tipográfiához és az elrendezéshez


1. lépés: Új dokumentum létrehozása

Létrehozok egy új dokumentumot a 1150x600 pixel méretben. A dokumentum mérete valójában nem fontos, így tetszés szerint átállítható.

Szünet hatás a tipográfiához és az elrendezéshez

2. lépés: Háttérszín kiválasztása

A Color Picker-ben egy nagyon világos kéket választok ki a háttérszínnek.

Az Alt+Backspace kombinációval tudom a kiválasztott előtérszínt kitölteni.

Szünet hatás a tipográfiához és az elrendezéshez

3. lépés: Szöveg elhelyezése

Egy vastag betűtípust választok; ezen a képen a Futura Md BT-t használom 200 pont méretben. A szöveg színe fekete.

A Szöveg eszközzel beleírom a PSD-t a dokumentumba.

Egy másik szövegrétegben hozzáírom a 2.0-át is.

Szünet hatás a tipográfiához és az elrendezéshez

4. lépés: Szöveg elforgatása

Az első szövegréteget, amelyben a PSD szerepel, kb. 7,5 fokkal óramutató járásával ellentétes irányban elforgatom.

Szünet hatás a tipográfiához és az elrendezéshez

5. lépés: Szövegek szétszedése

Az Kiválasztó eszközzel kiemelünk egy darab szöveget az első szótól. A szövegkiválasztást a Jobbklikk>Transformátia kiválasztása kombinációval tudom tovább forgatni, így egy részét a szövegemnek megfelelően kibontom.

Szünet hatás a tipográfiához és az elrendezéshez

A szövegválasztást Ctrl+C billentyűkombinációval másolom és Ctrl+V kombinációval egy új rétegbe beillesztem.

Szünet hatás a tipográfiához és az elrendezéshez

6. lépés: Töréspont elrejtése

A következő lépésben a Kijelölés>Újra kiemelni menüponton választok.

A szövegrétegnél az Éppen a rétegmaszkot hozzáadása ikonjára kattintva a szövegrészt, amelyik törésként lett kiválasztva, most már a rétegmaszkban van elrejtve.

Szünet hatás a tipográfiához és az elrendezéshez

7. lépés: További szövegrészletek törése

Az előző két lépésben leírtak szerint folytatom a további betűkkel, hogy a szövegem többszörösen elkeveredjen.

Szünet hatás a tipográfiához és az elrendezéshez

8. lépés: Szövegtörési rész elforgatása

A szövegdarabkákat még egy kicsit tovább tudom forgatni, hogy hangsúlyozzam az effektet. Az Mozgatás eszköz mellett a szövegdarabka rétegeken végighaladva az Átszabás kereten az oldalakon megjelenik a Dupla nyíl. Ezzel tudom elforgatni a keretemet.

Szünet hatás a tipográfiához és az elrendezéshez

9. lépés: Egy szövegdarabka variációja

Ha még egy kicsit változtatni szeretném a szövegen, egy szövegrészt akár kicsit össze is vonhatok. Egyszerűen megkettőzöm az első szövegrétegemet és az eredetit elrejtem. Itt a másolatnál a szövegméretet 200 pontról 180 pontra csökkentem.

Ez jó kontrasztot kínál a meglévő szövegtörési részekhez képest.

Szünet hatás a tipográfiához és az elrendezéshez

10. lépés: Törésvonalak beillesztése

A vonallétrajzoló eszközzel 1 px-es vastagságban húzok egy fekete vonalat a képre, amelyet pontosan egy töréspontnál helyezek el. Az Ctrl+T kombinációval még igény szerint elforgathatom a vonalat, hogy tökéletesen illeszkedjen.

Szünet hatás a tipográfiához és az elrendezéshez

11. lépés: Törésvonal duplikálása

Az Ctrl+J kombinációval duplikálom az első törésvonalat. Ezt egy másik töréspontnál helyezem el. Szükség esetén elforgatom a duplikált vonalat, hogy optimálisan illeszkedjen. Ezeket a lépéseket ismétlem, amíg hat törésvonalamat nem kapok a képen.

Ha a duplikált vonal túl hosszú, hozzáadok egy rétegmaszk-ot, amellyel a felesleges területeket elrejtem. A Skalálnál végrehajtott méretváltoztatások nem célszerűek, mert ezzel a vonal vastagsága is részben megváltozhat.

Ezért a tippem: Rövidítsd a rétegmaszkkal, hosszabbítsd meg az új vonallal.

Szünet hatás a tipográfiához és az elrendezéshez

12. lépés: Szövegsor hozzáadása

Egy 26 pontos Georgia betűtípussal fekete színnel írok alá egy törött szöveghez a "RELUNCH 2010 - AZ ÚJ PSD-TUTORIALS.DE" szöveget.

Szünet hatás a tipográfiához és az elrendezéshez

13. lépés: Spritzer-Brushok beszúrása

A kefék készletében olyan kefevégek találhatók, amelyek permet hatást hoznak létre. Letöltöm ezeket és berakom az én Minta-kezelőbe, hogy hozzáférjek a kefevégekhez. Természetesen más keféket is választhatok, amelyek permit szimulálást végeznek. Megfelelőek a vérekefék, foltkefefék és részben a grunge-kefék is.

Szünet hatás a tipográfiához és az elrendezéshez

A Kefe-minta panelen most kiválaszthatom a megfelelő kefevégeket a Spritzer-kefe szettből, és fekete színnel egymás után különböző keféket alkalmazok egy korábban létrehozott rétegen.

Szünet hatás a tipográfiához és az elrendezéshez

14. lépés: Szövegdarabok csökkentése egy rétegre és másolása

A Réteg panelen a Shift gomb lenyomásával kijelölöm azokat az egyes rétegeket, amelyek szövegdarabokat tartalmaznak.

Az Alt gomb lenyomásával másolom ezeket a Réteg panelen. Ezután kiválasztom az Ctrl+E parancsot, hogy egy rétegre csökkentsem őket.

Az eredeti szövegdarab rétegek láthatatlanná tehetők. A másolás értelmét az jelenti, hogy megőrizzem az eredetieket, mert a következő lépésben a permetek beszúrásra kerülnek. Így bármikor hozzáférhetek az eredetikhez.

Szünet hatás a tipográfiához és az elrendezéshez

15. lépés: Permet a szövegen

A szövegdarabokból készült másolt rétegre egy Rétegmaszkot adok hozzá.

A Rétegmaszkon az Splatter-kefevégeimmel közvetlenül a szövegre fessék, így ott is permet hatások jelennek meg, amelyek látszólag kitörlik a szöveget ezen a helyeken.

Szünet hatás a tipográfiához és az elrendezéshez

16. lépés: Háttértextúra beszúrása

Hogy még kissé érdekessé tegyem a képet, beszúrok egy textúrát a képbe.

Ezt a textúrát az PSD-Tutorials.de Textúrák DVD-jéről vettem az Minta kategóriából.

Szünet hatás a tipográfiához és az elrendezéshez

A textúrának csak minimális Takarékoskodási értéket adok meg, 5%-ot. A Rétegmód a Fényerő.

Az Fényerő mód azt eredményezi, hogy csak a fényerő információi kerülnek a dokumentumba. Így balra hagyhatom az eredeti színeket, és egyszerűen csak a textúra retrostruktúráját hagyom a képben.

Szünet hatás a tipográfiához és az elrendezéshez

17. lépés: Utolsó simítás kontúrral és belső ragyogással

Létrehozok egy új réteget, kitöltöm bármilyen színnel, beállítom a Sík csúszkálót 0%-ra. Ezáltal a rétegtartalom el lesz rejtve; a beállított Rétegstílusok továbbra is láthatók maradnak. Most ezeket állítom be a Kitöltési lehetőségek:

Kontúr:

Méret: 10 kép

Pozíció: Belső

Szín: Fekete vagy Sötétkék

Takarékoskodás: 100%

Szünet hatás a tipográfiához és az elrendezéshez

Belső ragyogás:

Kitöltési mód: Lineáris világosítás

Takarékoskodás: 100%

Távolság: 0 kép

Alsó tartalom: 5%

Méret: 250 képpont

Lineáris kontúr 3%-os zajjal (A zaj gondoskodik a szemcséző hatásról)

Szünet hatás a tipográfiához és az elrendezéshez

Elkészült a Breakeffekt, ami nagyon jó kreatív tipogrófiai elrendezésekhez a szórólapokon és háttérképeken. Ennek a bemutatóhoz tartozó munkafájlokban megtalálható a textúrafájl és ennek az effektusnak az PSD-fájlja is.

Szünet hatás a tipográfiához és az elrendezéshez