Adobe Photoshop, уроки, кисти фотошоп, плагины, стили, макросы, градиенты, текстуры, шрифты, иконки
Ваш логин   Пароль
Забыли пароль?

3D эффект растягивания пикселей - уроки фотошоп

18-08-2008, 13:27 | Пользователь NonSa

Из одной линии пикселей легко создать специальные цифровые эффекты для графического проекта. Освоив эту пошаговую технику, мы сможем создать удивительный, яркий 3D эффект в Photoshop!

Как это сделать…

3D эффект растягивания пикселей - уроки фотошоп


Шаг 1- Начало
Создаем новый документ (вы можете выбрать любой размер, для этого урока я использовал 500×500px). Залейте фон цветом #152935 или другим на свой вкус.
Теперь подбираем 3 фотографии с яркими цветами. Я выбрал эти. Содержание фото не имеет значения, нам нужен только цвет!
Открываем фото в Photoshop, мы скоро их будем использовать.

3D эффект растягивания пикселей - уроки фотошоп


3D эффект растягивания пикселей - уроки фотошоп


3D эффект растягивания пикселей - уроки фотошоп


Шаг 2 – Исчезновение в черном..
Создайте новый слой (Create a new layer).
Используя большую (500px), мягкую (0%) кисть и черный цвет, создаем большой черный круг в центре вашего холста. Это потребуется позже, чтобы добавить глубину проекту.

3D эффект растягивания пикселей - уроки фотошоп


Шаг 3 - Выбор пикселей
Нам нужно скопировать единственный ряд пикселей одного из наших изображений. Чтобы сделать это, мы будем использовать Single Row Marquee Tool (инструмент «Горизонтальное выделение строки» находится в палитре инструментов под Rectangular Marquee Tool (Прямоугольным выделением)).

Используя этот инструмент, выделяем ряд пикселей на одной из трех фото, а затем копируем выделенную область (Edit > Copy или Ctrl + C). Вставляем скопированный ряд в наш проект на новом слое.

3D эффект растягивания пикселей - уроки фотошоп


Шаг 4 - Трансформируем ряд в прямоугольник
Используя Transform, растягиваем ряд вертикально в прямоугольник. Еще необходимо уменьшить по горизонтали таким образом, чтобы вы имели прямоугольник растянутых пикселей.

3D эффект растягивания пикселей - уроки фотошоп


Шаг 5 - Дублируем, а затем снова растягиваем
Дублируем слой растянутых пикселей. Затем трансформируем копию слоя таким образом, чтобы она стала значительно длиннее оригинала. Ширину сохраните без изменений.

3D эффект растягивания пикселей - уроки фотошоп


Шаг 6 - Создаем 3D эффект
Сейчас мы применим другую трансформацию нашему новому слою. Она немного труднее, но я постараюсь найти самый простой способ.
Для начала, выровняйте нижний край цветных пикселей нового слоя (скопированного и трансформированного в шаге 5) с верхним краем пикселей вашего первого слоя растянутых пикселей.
Идите Free Transform Mode (Ctrl + T).
Переместите верхнюю среднюю узловую точку вниз, чтобы уменьшить размер по вертикали (если это необходимо). Два слоя должны стыковаться друг с другом.
Удерживая Ctrl, щелкаем и перемещаем верхнюю среднюю узловую точку таким образом, чтобы создать наклонную плоскость относительно нижнего слоя прямоугольника. Низ слоя должен все еще касаться вершины первого слоя растянутых пикселей.
Наконец, удерживая CTRL + Alt + Shift, щелкаем и перемещаем одну из верхних угловых точек внутрь так, чтобы они встретились в центре. Это создаст иллюзию 3D объекта, перемещающегося в пространстве.

3D эффект растягивания пикселей - уроки фотошоп


Шаг 7 - Затенение
Теперь нам нужно добавить тень фигуре нашего проекта. И еще мне нравится, когда объекты появляются из темноты в центре холста. Чтобы достичь этого, мы будем использовать инструмент Brush Tool.
Для начала, затеним переднюю сторону фигуры, используя мягкую, среднего размера (100-200) кисть. Загрузите выделение содержимого первого слоя растянутых пикселей (Ctrl + щелчок по иконке слоя в палитре слоев).
Черным цветом красим вокруг краев выделения, чтобы создать иллюзию освещения в вашем проекте. В моем примере источник света как бы расположен сверху, потому я затенил нижний край фигуры.
Аккуратно узкой полосой прокрашиваем верхний край передней стороны фигуры.
Теперь перемещаем этот слой ВЫШЕ вашего второго слоя растянутых пикселей (наклонного, перспективного).

3D эффект растягивания пикселей - уроки фотошоп


Загрузите выделение содержимого наклонного слоя (который сейчас ниже слоя прямоугольника). Расширьте это выделение на один пиксель (Select > Modify > Expand (Выделение > Модификация > Расширить)).
Используя большую кисть, белым цветом красим низ фигуры этого слоя, чтобы немного осветлить. Затем, используя большую кисть, черным цветом красим часть, которая исчезает к центру холста.
(NS: обязательно меняйте непрозрачность кисти в панели опций. Начинайте красить на низкой непрозрачности).

3D эффект растягивания пикселей - уроки фотошоп


Шаг 8 - Повторение
Используя различные фото (или используя разные участки изображения), создаем еще несколько 3D блоков. Комбинируем и размещаем их на холсте.

