Логотипы - Photoshop-Tutorials / ru Логотипы - Photoshop-Tutorials /yandexlogo.gif Логотипы - Photoshop-Tutorials / DataLife Engine Металлический логотип трансформеров /tutorials/logo/746-making-of-metallic-transformers-logo.html В этом уроке мы создадим металлический логотип Трансформеров. Логотипы Tue, 30 Jul 2013 06:28:45 +0400 В этом уроке мы создадим металлический логотип Трансформеров. Логотип "Sony Ericsson" /tutorials/logo/712-sony-ericsson-logo.html В этом уроке мы попробуем создать логотип Sony Ericsson приблизительно за 20 минут. Кроме того, вы узнаете, как экономить время, меняя стили слоя и используя копии вашего начального эффекта или формы. Логотипы Sat, 07 Jul 2012 05:56:50 +0400 Создайте новый документ. Наверное, все помнят, как выглядит логотип SE, вот это изображение поможет нам увидеть с чего можно начать, а также запомнить все детали логотипа. Ну, думаю, если этот логотип создавался в PS, то первым делом был создан круг. Я создал окружность с помощью Ellipse Tool , цвет формы зеленый. Этот круг будет средним элементом логотипа. Для этого слоя применим всего один стиль слоя. Сейчас мы просто создали тень. Блик я сделал с помощью большой, мягкой кисти белого цвета. Сделайте всего один щелчок кистью на новом слое. Смажем этот блик с помощью Blur Tool или фильтром Filter > Blur > Gaussian Blur Если вы внимательно посмотрите на оригинальный логотип, то увидите, что этот блик имеет слегка желтоватый оттенок. Применим следующий стиль слоя. Для того чтобы блик выглядел более реалистичным, я продублировал слой два раза, стиль слоя Color Overlay выключите на обеих копиях. Также я немного уменьшил размеры этого блика, для некоторой цветной градации. Если результат блика вас устраивает, можете объединить эти три слоя. Далее мы будем создавать серый круг, в котором размещен этот зеленый. Для основы можете использовать свой первый зеленый круг, для этого продублируйте его и измените его стили слоя. Начальный цвет этого круга будет белый или немного серый. Если снова посмотрим на оригинал логотипа, то увидим, что сверху применяется форма яйца, а не окружности. Чтобы получить такую форму, используем Warp трансформацию (Edit > Transform > Warp) Теперь нужно приложить немного усилий, чтобы создать форму, как показано ниже. Чтобы ее создать, используйте Pen Tool . Пытайтесь соответствовать оригинальной форме. Приблизительно вы должны получить следующее. Растеризуйте форму. Создайте выделения, вы можете сделать сначала одно выделение, затем, зажав SHIFT, сделать другое. Находясь на слое с серым кругом, нажмите DELETE на клавиатуре. Создайте копию среднего зеленого круга (CTRL+J) Хорошо, теперь устраним ошибку, которую я допустил, даже не заметил Сделайте копию круга больше, разверните и сдвиньте ее. Сложим все вместе. Соблюдайте пропорции. Теперь создадим три маленьких блика. Можно использовать готовые формы или кисти. Немного изменим цвет через Hue/Saturation (CTRL+U) Фон я создал из того же слоя (копия зеленого круга) Логотип Nvidia /tutorials/logo/608-nvidia-logo.html В этом уроке создадим логотип известного всем производителя видеокарт Nvidia Логотипы Sun, 03 Jul 2011 19:34:05 +0400 Для начала создайте окружность с помощью Ellipse Tool Выберите инструмент Custom Shape Tool и создайте такую форму, внимание первый слой я отключил специально, чтобы показать эту фигуру. Примените следующие стили слоя к этой форме. Снова выберите Ellipse Tool и с зажатой клавишей SHIFT создайте окружность белого цвета, в центре формы. Примените к окружности следующие стили слоя. (цвет градиента # 9293A8) Зажав CTRL щелкните по первому слою, загрузив тем самым его выделение. Выберите инструмент Polygonal Lasso Tool и зажав ALT , срежьте выделение как показано ниже. То же самое сделайте и с другой стороны. Выберите Elliptical Marquee Tool и с зажатой клавишей SHIFT удалите внутреннюю часть выделения. Создайте новый слой и залейте его белым цветом, снимите выделение CTRL+D. Примените фильтр Filter > Blur > Gaussian Blur > 1,5px, понизьте непрозрачность (Opacity) до 10% Добавьте текст, логотип и все… Логотип Nvidia готов. Логотип «Splash Page» /tutorials/logo/563-logo-splash-page.html Создаем логотип с названием «Splash Page» который можно использовать в качестве заголовка для сайта Логотипы Mon, 18 Apr 2011 17:02:40 +0400 Для начала создайте новый документ с размерами 450x200px Создайте прямоугольное выделение. Используя Polygonal Lasso Tool :polygona: срежьте верхние углы зажимая ALT и создайте нижние точки как показано ниже. На новом слое залейте выделение цветом #626F8C Выберите в главном меню Select > Modify > Contract > 4px Нажмите Delete чтобы удалить ненужную часть и создайте новый слой и разместите его ниже слоя с формой. Если вы еще не сняли выделение то примените Select > Modify > Expand > 2px И залейте выделение на новом слое цветом #8E9FC4 Выберите первый верхний слой и примените к нему стиль слоя Bevel And Emboss с такими параметрами. Теперь добавьте Gradient Overlay Сейчас у вас должно получиться приблизительно вот это. Создайте новый слой и разместите его между слоями. Нажмите на клавиатуре сначала “D” затем нажмите “X” и зажав CTRL щелкните по нижнему слою чтобы загрузить его выделение. Выберите инструмент Gradient Tool :gradient: и установите стиль градиента Foreground To Transparent (От белого к прозрачному), протяните градиент с верху формы до ее середины. Вот что должно получиться. Используя Elliptical Marquee Tool :elliptic: создайте овальное выделение подобно рисунку ниже (Совет: зажмите ALT чтобы было проще рисовать окружность) Нажмите на клавиатуре DELETE С помощью Horizontal Type Tool :horisont: напечатайте текст белым цветом и разместите этот слой ниже слоя с градиентом. Добавьте стиль слоя Outer Glow белого цвета Продублируйте слой и отразите его вертикально Edit > Transform > Flip Vertical Теперь добавьте маску слоя Layer > Add Layer Mask > Reveal All Снова используя Gradient Tool :gradient: с цветами черный и белый, протяните градиент снизу вверх и в итоге вы должны получить это. Тем же способом добавим слоган или девиз сайта. Вот мой финальный результат. Логотип Halo /tutorials/logo/512-halo-logo.html В этом уроке мы создадим логотип в виде заголовка игры Halo Логотипы Sun, 20 Feb 2011 23:41:21 +0300 Начнем урок с создания нового документа с размерами 314x173px Фон залейте градиентом, цвета указаны на рисунке ниже. Выберите инструмент Horizontal Type Tool :horisont: и примените такие настройки, шрифт Halo можете загрузить здесь . Напечатайте текст HALO (или любой другой). Смените цвет переднего плана на #031542 Двойным щелчком по слою, откройте диалог Blending Options и примените следующие стили слоя. Финальный Логотип Cingular /tutorials/logo/501-cingular-logo.html В этом уроке вы узнаете как нарисовать логотип Cingular Логотипы Sat, 19 Feb 2011 02:25:12 +0300 Начнем урок с создания нового документа, цвет фона белый, размер холста 294X174. Двойным щелчком по фоновому слою в палитре слоев, разблокируйте слой. Снова двойным щелчком откройте диалог Blending Options и примените стиль слоя Gradient Overlay. Теперь загрузите эту форму , выберите инструмент Custom Shape Tool :custom_s: и выберите загруженную форму Cingular Logo. Цвет формы #E95F20, переименуйте слой в «Logo» Откройте диалог Blending Options и примените к форме следующие стили слоя. Теперь загрузите эту форму и снова с помощью Custom Shape Tool :custom_s: выберите форму Balloon, нарисуйте форму как показано ниже, цвет белый. Переименуйте слой в «Balloon» Примените к слою «Balloon» следующие стили слоя. Выберите инструмент Horizontal Type Tool :horisont: и примените такие настройки. Напечатайте ваш текст. Примените к слою с текстом следующий стиль. Создайте еще одну форму Cingular с помощью Custom Shape Tool :custom_s: , но на этот раз черного цвета (или подублируйте первую и очистите стили слоя). Разместите этот слой под слоем «Logo», выберите в главном меню Edit > Free Transform (CTRL+T). Зажмите клавишу CTRL и переместите средний верхний квадрат так, чтобы получился прямой угол. Нажмите Enter чтобы применить трансформацию. Я немного размазал слой с тенью с помощью Gaussian Blur, и поднял заполнение (Fill) до 100% Финальный Быстрый зеленый логотип /tutorials/logo/247-slick-green-logo.html Начнем урок с большого черного холста. Создайте новый слой и назовите его «Custom logo» (Обычный логотип). Выберите инструмент Polygon Tool (Многоугольник) Логотипы Mon, 29 Nov 2010 13:30:05 +0300 : Начнем урок с большого черного холста. Создайте новый слой и назовите его «Custom logo» (Обычный логотип). Выберите инструмент Polygon Tool (Многоугольник) :polygon0: и установите ширину в 3px поставьте галочки напротив Smooth corners и Anti-Aliased и на новом слое нарисуйте многоугольник цветом #A8FF00 (ширина:97 – высота:96) Примените следующие стили слоя: Gradient Overlay Stroke : Теперь создайте еще один многоугольник черного цвета, внутри зеленого (см. скриншот) (ширина:73 – высота:73) и добавьте следующий стиль слоя. Stroke : На новом слое нарисуйте многоугольник с помощью Polygon Tool :polygon0: , цвет #0E6500 (ширина:48 – высота:48) и добавьте к нему следующие стили слоя. Gradient Overlay Stroke : Добавьте отражение к вашему логотипу. Сначала сделайте копию слоя (CTRL+J) и отразите его горизонтально. Расположите его ниже оригинального. Теперь возьмем большую кисть с мягкими краями и стираем низ слоя копии (см. скриншот). Установите непрозрачность (Opacity) до 50% : Наконец добавим текст к нашему логотипу. Я использовал шрифт Century Gothic, regular, 24pt, strong (жирный), цвет #FFFFFF и #8ED882. Добавьте ваш слоган (лозунг) ниже используя такие параметры. Шрифт: Arial, regular, 7pt, strong, цвет: #FFFFFF Финальный шаг: Вот что должно получиться: Логотип Xbox 360 /tutorials/logo/216-xbox-360-logo.html А вы знаете как создавался известный логотип XBox ? Нет, тогда смотрите.. Логотипы Mon, 27 Sep 2010 20:09:43 +0400 : Для начала нам нужно получить форму в виде буквы "X", чтобы это сделать используем инструмент Polygonal Lasso :polygona: , заполните выделение цветом #45862C : Теперь нужно поделить полученную букву на 4 части, постарайтесь это сделать как я (см. скриншот ниже), я резал логотип с помощью Lasso Tool :lasso000: : Распределите каждую часть на отдельном слое и установите цвета Background #45862C и Foreground #BBDC09, Теперь выберите одну из частей логотипа и с помощью Gradient Tool залейте форму (Я соединил все части обратно чтобы показать как это должно выглядеть) : Повторите для оставшихся трех частей логотипа и соедините все части обратно. : С помощью Polygonal Lasso :polygona: постарайтесь заострить грани буквы "X" Заключение: С помощью Airbrush я добавил немного серого цвета и вот что в итоге я получил. Логотип Digg.com /tutorials/logo/183-digg-logo.html А вы знаете как создавался известный логотип Digg.com? Нет? Тогда читайте этот урок и у вас получится ничуть не хуже... Логотипы Sat, 31 Jul 2010 20:12:18 +0400 Создайте два новых слоя и на каждом нарисуйте фигуры как на скриншоте ниже. (голову на одном, тело на другом) Для рисования используйте Rectangular Marquee Tool :rectangu: и заливайте выделения (голова: #DADADA, тело: #A2A2A2) Совок создадим с помощью Eleptical Marquee Tool :elliptic: и Rectangular Marquee Tool :rectangu: (зажимайте SHIFT чтобы создать более одного выделения) Для совка использованы цвета: темный: #4D4D4D; светлый: #A5A5A5 Примените следующие стили слоя: Inner glow Bevel and Emboss Gradient Overlay (#FFFFFF > #DDDDDD) Stroke (#888888) Примените эти стили для всех частей кроме средней части совка. На кузове совка используйте градиент потемнее. Логотип - Сломанная пилюля /tutorials/logo/123-logo-broken-pill.html Делаем логотип в виде сломанной пилюли и создадим эффект будто из нее что-то сыпется Логотипы Wed, 19 May 2010 15:17:34 +0400 Я создал документ с черным фоном, вы можете использовать любой другой цвет или изображение. Создайте новый слой и возьмите инструмент “Rounded Rectangle Tool ” (U) :rounded_: и установите радиус в 40px, создайте округленный контур пилюли (размер выбираете по вкусу). Я продублировал этот слой и скрыл его (щелчок по глазу в палитре слоев). Теперь будем разбивать пилюлю, чтобы казалось что она треснула. Выбираем инструмент "Rectangle Marquee Tool" (M) :rectangu: и выбираем половину пилюли. Нажимаем CTRL+X (вырезать). Создаем новый слой и нажимаем CTRL+V (вставить). Теперь жмем CTRL+T (свободная трансформация) и немного наклоняем в сторону. Двойной щелчок по слою, чтобы открыть стили слоя (Blending Options) и выбираем Gradient Overlay, используем черно-белый градиент, с непрозрачностью (Opacity) в 25%, это как бы создаст эффект 3D. Используя Polygonal Lasso Tool (M) :polygona: создаем выделение в форме "V" с обоих сторон пилюли, должно быть похоже на раскол. (Новый слой) В этом шаге мы добавим пилюле немного цвета. Выберите Eleptical Marquee Tool :elliptic: и создайте выделение что-то типа этого Нажмите CTRL+SHIFT+I щелкаем правой кнопкой мыши выбираем Fill > Color выберите нужный вам цвет. Теперь чтобы избавиться от ненужного цвета вы должны зажав CTRL щелкнуть по слою с пилюлей к которой добавляли цвет, нажать CTRL+ SHIFT+I и нажать DELETE на клавиатуре. Трудновато объяснить как удалить остальную часть нежелательного цвета, но я сделал это так: выбрал инструмент Rectangular Marquee Tool :rectangu: и выделил весь цвет на правой стороне круга, оставив полоску снизу. Затем взял инструмент Line Tool :line0000: с толщиной линии в 4px чтобы нарисовать линию идущую поперек пилюли и зажав CTRL щелкнул по слою, затем нажав CTRL+SHIFT+I инвертировал выделение и нажал DELETE чтобы удалить, это немного запутанно, но обратите внимание на скриншот ниже. Примените тот же стиль (Gradient Overlay) из шага номер 3. Если вы удовлетворены результатом переходите к 9 шагу и добавляйте текст, если вы хотите добавить эффект будто из пилюли что-то сыпется то продолжайте шаг номер 8 для вас. (Два новых слоя расположите в самый низ) Слой 1: Выберите кисть (Brush :brush000: ) установите сухую кисть (Dry Brush) и перейдите в Window > Brushes снимите все галочки. Сделайте несколько мазков под трещиной пилюли, я использовал кисть под 80 px Слой 2: Переключитесь к кисти "Dru Brush Tip Light Flow" (Не забудьте снять галочки) и сделайте один-два щелчка под трещиной. Применим Filter > Distort > Ripple с такими параметрами: Size-Small; Ammount-999. Дополнительный слой. Дублируем второй слой, тип смешивания ставим на Dissovle и удалите те части слоя которые выглядят плохо, оставив немного точек. (Текст) Выберите "Horizontal Type Tool -->Horizontal Horizontal Type Tool " :horisont: и напечатайте любой текст, который вы хотите видеть на пилюле. Теперь нажмите CTRL+T и наклоните текст так чтобы он соответствовал пилюле. Готовое изображение.