Группа: Гости
Сегодня: 29.03.2024
Наш опрос
Оцените мой сайт
Всего ответов: 37
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Как создать профессиональный макет сайта в Photoshop


Рисуем веб-ленту в Фотошоп


Уроки фотошоп - Видеоуроки фотошоп - Photoshop, открытка к 8 марта

Главная » Файлы » эффекты

скачать Создание в фотошопе текста Lego. Часть I. .png

[ · ]

Создание в фотошопе текста Lego. Часть I. в фотошоп



Создание в фотошопе текста Lego. Часть I. рисовать в фотошоп


сделать закладку в соцсетях
>

Данный урок по фотошопу научит вас создавать реалистичный 3D-текст без применения какого-либо специализированного программного пакета 3D-моделирования. Я буду пользоваться фотошопом, но вы можете достичь такого-же результата в любой среде 3D-моделирования, которой владеете. Мы начнем с создания отдельного блока, затем, при помощи специальных приемов и техник, выстроим целое слово. В завершение работы над словом из конструктора Lego, мы наложим на него свет и тени. Итак, можно приступать!



1. Создание блока

Шаг 1
Создайте новый документ с размерами холста 1000x1000 пикселей.



Шаг 2
Пройдите в меню Просмотр > Показать > Сетку (View > Show > Grid). Сетка поможет нам точнее разместить наши элементы впоследствии.



Шаг 3
Выберите инструмент Прямоугольник (Rectangle Tool) и задайте на палитре опций в верхней части окна программы серый цвет заливки. Теперь начертите на холсте прямоугольник. Назовите этот слой “Фронтальная сторона”.



Шаг 4
Выберите инструмент Стрелка (Direct Selection Tool), выделите с его помощью две крайние левые точки и сместите их вниз, образуя фигуру в форме параллелограмма. Возможно, когда вы попытаетесь преобразовать эту фигуру в обычный контур, у вас на экране появится запрос подтверждения. Нажмите Да (Yes).



Шаг 5
Наша фигура выглядит немного великоватой. Здесь можно снова воспользоваться инструментом Стрелка (Direct Selection) и подкорректировать размер и форму фигуры.



Шаг 6
Создайте копия слоя с Фронтом и при помощи инструмента Стрелка выделите две крайние правые точки. Сместите эти точки влево, образуя боковую торцевую сторону блока. Назовите этот слой “Торцевая сторона”.



Шаг 7
Выделите на палитре слоев слой с фронтальной стороной, создайте его копию, и, удерживая Ctrl, сметите ее назад, образуя заднюю поверхность блока.



Шаг 8
Повторите процесс со слоем с торцевой стороной. В результате у вас должен получиться блок со всеми четырьмя сторонами.



Шаг 9
Чтобы навести порядок на палитре слоев, выделите две копии слоев с торцевой и фронтальной сторонами, и объедините их в один (Control-E). Переименуйте этот слой в “Верх”, расположив его под всеми остальными слоями.



Шаг 10
Выделите на палитре слоев слой с фронтальной стороной, и примените к нему Стиль слоя “Наложение градиента” (Gradient Overlay), с настройками, показанными ниже:



Шаг 11
Примените к слою с торцевой стороной стиль слоя Наложение цвета (Color Overlay Layer), настроив его следующим образом:



Шаг 12
Наконец, примените к слой с верхом стиль слоя наложение градиента с настройками цвета, показанными ниже:



2. Создание шипа

Шаг 1
Создайте новый слой и, при помощи инструмента Эллипс (Ellipse Tool), начертите на нем эллипс светло-серого цвета.



Шаг 2
Нажатием Ctrl+T активируйте свободную трансформацию и при помощи клавиши со стрелкой вниз сместите эллипс на два пикселя вниз. Нажатием Enter выйдите из режима трансформации.



Шаг 3
Нажатие Control-Alt-Shift-T создаст дубликат этого слоя и повторно применит трансформацию. Многократным нажатием этого сочетания клавиш задайте необходимую высоту шипа.



Шаг 4
Выделите на палитре слоев все последние созданные слои за исключением самого верхнего, и объедините их в один.



Шаг 5
Сместите объединенный слой под слой с эллипсом. Примените к данному слою стиль Наложение градиента (Gradient Overlay), обозначая свет, падающий с правой стороны сцены.





Шаг 6
На данный момент наш шип имеет слишком резкие края. Чтобы этот исправить, и смягчить его грани, выделите на палитре слоев слой с эллипсом и активируйте Свободную трансформацию (Ctrl+T). Слегка уменьшите его размер.



