Вычурная типографика
читать дальшеВ этом уроке использовались обычные векторные орнаменты-клипарты
их можно поискать здесь:
cameronmoll.com/archives/2008/05/25_resources_o...
Автор взял эти:
www.istockphoto.com/file_closeup/object/5836792...
Откройте фотошоп и создайте новый документ (1680x1050px). После этого напечатайте любое слово (здесь взято «abduzeedo»). Идём в Layer>Layer Style>Gradient Overlay и используем красный, жёлтый , зелёный и голубой цвета.
Начнём смешивать вектор и текст. Первое что вы должны сделать- это подобрать для каждой буквы подходящий вектор. Затем нужно разместить вектор примерно так, как показано на рисунке ниже:
После того, как вы подогнали вектор к букве, добавим некоторую глубину. Для этого используем стили слоёв. Идём в Layer
>Layer Styles>Drop Shadow. Blend Mode-Multiply, чёрный цвет, Opacity-100% ? Angle- -60, Distance- 5px, Size- 5px.
Теперь создадим слой с тенью. Клик правой кнопкой мыши по слою с тенью. Выбираем из меню Create Layer. Всё, теперь у нас есть слой с тенью.
Теперь, когда мы имеем слой с тенью, применим маску. Layer>Layer Mask>Reveal All. Выберите Brush Tool(B ) чёрного цвета, diameter-45 pixels а hardness- 0%. И с помощью маски спрячьте некоторые части тени.
Повторите тоже самое с другими буквами. Ре обязательно делать это со всеми буквами. Автор сделал это только с буквами A, B, D, Z, E, D и O. После того, как вы всё сделали, сгруппируйте слои вместе и назовите группу «logo».
А сейчас, время добавить текстуру. Можете спрятать все слои, чтобы не мешались. Скачайте набор Vintage II ( designreviver.com/freebies/300-vintage-style-te... )и "Vintage10.jpg" переместите в документ. Так как это изображение-1500px, а документ-1680px вы должны будите дублировать изображение и заполнить оставшуюся часть этим. Image>Adjustments>Hue/Saturation. Поставьте Hue 49, Saturation 19, Lightness +35.
Скачайте jocosity.deviantart.com/art/15-textures-art-vin... и "textur2.jpg" переместите в документ. Теперь измените Blend Mode на Overlay. Image>Adjustments>Hue/Saturation. Поставьте Hue +2, Saturation -41, Lightness -75.
Скачайте lailomeiel.deviantart.com/art/Old-Paper-Texture... и "DSC02679.JPG" переместите в документ. Blend Mode поставьте на Color burn. Теперь сгруппируйте все слои с текстурами назовите группу «Textures».
Выберите группу "logo" и идите Layer>Merge Group. Это соединит все слои в группе. Layer>Layer Style>Drop Shadow. Поставьте Blend Mode на Color Burn, 100% Opacity, -60º Angle, Distance и Size 5px.
Дублируйте группу "texture" и измените blend mode слоя "paper" на Overlay. Соедините слои. Поместите этот слой над «logo». Layer>Create Clipping Mask и поменяйте Blend Mode на Multiply. Опять дублируйте слой "texture" и убедитесь что он всё ещё с clipping mask. Blend Mode на Overlay.
Сгруппируйте слой «logo» и два слоя с текстурами clipping mask. Дублируйте этот и склейте слои вместе. Теперь Filter>Blur>Gaussian Blur. Поставьте Radius на 4.5 pixels и поменяйте Blend Mode на Screen и 80% Opacity. Теперь можете добавить Radial Gradient по вашему желанию.
вот и всё!
Автор: www.abduzeedo.com/super-cool-frilly-bits-typogr...
Перевод: KILLery
читать дальшеВ этом уроке использовались обычные векторные орнаменты-клипарты
их можно поискать здесь:
cameronmoll.com/archives/2008/05/25_resources_o...
Автор взял эти:
www.istockphoto.com/file_closeup/object/5836792...
Откройте фотошоп и создайте новый документ (1680x1050px). После этого напечатайте любое слово (здесь взято «abduzeedo»). Идём в Layer>Layer Style>Gradient Overlay и используем красный, жёлтый , зелёный и голубой цвета.
Начнём смешивать вектор и текст. Первое что вы должны сделать- это подобрать для каждой буквы подходящий вектор. Затем нужно разместить вектор примерно так, как показано на рисунке ниже:
После того, как вы подогнали вектор к букве, добавим некоторую глубину. Для этого используем стили слоёв. Идём в Layer
>Layer Styles>Drop Shadow. Blend Mode-Multiply, чёрный цвет, Opacity-100% ? Angle- -60, Distance- 5px, Size- 5px.
Теперь создадим слой с тенью. Клик правой кнопкой мыши по слою с тенью. Выбираем из меню Create Layer. Всё, теперь у нас есть слой с тенью.
Теперь, когда мы имеем слой с тенью, применим маску. Layer>Layer Mask>Reveal All. Выберите Brush Tool(B ) чёрного цвета, diameter-45 pixels а hardness- 0%. И с помощью маски спрячьте некоторые части тени.
Повторите тоже самое с другими буквами. Ре обязательно делать это со всеми буквами. Автор сделал это только с буквами A, B, D, Z, E, D и O. После того, как вы всё сделали, сгруппируйте слои вместе и назовите группу «logo».
А сейчас, время добавить текстуру. Можете спрятать все слои, чтобы не мешались. Скачайте набор Vintage II ( designreviver.com/freebies/300-vintage-style-te... )и "Vintage10.jpg" переместите в документ. Так как это изображение-1500px, а документ-1680px вы должны будите дублировать изображение и заполнить оставшуюся часть этим. Image>Adjustments>Hue/Saturation. Поставьте Hue 49, Saturation 19, Lightness +35.
Скачайте jocosity.deviantart.com/art/15-textures-art-vin... и "textur2.jpg" переместите в документ. Теперь измените Blend Mode на Overlay. Image>Adjustments>Hue/Saturation. Поставьте Hue +2, Saturation -41, Lightness -75.
Скачайте lailomeiel.deviantart.com/art/Old-Paper-Texture... и "DSC02679.JPG" переместите в документ. Blend Mode поставьте на Color burn. Теперь сгруппируйте все слои с текстурами назовите группу «Textures».
Выберите группу "logo" и идите Layer>Merge Group. Это соединит все слои в группе. Layer>Layer Style>Drop Shadow. Поставьте Blend Mode на Color Burn, 100% Opacity, -60º Angle, Distance и Size 5px.
Дублируйте группу "texture" и измените blend mode слоя "paper" на Overlay. Соедините слои. Поместите этот слой над «logo». Layer>Create Clipping Mask и поменяйте Blend Mode на Multiply. Опять дублируйте слой "texture" и убедитесь что он всё ещё с clipping mask. Blend Mode на Overlay.
Сгруппируйте слой «logo» и два слоя с текстурами clipping mask. Дублируйте этот и склейте слои вместе. Теперь Filter>Blur>Gaussian Blur. Поставьте Radius на 4.5 pixels и поменяйте Blend Mode на Screen и 80% Opacity. Теперь можете добавить Radial Gradient по вашему желанию.
вот и всё!
Автор: www.abduzeedo.com/super-cool-frilly-bits-typogr...
Перевод: KILLery
@темы: Уроки, Web-дизайн