Строение
Разбиваем текст в Фотошоп
Тема в разделе "Веб-Дизайн", создана пользователем kiwii, 25 авг 2010.
  1. kiwii

    kiwii Новичок

    Сообщения:
    54
    Симпатии:
    25
    Баллы:
    0
    Ожидаемый результат:


    Шаг 1. Создаём новый документ с чёрным фоном #000000. Выбираем инструмент Тext Тool (Текст) и подбираем подходящий шрифт. В этом случае я использовал шрифт MyriadBold, с размером 70 пт и взял белый цвет #FFFFFF. Я разместил текст и растрировал слой. Чтобы растрировать текст, убедитесь что ваш слой выделен, а за тем идём Layer>Rasterize>Type (Слои – Растрировать – Текст) – это превратит текст в обычную картинку, которую можно редактировать. Даём имя слою Креативный. У нас должно получиться, что-то вроде этого:


    Шаг 2. Выбираем инструмент Рen Тool (Перо) – выбираем вверху экрана в опциях инструмента – Контуры. Стоя на слое Креативный, инструментом Перо выделяем часть буквы С, когда замкнём область нажимаем пр.клавишу мыши и выбираем Make Selection (Образовать выделенную область) с радиусом растушевки 0. Далее Edit>Cut (CTRL + X) (Редактирование - Вырезать) и идём Edit>Paste (CTRL + V) (Редактирование - Вставка) это действие вставит пол буквы С на новый слой. Теперь выбираем инструмент Move Tool (V) (Перемещение) и размещаем пол буквы С как нам удобно.

    Перо


    Смещение



    Шаг 3. Теперь будем выполнять действия над буквой R. Для начала дублируем Креативный слой Layer>Duplicate layer (Слои – Дублировать слой). Создадим новый слой под дубликатом Креативного и выберем инструмент Рen Тool (Перо). Теперь на этом слое создадим треугольное выделение над буквой R и зальем его чёрным #000000. Вы должны находиться на новом слое, который вы создали под дубликатом Креативного.


    Переходим на дубликат Креативного слоя и создаём обтравочную маску (CTRL + ALT + G). Сначала мы не заметим изменений, выберем инструмент Мove Тool (V) (Перо) и сдвинем дубликат Креативного слоя немного вниз, и мы сразу увидим влияние заливки R.

     
  2. kiwii

    kiwii Новичок

    Сообщения:
    54
    Симпатии:
    25
    Баллы:
    0
    Шаг 4. Теперь приступим к следующим буквам. Такой же техникой будем воздействовать на оставшиеся символы. Мы должны находиться на слое Креативный. Далее берём Pen tool (Перо), выделяем часть буквы, которую мы желаем переместить. Вырезаем её (CTRL+X) и вставляем (CTRL+V). Используя инструмент Перемещение , сдвинем часть буквы.

    Замечание. Выделять части букв можно и другими инструментами.
    Совет переводчика: используйте инструмент Прямолинейное лассо . Вот как это выглядело у меня:


    Шаг 5. Теперь, когда наше слово Креативный полностью «порезано» пришло время ко второму слову. Берём инструмент Text (Текст) и пишем слово “Block” с таким же шрифтом, цветом но размером 40 пт. Растрируем этот слой Layer>Rasterize>Type (Слой – Растрировать – Текст) или пр. клавиша мыши на слое – Растрировать.
    Теперь выделяем части букв вырезаем и вставляем и с помощью перемещения размещаем их так как нам угодно. Вот результат:




    Шаг 6.Ну и теперь последняя и самая сложная часть урока.
    Найдём текстуру бетона. Размещаем нашу текстуру поверх всех слоёв и ставим режим смешивания для этого слоя Darken (Затемнение).
    Ещё, по желанию можно, снизить непрозрачность слоя с текстурой.


    Шаг 7 .Я знаю, что изображение выглядит не очень привлекательно, но мы исправим это. Переходим на слой с текстурой и выбираем инструмент Burn Tool (Затемнение).
    Ставим диапазон средние тона и экспозицию на 25-50%. Теперь затемним края букв для придания контраста :
     
  3. kiwii

    kiwii Новичок

    Сообщения:
    54
    Симпатии:
    25
    Баллы:
    0

    Шаг 8. Теперь Layer>New Adjustment Layer>Brightness and Contrast (Слои - Новый корректирующий слой – Яркость \ Контрастность) Яркость +14 и Контрастность +100.
    Это придаст глубины буквам, но недостаточно. Двойной щелчок по любому названию слоя с частью буквы, в палитре слоев, и откроется окно стилей слоя, добавим Drop Shadow (Тень). И поставим следующие настройки:


    Жмём правую клавишу мыши стоя на этом слое и Копировать стиль слоя. Теперь выделим все слои кроме слоя с текстурой, слоя Креативный, слоя Блок и слоя с обтравочной маской. Это можно сделать, зажав клавишу CTRL и кликать по названию слоя в палитре слоёв. После кликнем правой клавишей мыши на любом из них и Вставить стиль слоя. Эти действия добавят глубины и разнообразия нашим буквам.


    Шаг 9. Создадим новый слой Layer>New>Layer (CTRL+SHIFT+N) (Слои – Новый – Слой) и зальём его чёрным, поставим режим смешивания Color Dodge (Осветление основы) и выберем инструмент Brush Tool (Кисточка).

    Используем довольно большую, мягкую кисточку с яркими цветами, например оранжевый, зелёный, синий, зелёный. Я использовал зелёный и оранжевый, коснёмся краёв наших букв. Теперь создадим ещё один новый слой и зальём его также чёрным, но поставим ему уже режим смешивания Overlay (Перекрытие). Берём кисточку белого цвета и добавляем светлых участков буквам.


    Шаг 10. Последним шагом нашего проекта будет добавление битого стекла. Можете скачать здесь. Ставим Режим смешивания для изображения со стеклом Linear Dodge (Линейный свет) и лишнее стираем ластиком . Урок закончен. Надеюсь Вы разбили свой Креативный блок в дребезги =)

    Результат автора урока:


    Вариант переводчика:


    Автор:
    Jacques van Heerden
    Перевод: Будулатий Александр

    Данный урок подготовлен для Вас командой сайта Photoshop уроки и всё для фотошоп - новые уроки каждый день!
     
  4. sweih

    sweih Новичок

    Сообщения:
    497
    Симпатии:
    272
    Баллы:
    0
    Все это конечно здорово. Но а Вы сами, kiwii, этот урок повторяли?
     
  5. TiamatInc

    TiamatInc Moderator

    Сообщения:
    4.721
    Симпатии:
    1.221
    Баллы:
    0
    kiwii, хотелось бы у Вас уточнить, Вы входите в команду того сайта откуда размещаете здесь уроки или это просто копипаст с оставлением ссылки на оригинал? Так как во втором случае Вы нарушаете правила форума.
     
    4 пользователям это понравилось.
  6. DeEeMaN

    DeEeMaN Новичок

    Сообщения:
    1.072
    Симпатии:
    143
    Баллы:
    0
    Тут большинство уроков взятых с сайта по фотошопу. Если надо могу даже сайт сказать. И ещё, чтоб имея хоть кокого то уважения заключать в цитаты все написанное вами (копипаст). А то вы получаете вознаграждение, за то что тупо скопировали с сайта.
     
  7. deFzone

    deFzone Новичок

    Сообщения:
    79
    Симпатии:
    37
    Баллы:
    0
    На разбитый текст не очень похоже.. Больше похоже на расчленение.. Вообще мне нравится конечный результат, но результат автора не очень. Уж слишком много стекла добавил в центр.. :(
     
  8. DeEeMaN

    DeEeMaN Новичок

    Сообщения:
    1.072
    Симпатии:
    143
    Баллы:
    0
    Есть такое ощущение , что прострелили стекло... Ну тогда бы так и называли темку чтоль....
     
  9. d1amant

    d1amant Новичок

    Сообщения:
    167
    Симпатии:
    12
    Баллы:
    0
    Будь у меня свой киллер-бизнес, я бы такую вывеску и взял...:ssf20: Чтобы все боялись.
    Да, "битости" много, смотрится как-то жутковато и вовсе не эстетично.
     
  10. Максимка

    Максимка Новичок

    Сообщения:
    8
    Симпатии:
    0
    Баллы:
    0
    kiwii Спасибо за урок теперь ава вконтакте очень классная)))
     
Показать ещё