Сегодня мы сделаем в фотошопе логотип с текстурной подложкой из кожи и поперечной лентой с текстом. Сначала создадим текстурный фон. Для этого немного трансформируем прямоугольник, потом сверху наложим текстуру кожи. После этого шаг за шагом создадим ленту. Сначала основную часть, применим к ней стиль слоя. Потом аналогичным образом создадим боковые части с вырезанными краями. Далее напишем текст, немного обработаем его для придания объема. После этого напишем вспомогательный текст на текстуре, сверху и снизу. В заключение декорируем текст звездочками.
Шаг 1. Создаем в фотошопе новый документ, заливаем его цветом #dad7c6.
Шаг 3. Выбираем инструмент «Прямоугольник со скругленными краями» (Rounded Rectangle Tool), цвет #474634 и на новом слое создаем фигуру.
Шаг 4. Выбираем «Редактирование» (Edit) > «Трансформирование» (Transform) > «Деформация» (Warp) и деформируем фигуру, как показано на рисунке ниже.
Шаг 5. После этого воспользуемся кожаной текстурой N7 из этого набора текстур. Вставляем текстуру в наш документ поверх фигуры, созданной в предыдущем шаге, и меняем режим наложения на «Мягкий свет» (Soft Light).
Шаг 6. После этого идем в «Изображение» (Image) > «Коррекция» (Adjustment) > «Цветовой тон/Насыщенность» (Hue/Saturation) и ставим галку в поле «Тонирование». После этого обрезаем лишнюю текстуру вокруг фигуры. Щелкнуть по слою с фигурой, удерживая Ctrl > нажать Shift+Ctrl+I для инвертирования выделения > нажать Del.
Шаг 7. После этого можно объединить слой с текстурой и фигурой. А к получившейся фигуре применить стиль слоя «Тень» (Drop Shadow) размером 15 пикселей и прозрачностью 65%.
Шаг 8. На этом шаге выделим фигуру, потом откроем контейнер «Окно» (Window) > «Контуры» (Paths) и в нем щелкнем по значку «Сделать из выделенной области рабочий контур» (Make Work Path From Selection). Далее выбираем инструмент «Текст» (Type Tool) и пишем пунктиром по контуру.
Шаг 9. Теперь применим к пунктирным стежкам стиль слоя «Тень» (Drop Shadow).
Шаг 10. После этого снизим прозрачность слоя со стежками до 60%.
Шаг 11. На новом слое создаем прямоугольник, заливаем его цветом #d6c693.
Шаг 12. Применяем к нему стиль слоя «Перекрытие узора» (Pattern Overlay).
Шаг 13. Потом применяем стиль слоя «Тень» (Drop Shadow), цвет #706c53.
Шаг 14. Потом стиль слоя «Внутреннее свечение» (Inner Glow).
Шаг 15. Потом стиль слоя «Внешнее свечение» (Outer Glow).
Шаг 16. Получили такой результат.
Шаг 17. Теперь делаем копию слоя с лентой и перемещаем ее под слой с текстурой, немного сдвигаем влево и вниз. С края вырезаем уголок для имитации края ленты. В стиле слоя отключаем внешнее и внутреннее свечение и немного меняем угол наклона тени.
Шаг 18. Делаем еще один дубликат слоя. Также перемещаем его под слой с текстурой, немного сдвигаем вправо и вниз. С края вырезаем уголок для имитации края ленты. В стиле слоя отключаем внешнее и внутреннее свечение и немного меняем угол наклона тени. Получили такой результат.
Шаг 19. Теперь на новом слое инструментом «Прямолинейное лассо» (Poligonal Lasso Tool) выделяем теругольник, как на рисунке ниже. Заливаем его цветом #1b1a11. Делаем тоже самое с другой стороны и получаем объемную ленту.
Шаг 20. После этого печатаем текст DesigNonstop шрифтом Gabo Drive (N18 из этого набора шрифтов), цвет #53503d. Применим к тексту стиль слоя «Тень» (Drop Shadow), размер 1 пиксель, цвет #e7be3f, «Осветление» (Screen), прозрачность 62%.
Шаг 21. После этого делаем дубликат слоя с текстом, отключаем стиль слоя, смещаем текст вниз и вправо на несколько пикселей. Снижаем прозрачность слоя до 35%.
Шаг 22. После этого пишем небольшой текст сверху на самой текстуре. Шрифт Myriad Pro, размер 10 пикселей, цвет #d6c693. Прозрачность слоя снизим до 61%.
Шаг 23. Тем же самым шрифтом пишем небольшой текст снизу.
Финал Ну и в заключении украшаем нижний текст двумя звездочками.
Спасибо, Наташа!
Не знаю пригодится или нет, но сама мысль не плохая!
попробую воплотить на досуге.
Ну а к вам то сюда я точно вернусь и не раз есть что почитать.
Ответить
Наташа Клевер20-12-2011 . 16:17
#
2
@Аркадий:
Аркадий, заходите конечно! Всегда рада вас видеть. Если что, спрашивайте, буду рада помочь ))
@Anton:
Ну в общем я бы так попробовала. Создаем слой, заливаем красно-оранжевым цветом, можно добавить немного шума. Потом выбираем подходящую текстуру, типа таких, как из этой подборки. Кладем ее сверху, обесцвечиваем, меняем режим наложения на Умножение и снижаем прозрачность процентов до 25. Потом выбираем инструмент Осветление и какой-нибудь крупной кистью пройдемся по поверхности для создания неоднородности фабричной текстуры. Как-то так… ))
Ответить
Anton20-12-2011 . 18:47
#
5
@Наташа Клевер: ого! 🙂 Ok, спасибо, буду пробовать.
Люблю такие штуки, и реализация отличная!
Спасибочки.
Ответить
Наташа Клевер21-12-2011 . 10:50
#
8
@SwaEgo:
Спасибо! ))
Ответить
Иван23-12-2011 . 18:47
#
9
Да, симпатично выглядит!
Ответить
Наташа Клевер25-12-2011 . 14:15
#
10
@Иван:
Спасибо! ))
Ответить
Рудик06-04-2012 . 14:41
#
11
Здравствуйте Наташа,
мне очень понравился ваш логотип (логотип с текстурным фоном из кожи и лентой), но к сожалению у меня нечего не получается, так как я совсем новичёк в фотошопе и многих нюансов к сожалению не знаю! Не могли бы выслать мне видео к этому логотипу, конечно же если это вас не затруднит. Я буду вам очень признателен.
Заранее благодарен вам.
Рудик
Ответить
Наташа Клевер06-04-2012 . 21:51
#
12
@Рудик:
Рудик, здравствуйте.
Боюсь, что с видео вам помочь не смогу, так как я его и не записывала даже. Вы напишите, на каком шаге у вас проблема.
Ответить
Анна02-07-2012 . 14:58
#
13
Здравствуйте.. Там где накладываем текстуру в стилях белые квадраты на прозрачном фоне у меня таких нет!(
Ответить
Наташа Клевер02-07-2012 . 16:55
#
14
@Анна:
Вы можете попробовать сделать узор 3х3 сами. В интернете много уроков как сделать паттерн. Хотя в данном случае можно воспользоваться любым другим подходящим белым узором, который есть у вас в наличии ))
Ответить
lilo-8727-11-2012 . 20:36
#
15
Спасибо за урок. У меня все получилось, буду пользоваться и в будущем 🙂
Ответить
Наташа Клевер30-11-2012 . 18:30
#
16
@lilo-87:
Пожалуйста! Удачи и в дальнейшем 🙂
Ответить
Anna08-01-2013 . 23:52
#
17
Natalya, ya zastrala na shage 5.
ne mogu nalojit texturu.
kak eto — poverh figury ?
otkryt layer style i ottuda vstavit podhodashuyu texturu?
esli da to kogda ya eto delayu u mena vse textury kotory skacala s vashih ssylok neaktivny i ya en mogu ni odnu iz nih vybrat…. ne poymu v cem delo
Ответить
Наташа Клевер09-01-2013 . 12:29
#
18
@Anna:
Открываем текстуру в фотошопе, нажимаем Ctrl+A, затем Ctrl+C. Потом переходим в наш основной документ, где мы делаем логотип и нажимает Ctrl+V. Текстура вставится поверх фигуры.
Ответить
Михаил29-01-2013 . 14:10
#
19
спасибо. попробую на основе такой эмблемы шапку в сайте сделать…
Спасибо, Наташа!
Не знаю пригодится или нет, но сама мысль не плохая!
попробую воплотить на досуге.
Ну а к вам то сюда я точно вернусь и не раз есть что почитать.