Шаг 7
Далее, переключитесь на инструмент Размытие (Blur Tool) и слегка размойте две показанные ниже грани.




3. Завершение работы над шипом

Шаг 1
Следующим шагом мы создадим иллюзию неясного отражения шипа на поверхности блока. Выделите два слоя, образующих шип, и нажатием Ctrl+G объедините их в одну группу.




Шаг 2
Создайте копию этой группы и нажатием Control-E преобразуйте ее в один слой.




Шаг 3
Сместите копию шипа вниз, так, чтобы она оказалась под оригинальным шипом. Затем за счет коррекции Уровней (Levels), сделайте ее темнее.




Шаг 4
Пройдите в меню Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur). Задайте угол: 90 градусов, и расстояние: 38 пикселей.




Шаг 5
Установите этот слой в Режим наложения (Blend Mode) – Жесткий свет (Hard Light). В качестве дополнительного шага можете применить гауссовское размытие: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur), задав радиус 4,6 пикселя. Так отражение станет еще более мягким и размытым.




Шаг 6
Теперь примените к группе с шипом стиль слоя Внутренняя тень (Inner Shadow)







Шаг 7
Наконец, объедините все слои, относящиеся к шипу. Затем распределите четыре копии шипа по верхней поверхности блока. При необходимости корректируйте размер копий (Ctrl+T).




4. Завершение работы над блоком

Шаг 1
Приступаем к смягчению граней блока. Выделите все слои, образующие блок и объедините их в один. Кликните по объединенному слою ПКМ и выберите в контекстном меню пункт “Растрировать слой” (Rasterize).




Шаг 2
При активном слое с блоком кликните по пиктограмме Сохранения прозрачности пикселей (Lock Transparent Pixels).




Шаг 3
Выберите инструмент Размытие (Blur Tool), установите Интенсивность (Strength): 100%, и размойте поверхности блока, как показано на изображении ниже:




Шаг 4
Края стали выглядеть мягче. Но это еще не все. Создайте новый слой и вытравите его на слое с блоком. Выберите инструмент Кисть (Brush Tool (B)), задайте светло-серый цвет и прочертите линию, как показано на скриншоте ниже:




Шаг 5
Примените гауссовское размытие: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur), задав радиус 7 пикселей. В результате вдоль граней появится некоторое подобие отсветов.




Шаг 6
Далее выделите на палитре слоев слой с блоком и деактивируйте иконку Сохранения прозрачности пикселей (Lock Transparent Pixels) в верхней части палитры слоев. Затем выберите инструмент Ластик (Eraser Tool (E)) и слегка подотрите пять видимых углов блока, задавая им некоторое скругление.




Шаг 7
Наконец, выделите все слои, образующие сам блок и шипы, кликните по ним ПКМ и в раскрывшемся контекстном меню выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).




5. Выстраивание блоков

Шаг 1
На данном этапе нам следует определиться со словом, которое будем выстраивать с помощью блоков. Когда слово будет выбрано, можно приступать к созданию некоторого подобия двумерного макета. На изображении ниже показан попиксельный макет слова "create". Здесь каждый пиксель обозначает один блок.




Шаг 2
Начиная выстраивать слово, создайте новый документ размером 3300x2550 пикселей. Остальные настройки показаны ниже.




Шаг 3
Вернемся к нашему оригинальному документу и перетащим смарт-объект на новый документ. Подкорректируем его масштаб при помощи Свободной трансформации (Ctrl+T), как показано на изображении ниже:




Шаг 4
Далее мы займемся созданием копий блока. Для начала выберите инструмент Перемещение (Move Tool (V)). Приблизьте блок, и сместите его в сторону, удерживая Alt.
Расположите копию рядом с оригиналом.




Шаг 5
Взгляните на созданный ранее двумерный макет, и посчитайте количество пикселей, образующих шинину буквы. В данном случае нам понадобятся 9 блоков. Методом, описанным выше создайте линию из 9 блоков, как показано на изображении ниже:




Шаг 6
Выделите на палитре слоев все слои и, сместите в сторону всю линейку блоков удерживая Alt. Расположите новую линейку прямо над предыдущей линейкой.




Шаг 7
Теперь посмотрим на нашем макете сколько пикселей составляют высоту наших букв. В нашем случае – 13 пикселей. То есть нам нужно создать в общей сложности 13 линеек с блоками. Как это делается вы уже знаете.
Удерживая Shift можно смещать создаваемые копии строго по оси Y (вертикально).