3D эффект растягивания пикселей - уроки фотошоп


Шаг 9 - Делаем цвета ярче
После окончательной компоновки объектов, показанных выше, я остался недоволен насыщенностью цветов. Чтобы сделать объекты ярче, я слил все слои фигур (выберите их в палитре слоев и затем Layer > Merge Layers), применил фильтр Gaussian Blur (Filter > Blur > Gaussian Blur), и изменил blending mode на Color Dodge (режим смешивания на Осветление основы).

3D эффект растягивания пикселей - уроки фотошоп


Шаг 10 – Добавляем текстуру
Подберите подходящую текстуру бумаги. Вставляем её в свой проект на слое выше всех остальных. Desaturate слой текстуры (Image > Adjustments > Desaturate). Меняем режим смешивания слоя на Overlay (Перекрытие) и при необходимости уменьшаем непрозрачность слоя.

Результат:

3D эффект растягивания пикселей - уроки фотошоп

 

 

 

 

 

Автор: David Leggett

Перевод: NonSa

Источник: tutorial9.net


Похожие новости:

 

  • Создаем эффект медного текста - уроки фотошоп
  • Создаем искрящуюся фотографию - уроки фотошоп
  • Создаем деревянную раму на стене - уроки фотошоп
  • Светящийся эффект в Photoshop - уроки фотошоп
  • Добавим текстуру коже - уроки фотошоп
  •  

     

    Ключевые слова:

     

    урок, уроки фотошоп, tutorial, photoshop, 3D,

     

    комментариикомментарии

    Taria

    Аватар

    Публикаций: 0

    Комментариев: 69

    #1, 19 августа 2008 00:55

    А можно по русски как текстурой пользоваться?Вот в 10 шаге куда мы лезим?Я что-то облазила и не нашла:(
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    Mad-Alex

    Аватар

    Публикаций: 0

    Комментариев: 2

    #2, 19 августа 2008 08:22

    Taria, там всё есть Image > Adjustments > Desaturate(изображение-Обесцвечиание)
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    Ино_Яманака

    Аватар

    Публикаций: 0

    Комментариев: 9

    #3, 23 августа 2008 19:59

    Классно, пригодится урок)
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    astro

    Аватар

    Публикаций: 0

    Комментариев: 14

    #4, 11 сентября 2008 00:22

    давно искал, даже думал как сделать самому, но блин не думал что всё так просто - автору респект, а переводчику Уважение))
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    artNokia

    Аватар

    Публикаций: 0

    Комментариев: 15

    #5, 29 сентября 2008 21:08

    Вот сделал, кому интересно вот что получилось Piks_tutor
    ЗачЁт champion автор молодца, и NonSa отлично постарала
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    X-rey_Sklyar

    Аватар

    Публикаций: 0

    Комментариев: 17

    #6, 28 октября 2008 14:04

    Красота
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    Lovely_Dream

    Аватар

    Публикаций: 0

    Комментариев: 4

    #7, 11 декабря 2008 22:43

    одни эмоции!!! и так вроде просто =) сейчасссс попробуееем =)
    СПАСИБО за пост!
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    Металист

    Аватар

    Публикаций: 0

    Комментариев: 3

    #8, 5 января 2009 08:46

    Ыыыы=)
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    vomchik

    Аватар

    Публикаций: 1

    Комментариев: 5

    #9, 22 апреля 2009 16:16

    Спасибо!!!!
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    SOVEST

    Аватар

    Публикаций: 0

    Комментариев: 3

    #10, 5 мая 2009 15:07

    очень стильно смотрится. спасибо!
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    Тонька

    Аватар

    Публикаций: 0

    Комментариев: 100

    #11, 14 мая 2009 23:40

    good
    ответить
    Внимательно прочти: Правила, ЧаВо, Онлайн учебник

    добавитьДобавить комментарий:

    Добавить комментарий как «Гость» ( регистрация)
     
     
       
    Включите эту картинку для отображения кода безопасности
    обновить, если не виден код
     
     
     
     
     
     
     

    Уроки Photoshop↓

    На нашем сайте собраны интересные обучающие уроки по Adobe Photoshop. Если вы хотите научиться обрабатывать фотографии, рисовать, применять различные эффекты, то наши уроки фотошоп именно для Вас!

    Реклама ↓

    История Adobe Photoshop

    История создания Adobe Photoshop

    Узнать историю Adobe Photoshop

    Онлайн учебник ↓

    Iieaei o?aaiee ii Adobe Photoshop

    Перейти к учебнику

    Скачать Adobe Photoshop CS5

     

    Скачать Adobe Photoshop CS5

     

    Скачать Adobe Photoshop CS5

    Скачать Adobe Photoshop CS4

     

    Скачать Adobe Photoshop CS4

     

    Скачать Adobe Photoshop CS4

    Скачать Adobe Photoshop CS3

     

    Скачать Adobe Photoshop CS3

     

    Скачать Adobe Photoshop CS3

    Голосование ↓

    Какой версией Photoshop вы пользуетесь?
    6.0
    7.0
    CS
    CS2
    CS3
    CS4
    CS5
    Не пользуюсь blush

    Статистика ↓

    Rambler's Top100

    ArtJunkies Вконтакте!

    Наша группа Вконтакте

    Присоединяйся!

    Наш Twitter!

    Follow ArtJunkies on Twitter