Все уроки Фотошоп

Есть вопрос? Задайте здесь и сейчас!

Форум Регистрация Выслать активацию Восстановить пароль Дополнительно Файлы Видео Галереи Справка  
Администрация поздравляет всех форумчан с Новым 2018 Годом. Пусть всех в доме ждёт достаток, в семье благополучие, а на работе успех. , ну и конечно же здоровья !!! С Наступившим вас всех Новым Годом!!!
Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Иконка в стиле ретро, Авторский урок

Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Иконка в стиле ретро, Авторский урок


 
Опции учебника
Иконка в стиле ретро, Авторский урок

Предыдущий учебник Иконка в стиле ретро, Авторский урок Следующий учебник
Опубликовал(а) Gostemilov
16.06.2015
Иконка в стиле ретро, Авторский урок


Иконка в стиле ретро


Программы: Adobe Illustrator CS4 и Adobe Photoshop CS4 и выше
Уровень сложности: средний
Примерное время выполнения: 30 минут
Основной упор урока - это учение работы с векторными формами так называемыми Shape Layers. Как с ними производить всяческие манипуляции: копирование, добавление одной формы к другой, вычитание из одной формы другую и т.д.

Материалы для урока:

Узор:  Pattern.rar ( 4,36 KB ) Кол-во скачиваний: 232

Шрифт: Lobster
Привет всем. В данном уроке я покажу вам как можно сделать иконку в стиле ретро на примере иконки «Demiart Add to favourite»


Итак начнем.

ШАГ 1
Открываем Adobe Illustrator, создаем новый документ 512х512 pix. Выбираем инструмент Star Tool кликаем по холсту и устанавливаем следующие настройки.


Убираем заливку и задаем значение обводки равную 12 pix.


ШАГ 2
Дублируем (Ctrl+C) и вставляем (Ctrl+V) слой со звездой. Затем к копии применяем Effect>Paths>Offset Path со следующими значениями. После чего к слою примените Object>Expand Appearance.


ШАГ 3
Опять дублируем и вставляем слой с первой звездой. Затем применяем Effect>Paths>Offset Path со следующими значениями (смотрите скрин). После применения эффекта к слою, опять переходим в меню Object>Expand Appearance.


В результате у вас получится 3-и звезды.


ШАГ 4
Выбираем инструмент Ellipse Tool [L] задаем размер 12x12 pix и создаем окружность (с заливкой но без обводки!).


Затем с этой окружности создадим кисть перетащив ее в окно Brushes в появившемся окне выберите пункт Pattern Brush.


Установите следующие настройки кисти.


В результате у вас в окне Brushes появится новая кисть.


ШАГ 5
Выберите среднюю звезду. И примените к ней созданную кисть.


ШАГ 6
Переходим в меню настройки кисти (смотри скрин) и устанавливаем следующие настройки. После чего переходим в меню Object>Expand Appearance.




В результате у вас получится следующий вид.


ШАГ 7
Специфика этой кисти в том, что она не заполняет острые углы. Мы заполним их вручную.
Для этого, выбираем инструмент Direct Selection Tool [A]. Наводим на центр окружности зажимаем Alt и перетаскиваем окружность в нужный нам угол.




Заполняем все углы.


ШАГ 8
Затем переводим внутреннюю и внешнюю звезду в (Shape) через меню Object>Expand установив следующие пункты.


В результате у вас получится следующий вид


Итак, мы подготовили каркас иконки для дальнейшего ее преобразования в программе Adobe Photoshop.

ШАГ 9
Копируем его (Ctrl+C). Открываем Adobe Photoshop, создаем новый документ 512х512 pix и вставляем его (Ctrl+V). В появившимся окне вставки (Paste) выбираем пункт Shape layer.


С помощью свободной трансформации (Ctrl+T) задайте нужный размер - я выбрал 450х450 pix.


ШАГ 10
Продублируйте наш каркас дважды. Так как он состоит из 3-х составляющих частей (внешней звезды, окружностей и внутренней звезды) удалите у каждой копии слоя оставшиеся 2-е составляющие так, чтоб каждый слой состоял только из одной составляющей. В результате у вас будет 3-и слоя, я назвал соответственно (смотрим скрин)


ШАГ 11
Выбираем слой «Окружности» задаем цвет ffb400 и применяем следующие стили слоя




В результате у вас получится следующий вид.


ШАГ 12
Выбираем слой «Внешняя часть», дублируем его (назовем «Проем») и с помощью инструмента Direct Selection Tool [A] удаляем внешний контур.


ШАГ 13
Выбираем слой «Внутренняя часть», дублируем его (назовем «Фон») и с помощью инструмента Direct Selection Tool [A] удаляем внутренний контур.


ШАГ 14
Выбираем инструмент Path Selection Tool [A], копируем контур у слоя «Фон» (слой затем скройте, так он нам пока не понадобится), выбираем слой «Проем» и вставляем скопированный контур. В меню преобразования контура выбираем Subtract Front Shape. После чего меняем цвет слоя на 7c2900.






ШАГ 14
Применяем к слою следующие стили слоя (перед этим нужно установить узор который в архиве в Фотошоп)






В результате у вас получится следующее



ШАГ 15
Дублируем слой «Внешняя часть» (назовем его «Объем внешняя часть») и перемещаем его на 10 pix вниз, после чего изменим цвет слоя на 777777. Тоже самое проделайте и со слоем «Внутренняя часть» копию назовите «Объем внутренняя часть».


ШАГ 16
Выбираем инструмент Path Selection Tool [A], копируем контур у слоя «Внешняя часть» выбираем слой «Объем внешняя часть» и вставляем скопированный контур. Выбираем Subtract Front Shape в меню преобразования контура. После чего удалите лишнии части контура. Тоже самое проделайте со слоем «Объем внутренняя часть» скопировав контур у слоя «Внутренняя часть».


ШАГ 17
Инструментом Direct Selection Tool [A] переместите угловые точки так, чтобы звезда выглядела цельной и имела объем.


Опубликовал(а)
Аватар для Gostemilov
Администратор
Он малахольный
Регистрация: 07.09.2007
Адрес: Россия, Москва. 100 метров до МКАД
Возраст: 54
Сообщений: 92,007
Вес репутации: 10
Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима


Рекомендовать другим

Копирайт
Оригинал урока
demiart.ru/forum/index.php?showtopic=221931
 



Опции учебника

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
Обработка фото в стиле «Esquire», авторский урок Gostemilov Необработанные уроки Photoshop 0 20.06.2015 21:40
Рисуем иконки в стиле Nokia, Авторский урок Gostemilov Необработанные уроки Photoshop 0 19.06.2015 03:35
  Урок Photoshop для начинающих     Иконка в стиле WMP11 под Vista. Gostemilov Уроки Adobe Photoshop 0 15.01.2013 19:03
  Урок Photoshop средней сложности   Иконка адресной книги в Mac OSX стиле Gostemilov Уроки Adobe Photoshop 0 23.07.2012 05:44

###
Социальные сети
Группы
Основные разделы
Скачать и поделиться

Новости Фотошопии
Подписаться письмом
Дополнительно

Текущее время: 12:51. Часовой пояс GMT +2.


удаленная проверка сервера uptime российских хостеров
Rambler's Top100


.
Locations of visitors to this page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc. Перевод: zCarot
vBulletin Optimisation by vB Optimise (Reduced on this page: MySQL 14.29%).