Шаг 8
Сместите всю эту стену из блоков в правую часть холста, так, чтобы освободить себе пространство в левом направлении.




6. Копирование наборов блоков

Шаг 1
Создайте выделенную область вокруг стенки с блоками, удерживая при этом Ctrl. В результате на палитре слоев окажутся выделенными все слои, образующие данный набор блоков.




Шаг 2
Сместите, удерживая Alt, существующую стенку. Расположите созданную, таким образом, копию стенки левее оригинала.




Шаг 3
Продолжайте создавать копии, набирая необходимое количество элементов для всех букв вашего слова. Так как в данном уроке использовано слово “create”, состоящее из шести букв, нам понадобится шесть таких копий стенок. Но буква “e” встречается в этом слове дважды, поэтому я создам всего 5 копий блочных стенок. А потом, когда будет нужно, просто создам копию буквы “e” целиком.




7. Формируем буквы

Шаг 1
Далее мы начнем формировать буквы. Ориентируясь на двумерный макет, можете поэтапно удалять ненужные блоки. Для этого достаточно кликнуть по соответствующему блоку при нажатой клавише Ctrl, и нажать Delete.




Шаг 2
Чтобы выделить несколько блоков за раз, кликните, удерживая Ctrl, по первому блоку, затем зажмите еще и клавишу Shift, и кликайте по остальным блокам:




Шаг 3
Повторите процесс для каждой следующей буквы. Дойдя до буквы “t” вы обнаружите, что у вас недостаточно блоков. Не переживайте, мы доделаем эту букву позже.




8. Заканчиваем формирование букв

Шаг 1
Чтобы создать копию буквы “e”, создайте вокруг нее выделенную область, удерживая Ctrl.




Шаг 2
Затем, удерживая Alt+Click, сместите ее в сторону, располагая как показано на изображении ниже. Дополнительно можете нажатием Control-Shift-[ переместить все выделенные в данный момент слои в нижнюю часть палитры слоев, так, что они окажутся под остальными слоями.




Шаг 3
Чтобы закончить букву “t”, создайте выделенную область вокруг верхней части буквы удерживая Ctrl.




Шаг 4
Сместите выделенный фрагмент вверх, как показано на изображении ниже:




Шаг 5
Затем выделите, удерживая Ctrl+ Shift, три верхних блока, показанных ниже:




Шаг 6
Удерживая Alt, сместите три этих блока в сторону, создавая копию. Расположите копию поверх существующих блоков.




Шаг 7
Выделите блоки, образующие верхнюю часть буквы “t” и переместите их вниз, возвращая на прежнее место.




Шаг 8
Чтобы закончить работу над буквами, образующими слово, выделите поочередно каждую букву, и увеличьте интервалы между ними, освобождая место для предстоящих манипуляций. Чтобы ровнее выстроить буквы можно временно прочертить линию, как показано на изображении ниже:



Создание в фотошопе текста Lego. Часть I.
сделать закладку в соцсетях

Категория: эффекты | Просмотров: 22 | Добавил: Гость

Всего комментариев: 0
Добавление комментария
к материалу
Код *:
Добавить комментарий

Вход на сайт


Поиск


дерево на прозрачном фоне


Как создать профессиональный макет сайта в Photoshop


Рисуем веб-ленту в Фотошоп

На этом сайте наша команда собрала материал уроки фотошоп, которые дадут возможность очень скоро овладеть разными инструментами этой программы. Если вы считаетесь начинающим либо желаете повысить качество уже имеющиеся знания, бесплатные уроки фотошоп разрешат приобрести изобилие нужных сведений и обучат рисованию наиболее различных частей и изображений. Уроки Photoshop, уготованные про начинающих, посодействуют выучиться обладать обилием приборов данного растрового редактора. Изучив наиболее обыкновенные технической рисования, вам можете преступить к наиболее трудным урокам, выучиться делать с разными красками, творить коллажи, производить фото. При стремлении с помощью уроков разрешено начинать специалистом, в безукоризненности обладающим програмкой и разрабатывающим личные технической. Задачи Фотошоп – наверное неповторимые которые были использованы, рассказанные в лично легкодоступной фигуре, которые станут удобные и понятные абсолютно всем.
Copyright © 2010-2015 Все права защищены. Создать бесплатный сайт с uCoz. Лучшая подборка уроков